/* ---------- 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: #EAEDF2;
}


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


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


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

#bildheader	{
			position: absolute; top: 20px; left: 50%;
			width: 850px; height:168px;
 			background-image:url(/pic/header.jpg);
			background-repeat:no-repeat;
			margin-left: -425px;
			overflow:visible;
			}

#illu	{
			position: absolute; top: 24px; left: 595px;
			width: 255px; height:131px;
			}

#logo	{
			position: absolute; top: 36px; left: 36px;
			width: 123px; height:107px;
			z-index:5;
			}

#name		{
			position: absolute; top: 65px; left: 210px;
			width: 350px; height:50px;
			z-index:6;
			}

#name h1	{
			font:18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#5E5E5E;
			padding: 0px 0px 0px 0px;		
			margin: 0px;
			}

#map	{
			position: relative; top: 0px; left: 210px;
			}


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

#contentmain	{
			position: absolute; top: 188px; left: 0px;
			width: 850px;
 			background-image:url(/pic/hg-main.jpg);
			background-repeat:repeat-y;
			padding: 20px 0px 0px 0px;		
			z-index:4;
			}

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

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

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

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

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

#contentmain h1	{
			font:13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#294C72;
			padding: 0px 270px 10px 210px;		
			margin: 0px;
			}

#contentmain h2	{
			font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#294C72;
			padding: 5px 270px 5px 210px;		
			margin: 0px;
			}

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

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

#contentmain th	{
			width: 50%;
			}

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

#contentmain a:link			{color:#284C71; text-decoration: none;}
#contentmain a:visited		{color:#284C71; text-decoration: none;}
#contentmain a:active		{color:#1D3751; text-decoration: underline;}
#contentmain a:hover 		{color:#1D3751; text-decoration: underline;}
#contentmain a:focus 		{color:#1D3751; text-decoration: underline;}


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

#contentright	{
			position: absolute; top: 32px; left: 585px;
			width: 250px;
			padding: 0px 0px 0px 0px;		
			}

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



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

#extra b	{
			color:#294C72;
			}

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

#contentright ul + p { margin-top:8px; }

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

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



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

#footer	{
			position: relative; top: 0px; left: 0px;
			width: 850px; height:221px;
 			background-image:url(/pic/hg-menu.jpg);
			background-repeat:no-repeat;
			background-position:1px 0px;
			}


#footer p	{
			font:9px Verdana, Arial, Helvetica, sans-serif;
			color:#ffffff;
			padding: 5px 220px 200px 210px;		
			}

#footer p.blau	{
			font:9px Verdana, Arial, Helvetica, sans-serif;
			color:#ffffff;
			padding: 5px 220px 5px 210px;		
			background-color: #294C72;
			}

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

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

#navigation	{
			position: absolute; top: 32px; left: 0px;
			width: 185px;
			z-index: 3;
			}


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

#navigation p.navbild	{
			font:8px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 1px 0px 0px 7px;		
			}


#navigation .klein	{
			font:12px 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:#656565; text-decoration: none;}
#navigation a:visited		{color:#656565; text-decoration: none;}
#navigation a:active		{color:#284C71; text-decoration: none;}
#navigation a:hover 		{color:#284C71; text-decoration: none;}
#navigation a:focus 		{color:#284C71; text-decoration: none;}

#navigation a:link.on		{font-weight: bold; color:#284C71; text-decoration: none;}
#navigation a:visited.on	{font-weight: bold; color:#284C71; text-decoration: none;}
#navigation a:active.on		{font-weight: bold; color:#1D3751; text-decoration: none;}
#navigation a:hover.on 		{font-weight: bold; color:#1D3751; text-decoration: none;}
#navigation a:focus.on 		{font-weight: bold; color:#1D3751; text-decoration: none;}

#navigation .klein a:link			{color:#656565; text-decoration: none;}
#navigation .klein a:visited		{color:#656565; text-decoration: none;}
#navigation .klein a:active			{color:#284C71; text-decoration: none;}
#navigation .klein a:hover 			{color:#284C71; text-decoration: none;}
#navigation .klein a:focus 			{color:#284C71; text-decoration: none;}

#navigation .klein a:link.on		{font-weight: bold; color:#284C71; text-decoration: none;}
#navigation .klein a:visited.on		{font-weight: bold; color:#284C71; text-decoration: none;}
#navigation .klein a:active.on		{font-weight: bold; color:#1D3751; text-decoration: none;}
#navigation .klein a:hover.on 		{font-weight: bold; color:#1D3751; text-decoration: none;}
#navigation .klein a:focus.on 		{font-weight: bold; color:#1D3751; text-decoration: none;}

.on				{font-weight: bold;}


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

#metanavi	{
			position: absolute; top: 25px; left: 603px;
			}

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

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


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

.formtext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	background-color: #E8EFF7;
	border: #007CBF solid 1px;
	width: 300px; height:16px;
	margin: 3px 0px 0px 0px;		
}

.formtextbig {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	background-color: #E8EFF7;
	border: #007CBF solid 1px;
	width: 400px; height:120px;
	margin: 3px 0px 0px 0px;		
}

.formbutton {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	font-weight: normal;
	background-color: #007CBF;
	border: #E8EFF7 solid 1px;
	width: 100px; height:19px;
}