/* 2016-06-21, Css-Layout fuer OEBTZ Neu 2016 */
/* Autor: cWs (C) 201606 */
@charset "utf-8";


/* ================================================================================================================================================ */
/* ===== Allgemein ===== */
body {
	font: normal 14px/1.5em Verdana, sans-serif;
	color: #0000FF;
	margin: 0;
	padding: 0;
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen.
	Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
a:link {
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
}
/* Scrollen */
#back-top {
	display: none;
}
#back-top a {
    width: 50px;
	height: 50px;
	background: url(../images/pfeil_oben.png) no-repeat; 
    position:fixed; 
    bottom:30px; 
    right:30px; 
    display:block;
}
#back-top a:hover {
    text-decoration: none;
}
/* ===== Layout  ===== */
/* Kopfbereich */
#top {
	background: #ffe6d5;
	padding: 0;
	border: none;
	margin: 0;
	width: 100%;
	overflow: hidden;
	background:#fff url(../images/main_bg.gif) repeat-x left top;
}
#top-innen {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 10px;
	height: 275px;
	width: 960px;
	overflow: hidden;
}
/* Navi oben */
#navioben {
	background: #739fcd;
	padding: 5px;
	margin: 20px 15%;
	height: 20px;
	border: 1px solid #739fcd;
	width: 300px;
	float: right;
	overflow: hidden;
}
/* Mittelteil mit Navi und Main */
#mitte {
	background: #fff;
	padding: 0;
	border: 0;
	margin: 0;
	width: 100%;
	min-height: 850px;
}
/* Navileiste links */
#nav {
   background: #FFF;
   padding: 0;
   margin: 10px 0 10px 10px;
   width: 225px;
   position: absolute;
}
/* Text bei Navi */
#navioptik {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	background-color: #739fcd;
	background:#739fcd url(../images/h2_bg.gif) no-repeat right top;
}
/* Main */
#main {
   background: #fff;
   padding: 0;
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 245px;
}
/* Fuss */
#fuss {
	background: #739fcd;
	padding: 0;
	border: none;
	margin: 0;
	width: 100%;
}
#fuss-innen {
	background: #739fcd;
	padding: 0;
	margin: 10px;
}
/* ===== Navioptik ===== */
/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */
ul.nav  {
	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
	border-top: 1px solid #666; /* Hiermit wird der obere Rand für die Hyperlinks erstellt. Alle anderen werden mit einem unteren Rand im LI-Element platziert. */
	margin: 5px 0 5px 5px;
}
ul.nav li {
	list-style: none;
	border-bottom: 1px solid #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */
}
ul.nav a, ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen die Form einer Schaltfläche beibehalten. */
	padding: 0;
	display: block; /* Hiermit werden die Blockeigenschaften für den Hyperlink angegeben, sodass das gesamte umschließende LI-Element aufgefüllt wird. Hiermit wird angegeben, dass der gesamte Bereich auf einen Mausklick reagiert. */
	text-decoration: none;
	background: #FFF;
	color: #0000FF;
	list-style: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	background: #F2F5A9;
	font-weight: bold;
	color: #000;
	list-style: none;
}
ul.nav1  {
	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
}
ul.nav1 li {
	list-style: none;
	float: right;
}
ul.nav1 a, ul.nav1 a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen die Form einer Schaltfläche beibehalten. */
	padding: 0;
	margin: 0 5px;
	display: inline; /* Hiermit werden die Blockeigenschaften für den Hyperlink angegeben, sodass das gesamte umschließende LI-Element aufgefüllt wird. Hiermit wird angegeben, dass der gesamte Bereich auf einen Mausklick reagiert. */
	text-decoration: none;
	background: #739fcd;
	color: #FFF;
	list-style: none;
}
ul.nav1 a:hover, ul.nav a:active, ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	background: #F2F5A9;
	font-weight: bold;
	color: #000;
	list-style: none;
}

/* =====   ===== */
/* =====   ===== */
/* =====   ===== */
/* =====   ===== */