/* CSS Document */
body {
  background-color: #86858A;
  padding: 0;
  margin: 0;
  font:12px arial;
}
.body {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  font:12px arial;
}
/* Header */
#header {
  background-color: #093582;
  background-image:url(../img/header_bg.jpg);
  background-repeat: repeat-y;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 850px;
  height: 100px;
  margin-top: 20px; margin-left: 50px;
}

#header #logo {
  padding: 10px 0px 0px 10px;
  margin: 0;
}

/* Überschrift */
#header #titel{
  position:absolute;
  top:10px;
  left:220px;
}
#titel h1{
  margin:0px;
  padding:0px;
  font:25px Arial;
  color:#ffffff;
}
/* Überschrift ende */

/* Header ende */

/* Navigation */
#navigation {
  position: absolute;
  top: 140px;
  left: 50px;
  width:190px;
  height:250px;
  padding: 0px;
  margin: 0px;
  background: #DCDEDF;
  background-image:url(../img/eck_grau.gif);
  background-position: right bottom;
  background-repeat: no-repeat; 
}

.navi{
  background: #DCDEDF;
  font: 11px arial;
  color: #3A3A3A;
  padding: 10px 0px 8px 8px;
  margin: 0px;
  display: block;
  background-image:url(../img/submenu_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-top:1px solid #E3E3E3;
}

a.navi {
  text-decoration: none;
  text-transform:uppercase;
}

a:hover.navi {
  text-decoration: none;
  background: #ffffff;
  color: #AC0014;
  border-top:1px solid #E3E3E3;
}

.navi_active{
  background: #ffffff;
  color: #AC0014;
  font: 11px arial;
  padding: 10px 0px 8px 8px;
  margin: 0px;
  display: block;
  border-top:1px solid #E3E3E3;
 
}

a.navi_active {
  text-decoration: none;
  text-transform:uppercase;
}

a:hover.navi_active {
  text-decoration: none;
  background: #ffffff;
  color: #AC0014;
}

.spruch{
  font:12px arial;
  color:#093582;
  padding: 25px 10px 10px 10px;
}
a.links{
  font:12px arial;
  color:#093582;
  text-decoration:none;
}
a:hover.links{
  text-decoration:none;
  color:#B01D23;
}

/* Navigation ende */

/* Fernglas */
#fernglas{
  position: absolute;
  top: 410px;
  left: 50px;
  width:190px;
  height:200px;
  padding: 0px;
  margin: 0px;
  background: #DCDEDF;
  background-image:url(../img/fernglas.jpg);
  background-repeat: no-repeat; 
}

/* Fernglas ende */


/* Navigation oben */

#subnavi {
  position:absolute;
  bottom: 10px;
  right: 20px;
  color: #B0B0B0;
}
a.subnavi {
  color: #B0B0B0;
  text-decoration: none;
  text-transform:uppercase;
  padding:2px;
}
a:hover.subnavi {
  color:#ffffff;
  text-decoration:underline;
}
.subnavi_act {
  color: #FFFFFF;
  text-decoration: none;
  text-transform:uppercase;
  padding:2px;
  font-weight:bold;
}

/* Navigation oben Ende */

/* Ecken */
.ecke_blau, .ecke_weiss, #ecke_menu, #ecke_grau {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
}
/* Ecken Ende */

/* Content */
#content {
  position:absolute;
  left: 260px;
  top: 140px;
  background-color: #ffffff;
  color: #000000;
  width: 640px;
  height: 610px;
  background-image:url(../img/ecke_weiss.gif);
  background-position:bottom right;
  background-repeat:no-repeat;
}

#content #text{
  padding:25px;
  width:585px;
  height:auto;
}

#text a{
  text-decoration:none;
  color:#B01D22;
}
#text a:hover{
  text-decoration:none;
  color:#093582;
}
#text h2{
  margin:0px;
  padding:0px;
  font:bold 16px arial;
  color:#000000;
}
#text table{
  width:95%;
  font:12px arial;
}
#text td{
  width:50%;
  vertical-align:top;
}
#gesellschaften{
  font:12px arial;
}

#gesellschaften a{
  text-decoration:none;
  color:#093582;
}
#gesellschaften a:hover{
  text-decoration:none;
  color:#B01D22;
}
#content #vergleich{
  margin:15px;
  width:610px;
  height:auto;
}
#vergleich h2{
  margin:0px;
  padding:0px;
  font:bold 16px arial;
  color:#000000;
}
#vergleich a{
  text-decoration:none;
  color:#B01D22;
}
#vergleich a:hover{
  text-decoration:none;
  color:#093582;
}
#angebot{
  width:550px;
}

#angebot td{
  font: 12px Arial;
  color:#000000;
}
#angebot1{
  width:560px;
}

#angebot1 td{
  font: 12px Arial;
  color:#000000;
  padding:2px;
}
.feld{
  width:150px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_gross{
  width:190px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.textarea{
  width:190px;
  height:38px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_klein{
  width:60px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_kl{
  width:40px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_mittel{
  width:100px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_mittel{
  width:107px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.feld_mittel_kl{
  width:90px;
  font:11px arial;
  color:#000000;
  border: 1px solid #86858A;
  background-color:#DDECFF;
}
.submit{
  border:1px solid #093582;
  background-color:#093582;
  color:#ffffff;
}

li{
  color: #B01D22;
}
strong{font-weight:normal;}

#quant{
  position: absolute;
  top: 630px;
  left: 50px;
  width:190px;
  height:57px;
  padding: 0px;
  margin: 0px;
  background: #DCDEDF;
  background-image:url(../img/quant.jpg);
  background-repeat: no-repeat; 
}

#abstand{
  position:absolute;
  left: 260px;
  top: 800px;
  background-color: transparent;
  width: 640px;
  height:50px;
}
.sitemap{
  background-color:#ffffff;
  font:12px Arial;
  color:#093582;
  margin:10px;
}

.sitemap a{
  text-decoration:none;
  font:12px Arial;
  color:#093582;
  padding-left:10px;
}

.sitemap a:hover{
  text-decoration:none;
  color:#B01D22;
}

#navi_footer{
  position:absolute;
  left: 50px;
  top: 750px;
  background-color: transparent;
  width: 850px;
  padding:2px;
  font:10px Arial;
  color:#bbbbbb;
  text-align:center;
}

#navi_footer a{
  font:10px Arial;
  color:#aaaaaa;
  text-decoration:none; 
}

#navi_footer a:hover{
  color:#cccccc;
  text-decoration:none; 
}