/*
	Formate für die Blockelemente für Navigationsleisten und Inhalt
	*/ 

/* Hauptfenster das alles enthält */
div.main {
	position:absolute; width:99%; top:5px; height:100%;
	border:1px; background-color:#FFFFFF;
}

/* 	Kopfbereich mit Bild und Box
	Muss innerhalb des Bereich "main" definiert werden.
 	*/
div.head {
 	position:absolute; top:5px; left:5px; 
 	width:975px; height:80px;
	background-color:#2D35AB;
	//padding:5px;
}

div.headLogo {
	position:absolute;
	left:185px;
	top:0px;
	width:790px;	
	overflow:hidden;
}

/*	Navigationsbox in der Oberen Leiste.
	Muss innerhalb des Bereichs "head" definiert werden.
	*/
div.navTop2 {
	position:absolute; left:10px; top:5px; 
 
	background-color:#2D35AB; 
	width:165px;
	}

/*	Navigationsleiste in der Oberen Leiste für die Oberpunkte.
	Muss innerhalb des Bereichs "head" definiert werden.
	*/
div.navTop {
	position:absolute; 
		left:185px; 
		top:90px;  
	height:28px;
	background-color:#2D35AB;
	border:0px solid black;
}

/* Navigationsleiste an der linken Seite
	Muss innerhalb des Bereich "main" definiert werden.
 	*/
div.nav {
 	position:absolute; 
 		top:123px; 
 		left:5px; 
 	width:170px; height:700px; 
	border:1px solid black;
	background-color:#2D35AB; 
	padding:5px;
}

/*	Leiste die den "WayToWhereIAm" sowie das aktuelle Datum anzeigt.
	Muss innerhalb des Bereichs "main" definiert werden.
	*/
div.leiste {
 	position:absolute; 
 		top:123px; 
 		left:186px;
 	width:574px;  
 	height:14px;
	border:1px solid black; 
	background-color:#FFFFFF;
	padding:5px;
	font-size:9pt;
}
div.leiste a {
	color:#000000; 
	text-decoration:underline; 
	font-size:9pt; 
	font-weight:bold;
}
div.leiste a:hover {
	color:#000000; 
	text-decoration:none; 
	font-size:9pt; 
	font-weight:bold;
}	

div.datum {
	position:absolute; 
		top:-1px; 	
		left:584px; 
	width:207px; 
	height:14px; 
	border: 1px solid black; 
	padding:5px;
}
	
/*	Bereich für den Inhalt der Seiten.
	Muss innerhalb des Bereichs "main" definiert werden!
	*/
div.content {
	position:absolute; 
		left:192px; 
		top:149px;
	float:right; 
	width:787px;  height:80%;
	border: 0px solid black; 
	background-color:#FFFFFF;		
	padding:5px;
}
/* 	Leiste an der rechten seite, die Newsticker und ähnliches enthält.
	Wird in aktueller konfiguration nur auf der Startseite angezeigt.
	Muss innerhalb des Bereich "content" definiert werden.
 	*/
div.info {
 	position:absolute; 
 		top:-1px; 
 		right:-1px; 
 	width:207px; height:676px;
	border:1px solid black;
	background-color:#2D35AB;
	padding:5px;
}

/*	Newskasten innerhalb der InfoLeiste auf der rechten Seite.
	Muss innerhalb des Bereichs "info" definiert werden.
	*/
div.news {
	position:absolute; 
		top:10px; 
		left:5px;
	width:197px; 
	height:160px; 
	background-color:#FFFFFF; 
	border-bottom:0px solid #000000;
	padding:5px;
}

/*	Terminanzeige des nächsten Termins.
	Muss innerhalb des Bereich "news" definiert werden.
	*/
div.termin {
 	position:absolute; 
 		bottom:0px;
 	border-top:1px solid black;
 	height:80px; 
 	width:197px;
 	text-align:center;
 	font-size:9pt;
}

/*	Bereich zur Anzeige eines großen Links. z.B. IservLogin.
	Muss innerhalb des Bereichs "info" definiert werden.
	*/
div.IServ {
	position:absolute; 
		top:200px; 
		left:5px;
	width:197px; 
	height:60px; 
	background-color:#2D35AB; 
	text-align:center; 
	vertical-align:middle;
}
div.IServ a {
	font-size:13pt; 
	color:#FFFFFF; 
	text-decoration:none;
	font-weight:bold; 
}

/*	Bereich zur Anzeige eines Bildes. (Bild der Woche..)
	Muss innerhalb des Bereichs "info" definiert werden.
	*/
div.pic {
	position:absolute; 
		top:265px; 
		left:5px;
	width:197px; 
	height:150px; 
	background-color:#FFFFFF;
	text-align:center; 
	vertical-align:middle;
	padding:5px;
	overflow:hidden;
}

/*	Bereich zur Anzeige von (c) informationen und dem verwendeten Browser.
	Muss innerhalb des Bereichs "info" definiert werden.
	*/
div.browserInfo {
	position:absolute; 
		top:415px; 
		left:5px; 
	width:197px; 
	height:90px;
	background-color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle; 
	border-top:1px solid black;
	padding:5px;
}
div.browserInfo p{
	font-size:7pt;
}

/*	Formatierungen für die Navigationsleisten der verschiedenen klassen.
	Klasse1 = Navigationsleiste an der linken Seite.
	Klasse2 = Navigationsleiste oben (Oberpunkte)
	Klasse3 = NavigationsBox in der Headleiste
	*/

/*	Formate für die Navigationsleiste links!
	*/

/*	Formate für Hyperlinks
	*/
a.class1 { 
	color:#000000; 
	font-weight:normal;
	text-decoration:none; 
	font-size:8pt; 
	}
a.class1:hover { 
	color:#FFFFFF; 
	font-weight:normal;
	text-decoration:none;  
	font-size:8pt; ; 
	}
a.class1:active {
	color:#FF0000; 
	font-weight:normal;
	text-decoration:none; 
	font-size:8pt; ;
	}

/*	Formate für Tabellen 
	(in diesem Fall als Ausrichtungshilfen UND mit Rändern als Designelemente genutzt!)
	*/
table.class1 {
	width:163px; 
	padding:0px;
	border-spacing:0px;
	border-bottom:2px solid #2D35AB; 
}

td.class1 {
	border-top:2px solid #2D35AB; 
	display:block;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
	width:100%;
	text-align:left;
	background:#FFFFFF;
}

td.class1 a {
	padding-top:1px;
	padding-bottom:1px;
	text-align:left;
	display:block;
}

td.class1:hover{
	background:#2D35AB;
}

td.class1 a:hover {
	background:#2D35AB;
} 

td.class1sub {
	border-top:2px solid #FFFFFF; 
	display:block;
	padding-top:1px;
	padding-left:5px;
	padding-bottom:1px;
	Width:100%;
	text-align:left;
	background:#AEB5BD;
}

td.class1sub a {
	padding-top:1px;
	padding-bottom:1px;
	text-align:left;
	display:block;
	background:#AEB5BD;
}

td.class1sub a:hover {
	background: #4360AA;
} 

/*	Formate für die Navigationsleiste oben!
	*/

/*	Formate für Hyperlinks
	*/

a.class2 { 
	color:#000000; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:8pt; 
	width:100%;
	text-align:center;
	display:block;
}
a.class2:hover{ 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:8pt; 
	text-decoration:none;
}
a.class2:active{
	color:#FF0000; 
	text-decoration:none; 
	font-size:8pt;
	font-weight:bold;
}

/*
	Formate für Tabellen
	*/

table.class2{

}
td.class2 { 
	height:23px; 
	background:#FFFFFF; 
	text-align:center;
	padding-right:3px;
	padding-left:3px;
}
td.class2highlight { 
	height:23px; 
	background:#AEB5BD; 
	text-align:center;
}
td.class2:hover {
	background:#AEB5BD;
}

td.class2highlight a {
	color:#FFFFFF;
}

/*	Formate für die Navigationsbox oben links!
	*/

/*	Formate für Hyperlinks
	*/

a.class3 { 
	color:#000000; 
	text-decoration:none; 
	font-size:8pt; 
	font-weight:normal;
}
a.class3:hover{ 
	color:#000000; 
	text-decoration:underline; 
	font-size:8pt; 
	font-weight:normal;
}
a.class3:active{
	color:#FF0000; 
	text-decoration:underline; 
	font-size:8pt;
	font-weight:normal;
}
table.class3 {

}

tr.class3 {
	border:1px solid black;
}
td.class3 {
	padding:3px;
	width:180px; 
	border:1px solid #00456F;
}

/*
	Definitionen für die Startseite
	*/
a.startPage {
	color:#000000; 
	font-weight:bold; 
	text-decoration:none;
	font-size:11pt;
}
a.startPage:hover {
	color:#000000; 
	font-weight:bold; 
	text-decoration:underline;
	font-size:11pt;
}
a.startPageMehr {
	color:#000000; 
	font-weight:bold; 
	text-decoration:underline;
	font-size:10pt;
}
	


/*
	Allgemeingültige Formate die verwendet werden falls kein spezielles Format 
	definiert ist!
	*/
	
p{
	font-size:11pt
}

a {
	color:#000000;
	font-family:arial; 
	text-decoration:underline;

}
body {
	font-family:arial; 
}

h1 { font-size:12pt; }					
h2 { font-size:10pt; }											
h3 { font-size:8pt; }		
h4 { font-size:6pt; }
ul,ol,li,th,address,nobr { font-size:8pt; }