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

 /***************************************************************************
  *  Kopfzeilen
  ***************************************************************************/
div#header {
	background-color: #0E3057;
	height:75px;
}
div#headerBright{
	background-color: #7A97B1;
	width: 180px;
	height:75px;
}
div#subHeader {
	background-color: #7A97B1;
	height:18px;
	background-image:url(../img/subheaderBg.gif);
	background-repeat:repeat-y;
}

html>body h1 {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}
  
/***************************************************************************
 *  Navigationsbereich
 ***************************************************************************/
ul#navigation {
	font-size: 12px;
	float: left; 
	width: 18em;
	margin: 0;
	padding:0;
	border: 0px;
	width:180px;
}

ul#navigation li {
	border-top: 1px solid #FFFFFF;
	background-image:url(../img/menuBox.png);
	background-repeat:no-repeat;
	text-indent:1.5em;
	padding: 2px 0 1px 0;
	list-style:none;
	min-height:17px;	
}
ul#navigation li:hover  {
	border-top: 1px solid #FFFFFF;
	background-image:url(../img/menuBoxHover.png);
	background-repeat:no-repeat;
	text-indent:1.5em;
	padding: 2px 0 1px 0;
	list-style:none;
	min-height:17px;
}
 ul#navigation li#selectedMenu  {
	border-top: 1px solid #FFFFFF;
	background-image:url(../img/menuBoxActive.png);
	background-repeat:no-repeat;
	text-indent:1.5em;
	padding: 2px 0 1px 0;
	list-style:none;
	min-height:17px;
}
ul#navigation a {
	text-decoration:none;
	padding-left:10px;
}
ul#navigation a:link {
	color: #B7C1CD;
}
ul#navigation a:visited {
	color: #B7C1CD;
}
ul#navigation a:hover {
	background-image:url(../img/pfeil.gif);
	background-repeat:no-repeat;
}
ul#navigation a:active {
	color: #B7C1CD;
}
img.menuBox {
	float:left;
	margin-right:18px;	
}


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

#navigation ul.subNavigation {
	padding:0.3em 0 0 0; margin:3px 0 0.6em 0;
	width:140px;
	border-top: 1px solid #FFFFFF;
	background-image:none;
	/*list-style-image: url(../img/leftboxlistn.png);*/
	padding-left:44px;
}
#navigation li.subNavigation, 
#navigation li.subNavigation:hover,
#navigation li.subNavigationSelected, 
#navigation li.subNavigationSelected:hover  {
	padding: 0 0 0 20px; margin: 0 0 0 0;
	border-top:none;
	background-image:none;
	text-indent:1.5em;
	min-height:17px;
	color:#B7C1CD;
	/*list-style-image: url(../img/leftboxlistg.png);*/
  text-indent:-30px;
	font-size: 0.9em;
}

#navigation li.subNavigation:hover {
	/*list-style-image: url(../img/leftboxlistw.png);*/
}
#navigation li.subNavigationSelected,
#navigation li.subNavigationSelected:hover {
	/*list-style-image: url(../img/leftboxlistn.png);*/
  color:#FFFFFF;
}

#navigation li li:before { 
	content:url(../img/leftboxlistg.png);
	margin-right:-4px;
	margin-left:-4px;
}
#navigation li.subNavigation:hover:before { 
	content:url(../img/leftboxlistw.png);
	margin-right:-4px;
	margin-left:-4px;
}
#navigation li.subNavigationSelected:before,
#navigation li.subNavigationSelected:hover:before { 
	content:url(../img/leftboxlistn.png);
	margin-right:-4px;
	margin-left:-4px;
}

/* 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:#FFFFFF;
	background-image:none;
}
ul#navigation a.subNavigation:link {
	color: #B7C1CD;
}
ul#navigation a.subNavigation:visited {
	color: #B7C1CD;
}
ul#navigation a.subNavigation:hover {
	background-image:none; color: #FFFFFF;
}
ul#navigation a.subNavigation:active {
	color: #B7C1CD; 
}


/***************************************************************************
 * Untermenüpunkte angezeigt als dem Windows-Startmenü ähnliche
 * Auswahlfelder *
 ***************************************************************************/ 
ul#navigation li div {
	display:none;
	position:absolute; 
	left:180px; 
	margin-top:-2px;
	background-color: #0E3057;
	padding-left:-3px;
	z-index:200;
}

ul#navigation li div ul.subNavigation {
	border-top:none;

}
ul#navigation li:hover div {
	display:block;
	margin-top:-2px;
}
/* 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:-15px;
}
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: #7A97B1;
}
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:-15px;
	margin-left:4px;
}

		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: 12em;
	margin: 2em 2em 2em 2em; padding: 0px;
	background-color: #B7C1CD; border: 1px solid #0E3057;
	min-height:100%;
}
form {
 height:100%;
}
form div#Info {
	margin-top:-2px;
	min-height:100%;
}
div#Info h2 {
  margin: 0 0 0.7em; padding: 0.3em;
  text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B7C1CD;
	background-color:#0E3057;
}
div#Info ul {
	padding:0 0 0.5em 2em; margin:0 0 0 0;
	width:130px;
}
div#Info li {
 	padding:0 0 0.5em 0;
  margin-left:0px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(../img/leftboxlist.png);
	color:#0E3057;
}
div#Info a {
	text-decoration:none;
	color:#0E3057;
}
  
 /***************************************************************************
  *  Seiteninhalt
  ***************************************************************************/
div#Inhalt {
	margin: 2em 16em 2em 15em;
}
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
div#Inhalt h1 {
	font-size: 1.5em;
	margin: 0.2em 0;
	font-family:Garamond, "Times New Roman", Times, serif;
	color:#0E3057;
	text-align:justify;
}
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: 0.8em;
	line-height:150%;
	margin: 1em 0;
	text-align: justify;
	color:#0E3057;
}
/* 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#leftBox {
	background-color: #0E3057;
	width:180px;
	height:100%;
	float: left;
	background-image:url(../img/leftBoxBg.png);
	background-repeat:repeat-y;
  }


div#Inhalt ul  {
	padding-left:16px;
	margin-left:0px;
	list-style-image: url(../img/leftboxlist.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, Helvetica, sans-serif;
	color:#0E3057;
	
}
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;
}
div#Inhalt p a, div#Inhalt li a,
div#Inhalt div.divForP a,
div#Inhalt h2 a { 
	font-style:italic;
	color:#7A97B1;
}

/* 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
  ***************************************************************************/

span.contentImagesRight, span.contentImagesLeft, span.contentImagesNone {
	float: right;
	background-color:#0E3057;
	margin: 12px 0 10px 20px;
	min-width:inherit;
	overflow:visible;
}
span.contentImagesLeft {
	float: left;
	margin: 12px 20px 10px 0;
}
span.contentImagesNone {
	float: none;
	display:block;
	margin: 12px 20px 10px 0;
}
span.imageSubtitles{
	display:block;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#B7C1CD;
	padding:0px 4px 4px 4px;
}

/***************************************************************************
 *  Formulare
 ***************************************************************************/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0E3057;
	border: 1px solid #7A97B1;
	width:320px;
	margin:0px;
	vertical-align:top;	
}
.formularButton {
	background-color:#70E7D5;
	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:#0E3057;
	text-align:right;
}
div#footer {
	clear: both;
	background-color: #7A97B1;
	height:18px;
	background-image:url(../img/subheaderBg.gif);
	background-repeat:repeat-y;
}

/***************************************************************************
 *  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:20px;
}
div#topMenu{
	float: right; width: 12em;
	margin: 0 1.5em 0 2em; padding:0;
	height:16px;
}

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