body {margin:0;background-color:#E6ECEE;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#000000;}

img {border:none;}
a {text-decoration:none;color:#D51B23;}
a:hover {color:#A01419;}

h1 {margin:0 0 12px 0;padding:0;color:#9CA5AE;font-size:35px;}
h2 {color:#4C5A67;font-weight:bold;font-size:14px; margin: 15px 0 5px 0;}
h3 {font-size:20px;color:#9CA5AE;}
img {border:0;}
p {padding:0;margin:0;}

.c {clear:both;}
.tofont {display:block;margin-bottom:-12px;}

#outer_container {position:relative;margin:0;background-color:#d0dee6;background-image:url('/_img/bg_top.png');background-repeat: repeat-x;background-position: center top;}
#inner_container {position:relative;margin:auto;width:1000px;}
#footer_bg {margin:0;height:149px;background:#e6eced url(/_img/bg_bot.png) repeat-x center top;}
#footer {position:relative;margin:auto;height:60px;width:1000px;background-color:#4C5A67;}
#header {position:relative;margin:auto;height:124px;width:1000px;}

#layout_content {width: 962px; min-height: 400px; padding: 19px; background-color: #ffffff; z-index: 20;}
#layout_content_left {width: 740px; float: left; }
#layout_content_right {width: 216px; float: right; }

#layout_content_left h1.top { position: absolute; top: 150px; left: 40px; z-index: 100; }

#logo {position:absolute;top:2px;left:802px; height: 122px; overflow: hidden; }

#mainnav {position:absolute;top:0px;left:18px; width:800px;height: 42px;}
#mainnav ul  {list-style-type:none;margin:0;padding:0;height:42px;}
#mainnav ul li  {float: left;height:42px;}
#mainnav li a {background-position: 0 0; background-repeat: no-repeat; height:42px;margin-right:29px;display: block;text-indent: -5000px; }
#mainnav li a:hover, #mainnav li.active a  {background-position: 0 -42px; background-repeat: no-repeat; height:42px;margin-right:29px;}
#mainnav .nav1 {width:135px;background-image: url(/_img/nav/nav1.gif);}
#mainnav .nav2 {width:137px;background-image: url(/_img/nav/nav2.gif);}
#mainnav .nav3 {width:121px;background-image: url(/_img/nav/nav3.gif);}
#mainnav .nav4 {width:137px;background-image: url(/_img/nav/nav4.gif);}

#subnav {position:absolute;top:91px;left:18px; height: 30px;}
#subnav ul  {list-style-type:none;margin:0 20px 0 0;padding:0;height:30px;}
#subnav ul li  {float: left;margin-right:25px;padding-bottom:10px;}
#subnav ul li:hover, #subnav li.active {border-bottom:8px solid #ffffff;padding-bottom:10px;}
#subnav li a {color:#4C5A67;font-size: 12px;font-weight:bold;text-transform:uppercase;}
#subnav li a:hover, #subnav li.active a {color:#ffffff;padding-bottom:10px;}

#slogan {position:absolute;top:91px;left:18px;}

#subsubnav {min-height:221px;width:186px;background-color:#CAD9E2;padding:15px;}
#subsubnav ul  {list-style-type:none;margin:0;padding:0;}
#subsubnav ul li  { margin-bottom:12px;}
#subsubnav li a {color:#4C5A67;font-size: 14px;line-height:15px;}
#subsubnav li a:hover, #subsubnav li.active a {color:#000000;}
#subsubnav .date {font-size:10px;}

#button_installateure {position:absolute;top:450px;right:0px;}
#button_schauraeume {position:absolute;top:600px;right:0px;}
#button_badideen {position:absolute;top:301px;right:0px;}

.content_box {position:relative;width:216px;background-color:#E6EBEF; margin-bottom: 7px;}
.content_box h2 {background-color: transparent; padding:10px 15px;width:185px;margin:0;}
#installateur_content {padding:10px;}

.content_box_top {min-height:241px; background-color:#CAD9E2 !important; padding-bottom: 10px;}
.content_box_top h2 {background-color: #BECCD5 !important; padding:10px 15px;}

.content_box_bottom { width: 186px; padding: 15px; font-size: 90%; margin-bottom: 7px; background: #E6EBEF; }
.content_box_bottom h2 {background-color: transparent; padding: 0; margin: 0 0 10px 0;}

#installateur_nav {width:216px; background-color:#CAD9E2; margin-bottom: 7px; min-height: 251px; 
                   margin-top: -5px;  /* // TODO: tmp fix! */
}
#installateur_nav h2 {background-color:#BECCD5;padding:10px 15px;width:185px;margin:5px 0;}
#installateur_nav ul {list-style:none;padding:0;margin:0;}
#installateur_nav a {color:#4C5A67;padding:10px 15px;display:block;}
#installateur_nav a:hover{text-decoration:none;color:#D51B23;}
#installateur_nav a.active{text-decoration:none;color:#D51B23;}
#installateur_nav a.active:hover{color:#000000;}

#installateur_suche {position:relative;min-height:231px;width:196px;padding:10px;background:#CAD9E2 url(/_img/suche/lupe.png) no-repeat 62px 38px;}
#installateur_suche fieldset {border:0;margin:0;padding:0;}
#installateur_suche label {display:block;margin:95px 0 15px 0;}
#installateur_suche h2 {width:193px;height:14px;background:transparent url(/_img/suche/installateur_suche.png) no-repeat 0 0;text-indent:-5000px;padding:0;margin:0;}
#installateur_suche .search_plz {border:1px solid #74828b;background:#dee5eb;font-size:16px;width:45px;padding:5px;margin-left:69px;}
#installateur_suche .search_button {position:absolute;bottom:0;right:0;width:25px;height:20px;}

#schauraum_suche {position:relative;min-height:231px;width:196px;padding:10px;background:#CAD9E2 url(/_img/suche/lupe.png) no-repeat 62px 38px;}
#schauraum_suche fieldset {border:0;margin:0;padding:0;}
#schauraum_suche label {display:block;margin:95px 0 15px 0;}
#schauraum_suche h2 {width:174px;height:14px;background:transparent url(/_img/suche/schauraum_suche.png) no-repeat 0 0;text-indent:-5000px;padding:0;margin:0;}
#schauraum_suche .search_plz {border:1px solid #74828b;background:#dee5eb;font-size:16px;width:45px;padding:5px;margin-left:69px;}
#schauraum_suche .search_button {position:absolute;bottom:0;right:0;}

#nav2 {position:absolute;top:0px;left:18px; height: 30px;}
#nav2 ul  {list-style-type:none;margin:0 20px 0 0;padding:0;height:30px;}
#nav2 ul li  {	float: left;	margin-right:30px;border-top:8px solid #4C5A67;padding-top:10px;}
#nav2 ul li:hover, #nav2 li.active {border-top:8px solid #ffffff;padding-top:10px;}
#nav2 li a {color:#D0DEE6;font-size: 12px;font-weight:bold;text-transform:uppercase;}
#nav2 li a:hover, #nav2 li .active {color:#ffffff;padding-top:10px;}

#search {position:absolute;top:20px;right:18px; height: 30px;width:300px;color:#ffffff;font-size: 12px;font-weight:bold;text-transform:uppercase;text-align:right;}
#search input {background-color:#939FA5; color:#000000;border:none;margin:0 5px 0 5px;width:133px;}
#search img {vertical-align:bottom;}
#search .submit {background-color: transparent; color:#000000; border:none; margin:0 5px 0 5px; background: url('/_img/lupe.gif') 0 0 no-repeat; height: 15px; width: 15px; }

#content .startframe {width:740px;height:381px;overflow:hidden;position:relative;}
#content .startframe .startimage {display:block;position:absolute;top:0;left:0;}
#startimage_current {z-index:20;}
#startimage_next {z-index:10;}
#startimagecount {display:none;}

#content .background {padding:19px;background:#e6ebef;position:relative;}
#content .headerpic {position:relative;margin-bottom:20px;display:block;}
#content .headerpic h1 {position:absolute;top:18px;left:18px;}

#content .link {font-weight:bold;display:block;margin-top:10px;}
#content .left_content {width:326px;margin:0 30px 30px 0;float:left;}
#content .right_content {width:340px;float:left;}
#content .back {position:absolute;left:0;bottom:0;display:block;width:25px;height:20px;background:url(/_img/pfeile/red_back.gif) no-repeat 0 0;text-indent:-5000px;}
#content .back:hover {background-position:0 -20px;}

#content .item { line-height: 100%; }
#content .item {width:360px;height:100px;overflow:hidden;padding:0px;margin:10px 0px;float:left;background-color:#cbd9e2;margin-right:20px;position:relative;}
#content .item .image {float:left;width:98px;height:98px;border:1px solid #abacae;margin-right:10px;}
#content .item .headline {display:block;color:#4c5a67;}
#content .item .text { float:left; padding: 10px; }
#content .item .text strong {display:block; color:#4c5a67; margin-bottom: 10px; }
#content .item .next {position:absolute;right:0;bottom:0;display:block;width:25px;height:20px;background:transparent url(/_img/pfeile/blue_forward.gif) no-repeat 0 0;text-indent:-5000px;}
#content .item:hover .next {background-position:0 -20px;}
#content .item .address_list .address_text { margin: 0 !important; padding: 0 !important; }

.topproduct .headline img { margin-bottom: 10px; }
.topproduct .text, .installateure .text { width: 230px; }

#content .brand_category {position:relative;background:#e6ebef;padding:15px 10px;cursor:pointer;margin-bottom:10px;}
#content .brand_category .button {position:absolute;bottom:0;right:0;width:25px;height:20px;}
#content .active_brand .button {background:transparent url(/_img/pfeile/red_back.gif) no-repeat 0 0;}
#content .inactive_brand .button {background:transparent url(/_img/pfeile/blue_forward.gif) no-repeat 0 0;}
#content .nolink_brand .button {display:none;}
#content .subbrandlist {padding:0 10px;}
#content .brandlist {margin-right:13px;width:734px;}
#content .brandlist .brand_item {float:left; width:161px; height:100px; margin:10px 25px 40px 0; text-align:center; color:#cbd9e2;}
#content .brandlist .brand_item img {}

#brands .brand { float: left; margin: 35px; }

#content .installateure {margin:0 13px 20px 0;width:740px;min-height:460px;}

#content #contact_form {margin:0 10px 0 5px; }
#content #contact_form input {background:#CBD9E2;padding:3px 5px;margin:2px;border:none;float:right;}
#content #contact_form #message_textarea {background:#CBD9E2;padding:3px 5px;margin:2px 0 2px 2px;border:none;}
#content #contact_form label {padding:0 10px 0 5px;float:left;}
#content #contact_form .left {float:left;}
#content #contact_form .right {float:right;}
#content #contact_form .submit_button {float:right;margin:10px 0;color:#D51B23;background:#FFFFFF;padding:0;font-size:13px;}
#content #contact_form fieldset {border:0 none;padding:0;}

#content .newsframe {background:#e6ebef;padding:15px;}
#content .newsframe .newstext {float:left;width:510px;}
#content .newsframe .newstext p {margin-bottom:10px;line-height:130%;}
#content .newsframe .newsimage {float:left;width:180px;margin:0 0 0 20px;}
#content .newsframe .newsimage .file {margin:20px 0 0 0;}
#content .newsframe .newsimage .file .download {display:block;margin:10px 0 0 0;padding:0 0 0 20px;background:transparent url(/_img/fileicon.gif) no-repeat 0 0;color:#4c565f;}
#content .newsframe .newsimage .info {margin-top:20px;}
#content .newsframe .newsimage .row {margin:10px 0;}

#content .gallery {position:relative;width:740px;height:381px;overflow:hidden;}
#content .gallery h1 {position:absolute;top:5px;left:10px;z-index:50;}
#content .gallery .sledge {position:absolute;top:0;left:0;min-width:740px;height:381px;z-index:10;background:#e6ebef;}
#content .gallery .sledge .imageframe {float:left;width:740px;height:381px;position:relative;}
#content .gallery .sledge .imageframe .image {position:absolute;top:0;left:0;}
#content .gallery .sledge .imageframe .title {position:absolute;top:320px;left:0;float:left;background:#e6ebef;padding:5px;color:#000;}
#galleryback {display:none;position:absolute;right:35px;bottom:0;z-index:20;width:25px;height:20px;background:url(/_img/pfeile/red_back.gif) no-repeat 0 0;text-indent:-5000px;cursor:pointer;z-index:50;}
#gallerynext {display:none;position:absolute;right:5px;bottom:0;z-index:20;width:25px;height:20px;background:url(/_img/pfeile/red_forward.gif) no-repeat 0 0;text-indent:-5000px;cursor:pointer;z-index:50;}
#galleryback.hover, #gallerynext.hover {background-position:0 -20px;}

#content .downloads {width:740px;}
#content .downloads .download {display:block;width:345px;float:left;margin:30px 0;padding:0 0 0 25px;background:transparent url(/_img/fileicon.gif) no-repeat 0 3px;color:#4c565f;}
#content .downloads .download .name {display:block;}
#content .downloads .download .date {display:block;font-size:10px;}

#form_error {position:absolute;color:#ccc;border:0!important;}
#form_error.error {color:#d51b23;}
#form_contact_frame {width:720px;height:170px;overflow:hidden;position:relative;margin:20px 0 0 20px;}
#form_contact_frame .input {background:#cbd9e2;padding:3px;border:1px solid #cbd9e2;color:#2d3634;width:210px;font-family:Arial,Helvetica,Sans-serif;font-size:12px;}
#form_contact_frame .textarea {background:#cbd9e2;padding:3px;border:1px solid #cbd9e2;color:#2d3634;width:200px;height:103px;font-family:Arial,Helvetica,Sans-serif;font-size:12px;}
#form_contact_frame .errors {display:none;}
#form_contact_frame .error {border:1px solid #d51b23;}
#form_contact_frame dt, #form_contact_frame dd {position:absolute;}
#firstname-label {top:5px;left:0;}
#firstname-element {top:5px;left:80px;}
#lastname-label {top:35px;left:0;}
#lastname-element {top:35px;left:80px;}
#email-label {top:65px;left:0;}
#email-element {top:65px;left:80px;}
#subject-label {top:95px;left:0;}
#subject-element {top:95px;left:80px;}
#comment-label {top:5px;left:370px;}
#comment-element {top:5px;left:450px;}
#form_contact_frame #form_error {top:130px;left:120px;}
#form_contact_frame #submit-element {top:130px;right:20px;}

#form_cooperation_frame {width:740px;height:225px;overflow:hidden;position:relative;margin:20px 0 0 0;}
#form_cooperation_frame .input {background:#cbd9e2;padding:3px;border:1px solid #cbd9e2;color:#2d3634;width:300px;font-family:Arial,Helvetica,Sans-serif;font-size:12px;}
#form_cooperation_frame .textarea {background:#cbd9e2;padding:3px;border:1px solid #cbd9e2;color:#2d3634;width:320px;height:103px;font-family:Arial,Helvetica,Sans-serif;font-size:12px;}
#form_cooperation_frame .errors {display:none;}
#form_cooperation_frame .error {border:1px solid #d51b23;}
#form_cooperation_frame dt, #form_cooperation_frame dd {position:absolute;}
#confirmation-label {top:5px;left:25px;width:700px;}
#confirmation-element {top:2px;left:-40px;}
#partnername-label {top:45px;left:5px;}
#partnername-element {top:65px;left:-35px;}
#contact_info-label{top:45px;left:390px;}
#contact_info-element{top:65px;left:350px;}
#schauraum-label{top:105px;left:5px;}
#schauraum-element{top:102px;left:40px;}
#form_cooperation_frame #submit-element{top:190px;right:20px;}
#form_cooperation_frame #form_error {top:165px;left:5px;}

#google_map { background-color: #d1d0cd; padding: 0; }
#google_map_static { margin: 0 50px; }
#google_map, #google_map_static, #google_map_dynamic { height: 251px; }

#brand_list {position:relative;margin:20px auto 10px auto;height:30px;width:1000px;overflow:hidden;}
#brand_list .sledge {list-style:none;margin:0;padding:0;width:5000px;}
#brand_list li {height:30px;float:left;margin:0 15px;padding:0;text-align:center;}

body.prepage {background:#e6ebee url(/_img/prepage/bg.png) repeat-x 0 0;}
#prepage {position:relative;width:1000px;margin:0 auto;min-height:650px;background:transparent url(/_img/prepage/sujet.jpg) no-repeat right 0;}
#prepage h1 {position:absolute;top:35px;left:0;width:303px;height:307px;background:transparent url(/_img/prepage/logo.png) no-repeat 0 0;text-indent:-5000px;}
#prepage h2 {position:absolute;top:405px;left:6px;width:273px;height:119px;background:transparent url(/_img/prepage/claim.png) no-repeat 0 0;text-indent:-5000px;}
#prepage a.link {position:absolute;top:550px;left:300px;display:block;width:25px;height:20px;background:url(/_img/pfeile/red_forward.gif) no-repeat 0 0;text-indent:-5000px;}
#prepage a.link:hover {background-position:0 -20px;}

.address_list { font-size: 90%; }
.address_list .address_text { margin: 10px 15px; padding-bottom: 25px; }
.address_list label, .address_list div.value { float: left; }
.address_list label { width: 50px !important; }
.address_box_bottom .address_list .address_text { margin-top: 0 !important; }

.content_box label, .content_box div.value { float: left; }
.content_box label { width: 120px; }

.highlighted {background-color:#4c5a67!important;}
.highlighted .text * {color:#fff!important;}
.highlighted .next {background:url(/_img/pfeile/red_forward.gif) no-repeat 0 0!important;}
.highlighted:hover .next {background-position:0 -20px;}

.cooperation h2 { margin-top: 0; }
.cooperation ul { margin-top: 15px !important; }
.cooperation li { margin: 5px 0 0 0 !important; font-size: 90%; list-style: square inside; }

/* special for energiespar messe */
#prepage a.messebutton {position:absolute;top:140px;right:10px;width:264px;height:160px;text-indent:-5000px;background:transparent url(/_img/button.png) no-repeat 0 0 ;}
#layout_content a.messebutton {position:absolute;top:110px;right:-10px;width:264px;height:160px;text-indent:-5000px;background:transparent url(/_img/button.png) no-repeat 0 0 ;z-index:1000;}