* { padding: 0; margin: 0; }
html,body { background: #D1E0D7; }
body {padding-top: 12px; padding-bottom: 12px;font-size: 12px; line-height: 16px; font-family: Arial, Verdana; color: #333535; }
h1{ font-size: 16px; line-height: 20px; margin: 0 0 15px 0; font-weight: bold; text-transform: uppercase; color: #333535; }
h2{ font-size: 13px; line-height: 17px; margin: 0 0 10px 0; font-weight: bold; color: #333535; }
h3{ font-size: 12px; line-height: 16px; margin: 0 0 10px 0; font-weight: bold; color: #333535; }
p { padding: 0 0 8px 0; }
p.ueberschrift{ font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 17px 0; font-weight: bold; text-transform: uppercase; color: #333535; }
a:link, a:visited, a:active { text-decoration: underline; color: #000000; }
a:hover { text-decoration: underline; }
img { border: 0; }
table td { padding: 2px 4px 2px 0; }

input, select, textarea { font-size: 12px; line-height: 14px; color: #333535; font-family: Arial, Verdana; }
input[type=text] { border: none; background: #ffffff; padding: 1px 2px 1px 2px; }
input[type=password] { border: none; background: #ffffff; padding: 1px 2px 1px 2px; }
input[type=submit] { height: 26px; padding: 0 5px 3px 5px; border: 1px solid #173f35; color: #173f35; font-size: 12px; line-height: 20px; font-weight: bold; cursor: pointer; }
input[type=submit]:hover { }
input[type=radio], input[type=checkbox] { border: 0; padding: 0; }
textarea { padding: 1px 2px 1px 2px; border: none; }
select { padding: 1px 0px 1px 2px; }
.clear { clear: both; }
.tr { text-align: right; }
.lt { text-decoration: line-through; }
.small { font-size: 10px; line-height:12px; }
.gruen { color: green; }
.rot { color: #FF0000; }
.tab td { padding: 4px 5px 4px 0; }
.tab .zeile1 { background: #B6E873; }
.tab .zeile2 { background: #FFF; }
.tab .zeile3 { background: #EEE; }
.r { float: right; }
.l { float: left; }
.error { color: #ff0000; font-weight: bold; }
.inactive { filter: alpha(opacity=30); opacity: 0.3; }
a.button { height: 17px; padding: 1px 20px 0 0; display: inline-block; color: #173f35; font-size: 12px; line-height: 16px; font-weight: bold; background: url(/media/icon_play.png) no-repeat right 1px; text-align: right; text-decoration: none; }
a.button_back { height: 17px; padding: 1px 0 0 20px; display: block; color: #173f35; font-size: 12px; line-height: 16px; background: url(/media/icon_back.png) no-repeat left 1px; text-align: right; text-decoration: none; }
a.button_ok { height: 17px; padding: 1px 0 0 20px; display: block; color: #173f35; font-size: 12px; line-height: 16px; background: url(/media/icon_ok.png) no-repeat left 1px; text-align: right; text-decoration: none; }
a.button_delete { height: 17px; padding: 1px 0 0 20px; display: block; color: #173f35; font-size: 12px; line-height: 16px; background: url(/media/icon_delete.png) no-repeat left 1px; text-align: right; text-decoration: none; }
a.bigbutton { padding: 4px 18px 4px 7px; margin: 0 11px 0 0; color: #fff; font-size: 14px; line-height: 16px; height: 16px; font-weight: bold; background: #173f35; border: 1px solid #fff; position: relative; text-decoration: none; }
a.bigbutton span { width: 27px; height: 27px; position: absolute; top: -2px; right: -12px; background: url(/media/icon_button_next.png) no-repeat; }
a.bigbutton.onwhite { padding: 6px 35px 6px 7px; margin: 0; }
a.bigbutton.onwhite span { width: 22px; height: 22px; top: 3px; right: 4px; background: url(/media/icon_play_green.gif) no-repeat; }
.scroll { overflow-x: hidden; overflow-y: auto; }
.h { display: none; }
.hr { height: 1px; margin: 0 0 20px 0; background: #bbbbbe; }
.green_gradient { background: #008638 !important; background: -moz-linear-gradient(top, #008638 0%, #00953f 100%) !important; background: -webkit-linear-gradient(top, #008638 0%,#00953f 100%) !important; background: -o-linear-gradient(top, #008638 0%,#00953f 100%) !important; background: -ms-linear-gradient(top, #008638 0%,#00953f 100%) !important; }
.grey_gradient { background: #cbcbcb !important; background: -moz-linear-gradient(top, #cbcbcb 0%, #e4e4e4 100%) !important; background: -webkit-linear-gradient(top, #cbcbcb 0%,#e4e4e4 100%) !important; background: -o-linear-gradient(top, #cbcbcb 0%,#e4e4e4 100%) !important; background: -ms-linear-gradient(top, #cbcbcb 0%,#e4e4e4 100%) !important; }
.black { color: #000; }
.green { color: #173f35; }

#slider { width: 100%; height: 261px; overflow-y: hidden; }
#slider .slide { width: 100%; height: 261px; position: relative; }
#slider .slide5 { background: url(/konfigurator/media/konfigurator.jpg) no-repeat center; }

#header { width: 1002px; margin: 0px auto 0 auto; position: relative; z-index: 20; }
#header .logo { width: 224px; height: 123px; padding: 21px 0 0 16px; position: absolute; bottom: 0; left: 0; }
#header .basket { width: 19px; height: 19px; position: absolute; bottom: 9px; right: 228px; }
#header .tab_box { position: absolute; bottom: 0; right: 9px; }
#header .tab_box .tabs { width: 205px; height: 18px; }
#header .tab_box .tabs .tab { height: 16px; padding: 2px 4px 0 4px; float: left; font-size: 11px; line-height: 13px; background: #173f35; color: #FFFFFF; cursor: pointer; }
#header .tab_box .tabs .tab.inactive { background: #50A66E; color: #000000; filter: alpha(opacity=60); opacity: 0.6; }
#header .tab_box .tab_content { width: 195px; height: 100px; overflow: hidden; padding: 5px; background: #173f35; color: #c6e4d2; }
#header .tab_box .title { padding: 0 0 4px 0; font-size: 20px; line-height: 24px; }
#header .tab_box .content .tab td { padding: 2px 4px 2px 0; }
#header .tab_box .content a { color: #ffffff; }

#content { width: 1002px; padding: 35px 0 41px 0; background: #ffffff; margin: 0 auto; position: relative; z-index: 10; }
#content #middle { width: 759px; padding: 0 13px 0 16px; float: left; }
#content #middle_news { width: 759px; padding: 0 13px 0 16px; float: left; }
#middle .breadcrumb { height: 16px; margin: -20px 0 0 0; padding: 0 0 4px 0; color: #173f35; font-weight: bold; font-size: 15px; line-height: 16px; }
#middle .breadcrumb a { font-size: 12px; line-height: 16px; text-decoration: none; color: #173f35; }

#middle .box_3col_layout .pic { margin: 0 0 5px 0; }
#middle .box_3col_layout a { }
#middle .box_3col_layout .col1 { width: 208px; height: 380px; padding: 8px; float: left; margin: 0 11px 0 0; background: url(/media/bg_middle.gif) repeat-x; }
#middle .box_3col_layout .col2 { width: 240px; height: 380px; padding: 8px; float: left; margin: 0 11px 0 0; background: url(/media/bg_middle.gif) repeat-x; }
#middle .box_3col_layout .col3 { width: 240px; height: 380px; padding: 8px; float: left; background: url(/media/bg_middle.gif) repeat-x; }

#middle .box_standard { width: 759px; min-height: 499px; background: url(/media/bg_middle.gif) repeat-x; position: relative; }
#middle .box_standard .pic { width: 216px; height: 449px; padding: 6px 28px 6px 6px; float: left; }
#middle .box_standard .pic_news { width: 216px; padding: 6px 10px 6px 6px; float: left; margin: 30px 18px 0 0; }
#middle .box_standard .pic ul.hook { margin: 20px 0 0 5px; }
#middle .box_standard .pic ul.hook li { background: url(/media/icon_hook.png) no-repeat left 6px; padding: 4px 0 4px 20px; list-style: none; font-weight: bold; }
#middle .box_standard .text { width: 497px; padding: 6px 12px 6px 0; margin: 30px 0 0 0; float: left; }
#middle .box_standard .text ul { margin: 0 0 8px 16px; }
#middle .box_standard .text ul li { padding: 2px 0 2px 0; }
#middle .box_standard .text .historie_list{ list-style: none; line-height: 24px;}
#middle .box_standard .text .historie_list .span_liste { margin-left: 76px; }
#middle .box_standard .text .historie_list .datum_liste { float:left; display: inline; }
#middle .box_standard .text2 { width: 703px; padding: 6px 28px 6px 28px; margin: 30px 0 0 0; float: left; }
#middle .box_standard .listbox {width: 727px; min-height: 467px;padding: 16px;}
#middle .box_standard .listbox ul {list-style: none;}
#middle .box_standard .listbox ul li.box {width: 231px; height: 202px;background: #FFFFFF; margin: 0 16px 16px 0;display: inline-block;float: left;}
#middle .box_standard .listbox ul li.box:nth-child(3n+3) {margin: 0 0 16px 0;}
#middle .box_standard .listbox ul li.box .title {margin: 3px 3px 0 3px; background: #173f35;text-align: center;display: inline-block; width: 224px;}
#middle .box_standard .listbox ul li.box .title h2 {margin: 0; line-height: 24px;font-weight: bold; text-transform: uppercase;color: #FFFFFF; font-size: 12px;}
#middle .box_standard .listbox ul li.box .title a {text-decoration: none; color: #FFFFFF;}
#middle .box_standard .listbox ul li.box .image {margin: 3px; height: 140px; width: 224px; overflow: hidden;}
#middle .box_standard .listbox ul li.box .content {margin: 2px 3px; line-height: 24px;position: relative;overflow: hidden;white-space: nowrap;}
#middle .box_standard .listbox ul li.box .content a {position: absolute; right: 6px; top: 0;}
#middle .box_standard .text3 {margin: 16px;}
#middle .box_standard .faq_text {width: 695px; min-height: 399px;padding: 16px; margin: 16px; background: #FFFFFF;}

#middle .box_standard .accordionButton {background: url(/media/faq_close.png) #173f35 no-repeat right; cursor: pointer; position: relative; display: block;margin-bottom: 6px;}
#middle .box_standard .accordionButton p {padding: 0 12px; margin: 0; line-height: 24px; font-weight: bold; color: #FFF;}
#middle .box_standard .accordionContent {margin: 0 6px;display: none;}
#middle .box_standard .accordionContent img { float: left; margin: 0 6px 6px 0; }


#middle .box_standard .db_haus_detail { width: 719px; padding: 30px 20px 18px 20px; }
#middle .box_standard .db_haus_detail .head { height: 20px; display: block; padding: 2px 10px 0 5px; margin: 0 0 12px 0; background: #333535; font-size: 16px; line-height: 18px; color: #ffffff; text-transform: uppercase; font-weight: bold; }
#middle .box_standard .db_haus_detail .head h1 { font-size: 16px; line-height: 18px; color: #ffffff; text-transform: uppercase; }
#middle .box_standard .db_haus_detail .head .price { float:right; }
#middle .box_standard .db_haus_detail .head .price_old { float:right; font-size: 11px; line-height: 15px; text-decoration: line-through; padding: 2px 10px 0 0; }
#middle .box_standard .db_haus_detail .cols { margin: 0 0 20px 0; }
#middle .box_standard .db_haus_detail .cols .tab td { padding: 1px 3px 1px 0; font-size: 10px; line-height: 14px; }
#middle .box_standard .db_haus_detail .cols .tab .title { font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 14px; }
#middle .box_standard .db_haus_detail .cols .tab .title .add { font-weight: normal; text-transform: none; font-size: 10px; }
#middle .box_standard .db_haus_detail .cols .tab .row_1 { background: #d2ebdc; }
#middle .box_standard .db_haus_detail .col_r { width: 332px; float: left; }
#middle .box_standard .db_haus_detail .col_r .pdf_data { padding: 0 0 5px 0; }
#middle .box_standard .db_haus_detail .col_r .pdf_data a { padding: 0 0 6px 20px; display: block; background: url(/media/icon_pdf.gif) no-repeat left -1px; }
#middle .box_standard .db_haus_detail .col_l { width: 362px; padding: 0 25px 0 0; float: left; }
#middle .box_standard .db_haus_detail .col_l .pic_detail { width: 360px; margin: 0 0 4px 0; border: 1px solid #333535; position: relative; overflow: hidden; }
#middle .box_standard .db_haus_detail .col_l .pic_detail .warranty60 { width: 60px; height: 60px; background: url(/media/garantie-5-jahre.png) no-repeat; position: absolute; top: 2px; right: 2px; }
#middle .box_standard .db_haus_detail .col_l .pic_detail .price { height: 20px; padding: 2px 10px 0 10px; background: #333535; position: absolute; top: 20px; right: 0px; text-align: center; font-size: 16px; line-height: 18px; color: #ffffff; font-weight: bold; }
#middle .box_standard .db_haus_detail .col_l .thumbs { width: 366px; height: 84px; margin: 0 -4px 0 0; position: relative; }
#middle .box_standard .db_haus_detail .col_l .thumbs .thumb { width: 116px; height: 82px; margin: 0 4px 0 0; border: 1px solid #333535; float: left; text-align: center; background: #ffffff; position: relative; overflow: hidden; }
#middle .box_standard .db_haus_detail .col_l .thumbs .thumb img { max-width: 116px; max-height: 82px; }
#middle .box_standard .db_haus_detail .col_l .thumbs .thumb .play_icon { width: 116px; height: 82px; background: url(/media/icon_video_play.png) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; }
#middle .box_standard .db_haus_detail .col_l .thumbs .thumb .play_icon a { width: 116px; height: 82px; display: block; }
#middle .box_standard .db_haus_detail .col_l .thumbs .ui-carousel { margin: 0 0 0 0; overflow: auto; padding: 0; position: relative; }
#middle .box_standard .db_haus_detail .col_l .thumbs .ui-carousel > .wrapper { padding: 0; width: 9999px; }
#middle .box_standard .db_haus_detail .col_l .thumbs .ui-carousel > .wrapper > * { display: block; float: left; height: 77px; overflow: hidden; width: 100px;	}
#middle .box_standard .db_haus_detail .col_l .thumbs .nav { width: 15px; height: 82px; padding: 0; background: #ffffff; position: absolute; cursor: pointer;  }
#middle .box_standard .db_haus_detail .col_l .thumbs .nav .dreieck { width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 7px solid #173f35; }
#middle .box_standard .db_haus_detail .col_l .thumbs #ui-carousel-next { top: 1px; right: 4px; }
#middle .box_standard .db_haus_detail .col_l .thumbs #ui-carousel-next .dreieck { margin: 20px 0 0 4px; transform: rotate(90deg); -webkit-transform: rotate(90deg); transform-origin: 0 100%; -webkit-transform-origin: 0 100%; }
#middle .box_standard .db_haus_detail .col_l .thumbs #ui-carousel-prev { top: 1px; left: 0; }
#middle .box_standard .db_haus_detail .col_l .thumbs #ui-carousel-prev .dreieck { margin: 50px 0 0 10px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: 0 100%; -webkit-transform-origin: 0 100%; }
#middle .box_standard .db_haus_detail .col_l .tab td { padding: 1px 3px 1px 0; font-size: 10px; line-height: 14px; }
#middle .box_standard .db_haus_detail .col_l .tab .title { font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 14px; }
#middle .box_standard .db_haus_detail .col_l .tab .row_1 { background: #d2ebdc; }
#middle .box_standard .db_haus_detail .quality { margin: 0 0 0 -5px; }
#middle .box_standard .db_haus_detail .quality .qm_block { width: 139px; height: 137px; float: left; padding: 0; margin: 0 0 5px 5px; background: #ffffff; }
#middle .box_standard .db_haus_detail .quality .qm_block .pic { width: 135px; height: 97px; padding: 2px 2px 1px 2px; }
#middle .box_standard .db_haus_detail .quality .qm_block .title { width: 135px; height: 37px; padding: 0 2px 0 2px; font-size: 10px; line-height: 12px; }

#middle .box_standard .downloads { width: 481px; }
#middle .box_standard .downloads .download_block { padding: 14px 0 14px 0; margin: -1px 0 0 0; border-top: 1px solid #4d6d5b; }
#middle .box_standard .downloads .download_block .pic { width: 74px; height: 105px; padding: 0; float: left; border: 1px solid #FFFFFF; }
#middle .box_standard .downloads .download_block .content { width: 387px; padding: 0 0 0 18px; float: left; }
#middle .box_standard .downloads .download_block .content .info { padding: 0 0 15px 0; }
#middle .box_standard .downloads .download_block .content .link { background: url(/media/icon_pdf.gif) no-repeat left 0px; padding: 0 0 0 20px; line-height: 16px; }
#middle .box_standard .downloads .download_block .content .link a { color: #333535; }

#middle .box_standard .news_block { width: 481px; }
#middle .box_standard .news_block .news { padding: 14px 0 14px 0; margin: -1px 0 0 0; border-top: 1px solid #4d6d5b; }
#middle .box_standard .news_block .news .pic { width: 100px; height: auto; padding: 0; float: left; }
#middle .box_standard .news_block .news .pic img { width: 100%; height: auto; border: 1px solid #FFFFFF; }
#middle .box_standard .news_block .news .content { width: 340px; padding-left: 34px; float: left; }
#middle .box_standard .news_block .news .content .info { padding: 0 0 15px 0; }

#middle .box_standard .videos { width: 481px; }
#middle .box_standard .videos .video_block { width: 139px; height: 137px; float: left; padding: 0; margin: 0 20px 20px 0; background: #ffffff; }
#middle .box_standard .videos .video_block .pic { width: 135px; height: 97px; padding: 2px 2px 2px 2px; position: relative; }
#middle .box_standard .videos .video_block .pic .play_icon { width: 135px; height: 97px; background: url(/media/icon_video_play.png) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; }
#middle .box_standard .videos .video_block .pic .play_icon a { width: 135px; height: 97px; display: block; }
#middle .box_standard .videos .video_block .title { width: 135px; height: 36px; padding: 0 2px 0 2px;  }
#middle .box_standard .videos .video_block .title a { color: #333535; text-decoration: none; }
#middle .box_standard .videoplayer { width: 480px; height: 360px; }
#middle .box_standard .videoplayer a { display: block; width: 480px; height: 360px; }

#middle .box_standard .pic_downloads { margin: 0 -20px 0 0; }
#middle .box_standard .pic_downloads .download { width: 160px; margin: 0 20px 20px 0; float: left; position: relative; }
#middle .box_standard .pic_downloads .download .pic { width: 160px; height: 120px; float: none; padding: 0; text-align: center; }
#middle .box_standard .pic_downloads .download .title { width: 154px; height: 32px; padding: 6px 0 0 6px; background: #333535; color: #fff; font-size: 11px; line-height: 13px; }
#middle .box_standard .pic_downloads .download .checkbox { position: absolute; top: 0; right: 0; }
#middle .box_standard .basket_timeline .step { float: left; font-size: 16px; line-height: 20px; margin: 0 0 15px 0; font-weight: bold; text-transform: uppercase; color: #333535;}
#middle .box_standard .basket_timeline .step.active { color: #173f35; }
#middle .box_standard .basket_timeline .arrow { float: left; width: 11px; height: 12px; margin: 4px 10px 0 10px;  background: url(/media/icon_arrow.png) no-repeat; }

#middle .box_standard .team { margin: 0 -10px 0 0; }
#middle .box_standard .team .person { width: 159px; margin: 0 10px 10px 0; float: left; background: #FFF; }
#middle .box_standard .team .person .pic { width: auto; height: 120px; padding: 5px 0 0 0; text-align: center; float: none; }
#middle .box_standard .team .person .data { height: 98px; padding: 5px; }
#middle .box_standard .team .person .data .name { font-weight: bold; color: #000; }
#middle .box_standard .team .person .data .position { padding: 0 0 5px 0; color: #009540; text-transform: uppercase; }
#middle .box_standard .team .person .data .tel { background: url(/media/icon_telefon.png) no-repeat left 2px; padding: 0 0 0 20px; font-size: 10px; line-height: 14px; }
#middle .box_standard .team .person .data .mail { background: url(/media/icon_email.png) no-repeat left 2px; padding: 0 0 0 20px; font-size: 10px; line-height: 14px; }

#middle .box_2col_layout { background: url(/media/bg_middle.gif) repeat-x; min-height: 499px; }
#middle .box_2col_layout .col1 { width: 208px; padding: 8px; float: left; margin: 0 11px 0 0; }
#middle .box_2col_layout .col1 .content { width: 198px; padding: 10px 0 10px 10px; }
#middle .box_2col_layout .col1 .content .ueberschrift { font-size: 15px; line-height: 17px; }
#middle .box_2col_layout .col1 .content ul { margin: 0 0 0 10px; }
#middle .box_2col_layout .col1 .content li { padding: 0 0 0 12px; background: url(/media/icon_list2.png) no-repeat left 4px; list-style: none;  }
#middle .box_2col_layout .col1 .content li.active, #middle .box_2col_layout .col1 .content li:hover { background: url(/media/icon_list.png) no-repeat left 4px; }
#middle .box_2col_layout .col1 .content li a { font-size: 12px; line-height: 16px; color: #333535; font-weight: normal; text-decoration: none; }
#middle .box_2col_layout .col1 .content li a:hover, #middle .box_2col_layout .col1 .content li.active a, #middle .box_2col_layout .col1 .content li .notactive a:hover { color: #173f35; font-weight: bold; text-decoration: none; }
#middle .box_2col_layout .col1 .content li li a { font-size: 11px; line-height: 15px; color: #333535; font-weight: normal; }
#middle .box_2col_layout .col1 .content li .notactive a { color: #333535; font-weight: normal; }
#middle .box_2col_layout .col1 .tab_quality { width: 224px; height: 38px; margin: -8px -8px 8px -8px; }
#middle .box_2col_layout .col1 .tab_quality .tab { width: 112px; height: 38px; float: left; }
#middle .box_2col_layout .col1 .tab_quality .tab:hover { cursor: pointer; }
#middle .box_2col_layout .col1 .tab_quality .tab_1 { background: url(/media/tab_quality_1.gif) no-repeat; }
#middle .box_2col_layout .col1 .tab_quality .tab_1_a { background: url(/media/tab_quality_1_a.gif) no-repeat; }
#middle .box_2col_layout .col1 .tab_quality .tab_2 { background: url(/media/tab_quality_2.gif) no-repeat; }
#middle .box_2col_layout .col1 .tab_quality .tab_2_a { background: url(/media/tab_quality_2_a.gif) no-repeat; }
#middle .box_2col_layout .col1 .category { width: 208px; height: 51px; margin: 0 0 5px 0; position: relative; }
#middle .box_2col_layout .col1 .category .pic { width: 102px; height: 51px; position: absolute; left: 0; top: 0; }
#middle .box_2col_layout .col1 .category .tab_text { position: absolute; right: 0; top: 0; }
#middle .box_2col_layout .col1 .category .tab_text .text { width: 104px; height: 51px; padding: 0 2px 0 10px; background: url(/media/bg_nav.gif) no-repeat; }
#middle .box_2col_layout .col1 .category .tab_text .text a { color: #333535; }
#middle .box_2col_layout .col1 .category .tab_text_a { width: 141px; height: 51px; position: absolute; right: -25px; top: 0; }
#middle .box_2col_layout .col1 .category .tab_text_a .text { width: 104px; height: 51px; padding: 0 27px 0 10px; background: url(/media/bg_nav_a.gif) no-repeat; }
#middle .box_2col_layout .col1 .category .tab_text_a .text a { color: #ffffff; }
#middle .box_2col_layout .col2 { width: 470px; padding: 38px 20px 8px 34px; float: left; }
#middle .box_2col_layout .col2 .tab_quality { width: 524px; height: 38px; padding: 0 0 0 13px; margin: -38px 0 8px -45px; background: #ffffff; }
#middle .box_2col_layout .col2 .tab_quality .tab { width: 58px; height: 38px; float: left; }
#middle .box_2col_layout .col2 .tab_quality .tab a { width: 51px; height: 26px; padding: 12px 0 0 7px; display: block; background: url(/media/tab_small.gif) no-repeat; color: #333535; font-weight: normal; }
#middle .box_2col_layout .col2 .tab_quality .tab a:hover, #middle .box_2col_layout .col2 .tab_quality .tab.active a { font-weight: bold; background: url(/media/tab_small_a.gif) no-repeat; }
#middle .box_2col_layout .col2 .quality { width: 490px; margin: 0 0 0 -20px; }
#middle .box_2col_layout .col2 .quality .qm_block { width: 139px; height: 137px; float: left; padding: 0; margin: 0 0 20px 20px; background: #ffffff; }
#middle .box_2col_layout .col2 .quality .qm_block .pic { width: 135px; height: 97px; padding: 2px 2px 1px 2px; }
#middle .box_2col_layout .col2 .quality .qm_block .title { width: 135px; height: 37px; padding: 0 2px 0 2px; font-size: 10px; line-height: 12px; }

#middle .db_kategorien { margin: 0 -14px 0 0; }
#middle .db_kategorien .db_kategorie { width: 140px; margin: 0 14px 14px 0; border: 1px solid #000000; float: left; }
#middle .db_kategorien .db_kategorie .pic { width: 140px; height: 105px; }
#middle .db_kategorien .db_kategorie .title a { width: 118px; height: 30px; padding: 0 20px 0 2px; display: table-cell; text-align: center; vertical-align: middle; font-size: 12px; line-height: 14px; font-weight: bold; color: #ffffff; text-decoration: none; background: url(/media/icon_play_green2.gif) no-repeat 121px 7px #173f35; }

#middle .db_kategorien.gross { margin: 0; }
#middle .db_kategorien.gross .db_kategorie { width: 100%; margin: 0 0 14px 0; float: none; }
/*#middle .db_kategorien.gross .db_kategorie .pic { width: 183px; height: 82px; }*/
#middle .db_kategorien.gross .db_kategorie .text { width: 320px; height: 125px; padding: 5px; float: left; background: #fff; font-size: 12px; line-height: 14px; position: relative; overflow: hidden; }
#middle .db_kategorien.gross .db_kategorie .text .button { position: absolute; right: 8px; bottom: 8px; }
/*#middle .db_kategorien.gross .db_kategorie .title a { width: 161px; background: url(/media/icon_play_green2.gif) no-repeat 164px 7px #173f35; }*/

#middle .db_haus { width: 468px; margin: 0 0 8px 0; border: 1px solid #173f35; background: #ffffff; position: relative; }
#middle .db_haus .pic { width: 140px; height: auto; float: left; padding: 0; }
#middle .db_haus .content { width: 328px; float: left; }
#middle .db_haus .title { width: 301px; padding: 1px 12px 1px 15px; background: #333535; color: #ffffff; font-weight: bold; font-size: 14px; line-height: 18px; }
#middle .db_haus .bgausstellung { background: #D70A2F; }
#middle .db_haus .title .name { width: 216px; float: left; }
#middle .db_haus .title .name a { color: #ffffff; font-weight: bold; font-size: 14px; line-height: 18px; text-decoration: none; }
#middle .db_haus .title .price { width: 85px; float: right; text-align: right; }
#middle .db_haus .text1 { width: 301px; padding: 8px 12px 5px 15px; }
#middle .db_haus .text1 .icon_ausstellungsangebot { width: 71x; height: 43px; position: absolute; bottom: 8px; right: 40px; }
#middle .db_haus .text1 .icon_detail { width: 16px; height: 16px; position: absolute; bottom: 10px; right: 10px; }
#middle .db_haus .text1 .price_old { width: 75px; height: 16px; position: absolute; top: 23px; right: 17px; text-align: right; text-decoration: line-through; font-size: 11px; line-height: 15px; }

#middle .tabs { margin: 0 0 20px 0; border-bottom: 1px solid #333535; }
#middle .tabs a { display: block; height: 24px; padding: 8px 10px 0 10px; }
#middle .tabs .tab { float: left; margin: 0 5px 0 0; background: #50A66E; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
#middle .tabs .tab a { color: #333535; text-decoration: none; font-weight: bold; }
#middle .tabs .active a { color: #FFFFFF; }

#content .comfort_line { padding: 0 20px 0 20px; }
#content .comfort_line .align_pics { margin: 0 -20px 0 0; padding: 0 0 30px 0; }
#content .comfort_line .align_pics .pic { margin: 0 20px 7px 0; float: left; }
#content .comfort_line .align_pics .pic .title { padding: 2px 5px 2px 5px; background: #173f35; text-align: left; color: #ffffff; font-size: 11px; }
#content .comfort_line .align_pics .pic.big .title { padding: 5px 5px 5px 5px; font-size: 14px; font-weight: bold; }
#content .comfort_line .text { width: 692px; padding: 0 0 30px 0; margin: 0 20px 0 0; text-align: justify; }
#content .comfort_line .text .col2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; }
#content .comfort_line .img_video_play { float: right; position: relative; }
#content .comfort_line .img_video_play .icon_play { width: 46px; height: 46px; margin: -23px 0 0 -23px; background: url(/media/icon_video_play.png) no-repeat; position: absolute; top: 50%; left: 50%; cursor: pointer; }
#content .comfort_line .cl_adv { padding: 12px; margin: 0 0 37px 0; background: url(/media/bg_middle.gif) repeat-x; }
#content .comfort_line .cl_adv .title { margin: 0 0 12px 0; font-size: 16px; line-height: 20px; color: #173f35; font-weight: bold; }
#content .comfort_line .cl_adv .icons { width: 210px; margin: 0 -10px -10px 0; float: right; }
#content .comfort_line .cl_adv .icons img { margin: 0 10px 10px 0; display: block; float: right; }
#content .comfort_line .cl_adv .text { text-align: left; padding: 0; }
#content .comfort_line .cl_adv .text ul { margin: 0 0 12px 0; }
#content .comfort_line .cl_adv .text ul li { padding: 2px 0 2px 18px; list-style: none; background: url(/media/icon_hook_bl.png) no-repeat 0px 4px; }
#content .comfort_line .startext { margin: -15px 0 30px 0; font-size: 12px; line-height: 14px; color: #575756; text-align: right; }

#content .product_navi { height: 14px; padding: 7px 0 0 0; }
#content .product_navi a { color: #FFFFFF; text-decoration: none; }
#content .product_navi .link { height: 13px; padding: 1px 0 0 0; float: left; }
#content .product_navi .back { margin: 0 4px 0 0; }
#content .product_navi .next { margin: 0 0 0 2px; }
#content .product_navi .number { height: 14px; margin: 0 2px 2px 0; float: left; background: #c5c0c0; }
#content .product_navi .number a { height: 12px; padding: 1px 4px 1px 4px; display: block; font-size: 10px; line-height: 12px; }
#content .product_navi .current a { background: #173f35; }

#configurator { width: 1002px; padding: 21px 0 21px 0; background: #ffffff; margin: 0 auto; position: relative; z-index: 10; line-height: initial; }
#configurator * { box-sizing:content-box;}
#configurator .floated_content { padding: 0 18px 0 16px; overflow: auto; }
#configurator .floated_content .head { height: 70px; }
#configurator .content { padding: 0 18px 0 16px; }
#configurator input[type=text], #configurator select, #configurator textarea, .popup input[type=text] { border: 1px solid #7e7e7e; }
#configurator input[type=radio], #configurator input[type=checkbox] { border: 0; padding: 0; }

#konfig_timeline { width: 977px; height: 33px; padding: 0 9px 0 16px; margin: 0 0 30px 0; }
#konfig_timeline .step { width: 87px; height: 33px; padding: 0 0 0 10px; float: left; background:  }
#konfig_timeline .step a { display: block; padding: 1px 0 0 0; color: #fff; text-decoration: none; }
#konfig_timeline .step a .nr { font-size: 16px; }
#konfig_timeline .arrow { width: 19px; height: 33px; float: left; }
#konfig_timeline .a_green_grey { background: url(/media/arrow_green_grey.gif) no-repeat; }
#konfig_timeline .a_green_green { background: url(/media/arrow_green_green.gif) no-repeat; }
#konfig_timeline .a_grey_grey { background: url(/media/arrow_grey_grey.gif) no-repeat; }
#konfig_timeline .a_green_white { background: url(/media/arrow_green_white.gif) no-repeat; }
#konfig_timeline .a_grey_white { background: url(/media/arrow_grey_white.gif) no-repeat; }
#konfig_timeline .final { width: 35px; height: 33px; float: left; margin: 0 0 0 4px; background: url(/media/step_final.gif) no-repeat; }
#konfig_timeline .final.active { background: url(/media/step_final_a.gif) no-repeat; }
#konfig_timeline .final a { width: 35px; height: 33px; display: block; }

#configurator .legende { width: 250px; padding: 5px; background: #F0F1F1; color: #000000; font-size: 11px; left: 13px; }
#configurator .legende .color_black { width: 16px; height: 16px; background: #000000; }
#configurator .legende .color_red { width: 16px; height: 16px; background: #ff0000; }
#configurator .legende .color_green { width: 16px; height: 16px; background: #173f35; }

#configurator .picbox_r { margin: 0 0 0 15px; float: right; }
#configurator .picbox_r .pic { border: 1px solid #7e7e7e; margin: 0 0 15px 0; }
#configurator .picbox_r .pic .subtitle { padding: 1px 0 4px 0; text-align: center; }
#configurator .picbox_ft { margin: 16px 0 0 15px; padding: 0 0 14px 0; float: right; border: 1px solid #7e7e7e; position: relative; }
#configurator .picbox_ft.form_1 { width: 253px; height: 263px; }
#configurator .picbox_ft.form_2 { width: 253px; height: 190px; }
#configurator .picbox_ft.form_3 { width: 253px; height: 190px; }
#configurator .picbox_ft.form_innen_1 { width: 253px; height: 200px; }
#configurator .picbox_ft.form_innen_2 { width: 253px; height: 190px; }
#configurator .picbox_ft.form_innen_3 { width: 253px; height: 190px; }
#configurator .picbox_ft .title { width: 100%; height: 16px; background: #173f35; border: 1px solid #7e7e7e; color: #ffffff; font-size: 12px; line-height: 16px; font-weight: bold; position: absolute; left: -1px; top: -16px; text-indent: 5px; }
#configurator .picbox_ft .wall { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
#configurator .picbox_ft .onclick { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; cursor: pointer; }
#configurator .picbox_ft .subtitle { width: 100%; height: 14px; position: absolute; bottom: 4px; text-align: center; }
#configurator .picbox_ft .icon_next { position: absolute; top: 50%; right: 10px; }
#configurator .picbox_ft .icon_back { position: absolute; top: 50%; left: 10px; }
#configurator .roofwindow { margin: 0 0 0 15px; float: right; border: 1px solid #7e7e7e; }
#configurator .roofwindow .title { width: 100%; height: 16px; background: #173f35; color: #ffffff; font-size: 12px; line-height: 16px; font-weight: bold; text-indent: 5px; }
#configurator .roofwindow .pic { height: 232px; padding: 40px 4px 4px 4px; cursor: pointer; }

#configurator .selectbox { width: 204px; float: left; margin: 0 30px 30px 0; border: 1px solid #7e7e7e; }
#configurator .selectbox .pic { width: 188px; height: 135px; padding: 8px; border-bottom: 1px solid #7e7e7e;}
#configurator .selectbox .name { width: 156px; height: 16px; padding: 8px; float: left; font-size: 12px; line-height: 16px; }
#configurator .selectbox .link { width: 16px; height: 16px; padding: 8px; float: left; }
#configurator .selectbox.col4 { width: 170px; float: left; margin: 0 15px 22px 0; border: 1px solid #7e7e7e; }
#configurator .selectbox.col4 .pic { width: 154px; height: 111px; padding: 8px; border-bottom: 1px solid #7e7e7e;}
#configurator .selectbox.col4 .pic img { width: 154px; }
#configurator .selectbox.col4 .name { width: 122px; height: 16px; padding: 8px; float: left; font-size: 12px; line-height: 16px; }
#configurator .selectbox.col4 .link { width: 16px; height: 16px; padding: 8px; float: left; }

#configurator .nav { width: 255px; padding: 0 0 10px 0; clear: both; float: right; }
#configurator .nav a { height: 20px; display: block; font-size: 12px; line-height: 16px; }
#configurator .nav .next { float: right; }
#configurator .nav .next a { padding: 0 20px 0 0; background: url(/media/icon_play_white.gif) no-repeat right 1px; text-align: right; color: #173f35; text-decoration: none; font-weight: bold; }
#configurator .nav .back { float: right; padding: 0 20px 0 0; }
#configurator .nav .back a { padding: 0 0 0 20px; background: url(/media/icon_back_white.gif) no-repeat left 1px; color: #173f35; text-decoration: none; font-weight: bold; }

#configurator .overview { margin: 0 -30px 0 16px; overflow: hidden; }
#configurator .overview .box_1 { width: 209px; float: left; margin: 0 41px 30px 0; border: 1px solid #7e7e7e; }
#configurator .overview .box_1 .pic { height: 135px; margin: 8px 0 8px 0; overflow: hidden; text-align: center; }
#configurator .overview .box_1 .pic img { max-width: 188px; }
#configurator .overview .box_1 .title { height: 22px; border-bottom: 1px solid #7e7e7e; border-top: 1px solid #7e7e7e; padding: 0 15px 0 0; }
#configurator .overview .box_1 .title a { display: block; height: 22px; padding: 0 18px 0 4px; background: url(/media/icon_play.png) no-repeat right 3px; font-size: 12px; line-height: 22px; font-weight: normal; text-decoration: none; }
#configurator .overview .box_1 .content { width: 201px; height: 81px; padding: 2px 4px 0 4px; font-size: 11px; line-height: 13px; }
#configurator .overview .box_1 .content.error { font-weight: normal; background-color: #FF7D7D; }
#configurator .overview .box_1 .content .tab_data td { padding: 0 4px 0 0; }

#configurator .info_icons { }
#configurator .info_icons .info { width: 443px; height: 175px; padding: 10px; margin: 0 41px 20px 0; float: left; text-align: center; background: #f1f2f0; }
#configurator .info_icons .info:nth-child(even) { margin-right: 0; }
#configurator .info_icons .info .icon { margin: 0 0 15px 0; }
#configurator .info_icons .info .title { font-weight: bold; font-size: 14px; line-height: 18px; }
#configurator .info_icons .info .text { font-size: 12px; line-height: 16px; }

#configurator .right { width: 211px; margin: 10px 18px 0 0; float: right; position: relative; }
#configurator .right .box_yellow { width: 211px; height: 133px; margin: -40px 0 8px 0; background: url(/media/bg_box_yellow.png) no-repeat; position: relative; }
#configurator .right .box_yellow .content { padding: 20px 0 0 0; text-align: center; font-size: 16px; line-height: 20px; font-weight: bold; }
#configurator .right .box_yellow .content .biglink { padding: 5px 0 0 0; }
#configurator .right .box_yellow .content .biglink a { font-size: 18px; line-height: 22px; color: #000000; }
#configurator .right .box_yellow .tel { width: 30px; height: 31px; background: url(/media/icon_tel.png) no-repeat; position: absolute; left: 35px; top: 72px; }
#configurator .right .box_grey { margin: 0 0 30px 0; background: #f1f2f0; overflow: hidden; }
#configurator .right .box_grey.price { height: 549px; }
#configurator .right .box_grey .title { padding: 7px 0px 7px 10px; margin: 0 0 9px 0; background: #173f35; color: #ffffff; font-size: 18px; line-height: 22px; }
#configurator .right .box_grey .content { padding: 2px 10px 2px 10px; font-size: 11px; line-height: 16px; color: #7c7c7c; }
#configurator .right .box_grey .content a { color: #173f35; font-size: 11px; line-height: 16px; font-weight: bold; text-decoration: underline; }
#configurator .right .box_grey.price .content { font-size: 12px; }
#configurator .right .box_grey .tab_total { width: 100%; margin: 0 0 25px 0; }
#configurator .right .box_grey .tab_total td { padding: 3px 5px 3px 0; }
#configurator .right .box_grey .total { padding: 10px 14px 10px 0; margin: 0 -10px 10px -10px; background: #173f35; color: #ffffff; font-weight: bold; text-align: right; }
#configurator .right .box_grey .total .name { padding: 0; font-size: 18px; line-height: 22px; }
#configurator .right .box_grey .total .number { margin: 0 0 5px 0; font-size: 22px; line-height: 26px; }
#configurator .right .box_grey .total .tax { font-size: 12px; line-height: 16px; font-weight: normal; }
#configurator .right .box_grey .buttons { height: 32px; margin: 0 -10px 20px -10px; }
#configurator .right .box_grey .buttons a { width: 48%; height: 32px; display: block; float: left; background: #173f35; color: #fff; text-align: center; text-decoration: none; font-size: 16px; line-height: 32px; font-weight: normal; }
#configurator .right .box_grey .buttons a:last-child { float: right; }

#configurator .right .box_green { width: 205px; background: url(/media/bg_greenbox_br.gif) no-repeat right bottom #173f35; color: #ffffff; }
#configurator .right .box_green ul, #configurator .right .box_green li { list-style: none; }
#configurator .right .box_green a { color: #ffffff; }




#right { width: 205px; padding: 0 9px 0 0; float: left; position: relative; }
#right .box_grey { width: 205px; margin: 0 0 8px 0; background: url(/media/bg_greybox_br.gif) no-repeat right bottom #f0f1f1; }
#right .box_grey ul { margin: 0 0 0 20px; }
#right .box_grey .title { width: 195px; height: 16px; padding: 0 5px 0 5px; margin: 0 0 9px 0; background: #173f35; color: #ffffff; font-weight: bold; font-size: 12px; line-height: 16px; }
#right .box_grey .pic { width: 205px; }
#right .box_grey .content { width: 195px; padding: 2px 5px 2px 5px; font-size: 11px; line-height: 16px; }
#right .box_grey .content a { color: #173f35; font-size: 11px; line-height: 16px; font-weight: bold; text-decoration: underline; }
#right .box_grey .tab_total { width: 195px; }
#right .box_grey .tab_total td { padding: 2px 5px 2px 0; }
#right .box_grey .total { width: 195px; padding: 2px 5px 2px 5px; margin: 0 0 10px -5px; background: #173f35; border-top: 1px solid #66C08C; border-bottom: 1px solid #66C08C; color: #ffffff; font-weight: bold; font-size: 12px; line-height: 16px; }
#right .box_grey .total .name { width: 115px; height: 17px; padding: 0; float: left; }
#right .box_grey .total .number { width: 75px; height: 17px; padding: 0 5px 0 0; float: left; text-align: right; }
#right .box_grey .total .tax { width: 190px; padding: 0 5px 0 0; float: left; font-size: 11px; line-height: 15px; font-weight: normal; text-align: right; }
#right .box_grey .buttons { text-align: right; padding: 0 15px 10px 0; }
#right .box_green { width: 205px; background: url(/media/bg_greenbox_br.gif) no-repeat right bottom #173f35; color: #ffffff; }
#right .box_green ul, #right .box_green li { list-style: none; }
#right .box_green a { color: #ffffff; }
#right .box_yellow { width: 203px; height: 60px; margin: 0 0 8px 0; background: #ffef40; border: 1px solid #000000; }
#right .box_yellow .content { padding: 10px 6px 3px 6px; text-align: center; font-size: 12px; line-height: 14px; }
#right .box_yellow .content .biglink { padding: 5px 0 0 0; }
#right .box_yellow .content .biglink a { font-size: 18px; line-height: 22px; color: #000000; }
#tagcloud { width: 205px; height: 163px; background: url(/media/bg_greenbox_br.gif) no-repeat right bottom #173f35; overflow: hidden; }
#tagcloud a { text-decoration: none; font-weight: bold; }

#footer { width: 986px; padding: 4px 0 15px 16px; margin: 2px auto 0 auto; color: #ffffff; }


.popup { width: 413px; background: #FFFFFF; border: 1px solid #7c7c7c; position: absolute; z-index: 500; }
.popup .header { width: 403px; height: 25px; padding: 4px 5px 0 5px; background: #173f35; }
.popup .header .close { width: 16px; height: 16px; margin: 2px 0 0 0; float: left; background: url(/media/icon_close_green.gif) no-repeat; cursor: pointer; }
.popup .header .title { width: 387px; float: left; color: #ffffff; font-size: 16px; line-height: 20px; font-weight: bold; }
.popup .content { width: 389px; padding: 12px; }
.popup .content .pic { width: 140px; padding: 0 12px 0 0; float: left; }
.popup .content .text { width: 237px; padding: 0; float: left; }
.popup .content .text .tab td { padding: 1px 3px 1px 0; font-size: 10px; line-height: 14px; }
.popup .content .text .tab .row_1 { background: #d2ebdc; }
#popup_bg { background: #FAF9F9; width: 100%; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; z-index: 499; }

#nojavascript { width: 962px; height: 27px; padding: 8px 20px 0 20px; margin: 0 auto; background: none repeat scroll 0 0 #FFFF99; border: 1px dotted #FF0000; color: #FF0000; font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; position: relative; z-index: 1000; }

#reiter { width: 38px; position: fixed; right: 0px; top: 40px; z-index: 50; }
#reiter a:link, #reiter a:visited, #reiter a:active { width: 26px; height: 88px; padding: 6px 0 6px 2px; margin: 0 0 10px 0; display: block; float: right; background: #FFF; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }
#reiter a:hover { width: 34px; }

#pic_download { width: 168px; height: 90px; position: absolute; left: 0px; top: 58px; }