/* ---------- KindertagesstŠtten Nordwest ---------- */

/* ---------- allgemein ---------- */


html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li 
{
			margin: 0;
			padding: 0;
}

body 
{
			background-color: #E7E4E5;
}

#box1 {	
font:12px Verdana, Arial, Helvetica, sans-serif;
margin: 0 220px 10px 188px;
padding: 0 0 0 5px;
text-align: left;
float:left;
width:75.8%;
border-bottom: #570E29 solid 1px;
background:#ffffff;
}
#box1 ul {
margin:0;
padding:-50px 0px 0px 0px;
list-style:none;
}
#box1 li {
display:inline;
margin:0;
padding:0;
}
#box1 a {
float:left;
display:block;
background:#dddddd;
color:#ffffff;
font-weight:bold;
margin:0 4px 0 0;
padding:10px 10px 5px 10px;
text-decoration:none;
}
#box1 a:hover {
color:#000000;
background:#e6e6e6;
margin-top:-5px;
padding-bottom:10px;
}
#box2{
padding:10px 50px 10px 50px;
margin:0;
clear:left;
}
#box1 a.aktiv{
color:#000000;
background:#dccfbc;

}

/* ---------- skip ---------- */


#skip		{
			display:none;
			}


/* ---------- content ---------- */


#content	{
			position: absolute; top: 0px; left: 50%;
			width: 800px;
 			margin-left: -400px;
			}


/* ---------- bildheader ---------- */

#bildheader	{
			position: absolute; top: 50px; left: 50%;
			width: 800px; height:134px;
 			background-image:url(../img/header.jpg);
			background-repeat:no-repeat;
			margin-left: -400px;
			overflow:visible;
			z-index: 999;
			}

#illu	{
			position: absolute; top: 0px; left: 0px;
			width: 188px; height:129px;
			}

#logo	{
			position: absolute; top: 6px; left: 600px;
			width: 172px; height:167px;
			z-index:5;
			}

#name		{
			position: absolute; top: 177px; left: 391px;
			width: 378px; height:20px;
			z-index:6;
			}


/* ---------- contentmain ---------- */

#contentmain	{
			position: absolute; top: 184px; left: 0px;
			width: 800px;
 			background-image:url(../img/hg-main.jpg);
			background-repeat:repeat-y;
			padding: 80px 0px 0px 0px;		
			z-index:4;
			}

#contentmain p	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#666666;
			padding: 0px 220px 10px 210px;		
			margin: 0px;
			}

#contentmain ul	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#666666;
			padding: 0px 220px 0px 210px;		
			margin: 0px 0px 0px 25px;
			}
      
#contentmain ul + p { margin-top:8px; }

#contentmain ol	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#666666;
			padding: 0px 220px 0px 210px;		
			margin: 0px 0px 0px 25px;
			}

#contentmain ol + p { margin-top:8px; }

#contentmain h1	{
			font:22px Verdana, Arial, Helvetica, sans-serif;
			color:#A85B0D;
			padding: 0px 220px 10px 210px;		
			margin: 0px;
			}

#contentmain h2	{
			font:18px Verdana, Arial, Helvetica, sans-serif;
			color:#A85B0D;
			padding: 5px 220px 5px 210px;		
			margin: 0px;
			}

#contentmain h3	{
			font:14px Verdana, Arial, Helvetica, sans-serif;
			color:#A85B0D;
      padding: 5px 0px 5px 210px;	
}

#contentmain img {
			padding: 0px 8px 8px 0px;
			float:left;
			}

#contentmain table	{
			width: 500px;
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#666666;
			padding: 0px 0px 5px 0px;		
			margin: 0px 220px 0px 210px;
			text-align: left;
			border-bottom: #A85B0D solid 1px;
			}

#contentmain th	{
			width: 35%;
			}


.blaetter	{
			text-align: center;
			}

#contentmain table + p { margin-top:8px; }
#contentmain table + table { margin-top:5px; }

#contentmain a:link			{color:#570E29; text-decoration: none;}
#contentmain a:visited		{color:#570E29; text-decoration: none;}
#contentmain a:active		{color:#570E29; text-decoration: underline;}
#contentmain a:hover 		{color:#570E29; text-decoration: none;}
#contentmain a:focus 		{color:#570E29; text-decoration: underline;}


/* ---------- contentright ---------- */

#contentright	{
			position: absolute; top: 90px; left: 598px;
			width: 190px;
			padding: 0px 0px 0px 0px;		
			border-left: #A85B0D solid 1px;
			}

#contentright p	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#666666;
			padding: 0px 0px 10px 10px;		
			margin: 0px;
			}

#contentright h3	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			font-weight: bold;
			color:#A85B0D;
			padding: 0px 0px 0px 10px;		
			margin: 0px;
			}

#contentright strong	{
			font-weight: bold;
			color:#A85B0D;
			}

/* ---------- footer ---------- */

#footer	{
			position: relative; top: 0px; left: 0px;
			width: 800px;
			}

#footer p	{
			font:9px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			padding: 0px 220px 10px 210px;		
			}

#footer a:link			{color:#000000; text-decoration: none;}
#footer a:visited		{color:#000000; text-decoration: none;}
#footer a:active		{color:#570E29; text-decoration: underline;}
#footer a:hover 		{color:#570E29; text-decoration: underline;}
#footer a:focus 		{color:#570E29; text-decoration: underline;}

/* ---------- navigation ---------- */

#navigation	{
			position: absolute; top: 90px; left: 0px;
			width: 185px;
			z-index: 3;
			text-align: right;
			}


#navigation p	{
			font:14px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 2px 10px 2px 10px;		
			}

#navigation .klein	{
			font:12px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 2px 10px 2px 17px;		
			}

#navigation .kleinklein	{
			font:11px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 2px 10px 2px 17px;		
			}

#navigation .space	{
			font:8px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 0px 10px 0px 17px;		
			}

#navigation a:link			{color:#000000; text-decoration: none;}
#navigation a:visited		{color:#000000; text-decoration: none;}
#navigation a:active		{color:#570E29; text-decoration: none;}
#navigation a:hover 		{color:#570E29; text-decoration: none;}
#navigation a:focus 		{color:#570E29; text-decoration: none;}

#navigation a:link.on		{font-weight: bold; color:#570E29; text-decoration: none;}
#navigation a:visited.on	{font-weight: bold; color:#570E29; text-decoration: none;}
#navigation a:active.on		{font-weight: bold; color:#731F3C; text-decoration: none;}
#navigation a:hover.on 		{font-weight: bold; color:#731F3C; text-decoration: none;}
#navigation a:focus.on 		{font-weight: bold; color:#731F3C; text-decoration: none;}

#navigation .klein a:link			{color:#000000; text-decoration: none;}
#navigation .klein a:visited		{color:#000000; text-decoration: none;}
#navigation .klein a:active			{color:#570E29; text-decoration: none;}
#navigation .klein a:hover 			{color:#570E29; text-decoration: none;}
#navigation .klein a:focus 			{color:#570E29; text-decoration: none;}

#navigation .klein a:link.on		{font-weight: bold; color:#570E29; text-decoration: none;}
#navigation .klein a:visited.on		{font-weight: bold; color:#570E29; text-decoration: none;}
#navigation .klein a:active.on		{font-weight: bold; color:#731F3C; text-decoration: none;}
#navigation .klein a:hover.on 		{font-weight: bold; color:#731F3C; text-decoration: none;}
#navigation .klein a:focus.on 		{font-weight: bold; color:#731F3C; text-decoration: none;}

.on				{font-weight: bold;}

#navigation_sub {
			/*position: absolute; top: 63px; left: 211px;*/
			position: absolute; top: 15px; left: 211px;
			/*background-color: #DECFBC;
			padding: 2px 0 2px 10px; */
			width: 400px;
			z-index: 3;
			color: #FFFFFF;
			font:13px Verdana, Arial, Helvetica, sans-serif;
			}
			
#navigation_sub a:link		{color:#570E29; text-decoration: none;}
#navigation_sub a:visited	{color:#570E29; text-decoration: none;}
#navigation_sub a:active		{color:#570E29; text-decoration: underline;}
#navigation_sub a:hover 		{color:#570E29; text-decoration: underline;}
#navigation_sub a:focus 		{color:#570E29; text-decoration: none;}

/* ---------- metanavi ---------- */

#metanavi	{
			position: absolute; top: 155px; left: 210px;
			}

#metanavi p	{
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#000000;
			padding: 0px;		
			}

#metanavi a:link		{color:#000000; text-decoration: none;}
#metanavi a:visited		{color:#000000; text-decoration: none;}
#metanavi a:active		{color:#000000; text-decoration: underline;}
#metanavi a:hover 		{color:#000000; text-decoration: underline;}
#metanavi a:focus 		{color:#000000; text-decoration: underline;}


/* ---------- formular ---------- */


#contentmain form table	{
			width: 500px;
			font:10px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#BC9F7A;
			padding: 0px 0px 5px 0px;		
			margin: 0px 220px 0px 210px;
			text-align: left;
			border-bottom: #A85B0D solid 0px;
			}

#contentmain form th	{
			width: 40%;
			color:#A85B0D;
			}

form	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#BC9F7A;
			padding: 0px 0px 10px 0px;		
			margin: 0;
			}

.formfelder	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			background-color: #E7E7E7;
			color:#570E29;
			width: 100px;
			}
      
.formfelder_alle	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			background-color: #E7E7E7;
			color:#570E29;
			width: 170px;
			}

table input { width: 50px; 	border : 1px solid #000;}

.plz { width: 30px; 	border : 1px solid #000;}


legend 		{ 
			font:12px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#BC9F7A;
			}

/* label {	display : block;} */

label em { font-style : normal;	text-decoration : underline; color : #900; }


input:hover {	background:#fff;}
input:focus {	border : 1px solid #731F3C;	background:#fff;}