/* Version: 1.0.3 */
/* Es ist sinnvoll am Anfang des CSS mit dem Universalselektor alle browserseitig 
 * unterschiedlichen Defaultabstände auf Null zu setzen */
* { margin: 0; padding: 0; }  

/* Entfernen des gepunkteten Rahmens um alle Link-Elemente beim anklicken */
a {	outline:none; }
  
html, body {
	background: #FFFFFF;
	width:100%;
	/*height:100%;*/
	/*overflow:auto;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%; /* setzt die Standardgröße für alle Elemente auf Basis der Defaulteinstellung des Users
					    * im Browser. Diese liegt bei 16px. Daher sind alle folgenden Größenangaben relative
					    * zu 16px. Richtig wäre eine Angabe im body von font-size: 1em; Die IE interpretiert
					    * dies aber falsch. Damit das ganze auch im IE funktioniert ist es nötig hier als
					    * Größenangabe 100,01% zu verwenden. 
					    */
}

/* Alle Grafiken sollen ohne Rahmen auf der Seite dargestellt werden */
img {
	border-style:none;
}

.mainContent {
	background:#FFFFFF;
	width:56.500em; /* = 904px */
	margin:auto;
	text-align: center;
	overflow:hidden;
}

.nv { /* Navigation Hintergrund 
	   * Umfasst die gesamte Top-Level-Navigation (links und rechts).
	   * Füllt die Mitte entsprechend mit der Hintergrundfarbe auf.
	   */
	background-color:#C40238; /*#C40238;*/ /*#CC0033*/
	font-size:0.875em;	/* 14px bei 16px Elternelement */	
	height:2.143em;	
}

.navTopDiv {
	text-align:left;
	background: url(../img/barUp.png);	
	float:left;
	height:2.143em;
}
  
  .navTop {
    margin: 0; padding: 0;
    text-align: left;
  }
 
 	/* Gestaltung und Abstand der Hauptnavigation vom oberen Rand des Blockelementes
 	 * Es werden Unterschiedliche Abstände für FF, IE8 und IE7 benötigt.
 	 * Daher der IE7,8 Hack im ersten Teil, und in der gesondert nachfolgenden Anweisung
 	 * die Korrektur für den IE8.  
 	 */
	 .navTop > li { /* ">" wirkt sich nur auf das erste Kindelement aus, und nicht auf alle tiefer leigenden
  				    * Kindelemente.
  				    */
	    list-style: none;
	    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
	    position: relative;
		margin-top:0.071em; /* FF */
		margin-top:0em\9; /* IE7, IE8 */
		background-color:transparent; /* Hintergrundfarbe der Top-Navigation */
	}
	html>/**/body .navTop > li { /* Korrektur des Abstandes von oben für IE8 */
	/* Die Anweisung html> body (mit Anmerkungskennzeichnung dazwischen) verstehen IE8 und FF.
	 * filter versteht nur IE8 und nicht FF.
	 * und Attribute, die mit \9 enden, versthet nur der IE.
	 */
		margin-top:0.071em\9; /* nur IE8 */	  
	}
	* html .navTop li { /* Anweisung für <= IE6, da dieser die obige Kinderanweisung nicht versteht */
	/* Die Anweisung * html versteht nur der <= IE6 */
	    list-style: none;
	    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
	    position: relative;
		margin-top:0.071em; /* FF */
		background-color:transparent; /* Hintergrundfarbe der Top-Navigation */		
	}

 
  .navTop li ul {
    margin: 0; padding: 0;
    position: absolute;
    /*padding-top:1.0em;*/ /* Abstand des Dropdown von der oberen Navigationsleiste */ 
    display: none;  /* Unternavigation ausblenden */
  }
  * html .navTop li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html .navTop ul {  /* Workaround fuer den IE 7 */
 	/*top: 1.5em;
	left: -0.1em;*/
    /*background-color:red;*/ 
	/*padding-bottom:0.4em;*/
  }
  .navTop li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }

	  
  .navTop li ul li {
    float: none;
    display: block;
    margin-bottom: 0.08em; /* FF */ /* Abstand der einzelnen pulldown Menüpunkte */
	margin-bottom:0.11em\9; /* IE */
	/*width: 22.0em;*/ /* 6.4em; */
	/*border: 1px solid #FFFFFF;*/
	/*border-width: 1px;
	border-style: solid;
	border-color: transparent;*/ /*transparent;*/ /*rgba(255, 255, 255, 0.7);*/ /*#FFFFFF;*/
	white-space:nowrap; 
	background: rgba(0, 0, 0, 0.4); /* Transparenz für FF nach CSS 3*/

	font-size:0.857em; /* = 12px bei 14px Elternelement */
	line-height:1.583em; /* 19px bei 12px Elternelement (siehe aktuelle Zeichenhöhe) */
	padding-left:0.714em;
	padding-right:0.714em;
  }

*:first-child+html .navTop li ul li {  /* Workaround fuer den IE 7 */
/* *:first-child+html ist eine Anweisung, die nur IE7 versteht, und daher in FF und IE 8 
 * nicht beachtet wird 
 * Der Transparenz-Effekz wird im IE7 durch ein durchlässiges PNg erzeugt.
 * */
background-image:url(../img/mnBg.png);
background-repeat:repeat-x;
margin-bottom:0.1em;
}

html>/**/body .navTop li ul li { /* IE 8 Hack (IE8 Standards-Mode only)*/
/* Die Anweisung html> body (mit Anmerkungskennzeichnung dazwischen) verstehen IE8 und FF.
 * filter versteht nur IE8 und nicht FF.
 * und Attribute, die mit \9 enden, versthet nur der IE.
 * Die Transparenz im IE8 wird also hier so gesetzt, dass diese Anweisung nur der IE8 versteht.
 */
filter: alpha(opacity=40);					
background-color:#000000\9;
}


	.navTop li ul li a { /* Workaround um die Zeichenfarbe korrekt darzustellen
  	  					  * dazu wird dem Inlineelement position:relative gegeben
  						  * wodurch die syles nicht vererbt werden */ 
		color:#FFFFFF;
		position:relative;
	}

	
/* Folgende CSS geben die Breite der einzelnen Unterpunkte der Hauptnavigation an
 */
	.wdtLst {} /* Breite für Leistungen */
	.wdtPrd {width:26.2em !important;} /* Breite für Produkte */
	.wdtUnt {width:7.7em !important;} /* Breite für Unternehmen */
	.wdtNtz {width:7.2em !important;} /* Breite für Netzwerk */

  
  .navTop a, .navTop span {
    display: block;
    /*width: 6.4em;*/  /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none; 
    color:#FFFFFF; /* Textfarbe für Top-Navigation */ 
	/*background-color: #ccc;*/
  }
  * html .navTop a, * html .navTop span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  .navTop a:hover {
    color:#CCCCCC; 
  }
  
*:first-child+html .navTop a:hover {  /* Workaround fuer den IE 7 */
	/* Stellt die Drop-Downs korrekt unter dem jeweiligen Menüpunkt dar
	   Ohne diesen Hack, sind die Punkte verschoben. */
	/*border-bottom-color: #000000;*/
}

  .navTop li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
  
.navTop .active { /* ausgewählte Navigation */
	/* Wird durch FW auf Class="active" gesetzt */ 
	/*background-color:#888888 !important;*/ 
}


.nvTpDivR {	
	background-color:#C40237;
	/*border-color: transparent;*/
	float:right;
	/*padding-left:12em;*/
}


/* Definitionen für den Header-Bereich
 * = 70px Gesamthöhe - 2x 24px + 22px für Image
 * 
 * Sowohl die "breadcrumbs" als auch die Top-Level-Navigation werden hier definiert
 */
	.hdrUp { /* HeaderUp */
		height:1.500em; /* 24px bei 16px Font */
		background:#FFFFFF;
	}
	.hdrMid { /* HeaderMiddle */
		text-align:right;
		background:#FFFFFF;
	}
	.hdrMid img { /* HeaderMiddle / image */
		border:0;
	}
	.hdrDwn {
		height:1.714em; /* 24px bei 14px Font */
		background:#FFFFFF;
		font-size:0.875em; /* Font 14px zur korrekten Darstellung der über der Navigation befindlichen Zeile */
	}

	.nvBg { /* NavigationBackground */
		height:11.250em; 	
		background-repeat:no-repeat;
	}
	/* Hintergrundbilder */ 
	.picSt { background-image: url(../img/schmetterling.jpg); }  /* Start */
	.picLst { background-image: url(../img/pusteblume.jpg); } /* Leistungen */
	.picPrd { background-image: url(../img/murmeln.jpg); } /* Produkte */	
	.picUnt { background-image: url(../img/kompass.jpg); } /* Unterneghmen */
	.picNtz { background-image: url(../img/strandkoerbe.jpg); } /* Netzwerk */
	.picPre { background-image: url(../img/kreide.jpg); } /* Presse */
	.picAkt { background-image: url(../img/autos.jpg); } /* Aktuelles */
	
	/* Briete der einzelnen Navigationspunkte
	 * Die Breite wird sowohl für die Übergeordneten Punkte, als auch für die darunter liegende Navigation 
	 * verwendet.
	 * 
	 */
	.pt1, .pt2, .pt3, .pt4, .pt5 {
		float:left;
		text-align:left;
		padding-top:0.5em;
		padding-left:0.625em;
		}
	.pt6, .pt7, .pt8 {
		float:left;
		text-align:left;
		padding-top:0.7em;
		padding-left:0.625em;
		}
	.pt2 {padding-left:8.1em; /*FF,IE7,IE8*/ _padding-left:8.4em; /*IE6*/}
	.pt3 {padding-left:14.7em; /*FF,IE7,IE8*/ _padding-left:16.1em; /*IE6*/}		
	.pt4 {padding-left:23.3em; /*FF,IE7,IE8*/ _padding-left:24.7em; /*IE6*/}
	.pt5 {padding-left:30.1em; /*FF,IE7,IE8*/ _padding-left:32.3em; /*IE6*/}
	.pt6 {padding-left:51.5em; /*FF*/ padding-left:51.5em\9; /*IE7,IE8*/ _padding-left:47.6em; /*IE6*/}
	.pt7 {padding-left:57.5em; /*FF*/ padding-left:57.8em\9; /*IE7,IE8*/ _padding-left:56.0em; /*IE6*/}
	.pt8 {padding-left:61.8em; /*FF*/ padding-left:62.1em\9; /*IE7,IE8*/ _padding-left:62.0em; /*IE6*/}
	
	/* Größe und Aussehen der einzelnen Punkte der Top-Level-Navigation
	 * 
	 */
	
	.navTop .nv1, .navTop .nv2, .navTop .nv3, .navTop .nv4, .navTop .nv5 {
		padding-top: 0.4em ;  /* Der erste Wert für den Abstand oben und unten, der Zweite links und rechts */
		padding-left: 0.625em; /* = 10px */
		padding-right: 0.625em; /* = 10px */
		padding-bottom: 0.625em;
	}

	.navTop .nv6, .navTop .nv7, .navTop .nv8 {
		font-size:0.750em; /* 12px bei 16px Elternelement */
		text-align:right;
		font-weight:normal;
		padding-top: 0.667em ;  /* Der erste Wert für den Abstand oben und unten, der Zweite links und rechts */
		padding-left: 0.833em; /* = 10px bei Schrift 12px */
		padding-right: 0.833em; /* = 10px */
	}	
	


	.brdcrbs { /* breadcrumbs */
		text-align:left;
		padding-left:3em; /* 30 px bei 10 px text */ 		
		font-size:0.625em;	
		color:#888888;	
		padding-bottom:1em;
	}
	.brdcrbs a {
		text-decoration:none;
		padding-left:0em; 
		color:#888888;
	}
	.brdcrbs a:hover {
		text-decoration:none;
		color:#000000; 
	}	


.content {
	text-align:left;
	background-color:#FFFFFF;
	padding-top:1.875em; /* Abstand zwischen Titel-Hintergrundbild und Content */
	overflow:hidden; /* wird benötigt, damit die divs innerhalb des Content bis ans Ende mit Hintergrundfarbe gefüllt werden */
}

/* Content für den rechten Container, der "Middle", "ContentRight" und "Footer" umschließt
 * 
 */
	.rgtCt { /* RightContainer */
		float:left;
	}

/* Content für den mittleren Bereich 
 * 
 * Div-Kontainer, der die mittlere Contentebene aufnimmt */
	.mdlDiv { /* middleDiv */
		float:left;
		width:1.250em; /* 1.563em = 25px, 1.250em = 20px */ /* Breite muss mit hlpFtUpLft übereinstimmen */
		background:#C40237;	
	}

/* Content für Navigation Links 
 * 
 * Div-Kontainer, der die Linke Navigationsebene aufnimmt */
	.nvLftDiv {
		float:left;
		width:10.563em; /* geringere Breite für IE 5.x */
		background-color:#FFFFFF;
		voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  		voice-family:inherit;
  		width:12.875em; /* korrekte Breite 201px 12.563em + 5px = 12.875em */
		_width:10.563em; /* korrekte Breite für IE 6 */
		color:#888888;
	}

/* Text in der Linken Spalte
 * 
 */
	.nvLftDiv h2 {
		font-size:0.813em; /* = 13pt bei 16px Browser Defaultfont */
		padding-left:0.769em; /* 10px bei 13pt Font */
		padding-top:1.7em;
		padding-bottom:1.5em;
		line-height:1.538em; /* 20pt bei 13pt Font */
		color:#C40237;
		font-weight:normal;		
	}
	.nvLftDiv p {
		font-size:0.688em; /* = 11pt bei 16px Browser Defaultfont */
		padding-left:0.909em; /* 10px bei 11pt Font */
		padding-bottom:2em;
		line-height:1.538em; /* 20pt bei 13pt Font */
		color:#404040;
	}
	.nvLftDiv p a {
		text-decoration:none;
		color:#888888;
		border-bottom: 0.083em dotted #888888;		
	}	
	.nvLftDiv p a:hover {
		color:#000000;
		border-bottom: 0.083em solid #000000;
	}	
	.nvLftDiv img {
		float:left;
		padding-right:0.909em;
		padding-top:0.2em;
	}
	.nvLftDiv span {
		color:#888888;
	}

/* Navigation Links
 * 
 * Darstellung der linken Navigation mit den Unternavigationspunkten
 * Dazu wird der Einzug neu definiert, sowie die Gestaltung der Auflistung */
	.nvLft {
		font-size:0.813em; /* = 13pt bei 16px Browser Defaultfont */
		padding-left:1.667em; /* 10px bei 13pt Font */
		line-height:1.538em; /* 20pt bei 13pt Font */
	}
	.nvLft .active { /* setzt eine Bullet-Point für die aktiven Listeinträge */
		list-style-type:disc;
		color:#C40237;
		display:list-item; /* aktive Menüpunkte werden dadurch dargestellt, da die
						    * Menüpunkte über .nvLft li ul auf display:none gesetzt werden */
	}
	.nvLft .active ul { /* setzt eine Bullet-Point für die aktiven Listeinträge */
		display:block !important; /* aktive Menüpunkte werden dadurch dargestellt, da die
						           * Menüpunkte über .nvLft li ul auf display:none gesetzt werden */
	}
	
	.nvLft a {
		text-decoration:none;
		color:#888888;
	}
	
	.nvLft a:hover {
		text-decoration:none;
		color:#404040;
	}	

	.nvLft li { 
	    list-style: none; /* Keine Bullet-Points */
	}
	.nvLft li ul {
		/* Setzen des Einzugs der zweiten Navigationsebene (kein Einzug) */
		margin-top:0.462em; /* 8 px bei 13px Font */
		margin-bottom:1.154em;
		display:none;
	}
	* html .nvLft li ul {  /* Korrektur fuer IE 5.x und IE 6*/
		/* Workaround, um die 2. Navigationsebene im IE5 und IE6 korrekt darzustellen.
		 * Da padding/margin keine Effekt hat, wird der Einzug nach Links gesetzt */
		left: -1.5em;
	}
	.nvLft li ul li {
		font-size:0.846em; /* = 12pt bei 13pt Browser Defaultfont */
		margin-left:1em; /* 10px bei 10pt Font */
		line-height:1.5em; /* 15pt bei 10pt Font */		
	}
	.nvLft li ul li a {
		color:#888888; /* Definition der Zeichenfarbe der 2. Navigationsebene */
	}



/* Content rechts
 * 
 * Definition des Contentbereiches neben der linken Navigation. */
	.cntRgtDiv {
		float:left;
		/*width:42.375em;*/ /* max breite w/IE5.x */
		width:42.375em;
	}
	
	.cntRgtDiv h1 { /* Headline innerhalb des Content */
		text-align:left;
		font-weight:normal;
		padding-left:2em; /* 30 px bei 15 px text */
		font-size:0.938em;	
		color:#C40237;		
	}
	
	.ctTxtf { /* Textinhalte des Content 1 Spalte */
		background:#FFFFFF;
		padding-top:1.875em;
		font-size:0.750em;
		line-height:1.333em; /* Line-height 16pt bei 12pt Schrift */
		padding-left:2.45em; /* Left 30px bei 12pt Schrift */
		width:51.500em; /* 309px Breite bei 12pt Schrift */	
		color:#404040;			
	}
	.ctTxtf a, .ctTxtl a, .ctTxtr a {
		text-decoration:none;
		color:#404040;
		border-bottom: 0.083em dotted #404040;
	}
	.ctTxtf a:hover, .ctTxtl a:hover, .ctTxtr a:hover {
		color:#000000;
		border-bottom: 0.083em solid #000000;
	}
	
	.ctTxtl, .ctTxtr { /* Textinhalte des Content */
		float:left;
		background:#FFFFFF;
		padding-top:1.875em;
		font-size:0.750em;
		line-height:1.333em; /* Line-height 16pt bei 12pt Schrift */
		padding-left:2.45em; /* Left 30px bei 12pt Schrift */
		width:25.750em; /* 309px Breite bei 12pt Schrift */	
		color:#404040;	
	} 
	.ctTxtf p, .ctTxtl p, .ctTxtr p {
		 padding-bottom:1.5em;
	}
	.ctTxtl li, .ctTxtr li, .ctTxtf li {
		margin-left:1.250em;
	}
	.ctTxtf li, .ctTxtl li, .ctTxtr li {
		padding-bottom:0.2em;
	}
	.ctTxtll, .ctTxtllf {
		float:left;
		padding-right:1em;
	}
	.ctTxtll, .ctTxtlr {
		padding-bottom:1.5em;
	}
	.ctTxtllf {
		padding-bottom:1em;
	}
	
	.ctTxtd { /* Content für 2-Spaltendesign */ 
	}
	.ctTxtdl { /* 2-Spaltendesign mit schmaler linker Spalte */
		width:8em;
		float:left;
	}
	.ctTxtdr { /* 2-Spaltendesign mit breite rechter Spalte */
		width:43em;
		float:left;
		padding-bottom:1.5em;
	}
	.liPls li { /* Erweiterung des li-Abstand */ 
		padding-bottom:0.8em;
	}
	/* Formfelder innerhalb des Content 
	 * 
	 */	
	.frm dl dt {
		float:left;
		width:8.5em;
	}
	.frm dl dd {
		float:left;
		width:14.1em;
		padding-bottom:0.5em; /* siehe auch #checkbox2-label padding-top */
	}
	.frm input[type=text] {
		width:14em;
	}
	.frm .errors { /* Fehlermeldungen */
		color:#C40237;
		font-size:0.846em; /* 11px bei 13 px Font */
	}
	.frm .errors li {
		list-style:none;
	}
	/* Submit Button */
	.frmSbm {
		border:none;
		color:#404040;
		background: url(../img/smBt.jpg);
		background-repeat:no-repeat;
		text-indent:1.2em;
		border-color:#FFFFFF; /* wird benötigt, damit der IE7 keinen border darstellt */
		overflow: visible; /* IE7 fix um den Text linksbündig anzuzeigen */		
		display:block; /* IE 7 fix, um text-indent anzuzeigen */
	}
	.frmSbm:hover {
		 color:#000000;
	}
	/* id der Formfelder, um bestimmte Elemente innerhalb einer Form dirket zu beeinflussen */
	#teilnahme-element, #comment-element, #hiddenMsg-label  {
		clear:both;
		width:25em;
	}
	#checkbox1-label, #checkbox2-label, #checkbox3-label {
		width:23em;
		float:right;
	}
	#checkbox2-label {
		padding-top:0.5em; /* siehe auch .frm dl dd padding-bottom */
	}
	#checkbox1-element, #checkbox2-element, #checkbox3-element {
		width:2em;
		/*width:2em;*/ /* keine Angabe der Breite, damit die Fehlermeldung über die gesamte Zeile dargestellt wird */
	}
	
	.hlpFtMid, .ftUpRgt, .ftDwnRgt { /* padding left und Höhe für alle Inhalte des Footer Content */
		padding-left:1.875em;
		width:19.313em;
	}
	
/* Größendefinition für alle Content-Divs, um diese auf die Größe des größten der Divs aufzuziehen
 * 
 */
	.nvLftDiv, .mdlDiv, .cntRgtDiv {
		padding-bottom:32767px; 
		margin-bottom:-32767px;
	}

/* Definition der Tabellen im Content-Bereich
 * 
 */
	.ctTb { /* Content Table */
		border:#888888 0.083em solid; /*C40237*/
		border-collapse:collapse;		
	}
	.ctTb td { /* Content Table */
		/*font-size:0.833em;*/
		line-height:2em;
		text-indent:1em;
	}
	.ctTb th { /* Content Table */
		background-color:#888888;
		color:#FFFFFF;
		text-align:left;
		font-weight:normal;
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:1em;
	}
	.ctRwTp { /* Content Table Row Top */
		border-bottom:#404040 0.083em solid;
	}
	.ctCll { /* Content Table Cell Left */
		width:31em;
	}
	.ctClm { /* Content Table Cell Middle */
		width:9em;
	}
	.ctClr { /* Content Table Cell Right */
		width:9em;
	}

/* Definitionen für den Footer-Bereich
 * 
 * 
 */
	.hlpFtUpLft { /* helpFooterUpperLeft */
		float:left;
		background:#C40237;
		height:0.313em;
		width:1.250em; /* Breite muss mit mdlDiv übereinstimmen */  	
	}

	.hlpFtMid { /* helpFooterMiddle */
		float:left;
		height:0.313em;		
	}
	
	.ftUpRgt { /* FooterUpperRight */
		float:left;
		background:#FFFFFF;
		height:0.313em;	
		background-image:url(../img/ftLf.png);
		background-repeat:no-repeat;
		background-position:right;	
	}

	.hlpFtDwnLft { /* helpFooterDownLeft */
		float:left;
		background:#FFFFFF;
		height:1.250em;
		width:1.250em; /* Breite muss mit mdlDiv übereinstimmen */
		padding-top:0.5em;		
	}
	
	.ftDwnRgt { /* FooterDownRight */
		float:left;
		background:#FFFFFF;
		height:1.250em;
		padding-top:0.5em;
	}
	.ftDwnRgt a {
		font-size:0.625em;
		text-decoration:none;
		color:#888888;
	}
	.ftDwnRgt a:hover {
		color:#000000;
	}
	
/* Generelle Klassen
 * 
 */
	.clr { /* clear */
		clear:both;
	}
	.nDsp {
		display:none;
	}
	.txtCtr {
		text-align:center;
	}
	.nb {
		border-style:none !important;
	}
	.red {
		color:#C40237;
	}