* { margin: 0; padding: 0; }

body { background: #eef3de url(/_media/layout/bgBody.jpg) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding-top: 30px;  }

h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; line-height: 26px; padding-bottom: 15px;}
h2 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #87af03; font-weight: normal; line-height: 23px; padding-bottom: 15px;}
h3,h4 { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 17px;}
a { text-decoration: none; outline: none;}
a img { border: none; }
a#logo { position: absolute; top: 10px; left: 30px; }
a.kostenlos { background: url(../layout/btnKostenlos.png) 0 0 no-repeat; display: block; width: 262px; height: 45px; text-indent: -999em; }
a.kostenlos:hover { background-position: 0 -45px; }
a.preise { background: url(../layout/btnPreise.png) 0 0 no-repeat; display: block; width: 239px; height: 45px; text-indent: -999em; }
a.preise:hover { background-position: 0 -45px; }
acronym { cursor: help; border-bottom: 1px dotted #ccc; }
.green { color: #87af03; }
.grey { color: #333; }
.topic { color: #fff; }

span.replace { display: none; }
br.clear { clear: both; }

div.wrapper { margin: auto; width: 950px; position: relative; padding-top: 30px;}

ul.navigation { list-style: none; display: inline; position: absolute; right: 30px; top: 60px;}
ul.navigation li { float: left; padding-left: 1px;}
ul.navigation li a { background: url(../layout/bgNav.gif) 0 0 no-repeat; height: 31px; display: block; }
li#navHome a { width: 112px; background-position: 0 0; }
li#navHome a:hover { width: 112px; background-position: 0 -31px; }
li#navHomeActive a { width: 112px; background-position: 0 -62px; }
li#navAblauf a { width: 182px; background-position: -112px 0; }
li#navAblauf a:hover { width: 182px; background-position: -112px -31px; }
li#navAblaufActive a { width: 182px; background-position: -112px -62px; }
li#navReferenzen a { width: 103px; background-position: -294px 0; }
li#navReferenzen a:hover { width: 103px; background-position: -294px -31px; }
li#navReferenzenActive a { width: 103px; background-position: -294px -62px; }
li#navKosten a { width: 68px; background-position: -397px 0; }
li#navKosten a:hover { width: 68px; background-position: -397px -31px; }
li#navKostenActive a { width: 68px; background-position: -397px -62px; }
li#navKontakt a { width: 76px; background-position: -465px 0; }
li#navKontakt a:hover { width: 76px; background-position: -465px -31px; }
li#navKontaktActive a { width: 76px; background-position: -465px -62px; }

div.top { background: #779c1b url(/_media/layout/bgHeader.gif) 0 0 repeat-x; min-height: 435px; margin-top: 61px; position: relative; padding: 30px; width: 890px; color: #e8ff9b; z-index: 0; }
div.cornerTop { background: url(/_media/layout/bgCornerTop.gif) 0 0 no-repeat; position: absolute; left:0; top: 0; width: 950px; height: 7px; }
div.cornerBottom { background: url(/_media/layout/bgCornerBottom.gif) 0 0 no-repeat; position: absolute; left:0; bottom: 0; width: 950px; height: 6px; }
div.top strong { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 22px; color: #fff; display: block; padding-bottom: 5px;}
div.top ul { list-style: none;}
div.top ul li { background: url(/_media/layout/bulTop.gif) 0 6px no-repeat; padding: 0 0 10px 13px; }
div.top ul, div.top p {  padding-bottom: 20px; width: 330px; }
div.top a { color: #fff; }
div.top a:hover { color: #dee3d0; }
div.top .left,
div.top .right { width: 445px; position: absolute; top: 30px; }
div.top .left { left: 30px; }
div.top .right { right: 30px; }
div.top h3 { color: #fff; margin-bottom: 10px;  }

div.content { background: #fff url(/_media/layout/bgContent.gif) 0 0 repeat-x; width: 890px; padding: 30px 30px 90px 30px; position: relative; z-index: 1; font-size: 13px; color: #666; }
div.contentBottom { background: url(/_media/layout/bgContentBottom.jpg) 0 0 no-repeat; position: absolute; left:0; bottom: 0; width: 950px; height: 226px; z-index: -1;}
div.content .intro { width: 600px; padding: 15px 0 40px 0;}
div.content .hotline { position: absolute; right: 30px; top: 30px; width: 170px; }
div.content h3 { padding-bottom: 5px; color: #333; }
div.content h2 { padding-bottom: 5px; }
div.content .certs { width: 170px; position: absolute; right: 30px; top: 76px; padding-top: 30px; }
div.content .certs img { margin: 0 5px 5px 0; }
div.content .certs a { margin: 5px 0; }
div.content a { color: #87af03; }
div.content a:hover { color: #628211; }

div.footer { width: 900px; padding: 30px 20px 60px 30px; font-size: 12px; color: #8d9677; }
div.footer a { color: #819c25; }
div.footer a:hover { color: #fd7f09; }
div.footer ul { width: 210px; float: left; list-style: none; padding-right: 15px;}
div.footer ul li { border-top: 1px solid #d5dcc4; padding: 5px 0 5px 0; }
div.footer ul li.firstEntry { border: none; }
div.footer p.copyright { padding-top: 30px; }

.home .top .slideshow { position: absolute; right: 30px; top: 63px; width: 546px; height: 383px; background: url(../layout/browserBlank.gif) 0 0 no-repeat; overflow: hidden; }
.home .musterseite { background: url(/_media/layout/aMusterseite.gif) 0 0  no-repeat; width: 184px; height: 21px; padding: 3px 0 0 23px; position: absolute; bottom: 0px; right: 0px; }
.home .musterseite:hover { color: #fd7f09; }
.home .footer { padding-top: 0; }
.home .content dl, .kosten .content dl { width: 430px; float: left; margin-bottom: 30px; }
.home .content dt, .kosten .content dt { font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px; position: relative; padding-left: 94px; color: #333; padding-bottom: 5px;}
.home .content dt img, .kosten .content dt img { position: absolute; top:3px; left: 0; }
.home .content dd, .kosten .content dd { padding-left: 94px; padding-bottom: 30px; width: 336px; min-height: 50px; }
.home .content dd ul, .kosten .content dd ul { list-style: none; }
.home .content dd ul li, .kosten .content dd ul li { padding-left: 12px; background: url(/_media/layout/bulContent.gif) 0 5px no-repeat; }
.home .content dl.right, .kosten .content dl.right { padding-left: 30px; }
.home .content ol, .kosten .content ol { list-style: none; padding-bottom: 10px;}
.home .content ol li, .kosten .content ol li { width: 630px; padding-bottom: 30px; position: relative; }
.home .content ol li img, .kosten .content ol li img { position: absolute; top: 3px; left: 0;}
.home .content ol li p, .home .content ol li h3, .kosten .content ol li p, .kosten .content ol li h3 { padding-left: 163px; }
.home .content h2, .kosten .content h2 { margin-bottom: 30px; }
.home .content, .kosten .content  { padding-bottom: 60px; }
.home .content { padding-bottom: 90px; } 

.ablauf .top img { position: absolute; right: 30px; top: 90px; z-index: -1;}
.wrapper .left img{position:relative; top:0; left:0; z-index:0;}
.ablauf .navAblauf { position: absolute; right: 24px; top: 30px; margin: 0; z-index:1; width: auto;}
.ablauf .navAblauf li { background: none; float: left; padding: 0 5px 0 0;  }
.ablauf .navAblauf a { display: block; width: 20px; height: 28px; background: url(/_media/layout/bgNavAblauf.gif) 0 0 no-repeat; color: #5a780b; padding: 3px 0 0 11px; font-size: 16px;}
.ablauf .navAblauf a.zurueck,
.ablauf .navAblauf a.vor { background: url(/_media/layout/bgNavAblauf2.gif) 0 0 no-repeat; font: 17px Arial, Helvetica, sans-serif; padding-top: 4px; height: 27px;}
.ablauf .navAblauf a:hover { background-position: 0 -31px; color: #fff;}
.ablauf .navAblauf a.select { background-position: 0 -62px; color: #5a780b; }
.ablauf .navAblauf a.zurueck { margin-left: 10px; }

.kosten .top .left ul { background: url(/_media/layout/bgKosten1.gif) 0 0 no-repeat; width: 424px; height: 263px; text-indent: -999em; }
.kosten div.top .right { width: 424px; float: right; }
.kosten .top .right ul { background: url(/_media/layout/bgKosten2.gif) 0 0 no-repeat; width: 424px; height: 263px; text-indent: -999em; }
.kosten .top .left ul li,
.kosten .top .right ul li { background: none; }
.kosten .top p { font-size: 13px; padding-left: 11px;}
.kosten .top p.vertrag { padding: 0; width: auto; margin-bottom: 23px; }
.kosten .content { padding-bottom: 120px; }
.kosten .details { float: right; display: block; background: url(../layout/aDetails.gif) 0 0 no-repeat; text-indent: -999em; width: 63px; height: 13px; position: relative; top: 7px; margin-right: 34px;}
.kosten .right .details { margin-right: 11px; }
.kosten .zusatzleistungen { display: block; background: url(../layout/bgZusatzleistungen.gif) 0 0 no-repeat; width: 404px; height: 59px; padding: 10px;}
.kosten .zusatzleistungen a { display: block; width: 100%; height: 100%; text-indent: -999em; }

 fieldset { border: none; }
 legend { display: none; }

.datenschutz div.top,
.agb div.top,
.impressum div.top { min-height:0px; height: 30px; overflow: hidden; }
.datenschutz dt,
.agb dt { font-size: 16px; width: 600px; color: #333; }
.datenschutz dd,
.agb dd { width: 600px; padding: 0px 0 20px 0px; }
.datenschutz .footer,
.agb .footer { padding-top: 0; }
.agb .content p.intro,
.impressum .content p.intro { padding: 0 0 10px 0; width: 600px; }
.agb .content h2,
.impressum .content h2 { padding-bottom: 15px; }
.agb .content p,
.impressum .content p { padding-bottom: 10px; }
.impressum .content h3 { padding-bottom: 5px; }

.bestaetigung { position: absolute; z-index: -1; top: 108px; right: 30px; }

div#map { position: absolute; top: 108px; right: 30px; width: 515px; height: 356px; border: 1px solid #fff; color: #333; }
div#map strong { font-size: 16px; font-weight: bold; color: #333; padding:0; margin: 0;}
div.bubble { background: url(/_media/layout/logoSmall.gif) 0 0 no-repeat; padding-top: 30px; height: 75px; width: 200px;}

address { display: block; width: 300px; height: 80px; color: #fff; font-style: normal; padding: 30px 0 0 120px; margin-bottom: 10px; }
address .name { font-size: 22px; }
.ansprechpartner { width: 430px; position: absolute; top: 42px; right: 30px; padding-top: 62px;}
.becker { background: url(/_media/layout/ChristophBecker.jpg) 0 0 no-repeat; }
.benjak { background: url(/_media/layout/NilsBenjak.jpg) 0 0 no-repeat; }
.winter { background: url(/_media/layout/IngoWinter.jpg) 0 0 no-repeat; }
.huette { background: url(/_media/layout/MarcHenningHuette.jpg) 0 0 no-repeat; }

.contentColumn1{padding-top:46px;}
.line{position:relative; overflow:hidden; padding-bottom:10px; width:100%;}


.line .label{width:130px; float:left; text-align:right; padding-right:15px; position:relative; color: #fff;}
.line .label label{float:none; display:inline; width:auto; position:relative; top:0; left:0; margin:0; padding:0;}
.line .input{width:300px; float:left; color:#333;}
.line .input label{float:none; display:inline; width:auto; position:relative; top:0; left:0; margin:0; padding:0 10px 0 0; color:#fff;}
.line .label .icons{display:none; position:absolute; right:0; top:2px;}
.line .label .icons div{display:inline;}
.line .label .icons img{display:inline; margin:0; padding:0; float:none; position:relative; left:0; top:0; cursor:pointer; z-index:1;}
.line .input .dijitRadio{position:relative; top:-2px;}
.line .input input{width:290px; float:left; margin:0 3px 0 0; padding:2px 0 3px 0;}
.line .input .street{width:240px;}
.line .input .street_nr{width:45px;}
.line .input .zip_code{width:90px;}
.line .input .location{width:195px;}
.line .input .phone_prefix{width:90px;}
.line .input .phone_number{width:195px;}
.line .input .first_name {width:90px;}
.line .input .last_name {width:195px;}
.line input:focus{border:1px solid #f0f4e4;}
.line .btnSubmit:focus {border:0px;}
.line .error input {border:1px solid #a42f2f;}
.line .submitImage{padding-left:145px; padding-top:10px;}
.line br {display:none}
.line span.note{ color: #fff; font-size: 13px; }
.messageBox {padding-left:145px;}
#Website_Form_DesignRequest { margin-top: 25px; }