/* Volle Höhe im IE und FF bei 3 Zeilen, Mitte variable zu 100%, Oben und Unten feste Höhe */
/* Breite 970 px */
/* Boda-Angaben und doppelte Angabe bei Mitte unabdingbar wegen Browser-Bugs */
body { 
	background: #EFEFEF url(back3.jpg) top center ;
	color: black; 
	font-size:10pt;
	line-height: 130%; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	overflow:hidden;
	}

.italic {
font-style: italic;
}

/* Schriftgrössen H*/	
form, table {font-size:10pt;line-height: 130%; 	}

H1 { font-size: 16pt; font-weight: bold; }
.h1grau { font-size: 17px; text-align:right; margin-top:-6px; color:#6D729F;}
.h2grau { font-size: 15px; text-align:center; margin-top:-1px; color:#6D729F;}
H2 { font-size: 14pt; color: #cccccc; font-weight: bold; }
H3 { font-size: 12pt; font-weight: bold; }	

/* Kopfbereich mit Foto-Platzierung*/	
#oben {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:0; 
	width:970px; 
	min-width:970px; 
	height:110px; 	
	background: transparent url(oben-hintergrund.gif) no-repeat;	
	}
/* Ecker grau oben links*/	

/* Ecker grau oben links*/	

/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	top:110px; 
	bottom:30px; 
	width:968px; 
	margin-left:-485px; 
	left:50%;
	display:block; 
	overflow:hidden;
	background-image: #E2E5EA url(back2.jpg) center;
	background-position: 0 -100;
	border-left: solid 2px #8388BF;
	}
* html #mitte {
	top:0; 
	z-index:-1;
	bottom:0; 
	height:100%;
	width:0px;
	border-top:110px solid #E2E5EA;
	border-bottom:30px solid #E2E5EA;
	
	overflow:visible;
	}
/* Links von Mitte VP Bellicon*/		
div#vp { 
	position:absolute; 
	left:0px;
	top:205px; 
	width:130px; 
    overflow:visible;	
	}		
/* Navi seitlich - separat lecith versetzt*/		
div#naviseite { 
	background: #8388BF;
	position:absolute; 
	left:795px;
	top:0px; 
	width:170px; 
	height:240px;
	z-index:20;
	overflow:hidden;
	}	
/* Hintergrund rechts*/		
div#rechtshinten { 
	background: #8388BF;
	position:absolute; 
	left:778px;
	top:0px; 
	width:190px; 
	height:100%;	
	}		
/* Boxen recht zum Mittelbereich*/		
div#boxgrafik{ 
	position:absolute; 
	top:260px;
	left:800px;
	width:150px; 
	z-index:20;
	overflow:hidden;
	}
div#boxgoogle{ 
	position:absolute;
	top:225px;
	left:832px;
	width:130px; 
	z-index:20;
	overflow:hidden;
	}	
div#boxverband{ 
	position:absolute; 
	top:365px;
	left:820px;
	width:150px; 
	z-index:20;
	overflow:hidden;
	}		
/* Inhaltebereich basierend auf Definition des Mittelbereiches */		
div#inhalte {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:780px; 
	margin:0px; 
	text-align:left; 
	height:100%; 
	overflow:auto;
	background: white;
	
	}
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
#unten {
	text-align:center;
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	bottom:0; 
	width:970px; 
	min-width:970px; 
	height:30px; 
	background: transparent url(unten-hintergrund.gif) no-repeat;	
	z-index:6;
	}
/* Spezielle Classen*/	
/* Leistungstabelle*/	
.ltab {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}

.box_orange {
	padding:10px;
	border: solid 2px #6D729F;
}
.box_blau {
	padding:10px;
	border: solid 2px #6D729F;
}
.box_gruen {
	padding:10px;
	border: solid 2px #6D729F;
}
/* Navigation*/	
.navi  {
	color: white;
	font-style:normal; 
	font-weight: bold; 
	font-size:12px;
	text-decoration: none; 	
	}
.orange  {
	color: #F0771A;
	text-decoration: none; 
	font-size:16px;
	margin-top:-1px;
	margin-bottom:0.5mm;
	display:block;
	}	
/* Maus über Link*/	
.verband {
	font-size:8pt;
	text-align:left;
	text-decoration: none;
	color: navy; 
}
a:hover verband {
	color: blue; 
	background-color: #fff;
}
a:hover 	{
	/*color: white;*/ 
	/*background-color: #AF4162;*/
	color: #0F39FF; 
	background-color: #fff;
	}