* { margin: 0; padding: 0; text-decoration: none; list-style: none; border: none; }

body {background: #dedede url(../_media/bg_body.gif) 100px 0 repeat-x; font: 12px Arial, Helvetica, sans-serif; }
h2 {margin: 0 0 8px 0; }
h3 {font-weight: bold; font-size: 14px; color: #f60000; margin: 0 0 12px 0; }
h4 {font-weight: bold; font-size: 13px; color: #484848; margin: 0 0 6px 0; }
a {color: #f60000; }
p {color: #484848; line-height: 19px; margin: 0 0 19px; }

#wrapper {width: 962px; height: 600px; margin: 0 auto;}


h2.unser_unternehmen { background: url(../_media/bg_h2_unser_unternehmen.gif) top left no-repeat; text-indent: -99999px;}
h2.spezialgebiete { background: url(../_media/bg_h2_spezialgebiete.gif) top left no-repeat; text-indent: -99999px;}
h2.kontakt {background: url(../_media/bg_h2_kontakt.gif) top left no-repeat; text-indent: -99999px;}
h2.anfahrt {background: url(../_media/bg_h2_anfahrt.gif) top left no-repeat; text-indent: -99999px;}
h2.impressum {background: url(../_media/bg_h2_impressum.gif) top left no-repeat; text-indent: -99999px;}

#top {position: relative; }
#top #key_visual {position: absolute; top: 24px; right: 0px; width: 381px; height: 186px; background: url(../_media/bg_key_visual.png) top left no-repeat; }
#top h1.logo {margin: 30px 0 30px;}
#top ul#navigation {height: 100px; background: url(../_media/bg_navigation.gif) top left repeat-x; border-top: 1px solid #b00000; border-right: 1px solid #d50203; border-bottom: 1px solid #b00000; border-left: 1px solid #d50203; padding: 30px 0 0 15px;}
#top ul#navigation li {float: left; display: inline; width: 120px; margin: 0 18px 0 0;}
#top ul#navigation li a {color: #f9b3b3; display: block; }
#top ul#navigation li a strong {font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 2px 6px; display: block; }
#top ul#navigation li a span {font-size: 11px; display: block; border-top: 2px solid #f9b3b3;  padding: 3px 0 0 9px; line-height: 13px; }
#top ul#navigation li a:hover, #top ul#navigation li a:hover span, #top ul#navigation li a.active, #top ul#navigation li a.active span {color: #fff; border-color: #fff;}

#main {background: #fff url(../_media/bg_main.gif) top left repeat-x;  border-top: 1px solid #fff; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6;}
#main #content {float: left; padding: 35px 0 35px 20px;}
#main #content .col {width: 280px; float: left; margin: 0 35px 0 0; display: inline; }
#main #content .wide {width: 590px;  }
#main #misc {width: 300px; float: right; padding: 65px 0 0 10px; }

#footer {text-align: right; padding: 8px 0 30px; }
#footer a {font-size: 10px; margin: 0 36px 0 0; }

.accordion {width: 282px; margin: 20px 0 18px; position: relative;}
.accordion .rounded_top {position: absolute; width: 282px; top: 0; left: 0; background: url(../_media/bg_rounded_top.gif) top left repeat-x; }
.accordion .title {cursor: pointer; }
.accordion .content {display: none; }
/*.accordion .content img {float: left; margin: 12px 0 0;  }*/
.accordion .content .adress {float: right; }
.accordion .set {background: #F0F1F0 url(../_media/bg_set.gif) bottom center no-repeat; }
.accordion .set-bottom {background: #F0F1F0 url(../_media/bg_set-bottom.gif) bottom center no-repeat;}
.accordion li {width: 262px; padding: 10px 10px 10px; float: left; }
.accordion h2 {color: #f60000; font-size: 12px; font-weight: bold; margin: 0 0 2px;}
.accordion h3 {color: #6c6c6c; font-size: 10px; margin: 0; }
.accordion p {font-size: 10px; line-height: 14px; margin: 10px 0 0 !important; color: #6c6c6c; }

#kontakt p {margin-bottom: 6px; overflow: auto; height: 1%;}
#kontakt p input, #kontakt p textarea {border: 1px solid #f9b3b3; width: 272px; padding: 2px 3px;}
#kontakt p input:focus, #kontakt p textarea:focus {border: 1px solid #f60000; background: #fdfdfd;}
#kontakt p label {display: block; font-size: 11px; padding: 0 0 0 1px;}
#kontakt p input.button_send {width: 124px; height: 21px; background: url(../_media/bg_button_send.gif) top left no-repeat; cursor: pointer; border: none; float: right; margin: 2px 0 0; }
#kontakt p .strasse {float: left; width: 198px; }
#kontakt p label.hausnr {float: right; width: 64px; }
#kontakt p .hausnr {float: right; width: 58px;}
#kontakt p .plz {float: left; width: 58px;}
#kontakt p label.ort {float: right; width: 204px; }
#kontakt p .ort {float: right; width: 198px; }

iframe.navteq {margin: 75px 0 0; }
ul.listing {margin: 0 0 19px; padding: 0; }
ul.listing li {background: url(../_media/bg_listung.gif) 0 50% no-repeat; padding: 0 0 0 10px; margin: 0 0 8px; }
a.link_out {background: url(../_media/bg_link_out.gif) 100% 60% no-repeat; padding: 0 11px 0 0; margin: 0 4px 0 0; }
a.email {background: url(../_media/bg_email.gif) 0 60% no-repeat; padding: 0 0 0 16px; }
.clearer {clear: both; height: 0px; overflow: hidden; }