@charset "utf-8";
/* CSS Document */
body, html {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	height:100%;
	overflow:hidden;
	background:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: .95em;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #FF6600;
}
	
/* Abstand für den Text bei zwei Navigationsmenüs */
.abstand { padding: 200px 20% 210px 14%; }
/* oberer grauer Laver, wird benötigt, damit orange nicht neben dem Bild blitzt-  Mindesthöhe oben1  */
#abstand1 {
	position: absolute;
	top:0px;
	width: 90%;
	height: 181px;
	bottom: 0px;
	left: 5%;
	z-index: 335;
	background-color: #CCCCCC;
	overflow: hidden;
	visibility: visible;

}
.abstand2 { padding-left: 300px; }

/* Dies ist die Ebene, welche den weißen Hintergrund in der Mitte liefert*/
#mitte {
	position:absolute;
	height:100%;
	overflow: auto;
	width: 84%;
	background-color: #FFFFFF;
	left:8%;
	z-index: 333;
	}
/* Ebene liefert den orangenen Hintergrund */
#mitteorange {
	position:absolute;
	left:5%;
	top:0px;
	height:90%;
	width: 90%;
	background-color: #FF6600;
	z-index: 334;
	overflow: hidden;
	}
/* Ebene welche das Bild für die Textebene enthält  */
#bildcontainer {
	position:absolute;
	left:8%;
	top:0px;
	height:88%;
	width: 320px;
	z-index: 335;
	overflow: hidden;
	visibility: visible;
	background-image: url(../images/axel_pass.jpg);
	background-repeat: no-repeat;
	background-position: right 256px;
	}
#bildcontainer1 {
	position:absolute;
	left:8%;
	top:0px;
	height:100%;
	width: 270px;
	z-index: 335;
	overflow: visible;
	visibility: visible;
	padding-top: 256px;
	float:left;
	text-align:center;
	}
	
/* Dies ist die Ebene mit dem Bild und dem Logo als Hintergrund, sowie der Ebene mit der Navigationsleiste oben   */
	#oben1 {
	position:absolute;
	left: 8%;

	height:122px;
	overflow: hidden;
	width: 84%;
	background-color: #FFFFFF;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 666;
	visibility: visible;	
	}
/* Dies ist die Ebene mit der Navigationsleiste oben  */
#navoben {
	position:absolute;
	height:30px;
	z-index:991;
	left: 0px;
	padding-left:380px;
	top: 3px;
}
/* Dies ist die Ebene mit der rechten oberen Ecke und den Hauptnavigationen  */
#hauptnavigationen {
	position:absolute;
	left:5%;
	top:123px;
	height:55px;
	width: 90%;
	background-color: #FF6600;
	background-image: url(../images/ecke_r_o.gif);
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 667;
	top: 122px;
	padding-top: 6px;
	visibility: visible;
	}
/* Dies ist die Ebene welche die 2te Hauptnavigation  enthält - wenn benötigt*/
#hauptnavisub {
	position:absolute;
	left:0%;
	top:32px;
	height:28px;
	width: 100%;
	background-color: #FF9933;
	padding-top: 0px;
	z-index: 669;
	visibility: visible;
	}	
/* Ebene, welche die rechte untere Ecke bereitstellt */	
#eckeru {
	position:absolute;
	left:5%;
	bottom:9%;
	height:31px;
	width: 90%;
	background-color: #FF6600;
	background-image: url(../images/ecke_r_u.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 996;
	visibility: visible;
	}
/* Ebene, welche die linke untere Ecke bereitstellt */	
#eckelu {
	position:absolute;
	left:5%;
	bottom:9%;
	height:31px;
	width: 31px;
	background-color: #FF6600;
	background-image: url(../images/ecke_l_u.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 998;
	visibility: visible;
	}
/* Ebene, welche dir rechte obere Ecke der Box bereitstellt */	
#diveckero {
	margin-left: 5%;
	margin-right: 5%;
	z-index: 332;
	top: 0px;
   background: url(../images/ecke_r_o.gif) top right no-repeat;
   }
/* Dies ist die Ebene mit der linken oberen Ecke */
#eckelo {
	position:absolute;
	left:5%;
	top:122px;
	height:31px;
	width: 31px;
	background-color: #FF6600;
	background-image: url(../images/ecke_l_o.gif);
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 668;
	visibility: visible;
		}
/* Ebene mit Fußzeilentext */
#fußzeile {
	position:absolute;
	left:8%;
	top:91%;
	width: 84%;
	z-index: 999;
	background-color: #FFFFFF;
	font-family: "HandelGothic BT", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1%;
	overflow: hidden;
	font-size: 0.9em;
	color: #4A4A4A;
	visibility: visible;	
	}	

/* Ebene, welche den eigentlichen Text enthält- man braucht noch class .abstand damit der Text erst nach Logo und Navis beginnt */
#inhalt {
	position:absolute;
	top:0px;
	margin-left: 0px;
	z-index: 661;
	height: 87%;
	width: 100%;
	overflow: auto;
	visibility: visible;
	}
	
h1 { font-size: 1.2em; margin-bottom: 0px; }
h2 { font-size: 1em; margin-bottom: 0px; margin-top:3px; }
h3 { font-size: 1em; margin-bottom: 0px; margin-top:3px; }
h4 { font-size: 1em; margin-bottom: 0px; margin-top:10px; }

p { margin-top: 5px; margin-bottom: 6px; }

#inhalt ul,
#inhalt ol { margin:5px 0px; padding:0px; }

#inhalt li { margin-left:10px; }
#inhalt li h4 { margin-bottom:5px; }

#inhalt ol > li { margin-bottom:15px; }
#inhalt ol * ul { margin:0px; }

/*#inhalt em { background-color: #FFFF66; color:#000; padding:3px; margin:5px 0px; }*/

#inhalt a { display: inline; color: #333; }

.blocksatz { text-align: justify; }
.grau { color: #FFFFFF; font-weight: bold; }
.weiter { clear: right; }

.randunten { border-bottom: 1px solid #FFF; }
.randuntenr { border-bottom: 1px solid #FFF; border-right: 2px solid #666666; }

.textabstand { padding-left: 70px; font-size: .8em; }