body { margin: 0; padding: 0; font: normal 14px/1.5 arial, sans-serif; color: #949494; background: #dbdbdb url('../images/body_back.png') 0 0 repeat-x; } a {color:#949494;} .container { position: relative; display: block; width: 960px; margin: 0 auto; clear: both; } .box { position: relative; display: block; margin: 0 10px; float: left; } .clear-both { position: relative; display: block; width: 0; height: 0; overflow: hidden; clear: both; visibility: hidden; } #top { position: absolute; left: 0; top: 0; width: 100%; height: 179px; background: transparent url('../images/top_back.jpg') center 0 no-repeat; } #header { position: relative; padding: 0 40px; min-height: 480px; top: 50px; background: transparent url('../images/header_back.png') center 0 no-repeat; } #header h1#logo { position: relative; width: 170px; height: 60px; margin-right: 770px; top: -10px; background: transparent url('../images/logo.png') 0 0 no-repeat; text-indent: -9999px; } #header #navigation { position: relative; width: 938px; height: 32px; margin-top: 32px; padding: 1px; background: #e3e3e3; z-index: 1; } #header #navigation > ul { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; } #header #navigation > ul > li { position: relative; display: block; float: left; padding: 0 1px; font-size: 11px; line-height: 1em; } #header #navigation > ul > li:hover { background: #eeeeee;} #header #navigation > ul > li.expanded:hover { background: #eeeeee;} #header #navigation > ul > li > a { display: inline-block; padding: 11px 16px 10px 16px; color: #959595; text-transform: uppercase; list-style: none; text-decoration: none; background: #fff; } #header #navigation > ul > li > a:hover { background:url('../images/nav-hover.jpg');} #header #navigation > ul > li.expanded:hover > a { border-bottom: 1px dashed #e3e3e3;} #header #navigation > ul > li > ul { position: absolute; display: none; left: 0; top: 33px; margin: 0; padding: 0 1px 1px 1px; background: #e3e3e3; } #header #navigation > ul > li:hover > ul { display: block; } #header #navigation > ul > li > ul > li { position: relative; display: block; margin: 0; padding: 0; font-size: 11px; line-height: 1em; list-style: none; background: #fff; white-space: nowrap; } #header #navigation > ul > li > ul > li > a { display: inline-block; padding: 11px 17px 10px 17px; color: #959595; list-style: none; text-decoration: none; } #header #navigation > ul > li > ul > li > a:hover { color:#6f6f6f;} #header #header-image { width: 938px; height: 373px; margin-top: 5px; padding: 1px; background: #fff; } #header #header-image img { width: 100%; height: 100%; backgrond: #f00; } #content { position: relative; width: 1040px; margin-top: 55px; } #content p { position: relative; margin: 15px 0 0 0; padding: 0; } #content h2 { position: relative; font-size: 20px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0; } #content h3 { position: relative; font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 65px 0 0 0; padding: 0; } #content h4 { position: relative; font-size: 16px; font-weight: normal; margin: 30px 0 0 0; padding: 0; } #content h3:first-child { margin-top: 0; } #content #breadcrumbs { position: relative; width: 940px; margin: 5px 0 0 50px; padding: 0; } #content #breadcrumbs p { font-size: 11px; margin: 0; padding: 0; } #content hr + p { margin-top: 0; } #content .col-left { position: relative; width: 696px; padding: 40px 0 0 0; margin: 0; } #content .col-left > p.trenner-oben { position: relative; display: block; width: 635px; height: 32px; margin: 40px 27px 0 50px; padding: 0; border:0; background: transparent url('../images/line_left_big.png') 0 0 no-repeat; } #content .col-left > p.trenner-unten { position: relative; display: block; width: 635px; height: 20px; margin: 10px 27px 0 50px; padding: 0; border:0; background: transparent url('../images/line_left_small.png') 0 0 no-repeat; } #content .col-left > p, #content .col-left > h2, #content .col-left > h3, #content .col-left > h4 { padding: 0 27px 0 50px; } #content .col-right { position: relative; width: 344px; padding: 40px 0 0 0; margin: 0; } #content .col-right > p, #content .col-right > h2, #content .col-right > h3, #content .col-right > h4 { width: 257px; padding: 0 50px 0 37px; } #content .col-right .image-wrapper { position: relative; width: 237px; height: 114px; margin: 15px 0 0 0; padding: 10px 50px 27px 47px; background: transparent url('../images/image_back_right.png') 20px 0 no-repeat; } #footer { position: relative; width: 100%; height: 114px; margin: 75px 0 0 0; background: transparent url('../images/footer_back.png') 0 0 repeat-x; } #footer p { position: relative; width: 940px; margin: 0 auto; padding: 40px 0 0 0; font-size: 11px; color: #bebebe; } ul.tabs_header { position: relative; display: block; width: 619px; height: 36px; margin: 0 0 0 33px; padding: 0 17px; background: transparent url('../images/tabs_top.png') 0 0 no-repeat; } ul.tabs_header > li { position: relative; display: block; float: left; width: 123px; height: 26px; margin: 0 0 0 1px; padding: 10px 0 0 0; text-align: center; font-size: 11px; text-transform: uppercase; list-style: none; } ul.tabs_header > li:first-child { margin-left: 0; } ul.tabs_header > li.active { background: transparent url('../images/tabs_top.png') right 0 no-repeat; } ul.tabs_header > li a { font: inherit; color: inherit; text-decoration: inherit; } ul.tabs_content { position: relative; display: block; width: 619px; margin: 0 0 0 33px; padding: 0 17px; background: transparent url('../images/tabs_content_top-border.png') 0 0 no-repeat; } ul.tabs_content > li { position: relative; display: block; width: 619px; min-height: 200px; margin: 0; padding: 0; list-style: none; } ul.tabs_content > li > ul, ul.tabs_content > li > p { position: relative; display: block; width: 619px; min-height: 200px; margin: 0 !important; padding: 47px 0 20px 0; background: transparent url('../images/tabs_content_bottom.png') 0 bottom no-repeat; } ul.tabs_content > li > ul > li { position: relative; display: block; width: 564px; height: 163px; margin:-3px 0 -3px 0; padding: 0 27px 0 28px; list-style: none; background: transparent url('../images/tabs_content_item_back.png') 0 0 no-repeat; } ul.tabs_content > li > p > span { display: block; padding: 20px; } ul.tabs_content > li > ul > li > .left { position: relative; display: block; float: left; width: 290px; height: 125px; margin: 1px 0 1px 1px; padding:0; overflow: hidden; } ul.tabs_content > li > ul > li > .right { position: relative; display: block; float: left; width: 232px; height: 104px; margin: 1px 21px 1px 20px; padding: 10px 0 0 0; } ul.tabs_content > li > ul > li > .right > p { position: relative; display: block; margin: 0 !important; padding: 0; } ul.tabs_content > li > ul > li > .right a { font: inherit; color: inherit; text-decoration: inherit; } .details { position: relative; display: block; width: 619px; min-height: 300px; margin: 0; padding: 18px 0 20px 0; background: transparent url('../images/tabs_content_bottom.png') 0 bottom no-repeat; } .details > div { margin: 0; padding: 40px 27px 60px 28px; background: transparent url('../images/tabs_content_back.png') 0 0 repeat-y; } .details > div > div { padding: 18px 0; background: #fff; border: 1px solid #ccc; } .details > div > div > strong, .details > div > div > p, .details > div > div > .label { padding: 20px 18px 0 18px !important; } .details > div > div > strong { display: block; } .details > div > div > .label label, .details > div > div > .label ul { position: relative; float: left; } .details > div > div > .label label { width: 200px; } .details > div > div > .label ul { margin: 0; padding: 0; } .details > div > div > .label ul li { margin: 0; padding: 0; list-style: none; } .details ul.images { position: relative; display: block; margin: 25px 0 0 0; padding: 0; width: 562px; height: 230px; } .tabs_container.ref .details ul.images { height: 400px; } .details ul.images > li { position: absolute; display: none; margin: 0; padding: 0; left: 0; top: 0; width: 100%; height: 100%; list-style: none; overflow: hidden; } .details ul.images > li strong { position: relative; display: block; margin: 0; padding: 0 18px; } .details ul.images > li ul { position: relative; display: block; margin: 0; padding: 0 18px; } .details ul.images > li ul li { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .details ul.images > li a { position: relative; display: block; margin: 0; padding: 0; } .details ul.images > li a img { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .details .images-nav { position: relative; display: block; margin: 1px 0 0 0; padding: 0; width: 567px; height: 80px; background: transparent url('../images/tabs_content_images_nav.png') 0 0 no-repeat; text-align: center; } .details .images-nav .back { position: absolute; left:0px; z-index:1; display: block; float: left; height: 53px; margin-left: 15px; padding: 15px 0 0 23px; background: transparent url('../images/arrow_left.png') 0 16px no-repeat; } .details .images-nav .forward { position: absolute; right:0px; display: block; float: right; height: 53px; margin-right: 20px; padding: 15px 23px 0 0; background: transparent url('../images/arrow_right.png') right 16px no-repeat; } .details .images-nav .forward a, .details .images-nav .back a { font: inherit; color: inherit; text-decoration: inherit; } .details .images-nav form { position: absolute; left:205px; display: inline-block; width: 161px; height: 53px; margin: 0; padding: 0; border: 0; } .details .images-nav .button { position: relative; display: inline-block; width: 161px; height: 53px; background: transparent url('../images/btn_jetzt_anfragen.png') 0 0 no-repeat; border: 0; } form { position: relative; display: block; margin: 0; padding: 0; min-height: 200px; } form div { margin: 0 !important; padding: 0 !important; } .form-field { position: relative; display: block; float: left; margin: 0 !important; padding: 10px 0 0 0 !important; width: 280px; background: none !important; border: 0 !important; } .form-field.cols { width: 560px !important; } .form-field label { position: relative; display: block; float: left; margin: 0; padding: 0; width: 80px; } .form-field textarea { width: 300px; height: 150px; } form .error { position: relative; display: none; margin: 20px 0 !important; padding: 5px 10px !important; background: #c00; color: #fff; border: 1px solid #000; } form .success { position: relative; display: none; margin: 20px 0 !important; padding: 5px 10px !important; background: #090; color: #fff; border: 1px solid #000; } ul.recent-slider { position: relative; display: block; margin: 0; padding: 0 24px 0 50px; width: 622px; height: 206px; } ul.recent-slider li { position: absolute; display: none; margin: 0; padding: 0; width: 100%; height: 100%; left: 50px; top: 0; list-style: none; } ul.recent-slider li > strong { position: relative; display: block; margin: 0; padding: 0; } ul.recent-slider li > div { position: relative; display: block; margin: 20px 0 0 0; padding: 1px; width: 620px; height: 204px; list-style: none; background: #fff; overflow: hidden; } ul.recent-slider li > div > div { position: relative; display: block; width: 620px; height: 204px; overflow: hidden; } ul.recent-slider li > div > div > a { position: relative; display: block; margin: 0; padding: 0; width: 620px; height: 204px; overflow: hidden; } ul.recent-slider li > div > div > a > img { position: relative; display: block; margin: 0; padding: 0; width: 620px; height: 204px; overflow: hidden; } ul.recent-slider li > div > div .nav-left { position: absolute; display: block; width: 100px; height: 204px; left: 0; top: 0; background: transparent url('../images/slider_left.png') 0 0 no-repeat; cursor: pointer; } ul.recent-slider li > div > div .nav-right { position: absolute; display: block; width: 100px; height: 204px; right: 0; top: 0; background: transparent url('../images/slider_right.png') 0 0 no-repeat; cursor: pointer; } .captchatext {margin:20px 0 10px 0 !important;} .captchatext p {font-size:12px;} .upload{margin-left:50px;} .upload_select{height:50px;padding:15px 10px;} .upload_btn{height:50px;}