/* FORMATIERUNG VON BASISELEMENTEN */

	/* 
	Formatierung des Body-Tags, der Bodytag ist der Basis Tag eines HTML Dokumentes.
	Alles was innerhalb des Bodytags steht wird nachher auf der Seite angezeigt
	 */
	body {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-family: Arial, sans-serif;	/* Standardschriftart */
		font-size:12px;					/* Standardschriftgröße */
		color: #000000;					/* Standard Schriftfarbe */
		background-color: #CCD8EB; 		/*Hintergrundfarbe des kompletten Dokumentes */
	}
	
	/* 
	Tabelle die über die volle Höhe und Breite die Seite ausfüllt.
	Ist nötig um den Inhalt mittig zu positionieren (Man richtet die Inhalt an dieser Tabelle aus)
	*/
	.basistabelle {
		width:100%;
		height:100%; 
		text-align:center;
	}
	
	/* Erste Tabellenzeile der auch das Keyvisual enthält */
	.tab1 {
		background-color : #00389A;
		height:105px;
		text-align:center;
		border-bottom: 1px solid #FFFFFF;
	}
	
	/* Zweite Tabellenzeile die die erste Navigationsebene enthält*/
	.tab2 {
		background-color : #00389A;
		height:25px;
		text-align:center;
		
	}
	
	/* Tabellenzeilen die die Linien unter und über der zweiten Navigationsebene darstellen */
	.tab3, .tab5 {
		background-color : #FFFFFF;
		height:1px;
		text-align:center;
	}
	
	/* Tabellenzeile die die zweite Navigationsebene beinhaltet */
	.tab4 {
		background-color:#96C8E1;
		height:22px;
		text-align:center;
	}
	
	
	/* Tabellenzeile die die weiße Linie unter dem Contentbereich darstellt */
	.tab7 {
		background-color : #00389A;
		height:1px;
	}
	
	
	/* Tabellenzeile die den Footerdarstellt und den Copyrighthinweis beinhaltet */
	.tab8 {
		height:24px;
		text-align:center;
		font-size:17px;
		color: #00389A;
		font-weight:bold;
		padding-left: 10px;
		font-size:10px;
		line-height:24px;
	}
	
	/*Die innere Tabelle stellt den eigentlichen Contentbereich darf, der Bereich in dem der Fließtext steht */
	table.innereTabelle {
		width:802px;
		height:100%;
		text-align:left;
		background-color:#E6EBFC;
		/*background-color: #CFEEFD;*/
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
	}


/* FORMATIERUNG VON TEXTELEMENTEN UND GRAFIKEN */

	/* Formatierung der Darstellung von Hauptüberschriften */
	h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 16px;
	font-weight:bold;
	color: #00389A;
	}
	
	h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:11px;
	font-weight:bold;
	color: #00389A;
	}
	
	/* DARSTELLUNG VON LINKS */
	/* Standardwerte für die Darstellung von Links */
	a:visited, a:link, a.active {
		font-size:11px;
		color: #00389A;
		text-decoration: none;
	}

	/* Standardwert für die Darstellung von Links, wenn man mit der Maus drüber geht */
	a:hover { 
		font-size:11px;
		color: #FF5F00;
		text-decoration: underline;
	}


	/* Darstellung von Downloadlinks */
	a.files:visited, a.files:link, a.files.active {
		font-size:11px;
		color: #00389A;
		text-decoration: none;
	}
	
	/* Darstellung von Downloadlinks, wenn man mit der Maus drüber geht */
	a.files:hover {
		font-size:11px;
		color: #FF5F00;
		text-decoration: underline;
	}
	
	/* Formatierung des Pfeil für den Downloadlink */
	img.files {
		margin-top:10px;
	}


	/* Links in der Box "Crosslinks" (rechte Spalte im Contentbereich) */
	a.crossLinks:visited, a.crossLinks:link, a.crossLinks:active {
		font-size:13px;
		color: #00389A;
		text-decoration: none;
	}
	
	
	/* Links in der Box "Crosslinks" (rechte Spalte im Contentbereich), wenn man mit der Maus drüber geht */
	a.crossLinks:hover {
		font-size:13px;
		color: #FF5F00;
		text-decoration: none;
	}

		
		
		
		
	/* POSITIONIERUNG VON GRAFIKEN */
	
	/* Positionierung des Keyvisuals */
	img.keyvisual {
		position:relative;
		left: -25px;
		border-right:1px solid #FFFFFF;
border-left: none;
border-top: none;
border-bottom: none;
margin: 0px;
padding:0px;
vertical-align:top;
	}
	
	/* Formatierung der großen Grafiküberschriften für die Boxen (Muteinander, Crosslinks) */
	img.mpHeadline {
		border-bottom:5px solid #FF5F00;
		margin-bottom:0px;
	}
	
	/* Positionierung der Grafiken im Contentbereich (Grafik links) */
	img.imgLeft {
		float:left;
		margin-top:6px;
		margin-right:15px;
		margin-bottom:2px;
	}
	
	/* Positionierung der Grafiken im Contentbereich (Grafik rechts) */
	img.imgRight {
		float:right;
		margin-top:6px;
		margin-left:15px;
		margin-bottom:2px;
	}
	
	/* Positionierung der Grafiken im MPbereich (Grafik links) */
	img.BoxImgLeft {
		float:right;
		margin-left:5px;
		margin-bottom:5px;
	}
	
	/* Positionierung der Grafiken im MPbereich (Grafik rechts) */
	img.BoxImgRight {
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}
	
	


	
	/* CONTENTBEREICH */
	
	/* Layer der eine Tabelle mit den beiden Navigationsebenen sowie den Contentbereich enthält */
	#posmax {
		height:100%;
	}
	
	/* Tabelle die die beiden Navigationebenen sowie den Contentbereich enthält */
	table.posmax {
		 height:100%;
		 width:800px;
	}
	
	
	/* Formatierung des Layers in dem der Fließtext und die Bilder für den Contentbereich eingestellt werden können */
	#content {
		margin-top:25px;
		font-size:13px;
		padding-left: 25px;
		padding-right: 25px;
		line-height: 20px;
	}
	
	/* Tabelle mit im Content mit Fließtext und Bildern */
	.contentTabelle {
		 height:100%;
		 width:100%;
	}







	/* MP BEREICH */
	
	/* Tabellenspalte die den MP-Bereich darstellt */
	td.mpSpalte {
		width:200px;
		font-size:12px;
		color:#00389A;
	}
	
	/* Layer der die weißen Boxen im MP Bereich darstellt */
	div.mpBox {
		border: 1px solid #3E4E54;
		margin-right:10px;
		margin-top:71px; 
		background-color:#FFFFFF;
		color:#000000; 
		width:200px;
	}
	
	/* Layer der die graue Box mit den Crosslinks darstellt*/
	div.crosslinksBox {
		background-image:url('../img/greyback.gif');
		background-repeat:repeat;
		background-position:left top;
		width:200px;
		font-size:10px;
		border: 1px solid #3E4E54;
		margin-right:10px;
		color:#000000;
		margin-top:0px;
	}
	
	/* 
	Box die den Text der Boxen im MP-Bereich enthält.
	Wird benötigt um einen Abstand zwischen dem Rand der Box und dem Text zu realisieren
	*/
	div.boxContent {
		padding-left:10px;
		padding-bottom:10px;
		padding-right:10px;
		padding-top:10px;
		font-size:11px;
	}




	td.form{
		font-size:11px;
		font-weight:bold;
	}


	input.form, textarea.form {
		width: 500px;
	}


	/* FORMATIERUNG DER VERSCHIEDENEN NAVIGATIONSEBENEN */
	
	/* Aeusserer Rahmen des aktiven Elements der ersten Navigationsebene */
	#high {
		background-color:#96C8E1;
		width:124px;
		height:30px;
		float:left;
		cursor:pointer;
		 
	}
	
	/* Innerer Rahmen des aktiven Elements der ersten Navigationsebene */
	#highlight {
		position:relative;
		top:-6px;
		float:left;
		width:124px;
		height:30px;
		background-color:#96C8E1;
		border-top:1px solid #FFFFFF;
		text-align:center;
		color:#C2007C;
		font-size:13px;
	
	}
	
	/* Layer mit dem Text des aktiven Elements der ersten Navigationsebene*/
	#navtexthigh {
		margin-top:9px;
		color: #00389A; 
		font-weight:bold;
	}
	
	
	/* Weiße Linie die die einzelnen Navigationspunkte der ersten Ebene von einander trennt */
	#navsplit {
		float:left;
		width:1px;
		height:30px;
		background-color:#FFFFFF;
	}
	
	
	/* Layer welcher einen inaktiven Reiter der ersten Navigationsebene darstellt */
	#navfield {
		float: left;
		width: 124px;
		height: 30px;
		background-color: #00389A;
		text-align: center;
		color: #FFFFFF;
		font-size: 13px;
		background-repeat: no-repeat;
		cursor:pointer;
	}
	
	/* Text innerhalb eines inaktiven Reiters der ersten Navigationebene */
	#navtext {
		margin-top:6px;
		color:#FFFFFF; 
		cursor:pointer;



	}
	
	/* Verbindung des hervorgehobenen Navigationspunktes der ersten Navigationsebene mit der zweiten Navigationsebene */
	#linelight {
		position:relative;
		float:left;
		left:-1px;
		background-color:#96C8E1;
	}
	
	
	/* 
	Abstand für die Positionierung von "linelight"
	Achtung: width muss abhängig vom ausgewählten Navigationspunkt in der HTML Seite angepasst werden
	*/
	#space {
		position:relative;
		float:left;
		height:1px;
	}
	
	/* Die einzelnen Links der zweiten Navigationsebene */
	#subnav {
		position:relative;
		float:left;
		padding-left:17px;
		padding-right:17px;
		color:#00389A;
		font-size:11px;
		margin-top:2px;
		cursor: pointer; 
	}
	
	#subnavAct {
		position:relative;
		float:left;
		padding-left:17px;
		padding-right:17px;
		color:#00389A;
		font-size:11px;
		margin-top:2px;
		font-weight:bold;
	}
	
	/* Layer mit der Navigation der dritten Ebene */
	#navigationThree {
		margin-top:71px;
	}
	
	/* Formatierung der rechten Spalte die die dritte Navigationsebene enthält */
	.navigationsSpalte {
		width:150px;
		font-size:12px;
		color:#00389A;
		
	}
	
	/* Aktive Seite der dritten Navigationsebene */
	.activePage {
		background-color:#96C8E1;
		padding: 4 10 4 10;
		width:140px;
		color: #00389A;
		font-size:12px;
		margin-left:12px;
		font-weight:bold;
	}
	
	/* Box für Link zu anderen Seiten der dritten Navigationsebene*/
	.navThree {
		padding: 4 10 4 10;
		cursor: pointer;
		width:140px;
	
	}
	
	/* Formatierung der Links für dritte Navigationsebene (linke Spalte im Contentbereich) */
	a.navThree:visited, a.navThree:link, a.navThree:active {
		font-size:12px;
		color: #00389A;
		text-decoration: none;
	}
	
	/* Formatierung der Links für dritte Navigationsebene (linke Spalte im Contentbereich), wenn man mit der Maus drüber geht */
	a.navThree:hover {
		font-size:12px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	
	/* Layer zur Positionierung der zweiten Navigationsebene */
	#pos {
		margin:auto;
		text-align:left;
	}
	
	/* Layer zur Positionierung der ersten Navigationsebene */
	#posnav {
		margin:auto;
	}