/***************************************************************************
  *  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:145px;
	background-image:url(../img/leftBoxBg.png);
	background-position:0px;
	background-repeat:repeat-y;	
}
div#headerBright{
	width: 180px;
	height:0px;
}
div#subHeader {
	background-color: #FFFFFF;
	height:0px;
	border-bottom: 1px solid #7f7f7f;
	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: #FFFFFF;
	width:186px;
	height:100%;
	float: left;
	background-image:url(../img/buttonLine.png);
	background-position:right;
	background-repeat:repeat-y;
  }

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

ul#navigation li {
	/*border-top: 1px solid #FFFFFF;*/
	background-image:url(../img/menuBox.png);
	background-repeat:no-repeat;
	text-indent:1.5em;
	padding: 2px 16px 1px 0;
	list-style:none;
	min-height:20px;	
}
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: #000000;
}
ul#navigation a:visited {
	color: #000000;
}
ul#navigation a:hover {
	color: #FFFFFF;
}
li#selectedMenu a, li#selectedMenu a:hover, li#selectedMenu a:visited {
	color: red;
}
img.menuBox {
	float:left;
	margin-right:18px;	
}


/***************************************************************************
 *  Untermen�punkte
 ***************************************************************************/

#navigation ul.subNavigation {
  margin:10px;
  margin-left:-40px;
	min-width:170px;
	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 15px 0 0; margin: 0 0 0 0;
	border-top:none;
	background-image:url(../img/leftboxlist.png);
	background-position:right 12px;
	min-height:17px;
	color:#000000;
	list-style-image:none;
	list-style:none;
	font-size: 1em;
	text-transform:none;
}

#navigation li.subNavigation:hover {
	list-style-image:none;
	background-image:url(../img/leftboxlistr.png);
	background-position:right 12px;
}
#navigation li.subNavigationSelected,
#navigation li.subNavigationSelected:hover {
	color:#000000;
	background-image:url(../img/leftboxlistr.png);
	background-position:right 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: #000000;
}
ul#navigation a.subNavigation:visited {
	color: #000000;
}
ul#navigation a.subNavigation:hover {
	background-image:none; color: #7F7F7F;
}
ul#navigation a.subNavigation:active {
	color: #000000; 
}


/***************************************************************************
 * Untermen�punkte angezeigt als dem Windows-Startmen� �hnliche
 * Auswahlfelder *
 ***************************************************************************/ 
ul#navigation li div {
	display:none;
	position:absolute; 
	left:185px; 
	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 {
  border: 1px solid #4f4f4f;
  border-top: 1px solid #7F7F7F;
  background-image:url(../img/contentImgBg.png);
  background-position:bottom;
  background-repeat:repeat-x;  
	background-color: #f7f7f7;  
}
/* 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: #dfdfdf;

}
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: 14em;
	margin: 2em 2em 2em 0; padding: 0px;
	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 #f0eded;
	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: block;
	position:absolute; bottom:0px;
}
div#Info h2 {
  margin: 0 0 0.7em; padding: 0.5em;
  text-align: left;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#f0eded;
  background-image:url(../img/frameSubTopBg.jpg);
  background-repeat:repeat-x;
  border-left: 1px solid #7f7f7f;
}
div#Info ul {
	padding:0.5em 0 1em 2em; margin:0 0 0 0;
	width:130px;
}
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:#000000;
}
div#Info a {
	text-decoration:none;
	color:#000000;
}
div#Info span.infoDiscription {
		color:#cda6a6;
}  
 /***************************************************************************
  *  Seiteninhalt
  ***************************************************************************/
div#Inhalt {
	margin: 2em 18em 2em 15em;
}
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
div#Inhalt h1 {
	font-size: 1.6em;
	margin: 0.2em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-align:justify;
	font-weight: normal;
}
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:#000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
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: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	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: Georgia, "Times New Roman", Times, serif;
}
div#Inhalt p a, div#Inhalt li a,
div#Inhalt div.divForP a,
div#Inhalt h2 a { 
	font-style:italic;
	color:red;
 	font-family: Georgia, "Times New Roman", Times, serif;
}
div#Inhalt p a:visited, div#Inhalt li a:visited,
div#Inhalt div.divForP a:visited,
div#Inhalt h2 a:visited { 
	font-style:italic;
	color:#9a0000;
 	font-family: Georgia, "Times New Roman", Times, serif;
}
div#menuPosition h2 a:visited { 
	font-style:italic;
	color:red;
 	font-family: Georgia, "Times New Roman", Times, serif;
}
/* 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,
span.contentImagesright, span.contentImagesleft {
	float: right;
	/*background-color:#FFFFFF;*/
	margin: 7px 0 10px 20px;
	min-width:inherit;
	overflow:visible;
  border: 0px solid #7F7F7F;
  /*background-image:url(../img/contentImgBg.png);*/
  background-position:bottom;
  background-repeat:repeat-x;

}

span.contentImagesLeft, span.contentImagesleft  {
	float: left;
	margin: 7px 20px 10px 0;
}
span.contentImagesNone {
	float: none;
	display:block;
	margin: 7px 20px 10px 0;
}
span.imageSubtitles{
	display:block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	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:#000000;		
}
.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:28px;
	background-image:url(../img/footerBg.png);
	background-repeat:repeat-x;
  position:fixed;
  bottom:0px;
  width:100%;
  z-index:0;
}
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:10px;
  color:#999999;
}
/***************************************************************************
 *  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;
	display:none;
}

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;
  padding-bottom:50px;
}
div#top a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: red;
	text-decoration:none;
}
 a.toTop {	
	text-decoration:none;
	color: red;
	font-style:normal;
}