/* CSS Document */
* {
margin: 0;
padding: 0;
}

body { 

	background:  #ffffff url(../bilder/bg_verlauf.png) repeat-x;
	font-size: 100.01%;
	font-family: Verdana, Helvetica,Arial,sans-serif; color: #786C91;
	margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
	}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #786C91;
	}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #786C99;
	}
	
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #990000;
	text-decoration: none;
	}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #990000;
	}

h1 {
	padding-top: 15px;
	margin-left: 185px;
	font-family: Georgia, Times New Roman, Times, serif; color: #990000;
	font-weight: bold;
   	
	}

h2 {
	padding-top: 12px;
	margin-left: 145px;
	font-family: Georgia, Times New Roman, Times, serif; color: #BCB5C8;
	font-weight: bold;
   
	}
	
h3 {
   
    font-family: Verdana, Helvetica,Arial,sans-serif; color: #786C91;
	
	}
	
/* blendet Trennzeichen und "Standort:" aus: */
/* dfn formatiert die Ordnungszahlen: zeichnet einen Text aus mit der Bedeutung "dies ist eine Definition". */
span.hier, span.unsichtbar, h2.unsichtbar, h3.unsichtbar, dfn, .sprungmenue, #logo, hr {
	position:absolute;
	left:-6000px;
	top:-6000px;
	width:0px;
	height: 0px;
	overflow:hidden;
	display:inline;
	}

/* Layout */
#container { width: 850px; text-align: left; margin: 0 auto; background: #ffffff url(../bilder/verlauf-waagrecht.jpg) repeat-y; }


/* Kopfbereich */
#headcontent { width: 850px; text-align: left; height: 304px; margin: 0 auto; background: #ffffff url(../bilder/head-image.jpg) no-repeat; }


/* fontsizer-elemente */
#topright {
	font-size: 12px;
	padding-top: 3px;
	margin-left: 355px;
	color: #ffffff;
	}

#topright #sizer {
	display: inline;
	margin-right: 10px;
	}

#topright #sizer span.extra {
	margin: 0 0 0 12px;
	color: #ffffff;
	border: 1px solid #ffffff;
	}

#topright #sizer span.extra a {
	padding: 0 5px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}

#topright #sizer span.extra a:hover {
	background-color: #ffffff;
	color: #990000;
	}

/* Infonavigation */
#infonavigation {
	float: right; width: auto; 
	margin-top: 18px;
	margin-right:25px;
	padding: 2px;
	text-align: center;
    background-color: #fff;
	}

/* repariert Luecke im IE (zum rechten Rand*/
* html #infonavigation {
	margin-right: 15px;
	}

#infonavigation ul {
	display: inline; /*for IE Mac*/
  	background-color: #FFF;
  	text-align: right;
  	padding: 4px 8px 2px 0;
	}

html>body #infonavigation ul {
  	padding-top: 2px;
	}

#infonavigation li {
  	display: inline;
  	margin: 0;
  	padding: 0 8px 0 12px;
  	border-left: 1px solid #786C91;
	}

/* verhindert die Strichanzeige vor dem ersten Listenpunkt*/
#infonavigation li.ohne_strich {
  	border-left: none;
	}

#infonavigation a:link,
#infonavigation a:visited {
  	text-decoration: none;
	}

#infonavigation a:focus,
#infonavigation a:hover,
#infonavigation a:active {
 	text-decoration: underline;
	}

#infonavigation strong {
 	font-size: 0.8em;
  	color: #900; 
	}

/* Hauptavigation */
/* sorgt für die Ränder und Hintergrundfarbe des gesamten Navigationsmenüs */
#navigationcontainer {
	float: left; width: 200px;
	font-size: 0.91em;
	margin-top: 0;
	margin-left: 35px;
	padding:0;
	}
	
/* repariert Luecke im IE (zum linken Rand*/
* html #navigationcontainer {
	margin-left: 18px;
	}
	
/* --------------------------- Anfang Navigation Blau --------------------------- */
	/* Hintergrundbild oben Navigation Blau */
	#navi_image_blau { width: 200px; height: 39px; border-bottom:1px solid #fff; background: #ffffff url(../bilder/navi_blau.gif) no-repeat; }

	/* Kontextselektor "Liste innerhalb der Navigation Blau" */
	
	#navigation_blau ul {
		list-style:none;
		padding:0;
		margin:0;
		}
		
	/* gibt allen Links der ersten Ebene einen Abstand - Hier keinen! */
	#navigation_blau li {
		margin: 0;
		padding: 0;
		/* verhindert unerwünschte Abstände im IE: */
		display:inline;
		}
		
	#navigation_blau li a  {
		padding: 4px 0 4px 20px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0;
		background:#E2F0FC;
		}
		
	/* übernimmt die notwendigen Formatierungen der Links für die aufgerufene Seite und erweitert sie, unter anderem um ein Hintergrundbild: */
	#navigation_blau strong {
		display: block;
  		padding: 4px 0 4px 20px;
		color: #000;
		letter-spacing:1px;
		margin:0;
		border-bottom:1px solid #fff;
		background: #A0CFF5;
		}
	
	#navigation_blau strong a,
	#navigation_blau strong a:link,
	#navigation_blau strong a:visited
 {
		display: block;
  		padding:0;	
		color: #000;
		letter-spacing:1px;
		margin:0;
		border:none;
		background: #A0CFF5;
		}
		
		
	#navigation_blau strong a:hover,
	#navigation_blau strong a:active,
	#navigation_blau strong a:focus {
		color: #99000;
		}
		
	#navigation_blau ul ul  {
		margin:0;
 		padding:0;
		}

	#navigation_blau li li {
 		 margin:0;
		}
		
	#navigation_blau ul ul a {
		background: #E2F0FC url(../bilder/unter_navi_blau.gif) no-repeat;
		padding: 4px 0 4px 35px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0px;
		}
		
		#navigation_blau ul ul a:visited {
		background: #E2F0FC url(../bilder/unter_navi_blau.gif) no-repeat;
		padding: 4px 0 4px 35px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #666;
		display: block;
  		margin:0px;
		}
		
	#navigation_blau ul ul strong {
		padding: 4px 0 4px 35px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0px;
		background: #CFE7FA url(../bilder/unter_navi_blau_an.gif) no-repeat;
		}
		
		#navigation_blau ul ul a:hover {
		background: #CFE7FA url(../bilder/unter_navi_blau_an.gif) no-repeat;
		padding: 4px 0 4px 35px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0px;
		
		}
	
	#navigation_blau a:visited {
		color:#666;
		background: #E2F0FC;
		}
		
	#navigation_blau a:hover {
		color:#000;
		background: #A0CFF5;
		}

	/* sorgt für  zusätzliche Anzeige der angetabbten Links: (wird nicht in allen Browsern unterstützt) */
	#navigation_blau a:focus, #navigation_blau a:active {
		color:#990000;
		background: #E2F0FC;
		}
		
		#navigation_blau ul ul a:focus, #navigation_blau ul ul a:active {
		color:#990000;
		background: #CFE7FA url(../bilder/unter_navi_blau_an.gif) no-repeat;
		
		}
	/* Hintergrundbild unten Navigation Blau */
	#navi_image_blau_unten { width: 200px; height: 40px; background: #ffffff url(../bilder/navi_blau_unten.jpg) no-repeat; }


/* --------------------------- Ende Navigation Blau --------------------------- */
		
/* --------------------------- Anfang Navigation Gruen --------------------------- */
	/* Navigation gruen */
	#navi_image_gruen { width: 200px; height: 43px; border-bottom:1px solid #fff; background: #ffffff url(../bilder/navi_gruen.gif) no-repeat; }
	
	#navigation_gruen ul {
		list-style:none;
		padding:0;
		margin:0;
		}
	
	#navigation_gruen li {
  		margin: 0;
		padding: 0;
		/* verhindert unerwünschte Abstände im IE: */
		display:inline;
		}
		
	#navigation_gruen li a {
  		padding: 4px 0 4px 20px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0;
		background-color: #E8F2CC;
   		}
		
		#navigation_gruen strong {
		display: block;
  		padding: 4px 0 4px 20px;
		color: #000;
		letter-spacing:1px;
		margin:0;
		border-bottom:1px solid #fff;
		background: #D6E8A4;
		}
		
	
	
	#navigation_gruen a:visited {
		color:#666;
		background: #E8F2CC;
		}
		
	#navigation_gruen a:hover {
		color:#000;
		background: #D6E8A4;
		}

	/* sorgt für  zusätzliche Anzeige der angetabbten Links: (wird nicht in allen Browsern unterstützt) */
	#navigation_gruen a:focus, #navigation_gruen a:active {
		color:#990000;
		background: #E8F2CC;
		}

	
	
	#navi_image_gruen_unten { width: 200px; height: 181px; background: #ffffff    url(../bilder/navi_gruen_unten.jpg) no-repeat; }
	
	/* --------------------------- Ende Navigation Gruen --------------------------- */
	
	/* --------------------------- Anfang Navigation Gelb --------------------------- */
	#navi_image_gelb { width: 200px; height: 46px; border-bottom:1px solid #fff; background: #ffffff url(../bilder/navi_gelb.jpg) no-repeat; }
	
	#navigation_gelb ul {
		list-style:none;
		padding:0;
		margin:0;
		}
	
	#navigation_gelb li {
  		margin: 0;
		padding: 0;
		/* verhindert unerwünschte Abstände im IE: */
		display:inline;
		}
		
	#navigation_gelb li a {
  		padding: 4px 0 4px 20px;
		border-bottom:1px solid #fff;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		display: block;
  		margin:0;
		background-color: #FEF5D6;
   		}

	#navigation_gelb a:link {
  		color: black; background-color: #FEF5D6; }
		
	#navigation_gelb a:visited {
  		color: #666; background-color: #FEF5D6; }
		
	#navigation_gelb a:hover {
  		color: black; background-color: #FFEEAA; }
		
	#navigation_gelb a:active {
  		color: #990000; background-color: #FEF5D6; }
		
	#navigation_gelb strong {
  		display: block;
  		padding: 4px 0 4px 20px;
		color: #000;
		font-weight: bold;
		letter-spacing:1px;
		margin:0;
		border-bottom:1px solid #fff;
		background-color: #FFEEAA;
		}
		
	#navi_image_gelb_unten { width: 200px; height: 173px; background: #ffffff url(../bilder/navi_gelb_unten.jpg) no-repeat; }
	/* --------------------------- Ende Navigation Gelb --------------------------- */
	
/* Inhalt */
div#inhalt {
	
	width: 530px;
	line-height: 140%;
    margin: 0px 0px 0px 260px;
    padding: 0px 0px 0px 0px;
   	font-size: 0.81em;
	}
	#top {
	padding: 0;
	margin-right: 25px;
	font-weight: bold;
	text-align: right;
	}
	
/* Bilder */
.bilder {
	border:0;
  padding: 0;
  margin: 10px 0 12px 0;
}

html>body .bilder {
  padding: 0;
  margin: 15px 0 25px 0;
}

.bilder img {
  float: left;

  margin: 0 20px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;

}	
div#bildarchiv-head {
	width: 570px;
	height: 70px;
    margin: 0px 0px 0px 240px;
    padding: 0px 0px 0px 0px;
   	font-size: 1.0em;
	background: #ffffff url(../bilder/babyparade.jpg) no-repeat;
	}

div#bildarchiv {
	width: 550px;
	height: 100%;
    margin: 0px 0px 0px 255px;
    padding: 0;
   	font-size: 1.0em;
	
	
	}
	
	
/* Boxen für Herausstellungen */
#box_text { float: right; width:auto; width: 220px; margin:0; }

#box_text_header {
	width: 220px;
	height: 60px;
	color:#990;
	margin:0;
    padding:0;
    background: #fff url(../bilder/text-box-head.jpg) no-repeat;
	}

#box_text_header h4 {
	width: 200px;
	color:#458098;
	margin:0;
    padding: 20px 0px 0px 25px;
   	font-size: 0.9em;
	background-color: transparent;
	}
	
#box_text_inhalt {
	width: 220px;
	color:#458098;
    margin:0;
    padding:0;
   	background: #fff url(../bilder/text-box-bg.jpg) repeat-y;;
	}
	
#box_text_inhalt a,
#box_text_inhalt a:link,
#box_text_inhalt a:visited {
font-size: 0.9em;
	color:#458098;
  	text-decoration: none;
	}

#box_text_inhalt a:focus,
#box_text_inhalt a:hover,
#box_text_inhalt a:active {
	color:#458098;
   text-decoration: underline;
	}

#box_text_inhalt p{
	width: 180px;
	color:#458098;
	font-size: 0.8em;
	padding: 0px 0px 0px 25px;
   	}

#box_text_inhalt ul.pfeil{
	width: 165px;
	color:#458098;
	font-size: 0.8em;
	padding: 0px 0px 0px 20px;
	list-style-image:  url(../bilder/pfeil-blau.gif);
   	}
	
#box_text_footer {
	width: 220px;
	height: 25px;
	margin:0;
    padding:0;
   	background: #fff url(../bilder/text-box-footer.jpg) repeat-y;;
	}
	
/* Ende Boxen Heraustellungen */
/* Bildarchiv */
form { 
display: inline; 
}

.dropdown {
font: 0.8em Trebuchet Ms, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}

.dropdownadmin {
font: 0.8em Trebuchet Ms, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}

.button {
font: 1.0em Trebuchet Ms, Arial, Helvetica, sans-serif;
}

.text {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
line-height: 18px;
color: #000000;
}

.copyright {
font: 0.7em Times, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 18px;
}

.copyright A:link, .copyright A:visited, .copyright A:active {
color: #2A5260;
text-decoration: none;
}

.copyright A:hover {
text-decoration: underline;
}

.fileinfo {
font: 1.0em Trebuchet Ms, Arial, Helvetica, sans-serif;
line-height: 16px;
color: #58838B;
}

.error {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #ff0000;
line-height: 18px;
}

.ok {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #12BB00;
line-height: 18px;
}

.htaccess {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #0000FF;
line-height: 18px;
}

.table100 {
height: 100%;
}

.headline {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #58838B;
font-weight: bold;
line-height: 18px;
}

.tablehl {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
line-height: 18px;
}

.thumb {
font: 0.8em Trebuchet Ms, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #D6E8A4;
}

.thumbimage {
border: 0px;
padding-top: 10px;
border-color: #000000;
}

.mediumimage {
border: 0px;
border-color: #000000;
}

.tablehl A:link, .tablehl A:visited, .tablehl A:active {
color: #FFFFFF;
text-decoration: none;
}

.tablehl A:hover {
color: #FFFFFF;
text-decoration: underline;
}

.micro {
font: 0.9em Trebuchet Ms, Arial, Helvetica, sans-serif;
line-height: 18px;
color: #58838B;
}

.star {
font: 1.0em Courier New, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 18px;
color: #58838B;
}

.menu_border{

color: #000000;
border: 1px solid #D6E8A4;
}

.menu_option {
background-color: #DEE6E8;
font: 1.0em Trebuchet Ms, arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}

.menu_option a:link {
font: 1.0em Trebuchet Ms, arial, helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

.menu_option a:visited {
color: #000000;
text-decoration: none;
}

.menu_option a:hover, .menu_option a:active {
color: #58838B;
text-decoration: none;
}

.menu_hilite {
background-color: #BCCDD1;
font: 1.0em Trebuchet Ms, arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}

.menu_hilite a:link {
color: #000000;
text-decoration: none;
}

.menu_hilite a:visited {
color: #000000;
text-decoration: none;
}

.menu_hilite a:hover, .menu_hilite a:active {
color: #000000;
text-decoration: none;
}
/* Ende Bildarchiv */

#inhalt_image { width: 570px; height: 130px; margin: 0px 0px 0px 245px; background: #ffffff url(../bilder/inhalt-image.jpg) no-repeat; }

* html #inhalt_image {
	margin-left: 243px;
	} /* gegen IEs 3-Pixel-Bug */


/* Namenmenues */
#menue1 { /* Menue oben */
height: 100px;
background-color: #ffffff; 
color: #000;

}
#menue1 p {
float: right;
width: 550px; /* Opera braucht fuer Linkleisten in Absaetzen eine Breite, sonst setzt er die Links nicht nebeneinander */
}
#menue1 a {

display: block;
float: left; /* bringt die Links trotz Blockformatierung nebeneinander - und zwar in der richtigen Reihenfolge */
margin-left: 10px;
margin-top: 10px;
padding: 2px 6px;
background-color: #E2F0FC; 
color: #000;
border: 1px solid #000;
}


#menue1 a:link {
  	text-decoration: none;
	}

#menue1 a:visited {

display: block;
float: left; /* bringt die Links trotz Blockformatierung nebeneinander - und zwar in der richtigen Reihenfolge */
margin-left: 10px;
margin-top: 10px;
padding: 2px 6px;
background-color: #E2F0FC; 
color: #666;
border: 1px solid #000;
}

#menue1 a:focus,
#menue1 a:hover,
#menue1 a:active {
   	background-color: #A0CFF5; 
	color: #900;
	}

#menue1 strong {
display: block;
float: left; /* bringt die Links trotz Blockformatierung nebeneinander - und zwar in der richtigen Reihenfolge */
margin-left: 10px;
margin-top: 10px;
padding: 2px 6px;
background-color: #A0CFF5; 
color: #000;
border: 1px solid #000;
}



/* Überschrift Tabelle Namensliste */
h4 {
position: relative;/*fuer IE*/
padding: 5px;
margin-top: 0;
background-color: #CFE7FA;
color: #000;
}
/* Container für Namen */
.tip {
position: relative;/*fuer IE*/
margin: 0;
padding: 20px;
background-color: #EAF4FD;
color: #000;
}
/* Listen mit grafischen Bullets */
ul.pfeil, ul.pfeil ul {
margin-left: 20px;
list-style-image:  url(../bilder/pfeil.gif);
}

.namenhitliste {
float: left; width: 230px;
position: relative;/*fuer IE*/
margin-top: 20px;
margin-right: 20px;
padding: 0;
color: #000;
}
ol.zahl {

color: #000;
padding:0;
margin:0;

padding: 4px 0 4px 40px;
background:#E2F0FC;

}


		
/* Fussbereich */	
div#fusszeile {
    clear: both;
	height: 40px;
    margin: 0;
   	padding: 30px 0 0 40px;
	text-align: left;
    background:    url(../bilder/bg_unten.png) no-repeat #ffffff;
	}
	
/* Fussnavigation */		
#fussnavigation {
	float: right; width: auto;
	margin-right:30px;
	padding: 2px;
	text-align: center;
    }

/* repariert Luecke im IE (zum rechten Rand*/
* html #fussnavigation {
	margin-right: 15px;
	}

#fussnavigation ul {
  	text-align: right;
  	padding: 4px 8px 2px 0;
	}

html>body #fussnavigation ul {
  	padding-top: 2px;
	}

#fussnavigation li {
  	display: inline;
  	margin: 0;
  	padding: 0 8px 0 12px;
  	border-left: 1px solid #786C91;
	}

/* verhindert die Strichanzeige vor dem ersten Listenpunkt*/
#fussnavigation li.ohne_strich {
  	border-left: none;
	}

#fussnavigation a:link,
#fussnavigation a:visited {
  	text-decoration: none;
	}

#fussnavigation a:focus,
#fussnavigation a:hover,
#fussnavigation a:active {
   text-decoration: underline;
	}

#fussnavigation strong {
	font-size: 0.8em;
  	color: #900;
 	}

#copyright {
	margin:0;
	padding: 2px;
	text-align: left;
    }

/* Logo und Beschreibung für Ausdruck */
#logo {
	margin:0px;
	background-color: #fff; 
	}

/* Formatierungen fuer Formular */
#wrapper {
margin: 0;
width: 380px;
color:  #786C91;
}
#formular {
padding: 0;

text-align: left;
font-size: 85%;
}
#formular p {
margin: 0px 0px 10px 0px;
background-color: transparent;
color: #786C91;
}

fieldset {
margin: 20px 0px 10px 0px;
padding: 5px 10px;
border: 1px solid #ccc;

}
legend {
background-color: #900;
color: #eee;
padding: 2px 10px;
border: 1px solid #fff;
margin: 0px 0px 10px 0px;
font-weight: bold;
}

form {
line-height: 150%;
}
input, textarea {
font-size: 120%;
}
.inpt {
width: 360px;
border: 1px solid #BCB5C8;
background-color: #F5F3F8;
color: #000;
margin: 0px 0px 9px 0px;
}
.txt {
width: 360px;
border: 1px solid #BCB5C8;
background-color: #F5F3F8;
color: #000;
}
input.inpt:focus, textarea.txt:focus {
background-color: #fff;
color: #000;
}

.senden {
width: 360px;
font-size: 100%;
font-weight: bold;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background-color: #786C91;
color: #fff;
border-top: 1px solid #69b;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #69b;

voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
.klick {

voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
/* Aufzählungen */
#aufzaehlung {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

#aufzaehlung li {
	padding-left: 15px;
	background-image: url(../bilder/pfeil.gif);
	background-repeat: no-repeat;
	
	}

#aufzaehlung ul { 
	list-style: none;
	}
	
	#aufzaehlung a:link,
	#aufzaehlung a:visited {
	
  	text-decoration: none;
	font-size: 1.0em;
	}

	#aufzaehlung a:focus,
	#aufzaehlung a:hover,
	#aufzaehlung a:active {
   	text-decoration: underline;
	font-size: 1.0em;
   	
	}