* {
  padding: 0px;
}

body {
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  color: #777;
  background-color: #fff;
  background: url(../images/design/bg_top.gif) left top repeat-x;
}

img {
  border: 0px;
}

#main {
  width: 980px;
  margin: auto;
}
#site {
  float: left;
  width: 980px;
  background: url(../images/design/bg_main.gif) left top repeat-y;
  margin: 0px;
  padding: 0px;
}

/* COL LEFT */
#col_left {
  float: left;
  width: 220px;
  background: url(../images/design/bg_col_left.gif) left top repeat-y;
}
#col_left #logo {
  float: left;
  width: 200px;
  height: 72px;
  padding: 10px 10px 0px 10px;
  background: url(../images/design/bg_logo.gif) left top no-repeat;
}
#col_left #submenu {
  float: left;
  width: 200px;
  min-height: 188px;
  padding: 8px 10px 30px 10px;
  background: url(../images/design/bg_submenu.gif) left top no-repeat;
}
#col_left #submenu ul, #col_left #submenu ul li, #col_left #submenu ul li a {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#col_left #submenu ul li a {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_passiv.gif) left top no-repeat;
}
#col_left #submenu ul li#top a {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_passiv_top.gif) left top no-repeat;
}
#col_left #submenu ul li#bottom a {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_passiv_bottom.gif) left top no-repeat;
}
#col_left #submenu ul li.current a, #col_left #submenu ul li a:hover {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #f58220;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_aktiv.gif) left top no-repeat;
}
#col_left #submenu ul li#top.current a, #col_left #submenu ul li#top a:hover {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #f58220;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_aktiv_top.gif) left top no-repeat;
}
#col_left #submenu ul li#bottom.current a, #col_left #submenu ul li#bottom a:hover {
  width: 170px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #f58220;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
  background: url(../images/design/bg_submenu_aktiv_bottom.gif) left top no-repeat;
}
/* SUBSUBMENU */
#col_left #submenu ul li.current ul#subsubmenu li a,
#col_left #submenu ul li ul#subsubmenu li a {
  width: 155px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 45px;
  background: url(../images/design/bg_subsubmenu_passiv.gif) left top no-repeat;
}
#col_left #submenu ul li ul#subsubmenu li.current a,
#col_left #submenu ul li.current ul#subsubmenu li a:hover,
#col_left #submenu ul li ul#subsubmenu li a:hover {
  width: 155px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: normal;
  color: #f58220;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 45px;
  background: url(../images/design/bg_subsubmenu_aktiv.gif) left top no-repeat;
}

/* COL RIGHT */
#col_right {
  float: left;
  width: 760px;
}
#col_right #mainmenu {
  float: left;
  width: 760px;
  height: 50px;
  padding: 10px 0px 0px 0px;
  background: url(../images/design/bg_mainmenu.gif) left top repeat-x;
}
#col_right #mainmenu ul, #col_right #meinmenu ul li, #col_right #mainmenu ul li a {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#col_right #mainmenu ul, #col_right #mainmenu ul li {
  float: left;
}
#col_right #mainmenu ul li a {
  float: left;
  height: 50px;
  display: block;
  padding: 0px 33px 0px 33px;
}
#col_right #mainmenu ul li.current a, #col_right #mainmenu ul li a:hover {
  float: left;
  height: 50px;
  display: block;
  padding: 0px 33px 0px 33px;
  background: url(../images/design/arrow_mainmenu_aktiv.gif) center top no-repeat;
}
#col_right #mainmenu ul li.trennstrich {
  float: left;
  width: 2px;
  height: 50px;
  background: url(../images/design/bg_trennstrich.gif) center top no-repeat;
}
#col_right #header_img {
  float: left;
  width: 760px;
  height: 210px;
  background: url(../images/design/bg_header_img.jpg) left top no-repeat;
}
#col_right #header_img .header_leistungen ul {
  padding: 50px 0px 20px 400px;
  margin: 0px;
}
#col_right #header_img .header_leistungen ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: square;
  color: #0f62af;
}
#col_right #header_img .header_leistungen ul li h3 {
  font-size: 14px;
  font-weight: bold;
  color: #0f62af;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
}
#col_right #header_img .bookmark {
  float: right;
  text-align: right;
  padding: 0px;
  margin: 0px 68px 0px 0px;
}
#col_right h1, #col_right h2 {
  font-weight: bold;
  font-size: 16px;
  color: #0f62af;
  line-height: 30px;
  padding: 10px 0px 0px 0px;
}
#col_right h3 {
  font-weight: bold;
  font-size: 15px;
  color: #0f62af;
  line-height: 30px;
  padding: 10px 0px 0px 0px;
}
#col_right a {
  color: #f58220;
  text-decoration: none;
}
#col_right a:hover {
  color: #f58220;
  text-decoration: underline;
}
#col_right #content540 {
  float: left;
  width: 480px;
  padding: 10px 30px 10px 30px;
}
#col_right #content540 img {
  margin: 0px 30px 0px 0px;
  padding: 10px;
  border: 1px solid #d1d1d1;
}
#col_right #content540 ul {
  margin: 0px;
}
#col_right #content540 ul li {
  list-style-type: square;
  margin: 0px 0px 0px 50px;
  color: #0f62af;
}
#col_right #content540 .content480 {
  float: left;
  width: 480px;
  padding: 10px 0px 10px 0px;
}
#col_right #content540 ul li span, #col_right #content540 .content480 ul li span {
  color: #777;
}
#col_right #content540 .content480 .content480left {
  float: left;
  width: 120px;
  padding: 0px 0px 0px 0px;
}
#col_right #content540 .content480 .content480left img {
  padding: 10px 10px 10px 10px;
  margin: 0px;
  border: 1px solid #d1d1d1;
}
#col_right #content540 .content480 .content480right {
  float: left;
  width: 330px;
  padding: 0px 0px 0px 28px;
}
#col_right #content540 .content480 .content480right ul {
  margin: 0px 0px 0px 0px;
}
#col_right #content540 .content480 .content480right ul li {
  list-style-type: square;
  margin: 0px 0px 0px 14px;
  color: #0f62af;
}
#col_right #content_right {
  float: left;
  width: 180px;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
}
#col_right #content_right h1 {
  text-align: center;
}

/* KONTAKTFORMULAR */
#anfrage input, #anfrage textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #777;
  margin: 2px 0px 2px 0px;
  padding: 1px;
}

/* FOOTER */
#footer {
  float: left;
  width: 980px;
  height: 40px;
  background: url(../images/design/bg_footer.gif) left top no-repeat;
}
#footer #footer_left {
  float: left;
  width: 200px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  color: #777;
  line-height: 30px;
  padding: 0px 10px 10px 10px;
}
#footer #footer_middle {
  float: left;
  width: 480px;
  height: 30px;
  font-size: 10px;
  font-weight: normal;
  color: #777;
  line-height: 30px;
  padding: 0px 30px 10px 30px;
}
#footer #footer_right {
  float: left;
  width: 200px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  color: #777;
  line-height: 30px;
  padding: 0px 10px 10px 10px;
}
#footer #footer_right a {
  color: #777;
  text-decoration: none;
}
#footer #footer_right a:hover {
  color: #f58220;
  text-decoration: underline;
}