/***************************************************************************
  *  Allgemein
  ***************************************************************************/
html {
	height:100%
}
body {
	height:100%;
	background-image:url(../img/leftBoxBg.png);
	background-position:0px;
	background-repeat:repeat-y;
	/*background-color: #f0eded;*/
}
body, p a,
.divForP {
	color: #000000 ; 
	font-size: 100.01%;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	/*min-width: 30em;  Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
div#godFather {
	height: 100%;
}

 /***************************************************************************
  *  Kopfzeilen
  ***************************************************************************/
div#header {
	background-color: #FFFFFF;
	height:167px;
	background-image:url(../img/topBg.png);
	background-position:0px;
	background-repeat:repeat-x;	
}
div#headerBright{
	width: 180px;
	height:0px;
}
div#subHeader {
	background-color: #FFFFFF;
	height:0px;
	background-image:url(../img/leftBoxBg.png);
	background-position:0px;
	background-repeat:repeat-y;	
}

html>body h1 {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}
  
/***************************************************************************
 *  Navigationsbereich
 ***************************************************************************/
div#leftBox {
	background-color: #f1f4f7;
	width:207px;
	height:100%;
	float: left;
	background-image:url(../img/leftBoxBg.png);
	background-position:right;
	background-repeat:repeat-y;
  }

ul#navigation {
	text-align:right;
	font-size: 14px;
	font-weight:bold;
	float: left; 
	width: 18em;
	margin: 0;
	padding:0;
	border: 0px;
	width:207px;
}

ul#navigation li {
	/*border-top: 1px solid #FFFFFF;*/
	background-image:url(../img/menuBox.png);
	background-repeat:no-repeat;
	text-indent:1.5em;
	padding: 10px 43px 1px 0;
	margin-bottom:-10px;
	list-style:none;
	min-height:33px;	
}
ul#navigation li:hover  {
	background-image:url(../img/menuBoxHover.png);
}
 ul#navigation li#selectedMenu  {
	background-image:url(../img/menuBoxActive.png);
}

ul#navigation a {
	text-decoration:none;
	padding-left:10px;
}
ul#navigation a:link {
	color: #577da0;
}
ul#navigation a:visited {
	color: #577da0;
}
ul#navigation a:hover {
	color: #FFFFFF;
}
li#selectedMenu a, li#selectedMenu a:hover, li#selectedMenu a:visited {
	color: #d43636;
}
img.menuBox {
	float:left;
	margin-right:18px;	
}


/***************************************************************************
 *  Untermenüpunkte
 ***************************************************************************/

#navigation ul.subNavigation {
  margin:10px;
  margin-left:-40px;
	min-width:207px;
	background-image:none;
	text-align:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
}
#navigation li.subNavigation, 
#navigation li.subNavigation:hover,
#navigation li.subNavigationSelected, 
#navigation li.subNavigationSelected:hover  {
	padding: 0.5em 60px 0 0; margin: 0 0 0 0;
	border-top:none;
	background-image:url(../img/leftboxlist.png);
	background-position:155px 12px;
	min-height:17px;
	color:#577da0;
	list-style-image:none;
	list-style:none;
	font-size: 0.9em;
	text-transform:none;
}

#navigation li.subNavigation:hover {
	list-style-image:none;
	background-image:url(../img/leftboxlistr.png);
	background-position:155px 12px;
}
#navigation li.subNavigationSelected,
#navigation li.subNavigationSelected:hover {
	color:#000000;
	background-image:url(../img/leftboxlistr.png);
	background-position:155px 12px;
	list-style-image:none;
}


/* Verhindern, daß die weiter verschachtelten Menüpunkte immer
 * kleiner werden und den Einzug anpassen */
#navigation ul.subNavigation ul.subNavigation {
 border:none;
 margin-left:-50px;
}
div.firstSubNaviagtion {
 padding-left:50px;
}

#navigation ul.subNavigation ul.subNavigation li {
  font-size:1em;
  text-indent:-30px;
}

/* Die a-Tags der Untermenüpunkte */
ul#navigation a.subNavigation {
	text-decoration:none;
	padding-left:-20px;
}
ul#navigation a.subNavigationSelected {
	text-decoration:none;
	padding-left:-20px;
  color:#000000;
	background-image:none;
}
ul#navigation a.subNavigation:link {
	color: #577da0;
}
ul#navigation a.subNavigation:visited {
	color: #577da0;
}
ul#navigation a.subNavigation:hover {
	background-image:none; color: #7F7F7F;
}
ul#navigation a.subNavigation:active {
	color: #577da0; 
}


/***************************************************************************
 * Untermenüpunkte angezeigt als dem Windows-Startmenü ähnliche
 * Auswahlfelder *
 ***************************************************************************/ 
ul#navigation li div {
	display:none;
	position:absolute; 
	left:207px; 
	margin-top:-3px;
	padding-left:-3px;

}

ul#navigation li div ul.subNavigation {
	border:none;
  
}
ul#navigation li:hover div {
	display:block;
	margin-top:-2px;


}
div.subNavigationCascade {

  background-image:url(../img/subMenuTopBg.png);
  background-position:top;
  background-repeat:repeat-x;  
	background-color: #f1f4f7;  
	border-right:1px solid #b8c9d8;
	border-bottom:1px solid #b8c9d8;
}
/* Ist der Hauptmenüpunkt ausgewählt, sollen die
   Untermenüpunkte nicht als Kaskade eingeblendet werden */
ul#navigation li#selectedMenu div {
		display:none
}

/* Wenn die Untermenüpunkte angezeigt werden und weitere
 * Unterpunkte enthalten, sollen diese beim darüberfahren
 * als Kaskadenmenü angezeigt werden.
 * Dies soll aber nur für diejenigen "li" gelten, die nicht
 * ausgewählt sind (das heißt für die mit der Klasse "subNavigation"
 * und nicht für die mit der Klasse "subNavigationSelected", da sonst
 * das Kaskadenmenü auch angezeigt werden, wenn man mit der Maus
 * über einen beliebigen Untermnüpunkt fährt.  */
ul#navigation li#selectedMenu ul li.subNavigation:hover div {
	display: block;
  margin-top:-8px;
	margin-left:-93px;

}
ul#navigation li#selectedMenu ul li.subNavigation:hover div li {
	margin-left:10px;
}
ul#navigation li#selectedMenu div {
	display:none;
}
ul#navigation li div ul li div ul {
	display:none;
}

/* Die einzelnen Menüpunkte werden beim Darüberfahren 
   farbig hervorgehoben.*/
ul#navigation li:hover div ul li:hover  {
	background-color: #b8c9d8;

}
ul#navigation li:hover div ul li:hover div ul {
	display:block;
	margin-left:4px;
}
ul#navigation li:hover div ul li:hover div  {
	margin-top:-32px;
	margin-left:-22px;
}

		ul#navigation li:hover div ul li:hover div ul div ul {
			display:none;
		}
		ul#navigation li:hover div ul li:hover div ul li:hover div ul {
			display:block;
     
		}

						ul#navigation li:hover div ul li:hover div ul li:hover div ul div ul {
							display:none;
						}
						ul#navigation li:hover div ul li:hover div ul li:hover div ul li:hover div ul {
							display:block;
						}
									ul#navigation li:hover div ul li:hover div ul li:hover div ul li:hover div ul div ul {
										display:none;
									}
									ul#navigation li:hover div ul li:hover div ul li:hover div ul li:hover div ul li:hover div ul {
										display:block;

									}						
				
					
/***************************************************************************
 *  Informationsbereich
 ***************************************************************************/  
div#Info {

	font-size: 0.9em;
	float: right; width: 16em;
	margin: 0em 0 2em 0; padding: 0;
	background-color: #FFFFFF; 
	
	/*Leider muß an dieser Stelle mit dem Rahmen getrickst werden, um folgendes
	  Problem zu umschiffen: Zwar umfließt der Inhlat des Inhaltsbereiches
		den Informationsbereich, allerdings leider nicht die Hintergrundelemente
		desselben. Deshalb muß dem Informationbereich ein weißer Rahmen zugeordnet
		werden, der diese Elemente überdeckt.
	border-right: 1px solid #7f7f7f; */
	background-image:url(../img/borderLeftForInfoDiv.png);
	background-repeat:repeat-y;	
	/*border-left:4em solid #FFFFFF;*/
	min-height:100%;
  position:relative;
}
div#feignTopBorder {
	width:100%; margin-bottom:-1px; height:1px; background-color:#7f7f7f; display: block;
}
div#feignBottomBorder {
	width:14em; height:1px; background-color:#7f7f7f; display: none;
	position:absolute; bottom:0px;
}
div#leftBorderFiexed {
	position:fixed; 
	background-image: url(../img/borderLeftForInfoDiv.png); 
	right:0px; top:167px; 
	height:100%; width:230px; 
	background-position-x:left; background-repeat:repeat-y;
	
}
div#Info h2 {
  margin: -8px 0 0.7em; padding: 0.8em 0 0 33px;
  text-align: left;
  height: 25px;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  color:#7193b2;
  background-color:#f0eded;
  background-image:url(../img/infoTitleBg.png);
  background-repeat:repeat-x;
}

div#Info ul {
	padding:0.5em 0 0em 48px; margin:0 0 0 0;
	width:200px;
}
div#Info li {
 	padding:0 0 1em 0;
  margin-left:0px;
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	list-style-image: url(../img/leftboxlistr.png);
	color:#7193b2;
}
div#Info a {
	text-decoration:none;
	color:#7193b2;
}
div#Info span.infoDiscription {
		color:#b8c9d8;
}  
 /***************************************************************************
  *  Seiteninhalt
  ***************************************************************************/
div#Inhalt {
	margin: 2em 18em 2em 270px;
	max-width:900px;
}
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
div#Inhalt h1 {
	font-size: 1.4em;
	margin: 0.2em 0 0.8em 0;
	font-family: Arial;
	color:#4f7292;
	text-align:justify;
	font-weight: bold;
}
div#Inhalt p, div#Inhalt h2, blockquote, div#Inhalt h3,
div#Inhalt div.divForP,
div#Inhalt div.dateFather div, div#Inhalt div.dateFather div p {
	font-size: 1em;
	line-height:150%;
	margin: 0.3em 0 1em 0;
	text-align: justify;
	color:#264460;
	font-family: Arial;
}
div#Inhalt h2, blockquote, div#Inhalt h3 {
padding-bottom:1em;
 
}
/* Verhindern, daß bei verschachtelten Elementen die Schrift immer 
 * kleiner wird. */
div#Inhalt div.dateFather div p,
div#Inhalt div.dateFather div li,
div#Inhalt div.dateFather div ol,
div#Inhalt div.dateFather div ul,
div#Inhalt div.divForP p,
div#Inhalt * lable {
	font-size: 1em;
}

div#Inhalt h2 {
	margin-bottom:-0.8em;
	margin-top:1em;
	font-weight:bold;
}
div#Inhalt blockquote {
	text-indent: 2em;
}


div#Inhalt ul  {
	padding-left:16px;
	margin-left:0px;
	list-style-image: url(../img/leftboxlistr.png);
}
div#Inhalt ol {
	padding-left:23px;
	margin-left:0px;
}
div#Inhalt li {
 	padding:0 0 0.5em 0;
  margin-left:0px;
	font-family: Arial;
	color:#0E3057;
	line-height:120%;
}
div#Inhalt p a:before, div#Inhalt li a:before,
div#Inhalt div.divForP a:before,
div#Inhalt h2 a:before { 
	content:url(../img/link.png);
	margin-right:3px;
  font-family: Arial;
}
div#Inhalt p a, div#Inhalt li a,
div#Inhalt div.divForP a,
div#Inhalt h2 a { 
	font-style:italic;
	color:#d43636;
  font-family: Arial;
}
/* Keine Linksymbole für Bilder*/
span a:before { 
	display:none;
}


/* Menüpositionsanzeige */

div#menuPosition {
	margin-bottom:0.7em;
	text-align:right;
	font-size: 0.8em;
	color: #7A97B1;
}
div#menuPosition h1, 
div#menuPosition h2,
div#menuPosition a {
	font-size: 1em;
	color: #7A97B1;
	text-decoration:underline;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:right;
}
div#menuPosition a:before {
	display:none;
}
 /***************************************************************************
  *  Inhaltsbilder
  ***************************************************************************/
div#Inhalt img {
	border:none;
	
}
span.contentImagesRight, span.contentImagesLeft, span.contentImagesNone,
span.contentImagesright, span.contentImagesleft {
	float: right;
	background-color:#FFFFFF;
	margin: 8px 0 10px 20px;
	min-width:inherit;
	overflow:visible;
  border: 1px solid #b8c9d8;;
  background-image:url(../img/contentImgBg.png);
  background-position:bottom;
  background-repeat:repeat-x;

}
span.contentImagesLeft,span.contentImagesleft {
	float: left;
	margin: 8px 20px 10px 0;
}
span.contentImagesNone {
	float: none;
	display:block;
	margin: 8px 20px 10px 0;
}
span.imageSubtitles{
	display:block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#b8c9d8;
	padding:0 4px 4px 4px;
	line-height:12px;
}

/***************************************************************************
 *  Formulare
 ***************************************************************************/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0E3057;
	border: 1px solid #7F7F7F;
	width:320px;
	margin:0px;
	vertical-align:top;	
}
.formularButton {
	background-color:#FFFFFF;
  	background-image:url(../img/footerBg.png);
	background-repeat:repeat-x;
  background-position:bottom;
	width:100px;
}
.formularErrorText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:8px;
	color: #C70000;
	height:11px;
	margin:0px;
	padding:0px;
	padding-left:82px;
			
}

.lable {
	height:16px;
	margin:0px;
	display:inline;	
	font-size: 0.8em;
	color:#0E3057;		
}
.mailErrorText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #C70000;
}
fieldset {
	border:none;
	padding:0px;
	margin:0px;
}

/***************************************************************************
 *  Footer
 ***************************************************************************/
div#footer p {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}
div#footer {
	clear: both;
	background-color: #7A97B1;
	height:37px;
	background-image:url(../img/footerBg.png);
	background-repeat:repeat-x;
  position:fixed;
  bottom:0px;
  width:100%;
  z-index:11;
}
div#footer div {
 /* background-image:url(../img/buttonLine.png);
	background-repeat:repeat-y;*/
  width:100%;
  height:40px;
  margin-left:185px; margin-top: -12px;
}
div#footer div p {
  margin-right:215px; padding-top:15px;
  color:#94adc5;
}
/***************************************************************************
 *  TopMenü
 ***************************************************************************/
ul#topMenu{
	list-style:none;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0; margin:0;
	margin-left:72em;
	color:#0E3057;

}
ul#topMenu li {
	margin-bottom:-1px;
	float:left;
	padding:0; margin:0;
	margin-right:10px;
}
div#topMenu{
	width: 100%;
	margin: 0 0 -12px 0; padding:8px 0 0 5px;
  background-image:url(../img/utlisBg.png);
  background-repeat:no-repeat;
  height: 37px;

}

div.labelTopMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top:1px;
	float:left;
	color:#d43636;
 }
/***************************************************************************
 *  Nach Oben
 ***************************************************************************/ 
div#top a span {
	text-decoration:underline;
  padding-bottom:50px;
}
div#top a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #d43636;
	text-decoration:none;
}
 a.toTop {	
	text-decoration:none;
	color: #d43636;
	font-style:normal;
}

#logoBottom {
	margin:3px 8px 0 -4px;border:none;
}