@charset "UTF-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

p {
	font-size:12px;
	line-height:120%;
	margin:0 0 6px 0;
}

td {
	font-size:12px;
	line-height:120%;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	font-face:Verdana, Helvetica, Arial, sans-serif;margin-bottom:6px;
	}
h1 {
	font-size:18px; line-height:120%;border-bottom:1px solid #f90;padding-bottom:6px;
	}
h2 {
	font-size:14px;	
}
.bold {
	font-weight:bold;	
}

.bildrahmen {
	border:1px solid grey;	
}

.spaltentitel {
	font-weight:bold;color:#060;
}

.pflichtspalte {
	font-weight:bold;color:#900;
}

.error {
	font-size:10px;font-weight:bold;color:red;	
}


/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	font-size:12px;
	line-height:120%;
	margin:0 0 6px 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. */
}
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;
}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
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: none;
}

#container {
		margin:30px auto;
		max-width:1260px;
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
	margin-top: 30px;
	height: 100px;
	background-color: #009036;
	background-image: url(pix/HOSTRA_kopf_BG_c.jpg);
	background-repeat:repeat-x;
	border-bottom: 2px solid #F93
}

/* Formate für die News-Anzeige auf der Home-Seite */

.news {
	border: 1px solid #f90;
	margin: 0 0 10px 0;
	padding:10px;
	}
	
.inhalt {
	width:94%; padding:3%;	
}

.trenner {
	font-weight:bold;
	color:#900;
	margin:6px 0;
}

.kapitel {
	margin:0 0 2px 0;	
}

#nav {
	background: #00761e;
	background-image: url(pix/BG_navi.jpg);
	background-repeat:no-repeat;
}

#adminnav {
	background: #fff;
	background-image: url(pix/BG_adminnavi.jpg);
	background-repeat:no-repeat;
}

#address {
	padding:35px 10px 15px 15px; 
	color:#eee;
}

.content {
	padding: 0;
	width: 54%;
	float: left;
}
.sidebar2 {
	float: left;
	width: 23%;
	margin-top:7px;
	background: #93A5C4;
}


/* Stile für die Links in Sidebar1 */

#nav a, #nav a:visited {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#nav a:hover, #nav a:active, #nav a:focus,{
	text-decoration:underline;
}

#adminnav a, #adminnav a:visited {
	font-size:14px;
	font-weight:bold;
	color:#060;
	text-decoration:none;
}

#adminnavnav a:hover, #adminnavnav a:active, #adminnavnav a:focus,{
	text-decoration:underline;
}

#address a, .address a:visited {
	font-size:12px;
	font-weight:normql;
	color:#eee;
	text-decoration:underline;
}

#address a:hover, .address a:active, .address a:focus {
	text-decoration:none;
}