/* 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: #000000 url(welt-3d-1400x1330.jpg) no-repeat;
	background-position: 50% -81px;
	color: black; 
	font-size:13px;
	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;
}
.small {
font-size: 11px;
font-style: italic;
}

/* Schriftgrössen H*/	
form, table {font-size:13px;line-height: 130%; }
ul, li {margin-top:0px; margin-bottom:0px;}

H1 { text-align:left; font-size: 20px; font-weight: bold; color:  #9C0019; margin: 1mm 0 }
.h1oben { text-align:left; margin-left:15px; font-size: 12px; font-weight: normal; color: #4F452C; margin-top: 1mm; margin-bottom: 1mm }

H2 { text-align:left; font-size: 16px; color: #585858; font-weight: bold; font-style:italic; margin-top: 1mm; margin-bottom:1mm; }
.h2oben { font-size: 18px; margin-top: 6px; font-weight: normal; color:#ffffff; font-style:normal; }

.h2einl { color:#01DFD7; margin-top:5px; margin-left:176px;}

/* Kopfbereich mit Foto-Platzierung*/	
#oben {
	position:absolute; 
	margin-left:-480px; 
	left:50%; 
	top:0; 
	width:960px; 
	min-width:960px; 
	height:160px; 	
	}
#obenbalken {
	position:absolute; 
	margin-left:-465px; 
	left:50%; 
	top:125px; 
	width:960px; 
	min-width:960px; 
	height:30px; 
	background: url(oben-bg.gif) no-repeat;	
	}	

#logo {
	position:absolute; 
	left:800px; 
	top:12px; 
	width:200px; 
	height:119px; 	
	z-index:20;
	}
#slogan {
	position:absolute; 
	left:480px; 
	top:80px;
	color:#CDD1DD;	
	font-size:24px;
	font-family: "Times New Roman",serif;
	font-style:italic; 
	font-weight: bold;
	width:250px; 
	}	
/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	top:160px; 
	bottom:35px; 
	width:960px; 
	margin-left:-480px; 
	left:50%;
	overflow:hidden;
	z-index:3;
	}
* html #mitte {
	top:0; 
	z-index:-2;
	bottom:0px; 
	height:100%;
	width:0px;
	border-top:160px solid transparent;
	border-bottom:35px solid transparent;
	overflow:visible;
	}
		
/* Inhaltebereich basierend auf Definition des Mittelbereiches */		
div#inhalte {
	position:absolute; 
	top:0px; 
	left:15px; 
	width:760px; 
	margin:0px; 
	text-align:left; 
	height:100%;	
	overflow:auto;	
	z-index:20;	
}
#termine {
	position:absolute; 
	left:500px; 
	top:22px; 
	width:220px; 
	height:133px;
	background: url(termine.gif);
	z-index:21;
	}

/* Navi seitlich - separat lecith versetzt*/		
div#naviseite { 
	position:absolute; 
	left:780px;
	top:0px; 	
	width:180px; 
	height:100%;	
	overflow:hidden;
	text-align:right;
	}

/* Grafik übergeordnet beide Angaben wg. Browserproblem FF und IE */
#erdeblass {
	position:absolute; 
	top:-0px; 
	left:15px;
	width:760px;
	height:100%;
	overflow:hidden;
	/*border: 1px solid red;*/
	background: url(erde-trans-ok.jpg);
	z-index:11;
	}	
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
	
#untenlinks {
	position:absolute; 
	margin-left:-465px; 
	left:50%; 
	bottom:0; 
	width:960px; 
	min-width:960px; 
	height:30px; 
	background: transparent url(unten-bg.gif) bottom left no-repeat;
	z-index:6;
	}	
		
/* Spezielle Classen*/	
.box_blau {
	border: solid 1px #061E5F;
}
.bildrechts {
	float:right;
	margin-left:30px;
	margin-bottom:15px;
	background: #ffffff;
	border: solid 1px #061E5F;	
}
.bildlinks {
	float:left;
	margin-right:30px;
	margin-bottom:15px;
	background: #ffffff;
	border: solid 1px #061E5F;	
}
/* Navigation*/	
.navi, .navi2   {
	color: #01DFD7;
	font-style:normal; 
	font-weight: bold;
	font-size:15px;
	text-align:right;
	text-decoration: none;
	line-height: 150%;
	/*display:block;*/	
	}
.navi2  {
	text-decoration: underline;		
	}
a.navi:hover , a.navi2:hover	{
	color: #ffffff;	
	}
/*a.navi:hover , a.navi2:hover	{
	color: #9F0019;
	background-color: #D5D6D1;
	}	*/	
.farbe  {
	color: #9C0019;
	font-weight: bold; 
	font-size:13px;	
	text-align:left;	
	}
/* Maus über Link*/	
.link {
	color: #9C0019;
	font-style:normal; 
	font-weight: normal; 
	text-decoration: underline; 	
	}
.link:hover 	{
	color: #fff; 
	background-color: #9C0019;
	}
.bild {
	text-decoration: none; 	
	}