html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

img {
  border: 0px;
}

/* =================
   === CONTAINER ===
   ================= */
#container {
  position: relative;
  top: 0px;
  width: 995px;
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: #fff;
  background-image: url(../img/layout/content_background.gif);
  background-repeat: no-repeat;
  background-position: 0px 210px;
  border: 0px solid red;
}

/* ==============
   === HEADER ===
   ============== */
#header_wrap {
  width: 995px;
  height: 146px;
}

  #header_logo {
    width: 191px;
    height: 146px;
    float: left;
    background-image: url(../img/layout/logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  
  #header_top {
    width: 640px;
    height: 22px;
    float: left;
    background-image: url(../img/layout/top_top.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  
  #header_unternehmen {
    width: 300px;
    height: 124px;
    margin: 0;
    padding: 0;
    float: left;
    background-image: url(../img/layout/key_himmel.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  
  #header_radgeber {
    width: 170px;
    height: 124px;
    margin: 0 0 0 1px;
    padding: 0;
    float: left;
    background-image: url(../img/layout/key_strasse.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  
  #header_produkte {
    width: 168px;
    height: 124px;
    margin: 0 0 0 1px;
    padding: 0;
    float: left;
    background-image: url(../img/layout/key_computer.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }
  
  #header_unternehmen p, #header_radgeber p, #header_produkte p {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 100px;
    left: 6px;
  }

  #header_right {
    width: 164px;
    height: 146px;
    float: right;
    background-image: url(../img/layout/top_right.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }

/* =================
   === SUBHEADER ===
   ================= */
#subheader_wrap {
  width: 995px;
  height: 59px;
  margin-top: 3px;
  border: 0px solid green;
}

#subheader0 {
  width: 191px;
  height: 59px;
  float: left;
  background-color: #e5e5e5;
}

#subheader1, #subheader2, #subheader3 {
  width: 300px;
  height: 59px;
  float: left;
  background-color: #acacac;
}

#subheader2 {
  width: 170px;
  margin-left: 1px;
}

#subheader3 {
  width: 168px;
  margin-left: 1px;
}

#subheader1 p, #subheader2 p, #subheader3 p {
  position: relative;
  top: 5px;
  left: 6px;
}

#subheader1 p a, #subheader2 p a, #subheader3 p a {
  color: #fff;
  font-size: 11px;
  line-height: 140%;
  text-decoration: none;
}

#subheader4 {
  width: 164px;
  height: 59px;
  float: left;
  background-image: url(../img/layout/top_suchbox.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
  
/* ================
   === LEFTMENU ===
   ================ */
#leftmenu_wrap {
  width: 191px;
  float: left;
}
  #leftmenu {
    width: 191px;
    margin: 25px 0 20px 0;
    padding: 0;
  }
  
  #leftmenu ul.lvl1, #leftmenu ul.lvl1 li ul.lvl2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  #leftmenu ul.lvl1 li ul.lvl2 {
    width: 146px;
    margin: 0 0 0 20px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
  }
  
  #leftmenu ul.lvl1 li a, #leftmenu ul.lvl1 li.active a {
    margin: 0;
    padding: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    display: block;
    width: 191px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    text-indent: 25px;
    text-transform: none;
    background-image: url(../img/layout/nav_normal.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
  }

  #leftmenu ul.lvl1 li ul.lvl2 li a, #leftmenu ul.lvl1 li ul.lvl2 li.active a {
    margin: 0;
    padding: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    display: block;
    width: 146px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    text-indent: 15px;
    text-transform: none;
    background-image: url(../img/layout/nav_sub_normal.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
  }
  
  #leftmenu ul.lvl1 li a:hover {
    color: #314a9c;
  }
  
  #leftmenu ul.lvl1 li.active a {
    color: #CF3336;
  }
  
  #leftmenu ul.lvl1 li.active a {
    background-image: url(../img/layout/nav_active.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    font-weight: bold;
  }
  
  #leftmenu ul.lvl1 li ul.lvl2 li a:hover, #leftmenu ul.lvl1 li ul.lvl2 li.active a {
    color: #CF3336;
  }
  
/* ===============
   === CONTENT ===
   =============== */
#content_wrap {
  width: 804px;
  float: right;
  margin-top: 25px;
}
  #content_normal, #content_rand {
    margin: 0;
    padding: 0;
    float: left;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 150%;
    color: #000;
  }
  
  #content_normal {
    width: 470px;
  }
  
  #content_rand {
    width: 164px;
    float: right;
  }
  
  #content_normal a, #content_rand a {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    color: #000;
    text-decoration: none;
  }
  
  #content_normal a:hover, #content_rand a:hover {
    color: #CF3336;
  }
  
/* ==============
   === FOOTER ===
   ============== */
#footer {
  width: 995px;
  height: 30px;
  background-color: #e6e6e6;
}

#footmenu {
  width: 804px;
  height: 11px;
  float: right;
}

#footmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footmenu ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#footmenu ul li a, #footmenu ul li.active a {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

#footmenu ul li a:hover, #footmenu ul li.active a {
  color: #CF3336;
}

/* ===============
   === SITEMAP ===
   =============== */
.csc-sitemap {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
  
/* ============
   === MISC ===
   ============ */
.clear {
  clear: both;
}

.contenttable {
  margin: 0;
  padding: 0;
  width: 390px;
}

.contenttable td {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* ================
   === MAILFORM ===
   ================ */
#mailform {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #17358D;
  line-height: 150%;
  border: 0px;
}
  
  .csc-mailform-field {
    width: 60px;
  }