/*default werte von tags setzen*/
body  { font-size: 101%; margin: 0; background: #003a60; padding: 0px 0px; height: 100%; }
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  { margin: 0px; padding: 0px }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  { font-family: Arial, Helvetica, Verdana, sans-serif; }

#wrap { 
width:100%;
min-width: 790px;
}
/*kopfbereich*/
#topstart  { width:100%; background:#fff; height: 110px; border:0; margin:0; padding:0; }
#head  { background: #ffc202; width: 100%; margin:0px 0 0 0; padding:0px; height:57px;}
#top  { width:100%; background:#fff url(../pics/head.gif); background-repeat:no-repeat; height: 110px; border:0; margin:0; padding:0; }
#top img {border:0; padding:0; margin:0;}
#logo  { float: left; clear: left; margin:0px; padding:0px; height: 90px; }
#logo img  { float: left; border:0; padding:0; margin:0; }
div.button { padding:92px 0 0 0px; margin: 0px 0 0 450px; width:190px;}
div.button2 { padding:92px 0 0 0px; margin: 0px 0 0 437px; width:213px;}
div.button a, div.button2 a  { color: #fff; font-size:0.7em; font-weight: bold; text-decoration: none; margin:0px; padding:0px; }
div.button a:hover, div.button a:active, div.button a:focus, div.button2 a:hover, div.button2 a:active, div.button2 a:focus, { color: #fff; text-decoration: underline; }
/* ::::::::::::::::::::::   button kinderheim :::::::::::::::::::::::::::::::::: */
#topstart_kh  { width:100%; background:#fff; height: 110px; border:0; margin:0; padding:0; }
#head_kh  { background: #ffc202; width: 100%; margin:0px 0 0 0; padding:0px; height:57px;}
#top_kh  { width:100%; background:#fff url(../pics/head_kh.gif); background-repeat:no-repeat; height: 110px; border:0; margin:0; padding:0; }
#top_kh img {border:0; padding:0; margin:0;}
#logo_kh  { float: left; clear: left; margin:0px; padding:0px; height: 90px; }
#logo_kh img  { float: left; border:0; padding:0; margin:0; }
div.button_kh { padding:92px 0 0 0px; margin: 0px 0 0 480px; width:190px;}
div.button_kh a  { color: #fff; font-size:0.7em; font-weight: bold; text-decoration: none; margin:0px; padding:0px; }
div.button_kh a:hover, div.button_kh a:active, div.button_kh a:focus   { color: #fff; text-decoration: underline; }


/* ::::::::::::::::::::::   hauptbereich1 :::::::::::::::::::::::::::::::::: */
#mainstart  { background: #003a60; width: 100%; margin:0px 0px 0px 0px; padding:0px;}
#main  { background: #ffc202; width: 100%; margin:0px 0px 0px 0px; padding:0px;}
#boxen  { background: #ffc202; width:100%; margin:0px; padding:0px;}
div.leftbox { float: left; width: 210px; margin-left: 0px; background-color: #ffc202;} 
#middlebox { background-color: #ffc202; margin-left: 210px; margin-right:200px; padding-right:0px; width:445px;} 
#rightbox {float:right; margin:0px; padding:0px; background-color:#ffc202; width:200px;
}
.startbox { float:left; margin:20px 0px 50px 0px; padding:0px 0px 0px 0px; width:600px;} 

/* ::::::::::::::::::::::   hauptbereich2 :::::::::::::::::::::::::::::::::: */
#main2  { background: #003a60; width:100%; margin:0px; padding:0px;}
#boxen2  { background: #003a60 url(../pics/bgrightbox2.gif) repeat-y top right; margin:0px; padding:0px; width:825px;}

/* ::::::::::::::: Navi :::::::::::::::::::*/

/*::::::: mainnavi :::::::::*/
#mainnav   { font: bold 0.75em/2em Arial, Helvetica, Verdana, sans-serif;
	background: #003a60; float: left; width: 210px; margin:0px; padding:30px 0 0 0; color: #ffffff;
	}

#mainnav ul	{
	margin: .8em 0;
	padding:0px;
	list-style-type:none;
	}
#mainnav ul.unternavi2 {
	margin: .8em 0 0 0;
	padding:0px;
	list-style-type:none;
	}	
#mainnav ul li	{
	line-height: 1.3em;
	margin-bottom: 12px;
	}
	
#mainnav ul li li {
	line-height: 1.5em;
	padding:1px 0 5px 0;
	margin: 0px;
    list-style:none;
	background-color:#4073A1;
	}
	
#mainnav li a   { 
	color: #ffffff; text-decoration: none; padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background:     url(../pics/navi.gif) no-repeat;
	background-repeat:no-repeat;
	}
#mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  { 
	color: #fff; text-decoration: underline; padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background:     url(../pics/navi_ov.gif) no-repeat;
	background-repeat:no-repeat;
	}
#mainnav li li a   { 
	color: #fff; text-decoration: none; padding: 0px 4px 4px 10px; margin: 0 0 0 10px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;  
	background-repeat:no-repeat;
	}
	
#mainnav li li a:hover, div.mainnav li a:active, div.mainnav li a:focus  { 
	text-decoration: underline; padding: 0px 4px 4px 10px; margin: 0 0 0 10px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;   
	background-repeat:no-repeat;
	}
#mainnav li li li a   { 
	color: #fff; text-decoration: none; padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;  
	background-repeat:no-repeat;
	}
	
#mainnav li li li a:hover, div.mainnav li a:active, div.mainnav li a:focus  { 
	text-decoration: underline; padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;   
	background-repeat:no-repeat;
	}
#mainnav .hier {text-decoration: underline; padding: 0px 4px 4px 10px; margin: 0 0 0 10px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;   
	background-repeat:no-repeat;
	}
	#mainnav .hier2 {text-decoration: underline; padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background: #4073A1 url(../pics/spacer_nix.gif) no-repeat;   
	background-repeat:no-repeat;
	}
body#sectionone #mainnav a#one { 
	color: #fff;  padding: 0px 4px 4px 15px; margin: 0 0 0 15px;
	background:     url(../pics/navi_ov.gif) no-repeat;
	background-repeat:no-repeat;
	}		

#rightbox2 { float:right; margin:0px; width:170px; max-width:170px; padding:0px; background: #4073A1; color:#fff;}
.hoehe-rightbox2 { height: 100%;}
div[class = "hoehe-rightbox2"] { height: auto; min-height: 100%;}
.infobox {border-top:1px solid #96AFC5; border-bottom:1px solid #96AFC5;}	
.infobox a {color:#ffffff;text-decoration:none;}	
.infobox h2{ color:#ffffff; font-size:0.70em; padding:3px 0px 3px 10px; margin:0px; font-weight:bold; text-align:left; display:block; background: #10487A url("../pics/rightbox2button.gif");}
.infobox a:hover,
.infobox  a:active,
.infobox  a:focus{text-decoration:underline; color:#fff;}

/*:::::::::::::::: infoboxen-texte ::::::::::::::::*/			
.infoboxinhalt { font-size:0.7em; padding:3px 3px 3px 10px; margin-bottom:0px; background-color:#10487a; }	
div[class = "infoboxinhalt"] { height: auto; min-height: 50px; } /* Opera, Mozilla */	
.infoboxinhalt img { margin:2px 4px 2px 0px;}
.banner {float:left; padding:3px 3px 3px 20px;}	
.infoboxinhalt a {color:#ffffff;text-decoration:underline;}	
.infoboxinhalt a:hover,
.infoboxinhalt  a:active,
.infoboxinhalt  a:focus{text-decoration:underline;color:#fff;}
.abstand1 {height: 20px; }
.abstand2 {padding-bottom: 5px; }

/*:::::::::::::::: Index Content ::::::::::::::::*/
#contentwrapstart   { float:left; background-color:#003a60; color:#fff; width:570px; margin:0px; padding:0px 0px 0px 0px;}
#contentstart   { float:left; background-color:#003a60; color:#fff; width:100%;  max-width:570px; margin:0px; padding:25px 10px 0px 210px;}
.hoehe_start { height: 250px; }
div[class = "hoehe_start"] { height: auto; min-height: 250px}

#contentstart h1  { color: #fff; font-size: 1.0em; line-height: 1.2em; margin-bottom: 1.0em; padding:0px; }
#contentstart h2  { color: #003a60; font-size: 0.7em; font-weight:bold; line-height: 1.2em;  margin-bottom: 1.0em; padding:0px; }
#contentstart p { color: #fff; font-size: 0.8em; padding:0px; }
#contentstart a { text-decoration: underline; color: #fff; }
#contentstart a:hover, 
#contentstart a:active, 
#contentstart a:focus { color: #E2311C; }
#contentstart img { float:left; margin-right:20px; }



#contentwrap   { float:left; background-color:#fff; width:445px;  max-width:445px; margin:0px; padding:0px 0px 0px 0px;}
#content   { float:left; background-color:#fff; width:425px;  max-width:425px; margin:0px; padding:0px 10px 10px 0px;}
.hoehe { height: 390px; }
div[class = "hoehe"] { height: auto; min-height: 390px}
#content h1  { color: #E2311C; font-size: 1.0em; line-height: 1.2em; margin-bottom: 1.0em; padding-left:22px; }
#content h2  { color: #003a60; font-size: 0.7em; font-weight:bold; line-height: 1.2em;  margin-bottom: 1.0em; padding-left:22px; }
#content p { color: #003a60; font-size: 0.7em; padding-left:22px; margin-top: 1em;}
#content a { text-decoration: underline; }
#content a:link, #content a:visited { color: #003a60 }
#content a:hover, #content a:active, #content a:focus { color: #E2311C; }
#content img { margin: 5px 10px 0px 0px }
#content ul	{ color: #003a60; font-size: 0.7em; padding-left:22px; list-style-type:none; }
#content ul li 	{ background:   url(../pics/square.gif) no-repeat; background-repeat:no-repeat; padding: 0px 0px 8px 20px;  line-height: 1.2em; }


#content ul	ul{ color: #003a60; font-size: 1em; padding-left:10px; list-style-type:none; }
#content ul ul li 	{ background:   url(../pics/square.gif) no-repeat; background-repeat:no-repeat; padding: 0px 0px 8px 20px;  line-height: 1.2em; }


.green	{ color: #009900;}
.newshead	{ color: #003a60; font-weight:bold; line-height: 1.2em;  margin-bottom: 1.0em; margin-left: 10px;}
.dotted	{ padding-left:22px;}

/*fussbereich*/
div.footer   { background:#fff url(../pics/bg_footer.gif) repeat-x;}


/* ::::::::::::::::::::::   fussbereich1 :::::::::::::::::::::::::::::::::: */
#footermain  {  width: 100%; margin:0px; padding:0px; height:48px;}
#footerboxen  { width:100%; margin:0px; padding:0px; background:#fff url(../pics/bg_footer.gif) repeat-x;}
div.footerleftbox { float: left; width: 210px; margin-left: 0px; background:    url(../pics/bg_footer.gif) repeat-x; } 
#footermiddlebox { margin-left: 210px; margin-right:26px; width:445px; background:#fff; height:48px; background:    url(../pics/bg_footer_blue.gif) repeat-x;} 
#footermiddlebox a:link, #footermiddlebox a:visited {color: #fff; font-weight: bold; font-size: 0.7em; padding: 0px 0px 0px px; margin:0px; text-decoration:none;} 
#footermiddlebox a:hover, #footermiddlebox a:active,  #footermiddlebox a:focus {color: #fff; font-weight: bold; text-decoration:underline;} 
#footerrightbox {float:right; margin:0px; padding:0px; width:200px;}
.left{
	float:left; padding: 17px 30px 0px 20px;
}
.update { float:left; color: #fff; font-weight: bold; font-size: 0.7em;  padding: 17px 20px 0px 20px;}
/* ::::::::::::::::::::::   fussbereich index :::::::::::::::::::::::::::::::::: */
div.footerstart   { background:#fff url(../pics/bg_footer.gif) repeat-x;}
#footermainstart  {  width: 100%; margin:0px; padding:0px; height:48px;}
#footerboxenstart  { width:100%; margin:0px; padding:0px; background:#fff url(../pics/bg_footer.gif) repeat-x;}
div.footerleftboxstart { float: left; width: 210px; margin-left: 0px; background:    url(../pics/bg_footer.gif) repeat-x; } 
#footermiddleboxstart { margin-left: 210px; margin-right:26px; width:445px; background:#fff; height:48px; background:    url(../pics/bg_footer.gif) repeat-x;} 
#footermiddleboxstart a:link, #footermiddleboxstart a:visited {color: #fff; font-weight: bold; font-size: 0.7em; margin:0px; text-decoration:none;} 
#footermiddleboxstart a:hover, #footermiddleboxstart a:active,  #footermiddleboxstart a:focus {color: #fff; font-weight: bold; text-decoration:underline;} 
#footerrightboxstart {float:right; margin:0px; padding:0px; width:200px;}
.leftstart{
	float:left;  padding: 17px 15px 0px 35px; 
}
.update_start {float:left; color: #fff; font-weight: bold; font-size: 0.7em; padding: 17px 0px 0px 35px; }
/* ::::::::::::::::::::::   fussbereich index ende:::::::::::::::::::::::::::::::::: */
#newsbox p	{
	margin: 0;
	padding: 0px;
	}

.newsbox {
	background: #fff;
	color: #000;
	margin: 20px 0 0 22px;
	padding: 0 0 10px 0;
	
	}
	
.newsbox2 {
	
	background: #fff;
	color: #000;
	margin: 10px 0 0 22px;
	padding: 5px 3px 20px 3px;
	border-bottom: 1px dotted #003A60;	
	
	}
/* :::::::::::::::::::::: Formular :::::::::::::::::::::: */
#formarea {
 padding-left: 22px;
 margin: 5px 0;
 border: 0;
 text-align: left;
 }
 
#formarea label {
 font-size: 0.7em;
 margin-bottom: 3px;
 padding-bottom: 0;
 margin-top: 3px;
 display: block;
 }
 
#formarea textarea{
 color:#003a60;
 font-weight:normal;
 width:250px;
 border:1px solid #003a60;
 }
 
#formarea input{
 width: 20em;
 background:#fff;
 border: 1px solid #003a60;
 color:#003a60;
 font-weight:normal;
 padding:1px 3px;
 }
 
#formarea input.check {
 width: auto;
 padding: 0;
 background: #fff;
 color: #003a60;
 }
 

.form {
 color: #003a60;
 background:  #fff; 
 font-family: Arial, Helvetica, Verdana, sans-serif;
 padding: 0px;
 margin: 0;
 }
 
.form-button {
 color: #003a60;
 font-size: 0.7em;
 border: 1px solid #003a60;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 padding-left: 1px;
 padding-right: 1px;
 margin-top: 10px;
 }
 
.red { 
 color: #E2311C;
 font-size: 0.7em;
 padding-left: 0px;
}
/* :::::::::::::::: contentteaser uebersicht :::::::::::::::: */
.teaser{
	margin:5px 0px 0px 0px; 
	padding:5px 0px 0px 0px;
	display:block;
	text-align:left;
	height:100px;
	}
div[class = "teaser"] { height: auto; min-height: 100px; } /* Opera, Mozilla */

#content div.teaser img{
	margin:5px 8px 0px 20px;
	float:left;
	padding:5px 10px 0px 0px;
	
	}
/* :::::::::::::::: content table :::::::::::::::: */
#content table {
	width:70%;
	color: #003a60; font-size: 0.7em;
	margin-top:1.0em;
	cellspacing:1px;
	}

#content td, th {
	vertical-align: top;
	margin-top: 0;	
	border: 0;
    background-color:#fff;
	padding-bottom:5px;
	padding:2px;
	}
#content td.small{
	 font-size: 0.8em;
	}



#flash_popup{
	position:absolute;
	left:180px;
	top:150px;
	width: 100px;
	height: 100px;
}