 /*
Theme Name: Web2Beratung-Verhaltensbiologie
Theme URI: http://www.web2beratung.de
Version: 1.1
Author: Dr. Barbara Niedner
Author URI: http://www.web2beratung.de
*/

/*****************************************************
			*** Allgemeines ***
 ******************************************************/
* { margin: 0; padding: 0;}

body {
	font-family: Verdana, Geneva, Arial, Sans-Serif; /*serifenlose Schrift */
	font-size: 62.5%;
	color: #646464; /* Schriftfarbe grau*/
	background-color: #666666; /*gesamt Hintergrundfarbe - dunkelgrau*/}
 
blockquote { margin: 10px 10px; 
	border-left: 4px solid #dcdecf; /* Strich */padding-left: 10px; /* Abstand zum Strich*/
	background-color: #f7f7f7;} 
	
ol 	{list-style: decimal-leading-zero;
	margin: 20px;padding:10px;} /* nummerierte Listen*/

small code { font-size: 0.8em;}
	
img 	{ border: none;	}

p 	{padding: 0 0 6px 0;}

.bild-links 	 {float: left; margin: 5px 10px 5px 0;}
.bild-rechts {float: right; margin: 5px 0 5px 10px;}
.bild-zentriert {display: block;text-align: center;
				margin-left: auto; margin-right: auto;}
.pagination {text-align: center; margin-top: 20px;} /* nur wenn PlugIn Pagebar fehlt */

hr  {display: none;}

/*****************************************************
			*** Hauptcontainer ***
 ******************************************************/
#container {  /* ??? unten noch weißer Rand unterm Footer ??? */
    position: relative; 
	width: 800px; margin: 0 auto;padding: 0px; /* auto zentriert horizontal */
	text-align: left; background: #fff;}
	
/*****************************************************
			*** Header   ***
 ******************************************************/
#kopfbereich {
    display: block; width: 800px; height: 170px;
    text-indent: -9999px;
    background: url(img/header.jpg) no-repeat;}

/*****************************************************
		*** Horizontales Menüeader  
 ******************************************************/
#hauptnavi { /* orientiert sich absolut an den #container */
 	position:absolute; top:188px;
	display:block;  /* erzeugt eine neue Zeile */
	margin-left: 165px;	margin-top: -65px;
    font: bold 1.5em Verdana, Geneva, Arial, Sans-Serif;
	font-size: 100%; }

#hauptnavi ul {
    padding: 0; margin-left: 0;
    list-style: none;
    height: 2.0em; line-height: 2.533em;
    padding-left: 25px; padding-right: 25px;}
	
#hauptnavi li {float: left;}
#hauptnavi li a {color: #E0F9C0;text-decoration: none; margin-right: 17px;}
#hauptnavi li a:hover, #hauptnavi .aktiv {text-decoration: underline;}

/*****************************************************
			*** Mittelbereich   ***
			  Inhalt - Sidebar - Footer
		hier müsste die zweite Sidebar rein
 ******************************************************/

#mittelbereich {
    padding: 10px 0 25px 25px; /* Abstand von oben - hängt vom horizontalen Menü ab */ /* li Wert für Inhalt */
    font-size: 1.2em;
    overflow: hidden; clear: left;  /*Fortsetzung bei Textumfluss*/
    background: #fff;}
	
#mittelbereich ul {margin: 5px 0 5px 20px; padding:10px; list-style-type:disc;}
#mittelbereich li {padding: 0 0 3px 5px;} 
 
/*****************************************************
			***  Inhalt   ***		
 ******************************************************/
#inhalt {float: left; width: 475px;}

#inhalt a 			{color:#006600; text-decoration: none; }
#inhalt a:visited	{color:#006600; text-decoration: none; }
#inhalt a:hover 		{color:#E66E00; text-decoration: underline; } 
#inhalt a.underline {border-bottom: 1px solid #DCDECF;}

#inhalt h2, #sidebar h2  {
    margin-bottom: 2px;
	letter-spacing: 1px;
	color: #006600; }	
	
#inhalt h2  {
	font: 1.5em Verdana, Geneva, Arial, Sans-Serif;
	background: url(img/rahmen-linie.gif) repeat-x bottom;
	padding: 13px 5px 5px 0px;}
#sidebar h2  {	
	font: 1.4em Verdana, Geneva, Arial, Sans-Serif;
	background: #C6DDBB ; 
	padding: 5px;
	border: 2px solid #bbc0a2;}
#inhalt h1 {
    font: 1.5em Verdana, Geneva, Arial, Sans-Serif;
    padding: 13px 5px 5px 0px;
	letter-spacing: 1px;
	color: #006600; }
#inhalt h3 {
    font: 1.5em Verdana, Geneva, Arial, Sans-Serif;
    letter-spacing: 1px;
	color: #006600; }
	
#inhalt h4 {
    font: bold 1.166em Verdana, Geneva, Arial, Sans-Serif;
    margin-bottom: -.25em;}
#inhalt h5 {
    font: bold 1em Verdana, Geneva, Arial, Sans-Serif;
    margin-bottom: -.25em;}

#inhalt li {margin-top: .1em;}

#inhalt .beitrags-info {
    font-size: .8em Verdana, Geneva, Arial, Sans-Serif;
    position: relative; top: -1px;}
#inhalt .der-beitrag {display: block; padding: 10px 0}

#inhalt .kategorie-info {
	background: #f7f7f7; padding: 15px; border: 2px solid #006600;text-align: center;#006600}
#inhalt .kategorie-titel {
	padding: 5px 2px 5px 2px; letter-spacing: 1px; color: #CC1714;
	font: 1.4em Verdana, Geneva, Arial, Sans-Serif;}
#inhalt .kategorie-titel2 {
	padding: 5px 2px 5px 2px; letter-spacing: 1px; color: #006600;
	font: 1.4em Verdana, Geneva, Arial, Sans-Serif;}

#inhalt .feedback { text-align: center; margin: .3em 0 4em 0;}

#inhalt .evolution {
    display: block; width: 475px; height: 254px;margin: 10px 0;
    background: #fff url(img/niedner-evo.jpg) no-repeat;}
	
.alignright { float: right; } 
.alignleft { float: left ;}

.allinfos {padding:5px; margin-bottom: 20px; background: #f7f7f7; font-size: 11px;  border: 1px solid #BBC0A2;font-weight: normal;}
.tags {padding:20px 0px 5px 25px; background: #FFF url(img/tag.gif) left no-repeat; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
span.date { background:url(img/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(img/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(img/posted.gif) no-repeat; padding-left:20px; }

/*****************************************************
			***  Kommentarbereich   ***		
 ******************************************************/	
#commentlist { width: 475px; margin-top: 1em; list-style: none;}
.comment-gravatar {float: left;padding: 0 5px 0 0}
.comment-title {float: left;}
.comment-meta {float: left;}

#commentlist li { list-style: none; margin:0 15px 0 -28px; padding: 0;}
#commentlist ul { margin:0; padding: 0;}
#commentlist-track li { margin:0; padding: 0;}

/* Feld: Kommentar hinterlassen */
#commentform {
    background: #dcdecf url(img/body.gif) repeat-x;
    border: 1px solid #BBC0A2;
    padding: 15px;}

#commentform input {
    border: 1px solid #BBC0A2;
    background: #fff; color: #333;
    font: 1em verdana, sans-serif;
    padding: 2px;}

#comment {width: 430px; /* Eingabefeld Kommentar hinterlassen*/
    border: 1px solid #BBC0A2;}

#commentform input:hover, #commentform input:focus, #comment:hover, #comment:focus {
    border: 1px solid #444;}

/**************
 *** Sidebar ***
 **************/
#sidebar { 	float: right; width: 255px; 
			padding: 5px; background:#f7f7f7; border: 1px solid #bbc0a2; }

#sidebar a 			{color:#006600; text-decoration: none; }
#sidebar a:visited	{color:#006600; text-decoration: none; }
#sidebar a:hover 	{color:#E66E00; text-decoration: underline; } 

#sidebar ul {list-style: none; padding-left: 0; margin-left: 0;}

#sidebar .feed-abos { overflow: hidden; height: 1%;}
#sidebar .feed-abos li {
    float: left; padding-left: 17px; margin-right: 25px; margin-bottom: 0;
	border: none;background: url(img/feed-icon-13x13.gif) no-repeat left .25em;}

#sidebar .mail-abos { overflow: hidden; height: 1%;}
#sidebar .mail-abos li {
    float: left; padding-left: 17px; margin-right: 25px; margin-bottom: 0;
	border: none;background: url(img/mail_orange.gif) no-repeat left .25em;}

#sidebar .seminare {overflow: hidden; height: 1%;}
#sidebar .seminare li {
    float: left; padding: 1px 0 2px 20px; 
	margin-right: 25px; margin-bottom: 10px; border: none;
	font-size: 1.12em; vertical-align:middle;
    background: url(img/iconVerh13x13.png) no-repeat left .4em;}

#sidebar li {
    margin-bottom: 1px; padding: 1px 0 2px 1em;
    border-bottom: 1px solid #eed;
    background: url(img/listen-icon.gif) no-repeat left;}

/**************
 *** Footer ***
 **************/

#footer {
    background: #41454b url(img/footer.gif) repeat-x bottom center; color: #fff;
    padding: 10px 10px 10px 20px;
    clear: both;
    font-size: 1.5em Verdana, Geneva, Arial, Sans-Serif;}

#footer a 			{color:#ffffff; text-decoration: none; }
#footer a:visited	{color:#ffffff; text-decoration: none; }
#footer a:hover 		{color:#ffffff; text-decoration: underline; } 

#footer-bereich1, #footer-bereich2, #footer-bereich3 {
    width: 22.727em; max-width: 273px; /*width: 250px;*/ float: left;}
	
#footer-bereich1 {margin-right: 2.727em; /*margin-right: 30px;*/}
#footer-bereich2 {margin-right: 5.454em; /*margin-right: 60px;*/}

#footer p {
    margin-top: 0;
    font: bold 1.454em Verdana, Geneva, Arial, Sans-Serif;
    background: url(img/footer-titel.gif) repeat-x bottom;}

#footer ul, #footer ol {
    list-style: none;
    margin-left: 0; padding-left: 0;}

#footer li {
    margin-bottom: 1px; padding: 1px 0 2px 1em;
	background: url(img/listen-icon-weiss.gif) no-repeat left center;}

#footer.seminare2 li {
    float: left; 
	padding: 1px 0 2px 20px; 
	margin-right: 25px; margin-bottom: 0; border: none;
    background: url(img/listen-icon-weiss.gif) no-repeat left .25em;}

#container #footer .footer-hinweis {
    clear: both; padding-top: 10px;
    margin-bottom: 1px;}



/**************
 *** PlugIn Pagebar ***
 **************/

.pagebar {
    text-align: center;
}
.pagebar a {
    background: #dcdecf;
    padding: 1px 3px; margin: 0 1px; border: 1px solid #BBC0A2;
}
#inhalt .pagebar a:hover { /* Notwendig um die Werte */
    text-decoration: none;
}



#footer .tag-wolke li {
    display: inline;
}

#ed_toolbar input {
    margin-right: 1px;
}

.footer-stats, img#wpstats {
    width: 0; height: 0; padding: 0; border: none; overflow: hidden
}

#wp_grins {
    margin-top: 5px; margin-bottom: 1px;
    padding: 0 1px;
}