/*  
Theme Name: netzlogbuch
Theme URI: http://netzlogbuch.de/
Description: Das Standard-Theme von netzlogbuch.de
Version: 2.0
Author: seitenblick interaktive medien gmbh
Author URI: http://seitenblick.de/
*/

* {
 margin:0;
 padding: 0;
}

html {
 height: 100%
}

body {
 min-height: 101%;
 font-size: 100.01%;
 color: #333;
 background:#fff url(i/nlb_bg.jpg);
 background-repeat:repeat-x;
 font-family: Verdana, Sans-Serif;
 padding: 20px 0 0 0;
}

fieldset, img {
 border:0;
}

select, input, textarea {
 font-size: 99%;
 font-family: Verdana, Sans-Serif;
}

#page {
 width: 960px;
 margin: 0 auto;
 padding: 5px 10px 0 20px;
 position: relative;
 background: #fff;
}

#nav {
 margin: 5px 0 0 0;
 float: right;
}

#logo {
 text-align: center;
 margin: 0 0 5px 20px;
 padding: 20px 0;
}

#logo a {
 outline: none;
}

#header {
 padding: 0 0 15px 0;
}


#col1 {
 float: left;
 width: 580px;
 padding: 20px 20px 0 0;
 z-index: 3;
}

#col1 .einspaltig {
  padding: 0 20px 0 80px;
}

#col1 .schmal_links {
	float:left;
	width: 240px;
}

#col1 .schmal_rechts {
	float:left;
	width: 240px;
	margin: 49px 0 0 0;
}

#col1 .links {
 clear: both;
 float: left;
 width: 80px;
 margin-top: 5px;
}

#col1 .katlinks {
 clear: both;
 float: left;
 font-weight:bold;
 width: 85px;
}


#col1 .links .datum {
 font-size: 1.25em;
 color: #bfbfbf;
 letter-spacing: -0.05em;
}

#col1 .links .jahr {
 font-size: 1.5em;
 color: #bfbfbf;
 letter-spacing: -0.0625em;
}


#col1 .links .kommentarbubble {

	background: url(i/comment_bubble.png) no-repeat; 
	margin: 15px 0 0 16px; 
	padding: 3px 0 0 0;
	text-align: center;
  font-size: 0.8em;
  width:37px;
  height:35px;
  color:#CCCCCC;
  font-weight:bold;
}



#col1 .links .uhrzeit {
 font-size: 0.625em;
 color: #bfbfbf;
 margin: 0 0 0 4px;
 padding: 0 0 0 12px;
 background: url(i/icon_uhr.gif) no-repeat left center;
}

#col1 .ilike {
 font-size: 0.8em;
 color: #bfbfbf;
 font-weight: normal;
 padding: 24px 0 0 0;
}

#col1 .links .rss {
 background: url(i/rss_button.gif) no-repeat left center;
 color: #555;
 display: block;
 font-weight: normal;
 padding: 4px 0 4px 20px;
}

#col1 .rechts {
 float: left;
 width: 500px;
}

#col1 h1 {
 font-size: 2.0em;
 color: #0082BF;
 padding-top:6px;
 padding-bottom: 0.35em;
 margin: 0 0 15px 0;
 line-height: 1.0;
 font-family: Arial, Helvetica, Sans-Serif;
}

#col1 h1.eingerueckt {
 margin: 0 0 20px 80px;
}

#col1 p.eingerueckt {
 margin: 0 0 20px 80px;
}

#col1 .page h1 {
	font-weight: normal;
 	font-size: 1.35em;
 	padding: 14px 0 10px;
 	margin: 0;
}

#col1 h2 {
 font-size: 1.05em;
 color: #0082BF;
 font-weight: lighter;
 margin: 15px 0 0 0;
}

#col1 h1 a {
 font-weight: normal !important;
}

#col1 .rechts h1 {
 margin: 0;
}

#col1 h3 {
 font-size:0.95em;
 padding: 5px 0 2px 0;
}

#col1 h4 {
 margin: 0 0 10px 0;
}

#col1 blockquote {
 width: 460px;
 min-height: 25px;
 color: #555;
 font-size: 0.75em;
 line-height: 1.8;
 font-style: italic;
 margin: 10px 0 25px 0;
 padding: 0 0 0 35px;
 background: url(i/quote.gif) no-repeat left 5px;
}

#col1 blockquote p {
 color: #888888;
 font-size: 1.2em;
 line-height: 1.6;
 margin: 8px 0;
 font-family: Georgia, 'Times New Roman', Times, serif;
}

#col1 blockquote ul,
#col1 blockquote ol {
 font-size: 1em;
}

#col1 code{
	font-size: 1.5em;
	padding: 0 0 0 10px;
}

#col1 pre {
 font-size: 0.75em;
 font-family: 'Courier New', Monospace;
 background: #FCFCFC;
 margin: 5px;
 padding: 3px 6px;
 border: 1px solid #ccc;
 border-left: 10px solid #555;
}

#col1 p {
 font-size: 0.8em;
 line-height: 1.5;
 margin: 0 0 15px 0;
}

#col1 p#tagcloud {
 line-height: 1.3;
 text-align: justify;
}

#col1 p#tagcloud a {
 font-weight: normal;
 vertical-align: middle;
}

#col1 div.infos img {
 border: none !important;
 margin: 0 5px !important;
 padding: 0 !important;
}

#col1 div.infos {
 font-size:0.8em;
 margin: 0 0 10px 0;
}

#col1 ul,
#col1 ol {
  font-size: 0.75em;
  line-height: 1.5;
  margin: 20px 0 20px 30px;
}

#col1 ul li,
#col1 ol li {
  padding: 0 0 5px 0;
}




#col1 span.titel_beitraege {
 font-weight:bold;
 font-size:1.1em;
 line-height:0.1em;
}

#col1 .rechts p.kommentarlink {
 float: right;
 /*font-size:0.8em;*/
 margin: 5px 0 70px 0;
 padding: 0 0 0 15px;
 background: url(i/icon_kommentare.gif) no-repeat left center;
}

#col1 .aehnlichebeitraege {
	float:left; 
	width:380px;
}

#col1 .trackbacklink {
	float:left; 
	width:120px;
}

#col1 .trackback {
 width: auto;
 float: right;
 font-size:0.8em;
 padding: 0 0 0 12px;
 background: url(i/link_pfeil.gif) no-repeat left center;
 margin:21px 20px 20px 10px;
}

#col1 .rechts p.fusszeile {
 clear: both;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 5px 2px 5px 3px;
 margin: 20px 0 15px 0;
 font-size: 0.7em;
}

#col1 .rechts p.fusszeileindex {
 clear: both;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 5px 5px 5px 5px;
 margin: 20px 0 5px 0;
 font-size: 0.7em;
}


#col1 .rechts p.fusszeile span.links {
 width: 90px;
 /*float: left;*/
 margin: 0;
}

#col1 .rechts p.fusszeile span.mitte {
 /*float: left;*/
 width: 390px;
}



/* -- Anfang Fussleiste -- */

#col1 .fussleiste {

	border-top:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC; 
	line-height:1.6em; 
	font-size:0.7em; 
	padding:5px 0 5px 0; 
	font-weight:normal;
	margin: 25px 0 80px 0;

}

#col1 .fussleiste_single {

	border-top:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC; 
	line-height:1.5em; 
	font-size:0.7em; 
	padding:5px 0 5px 0; 
	font-weight:normal;
	margin: 40px 0 0 0;

}

#col1 .fussleiste a:link,
#col1 .fussleiste a:visited,
#col1 .fussleiste_single a:link,
#col1 .fussleiste_single a:visited  {

	color:#666666; 
	text-decoration:none;
	font-weight:normal;
}

#col1 .fussleiste a:hover,
#col1 .fussleiste a:focus,
#col1 .fussleiste_single a:hover,
#col1 .fussleiste_single a:focus  {
	
	text-decoration:underline;
	font-weight:normal;
}

#col1 .fussleiste .fusstags,
#col1 .fussleiste_single .fusstags {

	width:273px; 
	float:left; 
	padding:2px 0 0 2px;

}

#col1 .fussleiste .fussinfos, 
#col1 .fussleiste_single .fussinfos {
	
	width:165px; 
	text-align:right; 
	float:left; 
	padding: 2px 10px 0 0;
	
}

#col1 .fussleiste .fussautorbild,
#col1 .fussleiste_single .fussautorbild {

	width:40px; 
	float:left; 
	margin: 0 10px 0 0;
	background: #C5E3F0;

}

/* -- Ende Fussleiste -- */

#col1 .rechts p img {
 border: 1px solid #eee;
 padding: 5px;
 margin: 0 8px 5px 0;
 max-width: 480px;
}

#col1 .rechts p .wp-smiley {
 border: none;
 padding: 0;
 margin: 0;
}


#col1 a:link,
#col1 a:visited,
#col2 a:link,
#col2 a:visited,
#footer a:link,
#footer a:visited,
#rss-overlay a:link,
#rss-overlay a:visited,
#col_bildschirm a:link,
#col_bildschirm a:visited {
 color: #0082BF;
 font-weight: normal;
 text-decoration: none;
 outline: none;
}

#col1 a:hover,
#col1 a:focus,
#col2 a:hover,
#col2 a:focus,
#footer a:hover,
#footer a:focus,
#rss-overlay a:hover,
#rss-overlay a:focus,
#col_bildschirm a:hover,
#col_bildschirm a:focus {
 text-decoration: underline;
}

a.icon {
 padding: 0 0 0 10px;
 background: url(i/icon_links.gif) no-repeat left center;
}

#col1 #vorzurueck {
 clear: both;
 padding: 0 0 0 80px;
 font-size:0.95em;
}

#col1 #vorzurueck .neuere {
 float: left;
 width: 200px;
 text-align: left;
}

#col1 #vorzurueck .aeltere {
 float: right;
 width: 200px;
 text-align: right;
}

.gravatar {
 float:left;
 padding:5px 10px 5px 0;
 font-size:0.5em;
}

#col1 #comments {
 padding: 10px 0 0 80px;
}

#commentPreview {
 font-size:1.78em;	
}

#col1 #comments p {
 margin: 10px 0;
}


#col1 #comments .kommentar_eintrag {
 margin: 15px 0;
 min-height: 90px;
 border-bottom: 1px solid #ccc;
}

#col1 #respond {
 padding: 20px 0 0 0;
 font-size: 0.75em;
}

#col1 #respond input {
 border: 1px solid #ccc;
 float: left;
 width: 180px;
 padding: 1px;
 margin: 6px 0;
}

#col1 #respond .rechts input {
 border: none;
 float: left;
 width: 74px;
 height: 19px;
 padding: 1px;
 margin: 6px 0;
 background-image: url("i/btn_senden.gif");
}

#col1 #respond .rechts input:hover {

 	background-image: url("i/btn_senden_high.gif");
	cursor:pointer;
}

#col1 #respond textarea {
 border: 1px solid #ccc;
 width: 480px;
 height: 130px;
 padding: 1px;
 margin: 6px 0 6px 0;
}

#col1 #respond label {
 float: left;
 margin: 6px 0 6px 10px;
}

#col1 #respond button {
 background: #fff;
 border: none;
 vertical-align: middle;
 width: 77px;
 height: 22px;
 text-align: right;
}

#col1 #respond span {
 display: block;
 margin: 6px 0;
}

#col1 #respond .links {
 float: left;
 padding: 6px 0 0 0;
 width: 350px;
 font-size:0.9em;
}

#col1 #respond .rechts {
 float: right;
 padding: 11px 12px 0 0;
 width: 80px;
}

#col1 #contact {
 padding: 20px 0 0 0;
 font-size: 0.75em;
}

#col1 #contact input {
 border: 1px solid #ccc;
 float: left;
 width: 220px;
 padding: 1px;
 margin: 6px 0;
}

#col1 #contact textarea {
 border: 1px solid #ccc;
 width: 300px;
 height: 160px;
 padding: 1px;
 margin: 6px 0 12px 0;
}

#col1 #contact label {
 float: left;
 margin: 6px 10px 6px 0;
 width: 120px;
}

#col1 #contact button {
 background: #fff;
 border: none;
 vertical-align: middle;
 width: 80px;
 height: 22px;
 text-align: right;
}

#col1 #contact .links {
 float: left;
 width: 200px;
}

#col1 #contact .rechts {
 float: right;
 width: 80px;
 padding: 0 50px 0 0;
}

#col1 #profil {
 padding: 0 0 0 80px;
}

#col1 #profil table {
 font-size: 0.75em;
}

#col1 #profil table td {
 vertical-align: top;
 line-height: 1.8;
 text-align: justify;
}

#col1 #profil #bild {
 margin: 4px 0 20px 0;
}

#col1 #profil #bild img {
 border: 1px solid #ccc;
 padding: 3px;
 float: left;
 margin: 0 20px 0 0;
}

#col1 .description {
	display: block; 
	float: left; 
	width: 350px; 
	font-size: 0.8em;
}

#col1 #profil p {
 margin: 20px 0 0 0;
}

#col_bildschirm {
 float: left;
 width: 960px;
 padding: 0 0 20px 15px;
 z-index: 3;
}

#col_bildschirm #bildschirm_container {
 margin: 10px 0 0 0;
}

#col_bildschirm .bildschirm {
 float: left;
 position: relative;
 padding: 1px;
}

#col_bildschirm .bildschirm.first {
 padding: 1px 5px 5px 1px;
}

#col_bildschirm .bildschirm:hover {
 background: #0082BF;
}

#col_bildschirm .bildschirm img {
  height: 100px;
  width: 100px;
}

#col_bildschirm .bildschirm.first img {
  height: 300px;
  width: 300px;
}

#col_bildschirm .bildschirm .desc {
 padding: 1px 2px;
 width: 98px;
 position: absolute;
 top: -14px;
 left: 0;
 text-align: right;
 font-size: 0.5625em;
 font-weight: bold;
 color: #fff;
 background: #0082BF;
 display: none;
}

#col_bildschirm .bildschirm:hover .desc {
 display: block;
}

#col_bildschirm .bildschirm_backlink {

	padding:50px 43px 0 0;
	text-align:right;

}

#col2 {
 float:right;
 width: 280px;
 padding: 10px 30px 0 20px;
 z-index: 4;
 margin: 20px 0 0 0;
}

#col2 .row {
 margin: 0 0 10px 0;
}

#col2 .row.bildschirm .border {
 /*border: 1px solid #ccc;*/
 margin: 10px 0px 0px 0px;
 padding: 5px 9px 0px 0px;
 width: 270px;
}

#col2 .row.bildschirm div a {
 float: left;
}

#col2 .row.bildschirm div img {
 margin: 0px 4px 4px 0px;
 width: 50px;
}


#col2 #suche {
 font-size: 0.75em;
 width: 280px;
 margin: 40px 0 40px 0;
}

#col2 #suche_single {
 font-size: 0.75em;
 width: 280px;
 margin: 10px 0 60px 0;
}

#col2 #suche input {
 border: 1px solid #CCCCCC;
 padding: 1px 1px 2px 2px;
 margin: 4px 5px 0 0;
 vertical-align: middle;
 width: 177px;
 height: 16px;
 color: #666666;
}


#col2 #suche .button {
 border: none;
 float: right;
 width: 74px;
 height: 19px;
 padding: 1px;
 margin: 5px 5px 0;
 background-image: url("i/btn_suche.gif");
}

#col2 #suche .button:hover {
	background-image: url("i/btn_suche_high.gif");
	cursor:pointer;
}

#col2 .trenner {
 clear: both;
 margin: 0 0 30px 0;
}

#col2 .links {
 float: left;
 width: 55%;
 padding: 0 10px 0 0;
}

#col2 .rechts {
 float: left;
 width: 40%;
}

#col2 .row_kaywa {
 padding: 10px 0px 30px 66px;
}

#col2 .row_banner_180 {
 padding: 30px 0px 30px 50px;
}


#col2 h3 {
 font-size: 1.05em;
 color: #0082BF;
 font-weight: lighter;
 padding: 0 0 2px 0;
}

#col2 p {
 margin: 10px 4px;
 font-size: 0.75em;
}

#col2 ul {
 list-style: none;
 margin: 6px 2px;
 font-size: 0.75em;
}

#col2 ul li {
 margin: 0;
 line-height: 1.3;
 padding: 0.25em 0;
}

#col2 ul a:link,
#col2 ul a:visited {
 color: #666;
 text-decoration: none;
 font-weight: normal;
}

#col2 ul a:hover,
#col2 ul a:focus {
 text-decoration: underline;
}

#col2 .twitter ul a:link,
#col2 .twitter ul a:visited {
 color: #0082BF;
}

#col2 .recentcomments a:link,
#col2 .recentcomments a:visited {
 color: #666;
 padding:0 0 10px 0;
}

#col2 .recentcomments {
 width: 250px;
 padding: 0 0 0 16px;
}

#col2 .recentcomments li {
 padding: 0 0 7px 0;
 list-style-image:url(i/li_sidebar.gif);
}

#col2 .recentcomments .commentauthor {
 color:#333333;
}

#col2 .recentposts a:link,
#col2 .recentposts a:visited {
 color: #666;
}

#col2 .recentposts {
 width: 250px;
 font-weight:bold;
 padding: 0 0 0 16px;
}

#col2 .recentposts_li {
 padding: 0 0 7px 0;
 list-style-image:url(i/li_sidebar.gif);
}


#col2 .recentposts li {
 padding: 0 0 7px 0;
 list-style-image:url(i/li_sidebar.gif);
}

#col2 .aehnlicheposts {
 width: 280px;
 font-weight:bold;
 padding: 0 0 0 16px;
}

#col2 .aehnlicheposts li {
 padding: 0 0 7px 0;
 list-style-image:url(i/li_sidebar.gif);
}
#col2 .aehnlicheposts a {
 font-size:1.2em;
}

#col2 .metainfo{
	padding: 0 0 0 16px;
}

#col2 .metainfo li{
	padding: 0 0 7px 0;
	list-style-image:url(i/li_sidebar.gif);
}

#col2 .twitter_icon {
	padding: 0 0 0 0;
}


#col2 .tr_embed_t_js {
 margin: 25px 2px 10px 4px;
 width:180px;
}

#footer {
 clear: both;
 font-size: 0.75em;
 background-color: #F8F8F8;
 border-top: 1px solid #d2d2d2;
 margin: 40px 0 0 0;
 padding: 15px 0 0 0;
}

#footer_content {
 width: 940px;
 height: 100px;
 margin: 0 auto;
 line-height: 1.8;
}

#footer_content .links {
 float: left;
 text-align: left;
}

#footer_content .rechts {
 float: right;
 text-align: right;
}

#footer_content .rechts img {
 padding: 0 0 0 10px;
}

.c {
 clear: both;
}

.x {
 display: none;
}

#rss-overlay {
 display: none;
 position: absolute;
 top: 0;
 right: 90px;
 padding: 16px 12px 16px 20px;
 width: 190px;
 height: 60px;
 background: url(i/rss-overlay.png) no-repeat;
 font-size: 0.6875em;
}

#rss-overlay ul {
 list-style: none;
 margin: 5px 0 8px 0;
}

#rss-overlay p {
 text-align: right;
 padding: 0 5px 0 0;
}

#rss-overlay a:link.rss_close,
#rss-overlay  a:visited.rss_close {
	color: #999;
	font-size:0.8em;
	font-weight: normal;
}

.tt{
	float:left;
	padding: 25px 0 0 0;
	/*font-size: 0.9em;*/
}


.nothumb {
	display:none;
	}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

* html .clearfix {
 /* verbergen IE-Mac \*/
 height: 1%;
 /* ende verbergen IE-Mac */
}

*+html .clearfix {
 /* verbergen IE-Mac \*/
 height: 1%;
 /* ende verbergen IE-Mac */
}
