/* Navigationsmenü */
/* 	Globale Definitionen */
html, body	{
	height: auto;
	padding: 0px;
	font-size: 90%;
	font-family: Tahoma, sans-serif;
	color: navy;
}


.invisible, dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

/* 	XHTML 1.0 Strict */
img {
	border: none;
}

/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*	als eigene Klasse, um es im Context einer Seite besser steuerbar zu machen */
.NavText {
	font-size: 1em;
}

/*	Dem Layer um die Navigation eine Hintergrundfarbe und Breite vorgeben */
#MainNavigation {
	text-align:left;
   width:100%;   
	height:auto;
	background-color: #b5c3d7;
	border-right: 0px solid #ebedf3;
}



/*	Dem Layer um die Navigation eine Hintergrundfarbe und Breite vorgeben */
*html #MainNavigation {
	text-align:left;
   width:80%;
	height:auto;
	background-color: #b5c3d7;
	border-right: 0px solid #ebedf3;
}






/*	In der Navigation sollen keine Linien unter den Links sein, ausserdem sollen alle Links Block-Elemente sein, 
damit die ganze Navigations-Flaeche klickbar wird */
#MainNavigation a {
	text-decoration: none;
	display:block;
	color: navy;
}

/*	fuer den IE muessen die Links in diesem Fall eine Breite bekommen */
* html #MainNavigation a {
	width: 100%;
}

/*	fuer Hauptpunkte sollen die Eintraege Fett sein, Hauptpunkte haben zum naechsten Punkt eine dicke Border */
#MainNavigation ul li {
	font-weight: bold;
	border-bottom: 3px solid #ebedf3;
}

/*	aufgrund des Problems, Borders richtig anzuzeigen, hier für den IE eine Hoehe (wirkt wie min-height) */
* html #MainNavigation ul li {
	height: 1em;
}

/* 	Level 1 Eintrage haben ein Hintergrundbild, und ein paar Abstaende, die padding-left/right sind wichtig fuer später */
#MainNavigation ul li a {
	background: url(../../media/imgs/list_icon_00.gif) no-repeat 10px 0.7em;
	padding: 6px 7px 6px 35px;
}

/* Bei Hover ueber einen Level 1 Eintrag bekommt der a des Eintrages rechts und links eine Border und das 
padding left/right wird um die Breite der Border verringert. Aufgrund dessen muessen wir auch das Hintergrundbild 
neu positionieren */
#MainNavigation ul li a:hover, #MainNavigation ul li a:focus, #MainNavigation ul li a:active {
	background-color: #ffffff;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	padding-left: 30px;
	padding-right: 2px;
	background-position: 5px 0.7em;
}

/*	Der aktive Level 1 Eintrag bekommt immer eine linke Border, dehalb muß das Padding um den Border-Wert veraendert werden.
Somit auch wieder das Hintergrundbild neu positionieren (und ein anderes benutzen, da er ja aktiv ist).
Das gilt aber nur, wenn ein Level 2 Eintrag ausgewaehlt ist (Level 1 hat sonst keinen Link) */
#MainNavigation ul li.selectedOne div a {
	border-left: 5px solid #ffffff;
	padding-left: 19px;
	background-position: 5px 0.7em;
	background-image: url(../../media/imgs/list_icon_10.gif);
}

/*	Da oben für die Hover Effekte die Borders gesetzt werden, muessen wir hier noch einmal für den aktiven sagen,
dass die Borderfarbe die Hover-Farbe sein soll */
#MainNavigation ul li.selectedOne div a:hover, #MainNavigation ul li.selectedOne div a:focus, #MainNavigation ul li.selectedOne div a:active {
	border-left-color: navy;
}

/*	Dies ist der Zustand, wenn man auf der Seite des Level 1 Eintrages ist. Es ist also ein zweite UL vorhanden, der
Navigationspunkt ist ausgeklappt und hat keinen Link.
Hier wird eine Border links gesetzt, welche die gleiche Farbe wie der Hintergrund hat. Surfer mit normalen Farbeinstellungen
sehen sie also nicht. Nur User mit veraenderten Kontrasten sehen sie. Ein anderes Hintergrundbild zeigt für "normale" 
User an, dass dieser Punkt ausgewaehlt ist */
#MainNavigation ul li.selectedOne div.selectedOne {
	border-left: 5px solid #ffffff;
	color: #EE3338;
	background: url(../../media/imgs/list_icon_11.gif) no-repeat 5px 0.7em #ffffff;
	padding: 6px 7px 6px 24px;
}

/*	der IE rechnet Hintergrundbilder dieser Konstruktion etwas anders, deshalb bekommt er eine andere Position */
* html #MainNavigation ul li.selectedOne div.selectedOne {
	background-position: 10px 0.7em;
   border-left: 5px solid navy;
}

/*	LEVEL 2 */

/* Fuer normale Level 2 Eintraege muessen wir ein paar Sachen von Level 1 ueberschreiben */
#MainNavigation  ul li ul li {
	font-size:0.85em;
   font-weight:normal;	
   background-color:#ebedf3;
	border-top: 1px solid #A9B0D7;
	border-bottom: 0px solid #A9B0D7;
}



/* 	Level 2 Eintraege haben ein anderes Icon, andere Paddings etc. */
#MainNavigation ul li ul li a {
	background: url(../../media/imgs/list_sub_0.gif) no-repeat 19px 0.45em;
	padding: 4px 7px 4px 34px;
   font-weight:normal;
}

/*	Und hier machen wir das gleiche wie oben, muessen es aber für Level 2 Eintraege aufgrund ihrer 
geaenderten Position etwas neu anpassen */
#MainNavigation ul li ul li a:hover, #MainNavigation ul li ul li a:focus, #MainNavigation ul li ul li a:active {
	background-color: #ffffff;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	padding-left: 29px;
	padding-right: 2px;
	background-position: 15px 0.45em;
}

/*	und fuer den selektierten Level 2 Eintrag wieder links eine feste Border und die Paddings anpassen */
#MainNavigation ul li ul li.selectedOne {
	border-left: 5px solid navy;
	background: url(../../media/imgs/list_sub_1.gif) no-repeat 10px 0.45em #ffffff;
	padding: 4px 7px 4px 24px;
	color: #EE3338;
}


div.clear  {
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}




div.search {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:10px;
	height:auto;
	width:100%;
	background-color: #ebedf3;
	border-top:10px solid #ffffff;
	border-bottom:1px solid red;
	border-right: 0px solid;
}




div.adresse {
	padding:15px;
	padding-top:0px;
	text-align:left;
	width: 100%;
	height:auto;
	background-color: #ffffff;
}




div.sprungnavi  {
   padding-right: 0px; 
   display: inline;  
   padding-left: 0px; 
   left: -999px; 
   padding-bottom: 0px; 
   margin: 0px; 
   overflow: hidden; 
   width: 0px; 
   padding-top: 0px; 
   position: absolute; 
   top: -999px; 
   height: 0px; 
   text-align: left;
}


div.complete {
   border:1px solid #b5c3d7;
   width:800px;
   height:auto;
	padding:0px;
   margin:0px auto;
	border:1px solid navy;
}


div.header {
   width:800;
   height:auto;
   padding-bottom:10px;
   margin:0px auto;
}


div.navigation {
   float:left;
   text-align:left;
 	margin-left:0px;
	margin-right:0px;
   margin-bottom:0px;
	padding-left:0px;
	width:22%;
   height:auto;
}



div.path  {
  	text-align:left;
	margin-right:10px;
	padding-top:5px;
   padding-bottom:5px;
   width:70%;
	line-height:110%;
	font-size : 100%;
}


div.content {
   text-align:left;
 	margin-left:200px;
	margin-right:10px;
   margin-bottom:10px;
	padding-left:20px;
   height:auto; 
   width:70%;
}



div.title {
	margin-left:0px;
	margin-right:10px;
   padding-top:0px;	
   padding-left:0px;
   padding-bottom:20px;
   
   
}



div.text100 {

	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   width:100%;
	/*height:100%;*/
}

div.foto_right  {
  float:right;
  width:275px;
  margin-left:20px;
  padding: 2px;
  background-color: white;
  border:0px solid;
}


div.news {
	margin-left:0px;
	margin-right:0px;
   margin-bottom:10px;
	padding-left:15px;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:0px;
	background-color:#ebedf3;
   height:auto;
   text-align:left;
}
 
 

 

  
div.foto_row  {
  float: left;
  margin-left:0px;
  padding: 5px;
  background-color: white;
  border:0px solid;
  height:100%;
  
}
 
 
 
div.foto_left  {
  float: left;
  margin-right:10px;
  padding: 0px;
  background-color: white;
  border:0px solid;
  height:100%;
}

div.foto_left_padding  {
  float: left;
  margin-right:17px;
  padding: 5px;
  background-color: white;
  border:0px solid;
  height:100%;
}

div.fotos_ams  {
  float: left;
  margin-right:5px;
  padding: 5px;
  background-color: #ebedf3;
  border:0px solid;
  height:100%;
  width:124px;
}


div.fotos_vermittlung  {
  float: left;
  margin-right:5px;
  padding: 5px;
  background-color: #ebedf3;
  border:0px solid;
  height:100%;
  width:167px;
}


div.foto2  {
  margin-top:20px;  
  margin-bottom:0px;
  margin-left:0px;
  padding: 5px;
  background-color:#b5c3d7;
  border:0px solid;
 }


div.foto3  {
  float:right;
  margin-top:0px;  
  margin-bottom:0px;
  margin-left:0px;
  padding: 5px;
  background-color: #ebedf3;
  border:0px solid;
 }


 div.textleft20 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   /*height:100%;*/
   width:22%;
 }
 
 div.textright80 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
  /* height:100%;*/
   width:78%;
 }
 
  div.textleft50 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   height:100%;
   width:48%;
 }
 
 div.textright50 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   height:100%;
   width:48%;
 }
 
  div.textleft10 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   height:100%;
   width:7%;
 }
 
 div.textright90 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
   height:100%;
   width:90%;
 }
 
 
 
  
 div.textleft80 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
  /* height:100%;*/
   width:78%;
 }
 
 div.textright20 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
   text-align:left;
  /* height:100%;*/
   width:20%;
 }
 
 
 div.textleft70 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding:10px;
   text-align:left;
	height:100%;
   width:65%;
	background-color:#b5c3d7;
 }
 
 div.textright30 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
   text-align:left;
   height:100%;
   width:30%;
	background-color:#b5c3d7;
 }
 
 
 div.textleft60 {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding:10px;
   text-align:left;
	height:100%;
	width:60%;
}
 
 div.textright40 {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
   text-align:left;
   height:100%;
	width:35%;
}
 
div.cand {
	margin-left:0px;
	margin-right:0px;
	padding:5px;
   text-align:left;
	text-indent:0px;
   height:100%;
   width:95%;
	background-color:#ebedf3;
 }
 
div.cand_left {
   float:left;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
   text-align:left;
   height:100%;
   width:30%;
	background-color:#ebedf3;
 }
 
div.cand_right {
   float:right;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
   text-align:left;
   height:100%;
   width:67%;
	background-color:#ebedf3;
 }  
 
 
div.list_left  {
  float: left;
  text-align:left;
  margin-top:20px;  
  padding-right: 10px;
  width:49%;
  background-color: white;
  border:0px solid;
 }

div.list_right  {
  float: right;
  margin-top:20px;
  padding: 0px;
  width:49%;
  background-color: white;
  border:0px solid;
 }


div.important  {
  float: left;
  margin-top:5px;
  padding: 0px;
  width:100%;
  background-color: #ebedf3;
  border:0px solid;
 }

div.aufnahme  {
  float: left;
  margin-top:0px;
  margin-bottom:15px;
  padding-left: 5px;
  width:99%;
  border:0px solid;
 }

div.detail  {
  float: left;
  text-align:left;
  font-weight:bold;
  margin-top:0px;
  padding-left: 5px;
  width:24%;
  border:0px solid;
 }

div.detail1  {
  float: right;
  text-align:left;
  margin-top:0px;
  padding: 0px;
  width:75%;
  border:0px solid;
 }


div.staff  {
  float:left;
  margin-top:15px;  
  margin-bottom:15px;
  padding: 0px;
  background-color: #ebedf3;
  width:100%;
  vertical-align:bottom;
  margin-bottom:0px;
}

div.staff_foto  {
  float:left;
  vertical-align:bottom;
  margin-bottom:0px;
  padding: 5px;
  text-align:left;
  background-color:#ebedf3;
  width:21%;
 }

div.staff_text  {
  float:right;
  margin-top:75px;  
  margin-bottom:0px;
  margin-left:15px;
  padding:5px;
  text-align:left;
  vertical-align:bottom;
  background-color:#ebedf3;
  width:68%;
 }

 
div.footer {
   clear:both;
	width:800px;
   height:auto;
   padding:0px;
   margin:0px auto;

}
 
 
 A:link { color:#005596;text-decoration:none;font-weight:bold;}
 A:visited { color:#7F8997;text-decoration:none;font-weight:bold; }
 A.extra { color:navy;text-decoration:none;font-weight:bold; }
 A.extra:visited { color:#ffffff;text-decoration:none;font-weight:bold; }
 A.extra1 { color:#ffffff;text-decoration:none;font-weight:bold; }
 A.extra1:visited { color:#ffffff;text-decoration:none;font-weight:bold; }
 A.extra2 { color:navy;text-decoration:none;font-weight:normal; }
 A.extra2:visited { color:navy;text-decoration:none;font-weight:normal; }
 A.extra3 { color:navy;text-decoration:none;font-weight:bold; }
 A.extra3:visited { color:navy;text-decoration:none;font-weight:bold; }
 A.extra4 { color:navy;text-decoration:none;font-weight:bold; }
 A.extra4:visited { color:navy;text-decoration:none;font-weight:bold; }
 A.extra4:hover { color:red;text-decoration:none;font-weight:bold; }

 
 

p    {
	font-family: "Tahoma",sans-serif;
	font-size:100%;
	font-weight: normal;
	color: navy;
	margin-top:5px;
	margin-bottom: 15px;
	line-height: 140%;
	text-align: left;
}



h1    {
	font-family: "Tahoma",sans-serif;
	font-size: 160%;
  line-height:130%;
  font-weight: bold;
	color: navy;
	background-color: #FFFFFF;
  padding-bottom:0px;
  margin-bottom:0px;
	text-align: left;
}


h2    {
	font-family: "Tahoma",sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: navy;
	background-color: #FFFFFF;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom: 0px;
	text-align: left;
}


h3   {
	font-family: "Tahoma",sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: navy;
	background-color: #b5c3d7;
   border-top:1px solid #ebedf3;
   border-bottom: 1px dotted red;
   padding-left:5px;
   padding-right:5px;
	padding-bottom:0px;
   margin-right:0px;
	margin-bottom: 0px;
	line-height: 140%;
	text-align: left;
}





h4   {
	font-family: "Tahoma",sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: navy;
	background-color: #b5c3d7;
   border-top:1px solid #ebedf3;
   border-bottom: 1px dotted red;
   padding-left:5px;
   padding-right:5px;
	padding-bottom:0px;
   margin-right:0px;
	margin-bottom: 0px;
	line-height: 140%;
	text-align: left;
}



.subline1    {
	font-family: "Tahoma",sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: navy;
	background-color: #b5c3d7;
   padding-left:5px;
   padding-right:5px;
   margin-right:10px;
	margin-bottom: 10px;
	line-height: 140%;
	text-align: left;
}


.subline2   {
	font-family: "Tahoma",sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: navy;
	background-color: #b5c3d7;
   border-top:1px solid #ebedf3;
   border-bottom: 1px dotted red;
   padding-left:5px;
   padding-right:5px;
	padding-bottom:0px;
   margin-right:0px;
	margin-bottom: 0px;
	line-height: 140%;
	text-align: left;
}

.subline3   {
	font-family: "Tahoma",sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: navy;
	background-color: #b5c3d7;
   border-top:1px solid #ebedf3;
   border-bottom: 1px dotted navy;
   padding-left:5px;
   padding-right:0px;
	padding-bottom:0px;
   margin-right:0px;
	margin-bottom: 0px;
	line-height: 140%;
	text-align: left;
}




ul.normal  li  {
	list-style-image: url(../../media/imgs/dot.gif);
	font-size: 90%;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	margin-left:20px;
	line-height:140%;
	text-align: left;
}

ul.large li {
	list-style-image: url(../../media/imgs/block1.gif);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 0px;
   margin-top: 10px;
	margin-left:20px;
	text-align: left;
}

ul.blue li   {
	list-style-image: url(../../media/imgs/a_blue4.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 0px;
   margin-top: 0px;
	margin-left:20px;
	text-align: left;
}

ul.red  li {
	list-style-image: url(../../media/imgs/a_red3.jpg);
	font-weight:normal;
	color: navy;
	margin-bottom: 2px;
   margin-top: 0px;
	margin-left:20px;
	text-align: left;
}

ul.redlightblue  li {
	list-style-image: url(../../media/imgs/a_red6.jpg);
	font-weight:normal;
	color: navy;
	margin-bottom: 0px;
   margin-top: 0px;
	margin-left:20px;
	text-align: left;
}

ul.az  li {
	list-style-image: url(../../media/imgs/a_red3.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 3px;
   margin-top: 3px;
	margin-left:20px;
	text-align: left;
}

ul.links li  {
	list-style-image: url(../../media/imgs/a_red5.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 5px;
   margin-top: 3px;
	margin-left:20px;
	text-align: left;
}

ul.navy li  {
	list-style-image: url(../../media/imgs/a_blue5.jpg);
	font-weight:normal;
	color: navy;
	margin-bottom: 10px;
   margin-top: 10px;
	margin-left:20px;
	text-align: left;
}

ul.navylightblue  li {
	list-style-image: url(../../media/imgs/a_blue6.jpg);
	font-weight:normal;
	color: navy;
	margin-bottom: 2px;
   margin-top: 2px;
	margin-left:30px;
	text-align: left;
}


ul.sitemap1  li {
	list-style-image: url(../../media/imgs/block1.gif);
	font-weight:bold;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 15px;
   margin-top: 10px;
	margin-left:20px;
	text-align: left;
}


ul.sitemap2 li  {
	list-style-image: url(../../media/imgs/a_blue5.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 3px;
   margin-top: 3px;
	margin-left:20px;
	text-align: left;
}

ul.sitemap3 li {
	list-style-image: url(../../media/imgs/a_red3.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 3px;
   margin-top: 3px;
	margin-left:20px;
	text-align: left;
}

ul.sitemap4  li {
	list-style-image: url(../../media/imgs/a_blue1.jpg);
	font-weight:normal;
	color: navy;
	background-color: #FFFFFF;
	margin-bottom: 10px;
   margin-top: 10px;
	margin-left:20px;
	text-align: left;
}


.TextSmall {
     font-size : 85%;
	  text-indent:0px;

}

.TextLarge {
     font-family : "Tahoma",sans-serif;
     font-size : 120%;
	  font-weight: bold;
     color : navy;
}


.TextLargeRed {
     font-family : "Tahoma",sans-serif;
     font-size : 120%;
	  font-weight: bold;
     color : red;
     background-color:#ffffff;
}


.backnavy {
     font-family : "Tahoma",sans-serif;
     font-size : 100%;
	  font-weight: bold;
     color : white;
     background-color:navy;
}


.backred {
     font-family : "Tahoma",sans-serif;
     font-size : 100%;
	  font-weight: bold;
     color : white;
     background-color:red;
}


.backblue {
     font-family : "Tahoma",sans-serif;
     font-size : 100%;
	  font-weight: bold;
	  padding-left:10px;
     color : navy;
     background-color:#b5c3d7;
}

.backlightblue {
     font-family : "Tahoma",sans-serif;
     font-size : 90%;
	  font-weight: bold;
	  padding-left:10px;
	  padding-top:5px;
     color : navy;
     background-color:#ebedf3;
	  margin-top:15px;
}


.faq {
     font-family : "Tahoma",sans-serif;
     font-size : 90%;
	  font-weight: normal;
	  padding:10px;
     color : navy;
     background-color:#ebedf3;
	  margin-top:15px;
  	  line-height:130%;
}

.redbold {
	  font-weight: bold;
     color : red;
}


input.button { width:120px;                  
     height:23px;
     background-color:#ebedf3;
     color:navy;
     font-size:95%;
     font-weight: bold;
}

input.button1 { width:140px;
     height:25px;
     background-color:#b5c3d7;
     color:navy;
     font-size:90%;
     font-family:"Tahoma",sans-serif;
}


input.button2 { width:350px;
     height:25px;
     background-color:#b5c3d7;
     color:navy;
     font-size:90%;
     font-family:"Tahoma",sans-serif;
     letter-spacing:1px;
}


input.normal { background-color:#ebedf3;
     color:navy;
	  font-family:tahoma, sans serif;
     width:300px;
}


textarea.normal { background-color:#ebedf3;
     color:navy;
	  font-family:tahoma, sans serif;
     width:300px;
}