@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #22231d;
	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: #61635d;
}
.oneColFixCtr #container {
	width: 1062px; 
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	margin-top: 10px;
	border: 4px solid #f3f4ef;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}

#header {width: 1062px; height: 190px;}

#logo { width: 210px;  height: 190px; background-color: #404236; border-right: 2px solid #f3f4ef; float: left;}

#header_bild {width: 850px; height: 190px; float: left;}

#ort {height: 18px; width: 1042px; background-color: #460f0f; color: #f3f4ef; padding-top: 7px; padding-left: 20px; font-size: 10px;  border-top: 2px solid #f3f4ef; border-bottom: 2px solid #f3f4ef;} 

#navi {width: 210px; background-color: #a9aba3; padding-top: 3px; color: #f3f3f3;}

.navi_top {padding-left: 20px; padding-top: 5px; width: 190px; height: 20px; font-size: 12px; background-color: #404236; color:#FFF; }

.navi_top a:visited, .navi_top a:link
{
	text-decoration: none;
	color: #FFF;
}
.navi_top a:active, .navi_top a:focus, .navi_top a:hover
{
	text-decoration: none;
	color: #404236;
}


.navi-font {padding-left: 20px; font-size: 12px; padding-top: 3px;}

.navi-font a:visited, .navi-font a:link
{
	text-decoration: none;
	color: #404236;
}
.navi-font a:active, .navi-font a:focus, .navi-font a:hover
{
	text-decoration: none;
	color: #FFF;
}

.navi-font2 {
	
padding-left: 20px; font-size: 12px; padding-top: 3px;
background-color: #a9aba3; 
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
}

.navi-list { padding-left: 10px;}

#newsletter {width: 210px; color: #f3f3f3; background-color: #a9aba3;  border-top: 4px solid #f3f4ef;}

#news_top {padding-left: 20px; width: 190px; padding-top: 5px; background-color: #460f0f; margin-top: 2px; height: 20px; font-size: 12px; color:#FFF;}

#news_enter {padding-left: 20px; padding-bottom: 20px; padding-top: 20px; font-size: 12px; color: #f6f9ec; padding-left: 10px;}

#content {float: left; padding-top: 20px; font-size: 12px; padding-left: 20px; background-color: #f3f4ef; width: 562px; min-height: 550px; padding-right: 20px;  overflow: auto;} 

#navi_rechts {float: left; width: 250px; background-color: #a9aba3; padding-top: 3px; color: #f3f3f3; height: 100%;}

.navi_top_rechts {padding-left: 20px; padding-top: 5px; width: 230px; height: 20px; font-size: 12px; background-color: #404236; color:#FFF; }

#empfehlung {width: 250px; color: #f3f3f3; background-color: #a9aba3;  border-top: 4px solid #f3f4ef;}

#empfehlung_rechts {padding-left: 20px; width: 230px; padding-top: 5px; background-color: #404236; margin-top: 2px; height: 20px; font-size: 12px; color:#FFF; }

#mitte { background-color: #a9aba3; }

#footer {font-size: 10px; padding-top: 10px; }

.clear { clear: both; }


a:link, a:visited
{
	text-decoration:    none;
	color:              #404236;
}

a img
{
	border-width:		0;
}

a:active, a:focus, a:hover
{
	text-decoration:    none;
	color:              #61635d;
}

.na {
 background-color: #a9aba3; 
 }



a.info {
}
a.info:hover {
cursor: crosshair;
}
a.info span {
visibility: hidden;
position: absolute;
margin-top: -5em;
padding: 1em;
padding-left: 20px;
text-decoration: none;
}
a.info:hover span {
visibility: visible;
border: 0px;
}