/*  
Theme Name: Biolektors Design
Theme URI: 
Description: schlicht und mit Focus auf den Texten
Version: 1.0
Author: Friedhelm Kring 
Author URI:  
 */

/* =STRUKTUR
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* =Header -----------------------------------------------------------------------------------------------*/	
/* =Inhalt ------------------------------------------------------------------------------------------------*/
/* =Artikel .............................................................................................................*/	
/* =Kommentare ....................................................................................................*/	
/* =Kommentierfeld .............................................................................................*/
/* =Footer -----------------------------------------------------------------------------------------------*/
/* =Leiste ------------------------------------------------------------------------------------------------*/
/* =widgets  ..........................................................................................................*/
/* =LINKS
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* =TYPOGRAPHIE
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* =BILDER
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* =SONDERFORMATE
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	
/* =STRUKTUR 
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* { 												/* Browser-Reset */
	margin: 0pt;
	padding: 0pt;
	}

body  { 
	color: #000;
/*	background-color: #fff; 	*/
	background-image: url(images/papier.jpg);
	max-width: 960px; /* durch max rutscht die Leiste darunter bei zu kleinem Screen */
	margin-left: auto; /* beide Aussenabstände auf auto zentriert den Kasten */
	margin-right: auto; 
	text-align: center; 						/* wegen bug in IE5 */
	}
 
h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 0px;
	}
 
/* =Header -----------------------------------------------------------------------------------------------*/	

#kopf {
/*	background: url(images/rhino1.gif) bottom left repeat-x; */
 	background: url(images/bleistift4.jpg) bottom center no-repeat; 
/* 	background: url(images/rhino-bleistift.gif) left top no-repeat; */
	width: 960px;  						  /* sonst setzt IE den ganzseitig */
	height: 100px; 
	margin: 10px 0 20px 0;
	padding: 10px 0px 0px 0px ;
/* 	border-top: 2px solid #999; */
/* 	border-bottom: 2px solid #999;  */
	}

#blogutitel  h1 {
	display: none;
	}

/* =Inhalt -----------------------------------------------------------------------------------------------*/
	
#inhalt  { 
	width: 940px; 		/* durch max rutscht die Leiste darunter bei zu kleinem Screen , max-widht nicht für IE6 */
	background-color: transparent;
	margin-left: auto; 			/* beide Aussenabstände auf auto zentriert den Kasten */
	margin-right: auto; 
	margin: 10px 10px 10px 10px;
	}
	
#artikel, .widget, .seitenliste, .bloghinweise  {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
#artikel {
	width: 620px; 
	min-height: 600px;  /* erst  ab IE7 :( **/
 	background-color: #fff;  
	float: left;
	border-top: 1px solid #ccc;
	padding: 0px 10px; 
	margin: 10px 0px;
	}

#leiste {
	width: 260px;
	float: right;
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 0px 10px;
	text-align: left;
	}

/* =Artikel .............................................................................................................*/	
	
.datum  {
/*	color: #333; */
	text-align: left;
	}

#artikel h1 {
	clear: both; 
	padding: 4px 0px 4px 0px;
	margin-top: 3px;
	text-align: left;
	}

.beitrag {
/*	background: url(images/redpin32.gif) top right no-repeat; */
	margin: 10px 0px 0px 0px;
	}
	
.beitragstexte {
/*	background: white url(images/grau-fade-up.gif) 0px bottom repeat-x;    */
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	}

.solotext {
	padding: 0px 0px 0px 0px;
	}
	
.blaettern {
	font-size: 1.2em;
	padding: 5px 0px 0px 0px;
	}
	
.vorblaettern { 
	float: left;
	padding: 0px 0px 10px 0px; 
	text-align: left;
	}
 
.zurueckblaettern {
	float: right; 
	padding: 0px 0px 10px 0px; 
	text-align: right;
	}

.infozeile {
/*	background-color: #eeeeee; */
  	background-image: url(images/schere2.gif); 
 	background-position: 97% 10px;  
	background-repeat: no-repeat; 
/* 	background: url(images/rhino1grau.gif) top left no-repeat;  */
	padding: 3px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dashed #bbb;  	
	font-size: 1.1em;
	clear:both;
	}	

.artikeldaten {
	padding: 5px 0px;
	clear:both;
	}

.seitenblaettern {
	font-size: 1.5em;
	}

/* =Kommentare ....................................................................................................*/
	 
h3#kommentarzahl {
	padding: 10px 0px;
/*	background-color: #eee; */
	}

.kommentardaten {
	padding: 0px 0px 15px 0px;
	text-align: left;
	background: url(images/bubble3white.gif) top left no-repeat;
	}
	
ol.kommentarliste {
	padding: 5px 0px;
	text-align: left;	
	list-style-position: inside;
	}

.kommentartext {
	padding: 5px 0px 0px 24px;
	}

.kommentartext hr {
	width: 300px;
	height: 1px;
	margin: 5px 100px 5px 100px;
	text-align: center; /* vom universellen margin: 0px verhindert */
	}
	
.keinkommentar {
	padding: 2px 2px;
	text-align: right;
	}
	
/* =Kommentierfeld .............................................................................................*/

#kommentieren {
 	background-color: #eee; 
	text-align: left;	
	padding: 5px 0px 5px 10px;
	background: #eee url(images/bubble3white.gif) 3px 3px no-repeat;
	}
	 
#kommentar { 						/* id für textarea im Kommentar-Textfenster */
	width: 500px;
	border: 1px solid darkgrey;	
	}

#s, #author, #email, #url, #kommentar {	
	background-color: #ffffdd;
	}
	
#kommentarfeld #author, #email, #url, #suchen, #kommentar {
	border-top: 2px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #666;
	}

fieldset {
	background-color: #eee;
	border: 0;
	}

form#kommentarfeld {
	padding: 0px 0px 8px 0px;
	}
		
/* =Footer -----------------------------------------------------------------------------------------------*/
#footer {
	width: 960px;
	background-color: #fff; 
	padding: 5px 0px;
	border-top: 1px solid #999;
	text-align: center;
	}

/* =Leiste ------------------------------------------------------------------------------------------------*/

#leiste li {
	list-style-type: none; 
	}

#leiste li.page_item, #leiste li.erklaeren, #leiste li#recent-posts-2 li {
	padding: 0px 10px;
	margin: 5px 0px 0px 0px;
	}
	
#leiste  li.rss-feed {
	padding: 0px 10px;
	margin: 5px 0px 0px 0px;
	font-size: 1.2em;
	}

/* .seitenliste li {
	display: inline;
	} */
	
#suchen {
	margin: 20px 0px 5px 0px; 
	}

#searchform {
	padding: 4px 10px;
	}
	
/* =widgets  ..........................................................................................................*/

.widget-huelle {			/* muss NACH recentcomments */
	padding: 0px 0px 0px 12px;
	}	

h2.widgettitle {
	color: #fff;
	background-color: #999;  	
	background-image: url(images/paper-darkfade.jpg);   
	padding: 3px 10px 0px 10px;
	margin-top: 0px;
	line-height: 1.4;		/* ohne Einheit wegen Vererbung */
	}
	
.widget  { 
	color: #000; 
	background-image: url(images/paper-eeefade.jpg);   
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 20px 0px;
	}
	
#leiste li li.recentcomments {
	padding: 5px 0px 0px 0px;
	margin: 0 0 0 1em;
 	list-style-image: url(images/bubble3white.gif); 
	list-style-position: inside;
	text-align: left;
	text-indent: -2em; 
	}
	
.widget-huelle {			/* muss fuer IE6 erneut NACH recentcomments */
	padding: 0px 0px 0px 12px;
	}	
	
#leiste li.cat-item  {
	margin:5px 0px 0px 5px;
	}
	
#leiste .tag-cloud a { 
	padding: 5px 5px;
	}

ul.archivelist li  a {
	margin: 5px 0px 5px 5px;
	font-size: 1.3em;
	line-height: 1.5em;
	}

ul.archivelist li  h2 {
	font-size: 1.5em;
	}

	
/* =LINKS
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a { 	color: #ff0000; text-decoration: none;	}
a:link {}
a:visited { color: #0080c0;}
/* a:focus { background-color: #ccc; } */
a:active { }	
a:hover { text-decoration: underline;}

#kopf a {
	color: black;
	text-decoration: none;
	}

/* =TYPOGRAPHIE
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
 	font-size: 62.5%;  						/* um 1em auf 10px zu setzen */
	}
	
h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: bold;
	}
	 
#blogtitel  h1 { 
	line-height: 1.4;		/* ohne Einheit wegen Vererbung */
	font-size: 4em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}
	
#blogutitel  h1 {
	line-height: 1.2;  	/* ohne Einheit wegen Vererbung */
	font-size: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}

#artikel h1 { 	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: bold;
	}
	
.beitragstexte, .solotext  { 	
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h2 {
/*	line-height: 30px;  */
	line-height: 1.2;
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4 {
	font-size: 1.2em;
	}
	
h5 {
	font-size: 1.1em;
	}

h6 {
	font-size: 1em;
	}
	
.datum  {
	font-size: 1.1em;
	font-style: italic;
	}
	 
.beitragstexte p, .solotext p {
	padding: 0em 0em 0.4em 0em; 
	text-align: justify;
	line-height: 1.4em; 	
	letter-spacing: normal;
	font-size: 1.4em;
	}

.beitragstexte p.bildnachweis, .solotext p.bildnachweis {
	font-size: 1.1em;
	font-style: italic;
	}
	
#artikel ol, #artikel ul {
	padding: 0px 0px 10px 20px;
	}
	
#artikel li  {
/*	list-style-position: inside; */
	padding: 0px 0px 5px 0px;
	text-align: justify;
	font-size: 1.4em;
	}

#artikel  ul.keinzeichen  {
	list-style-type: none; 
	}
	
.artikeldaten {
	text-align: left;
	font-size: 1.2em;
	font-style: italic;
	}

.more-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
	}

.hinweis {
	text-align: right;
	font-size: 1.2em;
	font-style: italic;
	padding: 10px 0px;
	}
	
.kommentardaten {
	font-style: italic;
	}

.keinkommentar {
	font-size: 1.1em;
	font-style: italic;
	}
	
fieldset p {
	padding: 4px 0px 2px 10px;
	text-align: left;
	}
	
blockquote  {  								/* im WP-Backend verwendbar */
	padding-left: 10px; 
	padding-right: 10px; 
	margin: 10px 80px 10px 30px; 
	border-left: 5px solid #eee;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	}

.widgettitle {
	letter-spacing: 0.1em;
	font-variant: small-caps;
	font-size: 1.5em;
	font-weight: normal;
	}

#leiste li  li.recentcomments, #leiste li.page_item , #leiste  li.erklaeren, #leiste  li.cat-item , #leiste li#recent-posts-2 {
	font-size: 1.2em;
	}

#leiste li#recent-posts.widget li {
	margin: 5px 0px 0px 5px;
	}
	
#footer {
	font-size: 1em;
	}
		
/* =BILDER
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a img {
	border: none;    		 /* damit verlinkte Grafiken keinen Rand erhalten */
	}

img.alignleft {
	padding: 5px;
	margin: 2px 8px 2px 0px;
	float: left;
	display: inline;
	}

img.alignright {
	padding: 5px;
	margin: 2px 0 2px 8px;
	float: right;
	display: inline;
	}
	
p.aligncenter, img.aligncenter {	
	padding: 5px; 
	/* margin: 2px 0 2px 8px;  */
	margin: 0 auto;
	float: none;
	display: block;
	text-align: center;
	}

/* =SONDERFORMATE
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.clear {						/* verhindert Ueberschneidungen mit schwebenden Elementen */
	clear: both;
	}

.hidden {
	position: absolute;
	overflow: hidden;
	height: 1px;
	top: -500px;
	left: 0pt;
	width: 1px;
	}	

.initial {	
	color: #000;
	margin: 0.3em 0.1em 0em 0em;
	float: left;
	height: 1em;
	width: 1em;
	font-size: 3em;
	font-style: italic;
	}
/* 
.beitragstexte p:first-letter {
	font-size: 2em;
	} */

.beitragstexte  p, .solotext p  {			/* Erstzeileneinzug */
	text-indent: 2em;
	}

.beitragstexte  p:first-child , .solotext  p:first-child , p.akst_link  {  /* erster Absatz ohne Einzug , nicht im IE6 :(  */
	text-indent: 0em;
	}

.beitragstexte  p.einzug	{
	text-indent: 2em;
	}

.beitragstexte  p.keinzug , .solotext p.keinzug {	/* Einzug ausschalten */
	text-indent: 0em;
	}

.beitragstexte p.links, .solotext p.links {				/* Text neben Grafiken linksbuendig setzen */
	text-align: left;
	}
	
p.typo-beispiel {
	background-color: #eee;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 0px;
	text-align: center; 
	text-indent: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid grey;
	}

/* =Farbschema ----------------------------------------------------------------------------------
Standard 		Schrift: schwarz #000 	/ 	Hintergrund: weiß #fff
Textfelder		Schrift: schwarz #000 	/ 	Hintergrund hellgrau #eee
invers 		Schrift:  weiß #fff 	/ 	Hintergrund: dunkelgrau #999
Rahmen		#666 #ccc
Links		normal: rot #f00	/  besucht: hellblau #0080c0
Kommentar- und Suchfelder: 	hellgelb #ffffdd;
-------------------------------------------------------------------------------------------------------*/