/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%; /*erreicht annŠhernd gleiche Schriftgrš§en in NN, IE und OP*/
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
img{
	border:none;
}
#hauptbereich #inhalt li a:hover,
#hauptbereich #inhalt p a:hover,
#hauptbereich #inhalt li a:active,
#hauptbereich #inhalt p a:active{
	color:#000;
	background-color:#fff;
}
#hauptbereich #zusatzinfo li a:hover,
#hauptbereich #zusatzinfo p a:hover,
#hauptbereich #zusatzinfo li a:active,
#hauptbereich #zusatzinfo p a:active{
	color:#000;
	background-color:#fff;
}
.invisible{
	position:absolute;
	left:-2000px; /*Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich Ÿbereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten, tŠuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

.nofloat{
	clear:both;
}

/* - - - - - - - - - - - - Seitenkopf - - - - - - - - - - - - */
#kopf {
	position:static; /* hebt absolute Positionierung in NN4 auf */
	border:none;	
	background-color:#8ECB1F;
	color:#000;
	background-image:url(../grafik/kinderwelt-schriftzug.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:60px;
	width:100%;

}
#logoinhalt {
	display:block;
	position:absolute;
	left:202px;
	top:0px;
}

#kopflogo {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	margin-top:0;
}

#logolinks2 {
	display:block;
}

.blueBox img{
    float: left;
    margin-right:10px;
    
}

.blueBox {
    margin:25px;
    padding:10px;
    background-color:#7AC4D6;
    height:180px;
}

.blueBox p{
    
    left:100px;
  

}

/* - - - - - - - - - - - - subnavigation - - - - - - - - - - - - */
#subnavigation {
	position:absolute;
	top:60px;
	left:200px;
	border:1px solid #FFF;
	border-right:none;
	border-bottom:none;
	padding:0 0 0 8px;
	width:70%; /*geŠndert*/
	height:2.2em;
	z-index:8;
}
#subnavigation span{
	display:none;
}
#subnavigation a{
	color:#555;
	background-color:transparent;
	text-decoration:none;
	font-size:100%;
	line-height:30px;
	padding:4px 6px 2px 6px;
	
	margin-left:-4px;
	border-right:2px solid #ccc;
}
#subnavigation a:visited {
	color:#444; 
	/*margin:0 0 0 -4px;*/
}
#subnavigation a.aktuell,
#subnavigation a.aktiv{
	color:#FFF;
	background-color:#999;
	border-right:2px solid #CCC;
}
#subnavigation a:visited.aktuell{
	color:#FFF;
	background-color:#8ECB1F;
	border-right:2px solid #8ECB1F;
}
#subnavigation a:hover.passiv,
#subnavigation a:focus.passiv,
#subnavigation a:active.passiv{
	color:#FFF;
	background-color:#8ECB1F;
	border-right:2px solid #8ECB1F;
}

#subnavigation a.aktiv{
	border-bottom:5px solid #8ECB1F;
}

/* - - - - - - - - - -hauptnavigation + technisches Menu - - - - - - - - - */
#hauptnavigation {
	position:absolute;
	top:60px;
	left:0;
	width:200px;
	background-color:#8ECB1F;
}
#hauptnavigation span{
	display:none;
}
#hauptnavigation ul.top span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}	
#hauptnavigation ul.sub span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none; /*diese Konstruktion fŸgt ein Leerzeichen als "weiche" Trennstelle ein und macht es anschlie§end unsichtbar ;-)
*/
}
#hauptnavigation ul.top{
	margin:0;
	padding:0;
	font-size:105%;
	font-weight:600;
}
#hauptnavigation ul.top a{
	padding-left:10px; 
	/*font-size:110%;*/
}
#hauptnavigation ul.top span{
	/*font-size:110%;*/
	display:block; 
	padding-left:10px;
}
#hauptnavigation ul.top li{ /* test */
	margin:0;
}
#hauptnavigation ul.sub{
	color:#FFF;
	list-style:square;
}
#hauptnavigation ul.sub li a{
	padding-left:0px;
}
#hauptnavigation ul.sub li.last{
	border-bottom:none; /*Verhindert doppelten Border unter letztem Menupunkt*/
}
#hauptnavigation li {
	margin-top:0;
	border-bottom:1px solid #000;
}
li a.unterstrich{
	border-bottom:1px solid #000;
}
#hauptnavigation a{
	color:#FFF;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
}
#hauptnavigation li span{
	border-bottom:1px solid #000; /* border unter punkt vor 2. ebene */
}



#hauptnavigation .auswahl {
	color:#FFF;
	font-size:100%;
	background-color:#A9B1A0;
	padding:3px 5px 3px 10px;
}
#hauptnavigation .subauswahl{
	color:#FFF; 
	/*font-size:110%;		*/
	background-color:#BA8185;
	padding:3px 5px 3px 0px;
}
#hauptnavigation a:hover,
#hauptnavigation a:focus, 
#hauptnavigation a:active{
	background-color:#ddd; /*padding:3px 5px 3px 10px;*/
	color:#000;
	display:block;
}


#suchbox{
	margin:40px 10px 10px 10px;
	padding:10px 0 0 0;
	border:1px solid #ccc;
	color:#000;
	background-color:#ddd;
	/*border-bottom:none;*/
}
#infobox{
	margin:40px 10px 10px 10px;
	padding:10px 0 0 0;
	border:1px solid #ccc;
	color:#000;
	background-color:#fff;
	/*border-bottom:none;*/
}

#infobox h3{
	padding-left:10px; 
	/*color:#fff;*/
	font-size:100%;
	border-bottom:5px solid #fff;
}
#infobox p{
	padding-left:10px; 
	/*color:#fff;*/
	font-size:.9em;
}
#infobox p a:hover,
#infobox p a:focus,
#infobox p a:active,
#infobox p a{
	background-color:#fff;
	color:#000;
	text-decoration:underline;
	padding:0px;
}

#infobox img{
	margin:20px 20px 20px 55px;
}

#counterbox{
    font-size:70%;
	margin:10px 10px 10px 10px;
	padding:10px 0 0 0;
	border:none;
	color:#111;

}

/* - - - - - - - Suche - Gehšrt zum Bereich des technischen Menus - - - - - - */
label{
	padding-left:10px; 
	/*color:#fff;*/
	font-size:1.05em;
}
#suchzeile{
	/*border-bottom:1px solid #000;*/
	padding:10px 0;
}
#suchfeld{
	display:inline;
	margin:0 0 2px 10px;
}
input{
	padding-bottom:6px; /*line-height:1.4em;*/
	background-color:#FFF;
}
input:hover, input:focus{
	background-color:#FFF;
}
#suchbutton{
	/*display:inline;
	color:#CCB;
	margin:0 0 3px 4px;
	width:2em;*/
	height:1.8em;
	
}

/* - - - - - - - - - - - - Mittelspalte - - - - - - - - - - - - */
#hauptbereich {
	background-color:#8ECB1F; 
	width:100%;
	border-top:1px solid #fff; /* erforderlich, um den grauen Balken unter dem subnavigation vom Kopf abzusetzen */
}

#container{
	margin-left:200px;
	background-color:#fff;
}

#inhalt {
	background-color:#F8F4D1;
	margin:0px 140px 0px 0px; /*border-bottom:1px solid #FFF;	korrigiert eine Fehldarstellung in IE 5.5 und NN7*/
}

#inhalt label{
	padding-left:0px; 

}
#inhalt .radioclass , #inhalt .radioclass {
	background-color:#F8F4D1;
}

#inhalt2{
	background-color:#FFF;
	margin:0;
	border-bottom:1px solid #fff; /*Korrektur einer Fehldarstellung in IE */
}

p.breadcrumb{
	display:none;
	position:absolute;
	top:36px;
	left:410px;
}

#inhalt h2{
	margin-left:0px;
	font-size:1.4em;
	font-weight:bold;
	padding:1.2em 10px 10px 10px;
	color:#555;
}
#inhalt h2.erste{
	border-top:38px solid #F8F4D1;  /*erzeugt den variablen grauen Balken hinter dem subnavigation. Wenn diese Border wie es logisch wŠre bei Inhalt gesetzt wŸrde, wiederholt sie sich im IE 5.5 in jedem Absatz - Ausgangswert 1.9 */
	border-top:1.5em solid #F8F4D1;
}
#inhalt2 h2.erste{
	border-top:38px solid #F8F4D1;	
	border-top:1.5em solid #F8F4D1;	
	padding-top:1em;
	padding-left:1em;
	margin-bottom:30px;
}
#inhalt2 p{
	margin-left:25px;
	margin-right:15%;
	line-height:1.6em;
}
#inhalt h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 10px .6em 10px;
	border-top:1px solid #fff;
	color:#555;
}

#inhalt .rubrik{
	background-color:#F0E6A4;
	border:1px solid #FFF;
	border-bottom:none;
}
#inhalt h2.rubrik{
	font-size:1.25em;
	font-weight:500;
	padding:4px 4px 4px 10px;
	border:1px solid #FFF;
	border-bottom:none;
}
#inhalt .floatleft {
	float:left;
	margin:6px 10px;
}
#inhalt .floatright {
	float:right;
	margin:6px 10px;
}
#inhalt p{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0 0;
}
#inhalt p.mitbild{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0 100px;
}
#inhalt .mitte {
   
	margin:0px 20px 0px 20%;
}

#inhalt .quiz {
   
	margin:10px 20px 10px 20px;
}

#inhalt p.last{

	padding-bottom:40px;
}
#inhalt p.abschluss {
	padding:.4em 10px .6em 10px;
	border-top:1px solid #fff;
}
#inhalt p.abschluss a {
	color:#555;
	font-size:1.0em;
	font-weight:bold;
}

#inhalt ul{
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 10px;
	padding-bottom:2em;
}

#inhalt ul li{
	line-height:1.3em;
}

#inhalt ul.mitbild {
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 93px;
	padding-bottom:2em;
}


#inhalt a{
	color:#00F;
	text-decoration:underline;
}

.mitbild a{
	
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:1.2em;
	display:block;
}
#inhalt a:visited{
	color:#000;
	text-decoration:underline;
}
#inhalt img.icon{
	position:relative;
	top:14px;
	margin-top:-14px;
	border:none;

}
ul#sitemap{
	margin-left:0px;
}
ul#sitemap ul{
	padding-left:5px;
	padding-bottom:10px;
}
ul#sitemap li{
	color#000;
}

/* - - - - - - - - - - - - Rechte Spalte - - - - - - - - - - - - */
#zusatzinfo {
	position:absolute;
	top:61px; /* geŠndert */
	right:0;
	background-color: #66CCFF;
	width: 139px;
	border-top:2.1em solid #66CCFF; /* geŠndert */
	z-index:4;
}
#zusatzinfo h3 {
	background-color:#66CCFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	color:#FFF;
	display:block;
	font-size:90%;
	padding:3px 0 3px 0;
	text-align:center;
}
#zusatzinfo img.oben{
	border-top:1px solid #fff;
}
#zusatzinfo img{
	margin:5px 5px 5px 20px;
	display:block;
}
#zusatzinfo p {
	background-color:#66CCFF;
	color:#000;
	font-size:88%;
	line-height:1.2em;
	padding:0 2px 10px 5px;
	display:block;
	text-align:center;
	border-bottom:1px solid #FFF;
	
}
#zusatzinfo img{
	display:block;
	padding-bottom:5px;
}
#zusatzinfo a,
#zusatzinfo a:hover,
#zusatzinfo a:focus,
#zusatzinfo a:active,
#zusatzinfo a:visited{
	color:#000;
	
}

#zusatzinfo p.abstand{
	margin:0px;
	padding:3px;
}
.buttons{
	position:absolute;
	right:20px;
	width:100px;
}
.buttons img,
.buttons a{
	margin: 3px 0 3px 0;
}





table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	padding:2px;
}








#inhalt .weiter_abstand p{
	line-height:2em;
}