/* ------------- element level --------------- */
	body {background: #fff; margin: 0; padding: 0;	font: 80%/1.5 Verdana;}
	h1{font-size: 1.3em; margin-top:0;}
	h2{font-size: 1.1em;}
	h3{font-size: 1em;}
	a{text-decoration: none; color: #39c;}
	a:hover{text-decoration: underline;}
	blockquote{font-style:italic;}

/* ------------- header --------------- */
	#superNavi{background: url(../images/bg/bg_supernavi.png); color: #FFF;	padding-left: 5px;}
	#superNavi a{color: #FFF; text-decoration: underline; margin-right: 10px;}
	#header{ }
	#header .top{background: #3399cc; margin: 0; padding: 0 0 0 20px;}
	#header .bottom{padding-left: 20px; background: transparent url(../images/bg/bg_header.png)repeat-x bottom left;}
	#header .title{width: 170px; float: left; margin: 10px 0 0 0;}
	
	#header h1 {margin: 0 0 0.2em 0; padding:0; line-height:1.0;}
	#header h1 span{color: #fff;}
	#header h1 a{color: #000;}
	#header h1 a:hover{text-decoration: none;}
	#header h2{color: #FFF;	margin: 0;}
	
	#header .content{width: 790px;  height:85px; padding-top:15px; margin: 0 auto;}
	#header .content #tagCloud{width: 570px; float: right; color: #FFF; line-height: 1.0; margin: 0 0 10px 0;}
	#header .content #tagCloud ul{color: #FFF; margin: 0; padding:0;}
	#header .content #tagCloud ul li{color: #FFF; display: inline; list-style-type: none; margin-right: 5px;}
	#header .content #tagCloud ul li a{color: #FFF;}

	div.categories{margin-bottom: 1em;}
/* ------------- content --------------- */
	#content{clear:both; width: 770px; padding: 0 9px; margin: 0 auto; background: #FFF url(../images/bg/bg_bodyWhite.png) repeat-y left top;}
	#contentColumn{width: 418px; float: left; margin-right: 10px; margin-left: 10px; padding-top: 12px; padding-right: 10px;}
  #contentColumn{width: 418px; float: left; margin-right: 10px; margin-left: 10px; padding-top: 12px; padding-right: 10px;}
	#contentColumn .navigation{}
	#contentColumn .navigation .alignleft{width:45%; float: left;}
	#contentColumn .navigation .alignright{width:45%; float: right; text-align:right}

	body#links #contentColumn ul{list-style: none; margin:0; padding:0;}
	body#links #contentColumn ul li{margin: 0 0 0.5em 0;}
	body#links #contentColumn ul li h2{margin: 0 0 0.5em 0;}
	body#links #contentColumn ul li a{display: block; font-size:1.2em;}
	body#links #contentColumn ul li p{display: block;}	

	ul.socialBookmarkingLinks{display:inline;}

/* ------------- post --------------- */
	.post{ margin-bottom: 2em; }
	.post .header{padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #39c;}
	.post .cal{height: 30px; width: 35px; background: url(../images/bg/icon_calendar.png) no-repeat top left; font-weight: bold; padding: 20px 5px 0 0; margin: 0 10px 0 0; line-height: 1.0;text-align: center;float: left; font-size:0.8em;}
	.post .cal span{display: block;}
	.post .footer .comments{background: url(../images/icons/comments.png) no-repeat top left; padding-left: 25px; margin: 0.5em 0 0 0;}
	.post h1{ font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif; font-size: 1.4em; margin: 0 0; padding:13px 0 0 0; line-height: 1.0;}
	.post h6{font-size: 0.8em; margin: 0; padding:0; width: auto; float: left;}
	.post  p{padding: 0; margin: 0 0 0.5em 0;}
	.post ul li{margin-bottom:1em;}
	.post ul {margin:0; padding:0 0 0 2em;}
	
	
	.comments h1{font-size: 13px; margin-left: 10px;padding: 0 0 10px 20px;	border-bottom: 1px dotted #39c;	background: url(../images/icons/comments.png) no-repeat top left;}
	.comments ul{margin-left: 10px; padding: 0 0 0 2em; list-style-type: decimal; }
	.comments  .addComment{width: 300px;}


	#commentform{border: 1px dotted #3399cc; padding: 5px 10px; width: 380px;}
	#commentform label{width:300px; font-weight:bold; display:block; margin-bottom:5px; font-size:1em;}
	#commentform input[type="text"]{width:200px; height:25px; border: 1px dotted #ccc;}
	#commentform input[type="submit"]{width:75px; height:25px;}
	#openid_url_comment_form{width:82px;}
	#commentform textarea{width:350px; height:100px;}
	#submit{width:150px;}
  
  .more-link{padding-top:10px; line-height: 3.0; font-weight:bold; text-align:right;}
/* ------------- sidebar --------------- */
	#sidebarColumn{width: 310px; float: left; background: #F5F5FF url(../images/bg/bg_sidebar.png) repeat-x bottom left; margin: 0; padding: 0 10px 10px 0; vertical-align: top; line-height: 1.333;}
	#sidebarColumn h2{padding:0; font-size: 1.3em; margin: 0 0 0.2em 0;}
	#sidebarColumn p{margin: 0;}
	
	#sidebarColumn ul{list-style-type: none;  padding: 0; margin: 0; }
	#sidebarColumn ul li{margin-left: 1em; margin-bottom: 2em; margin-top: 3em; list-style-type: none; }
	#sidebarColumn ul li.first{ margin-top: 0;}
	#sidebarColumn ul li h2{border-bottom: 1px dotted #39c;	font-size: 1.2em; padding: 3px 0 5px 0; line-height:1.2; margin-bottom:0.5em;}
    #sidebarColumn ul li h2.withIcon{padding-left:25px;}
	 #sidebarColumn h3{margin-bottom:0.2em;}
	
	#sidebarColumn  .overview{background-image: none; clear:both; width: 100%; text-align:right;}
	
	#sidebarColumn ul li#search h2{padding-left:0;}
	#sidebarColumn ul li#search form{margin:0; padding:0;}
	#sidebarColumn ul li#search input#searchinput{width:200px; margin-right:5px;}
	#sidebarColumn ul li#search input#searchsubmit{width:80px;}

	#sidebarColumn ul li#previous{}
	#sidebarColumn ul li#previous h2{background: url(../images/icons/clock.png) no-repeat center left; padding: 3px 0 5px 25px;}
	#sidebarColumn ul li#previous ul {margin: 0;}
	#sidebarColumn ul li#previous ul li{padding-left: 25px;	margin: 0 0 1em 0; background: url(../images/icons/page_white.png) no-repeat 2px 2px;}
	
	#sidebarColumn ul li#feeds{}
	#sidebarColumn ul li#feeds h2{background: url(../images/icons/feed_add.png) no-repeat 2px 2px; padding: 3px 0 5px 25px;}
	
    #sidebarColumn ul li#events h2{padding-left:0;}
	#sidebarColumn ul li#events ul {margin:0; padding:0;}
    #sidebarColumn ul li#events ul li{margin:0 0 10px 25px; padding:0;}
    #sidebarColumn ul li#events ul li a img{border:none;}

	#sidebarColumn ul li#flickr .falbum-recent{display: block; margin:0 0 0 20px; padding:0; width:100%;}
	#sidebarColumn ul li#flickr .falbum-thumbnail-nods{display:block; float: left; margin: 0 15px 15px 0;}
	#sidebarColumn ul li#flickr .falbum-thumbnail-nods a img{border: none;}	
	
	#sidebarColumn ul li#delicious{}
	.rssLinkListItemTitle {display:block; font-size:1.0em; font-weight:bold; margin: 0 0 0.2em 0;}
	#sidebarColumn ul li#delicious h2{background: url(../images/icons/icon_delicious_13x13.png) no-repeat top left;}
	#sidebarColumn ul li#delicious ul{margin: 0;}
	#sidebarColumn ul li#delicious ul li{padding-left: 25px;margin: 0 0 1em 0;background: url(../images/icons/link.png) no-repeat 2px 2px;}
	
	#sidebarColumn ul li#favourites h2{background: url(../images/icons/award_star_gold_1.png) no-repeat top left;}
	#sidebarColumn ul li#favourites ul{margin: 0;}
	#sidebarColumn ul li#favourites ul li{padding-left: 25px; margin: 0 0 1em 0; background: url(../images/icons/link.png) no-repeat 2px 2px;}
	#sidebarColumn ul li#booktips h2{background: url(../images/icons/book.png) no-repeat top left;}


/* ------------- footer --------------- */
	#footer{height: 30px; background: #FFF url(../images/bg/bg_footerWhite.png) repeat-y bottom left; width: 758px; margin: 0 auto 2em auto; text-align:right;clear:both; padding-right:30px;}
	#footer a{line-height: 1.0;}
	#subfooter{width: 788px; margin: 0 auto; text-align:center; clear:both;}



/* ------------- navigation --------------- */
	ul#nav {position: relative;	/*width: 788px;*/ width:828px; margin: 0 auto; height: 47px;	list-style-type: none; overflow: hidden; clear:both;}
	body#home ul#nav  { background: transparent url(../images/bg/bg_tabs.png) no-repeat 0 0; }
	body#archiv ul#nav { background: transparent url(../images/bg/bg_tabs.png) no-repeat 0 -50px; }
	body#links ul#nav  { background: transparent url(../images/bg/bg_tabs.png) no-repeat 0 -100px; }
	body#kontakt ul#nav  { background: transparent url(../images/bg/bg_tabs.png) no-repeat 0 -150px; }
	ul#nav li a {position: absolute; top: 0; width: 98px; text-indent: -9000px;	background: transparent url(../images/bg/bg_tabs.png) no-repeat; text-decoration: none;	padding: 50px 0 0 0; overflow: hidden;	
	height: 0px !important; 	
	height /**/:50px; /* IE5/Win */
	}
	
	body#home li#hom a 			{ width: 122px; background-position: 0 0;  left: 0; }
	body#home li#hom a:hover		{width: 122px; background-position: 0 0; }
	body#home li#arc a 			{ width: 118px; background-position: -122px 0 ; left: 122px;}
	body#home li#arc a:hover		{  width: 118px; background-position: -122px -50px; }
	body#home li#lin a 			{ width: 98px; background-position: -240px 0; left: 240px; }
	body#home li#lin a:hover		{ width: 98px;  background-position: -240px -100px; }
	body#home li#con a 			{ width: 137px; background-position: -338px 0px; left: 338px; }
	body#home li#con a:hover		{width: 137px; background-position: -338px -150px;}
	
	body#links li#hom a 			{ width: 122px; background-position: 0 -50px;  left: 0; }
	body#links li#hom a:hover		{width: 122px; background-position: 0 0; }
	body#links li#arc a 			{ width: 118px; background-position: -122px 0 ; left: 122px;}
	body#links li#arc a:hover		{  width: 118px; background-position: -122px -50px; }
	body#links li#lin a 			{ width: 98px; background-position: -240px -100px;; left: 240px; }
	body#links li#lin a:hover		{ width: 98px;  background-position: -240px -100px; }
	body#links li#con a 			{ width: 137px; background-position: -338px 0px; left: 338px; }
	body#links li#con a:hover		{width: 137px; background-position: -338px -150px;}
	
	body#archiv li#hom a 			{ width: 122px; background-position: 0 -50px;  left: 0; }
	body#archiv li#hom a:hover		{width: 122px; background-position: 0 0; }
	body#archiv li#arc a 			{ width: 118px; background-position: -122px -50px; left: 122px;}
	body#archiv li#arc a:hover		{  width: 118px; background-position: -122px -50px; }
	body#archiv li#lin a 			{ width: 98px; background-position: -240px 0; left: 240px; }
	body#archiv li#lin a:hover		{ width: 98px;  background-position: -240px -100px; }
	body#archiv li#con a 			{ width: 137px; background-position: -338px 0px; left: 338px; }
	body#archiv li#con a:hover		{width: 137px; background-position: -338px -150px;}
	
	body#kontakt li#hom a 			{ width: 122px; background-position: 0 -50px;  left: 0; }
	body#kontakt li#hom a:hover		{width: 122px; background-position: 0 0; }
	body#kontakt li#arc a 			{ width: 118px; background-position: -122px 0 ; left: 122px;}
	body#kontakt li#arc a:hover		{  width: 118px; background-position: -122px -50px; }
	body#kontakt li#lin a 			{ width: 98px; background-position: -240px 0; left: 240px; }
	body#kontakt li#lin a:hover		{ width: 98px;  background-position: -240px -100px; }
	body#kontakt li#con a 			{ width: 137px; background-position: -338px -150px; left: 338px; }
	body#kontakt li#con a:hover		{width: 137px; background-position: -338px -150px;}
	
/* generics */
.rss_link{background: url(../images/icons/feed_add.png)no-repeat top left; padding: 0 0 5px 25px; line-height:25px; height:25px; vertical-align:middle;}
.clearfix {display: block;}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a img{border:none;}

ol.code{list-style-position:inside; font-family: "Courier New", Courier; background: #ddd; border: 1px solid #000; padding: 1em; margin: 1em; display: block;
width: 380px; overflow: auto;}
ol li span{padding-left: 1em; white-space:nowrap;}



/* thickbox */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


#content ol, #content  ul{
 margin: 20px;
}