@charset "utf-8";
body {
	min-height: 101%;
	background: #FFFFFF;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0; /*    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	SCROLLBAR-FACE-COLOR: #fbf8ed;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
   	SCROLLBAR-SHADOW-COLOR: #666666;
    SCROLLBAR-3DLIGHT-COLOR: #s;
	SCROLLBAR-ARROW-COLOR: #cf0000;	
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
   	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;	
    }
a:link,a:visited,a:active {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #cf0000;
}
a:focus { -moz-outline-style: none; outline:none;}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.text-i {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	font-style: italic;
}
.text-i2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
.text-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d00039;
	font-weight: normal;
}
.text-att {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d00039;
	font-weight: normal;
}
.tabelle-headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C00;
}
.txtred12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.border-tabelle {
	border: 1px solid #999999;
}
.border-row {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.text-box {
	border: 1px solid #999999;
	background-color: #595959;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: normal;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d00039;
	border: 1px solid #999999;
	background-color: #ffffff;
}
.inputerror 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #9F0004;
	background-color: #FFFFCC;
} 
#news{
	height:auto;
	max-height: 400px;
	overflow:auto;	
}
#counter{
	position:relative;
}
.counter-hidden{
	color:#fdfcf8;
	font-size:8px;
	margin-left:20px;
}
.counter{
	color:#666;
	font-size:10px;
}
<!------------------------------------------------------------------------------------ MENÜ

a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}

#menu-container {position: relative; width:160px; height:200px; padding-left:10px;} 

.menu {font-family: Verdana, Geneva, sans-serif; width:131px; position:relative; margin:1px; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#c00; width:139px; height:30px; border:1px solid #fff; border-width:1px 1px 0 0; background:#f9f1e2; line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#e8b556;}

.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:150px; width:150px; background: transparent;}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {float:left;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#000; width:110px; background:#eddec3;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#eddec3 url(site_graphic/marrow.gif) no-repeat 100px center; color:#000;}

.menu ul li:hover ul li:hover a.sub {background:#e8b556 url(site_graphic/marroww.gif) no-repeat 100px center; color:#fff;}

.menu ul li:hover ul li a.sub:hover,
.menu ul li a:hover ul li a.sub:hover {background:#e8b556 url(site_graphic/marroww.gif) no-repeat 100px center; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#e8b556; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; width:110px; left:120px; }

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {display:block; background:#e2cda7; color:#000; border-left:1px solid #fff;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#e8b556; color:#fff;}
