body,html {
height:100%;
background-color: #851a1d;
font-family: Arial, Helvetica, Sans-Serif;
color:#666;
padding:0;
margin:0;
}

body { text-align:center; /* horizontal centering for IE Win quirks */ }

a {color: #666;}
a:visited {color:#666;}
a:hover {color: #851a1d;}
a.active {color: #851a1d;}

h1 {
font-size: 12px;
padding:0;
margin:0 0 10px 0;
color:#851a1d; }

h2 {
font-size: 12px;
padding:0;
margin:0;
color:#851a1d; }

img.position {
margin-top:40px;
margin-bottom:40px;
margin-left:140px; }

img.logo {
margin-top:40px;
margin-bottom:50px;
margin-left:94px; }

img.visualRechts {
margin-top:10px;
margin-left:34px;
width:186px;
border: 0px; }

/* ----------container zentriert das layout-------------- */

#distance { 
		width:1px;
		height:50%;
		background-color:#851a1d;
		margin-bottom:-302px; /* half of container's height */
		float:left;
		}
#container {
		margin:0 auto;
		padding:0;
		position:relative; /* puts container in front of distance */
		text-align:left;
		min-height:604px;
		width:980px;
		clear:left;
		background-color: #ffffff;
		}


#containerBak {
padding:0;
/* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:980px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:600px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
/* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
/* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-300px 0 0 -490px; /* jeweils die Hälfte der Gesamthöhe und -breite */
  background-color: #ffffff;
}
/* min-height für den IE */
* html #container {
  height:604px;             /* das selbe Maß wie oben bei min-height */
}




/* -----------------Inhalt--------------------- */
#content {
padding: 0 40px 0px 0;
margin: 0 250px 10px 210px;
font-size: 12px;
font-weight: normal;
color: #666;
line-height:16px;
}

#content ul {
padding: 0 0 0 0;
margin: 0 0 0 14px;
font-size: 12px;
font-weight: normal;
color: #666;
}

#rechteSeite ul {
padding: 0 0 0 14px;
margin: 0 0 0 14px;
font-size: 12px;
font-weight: normal;
color: #666;
}

div#content { 
min-height:580px;
height:expression(this.scrollHeight > 580 ? "auto":"580px"); 
}


#meinAngebot { 
margin: 40px 0 0 40px; padding:0;}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 210px;
margin: 0px;
padding: 0px;
}

#navcontainerLeft ul {
list-style-type: none;
text-align: left;
margin: 3px 0 0 35px;
padding: 0px;
}

#navcontainerLeft ul li.oben {
height: 15px;
margin:0;
background-image: url(../mwk-images/background-secondnav.gif);
background-repeat:repeat-y;
padding:0 0 0 20px;
}

#navcontainerLeft ul li.mitte {
height: 38px;
margin:0;
background-image: url(../mwk-images/background-firstnav.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
}

#navcontainerLeft ul li.second {
margin:0;
background-image: url(../mwk-images/background-secondnav.gif);
background-repeat:repeat-y;
padding:0 0 0 20px;
}

#navcontainerLeft ul li.second a {
padding:0 0 3px 0;
text-align: left;
font: normal 11px arial, helvetica, sans-serif;
text-decoration: none;
}

#navcontainerLeft ul li.second a.active {
padding:0 0 3px 0;
text-align: left;
font: bold 11px arial, helvetica, sans-serif;
text-decoration: none;
}

#navcontainerLeft ul li.unten {
height: 38px;
margin:0;
background-image: url(../mwk-images/background-firstnav-end.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
}

#navcontainerLeft ul li a {
display:block;
padding:12px 0 8px 0;
text-align: left;
font: normal 12px arial, helvetica, sans-serif;
text-decoration: none;
}

#navcontainerLeft ul li a.active {
display:block;
padding:12px 0 8px 0;
text-align: left;
font: bold 12px arial, helvetica, sans-serif;
text-decoration: none;
}

#right {
float: right;
width: 265px;
margin: 0;
padding: 0;
}

/* -----------footer--------------------------- */

#footer {
height: 5px;
margin: 0;
padding: 0; }