@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	color: #000;
}

/* ~~ 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. */
	padding: 0;
	margin: 0;
	
}
h1 {
	margin-top: 0;
	color:#a71431;
	font-size:20px;
	line-height:24px;
}
h2 {
	margin-top: 0;
	margin-bottom:0;
	padding:0;
	color:#000;
	font-size:14px;
	line-height:24px;
}
a img { 
	border: none;
}

a:link {
	color:#000;
	text-decoration: none; 
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a.active, a.focus {
	color: #a71431; 
	text-decoration: none;
}


.container {
	position: relative;
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align:left;
}


.top {
	position:absolute;
	left:0px;
	top:0px;
	background: #fff;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	padding:15px 0 0 0;
	height:50px;
	width:900px;
	}
.top a {
	color: #999;
	text-decoration: none; 
}
.top a:visited {
	color: #999;
	text-decoration: none; 
}
.top a:hover, .top a:active, .top a:focus{
	color: #999;
	text-decoration: none; 
}	
.header {
	background: #fff;
	position:absolute;
	left:0px;
	top:50px;
	height:120px;
}
.navmaincontent {
	background: #fff;
	position:absolute;
	left:0px;
	top:170px;
	padding-left:5px;
	height:40px;
	width:900px;
	color:#000;
}
ul.navmain {
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}
ul.navmain li {
	list-style: none; 
    float:left; 
    display:block;
    padding: 0px 10px 0px 10px;
    margin: 0;
    border-right:solid 2px #000;
    background-color: #fff;
	
}

ul.navmain a {
    color: #000;
    text-decoration: none;
}
ul.navmain a:hover, ul.navmain a.active, ul.navmain a.focus {
    color: #a71431;
    text-decoration: none;
} 


.sidebar1 {
	position:absolute;
	left:0px;
	top:210px;
	width:350px;
	background: #fff;

}

.navleft {
	height:	270px;
	width:350px;
	background: #ececec;
	border-bottom:2px;
	border-bottom-style:solid;
	border-bottom-color:#a71431;
	border-top:2px;
	border-top-style:solid;
	border-top-color:#a71431;
	
}
.textleft {
	padding: 15px 15px 15px 15px ;
	width:320px;
	background: #fff;
	}


ul.nav {
	list-style: none; 
	margin-bottom: 0px;
	
}
ul.nav li {
	border-bottom: 1px solid #fff;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	
}
ul.nav a, ul.nav a:visited { 
	padding: 6px 0px 6px 15px;
	display: block; 
	width: 350px; 
	text-decoration: none;
	background: #ececec;
	color:#000000;
}
ul.nav a:hover, ul.nav a.active, ul.nav a.focus {
	background-color: #a71431;
	color: #ffffff;
}


.contentbig {
	position:absolute;
	padding: 0;
	width: 900px;
	left:0px;
	top:210px;
}

.content {
	position:absolute;
	padding: 0;
	width: 550px;
	left:350px;
	top:210px;
}

.content a {
	color: #a71431; 
	text-decoration: none;
}

.content a:visited {
	color: #a71431;
	text-decoration: none;
}
.content a:hover, a:active, a:focus {
	color: #a71431; 
	text-decoration: none;
}
.content ul, .content ol { 
	padding: 0 15px 15px 0px; 
}

.image {
	height:270px;
	border-bottom:2px;
	border-bottom-style:solid;
	border-bottom-color:#a71431;
	border-top:2px;
	border-top-style:solid;
	border-top-color:#a71431;
}
.text {
	padding: 15px 10px 15px 0px;
	min-height:300px;
	border-bottom:2px;
	border-bottom-style:solid;
	border-bottom-color:#a71431;
}
.sidebar2 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding: 10px 0;
}


/* ~~ Stile für die Fußzeile ~~ */
.footer {
	margin-top:10px;
	width: 550px;
	height: 16px;
	text-align:right;
	font-size:10px;
	color:#999;
	position: absolute;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}