/*------------------------------------------------------------------------------*/ /* --> WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Arial, Helvetica; background:#6d77b6;} /*------------------------------------------------------------------------------*/ /* --> TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{margin:0; padding:0; width:100%; background:url(../images/bg_top.gif) repeat-x #ffffff;} #top_container{width:960px; margin:0 auto;} #top_buttons{width:960px; height:22px;} #top_buttons_col_1{width:585px; float:left; display:inline; font-size:12px; color:#FFF; line-height:20px; } #top_buttons_col_1 a{color:#FFF; text-decoration:none;} #top_buttons_col_1 a:hover{color:#FFF; text-decoration:underline;} #top_buttons_col_2{width:200px; float:right; display:inline;} #top_col_1{width:133px; float:left; display:inline;} #top_col_2{width:798px; float:right; display:inline; margin-left:29px; padding:26px 0 0;} #top_col_2 ul{margin:0; padding:0; list-style:none;} #top_col_2 ul li{float:left; margin:0; padding:0;} #top_col_2 .contact_details{padding-top:28px; float:right;} #top_col_2 .contact_details img{border:0;} #top_buttons ul{margin:0; padding:0; list-style:none;} #top_buttons ul li{float:right; margin:0; padding:0;} #top_buttons li.at_home a{width:60px; height:22px; background: url(../images/button_home.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_buttons li.at_home a:hover{background:url(../images/button_home.gif) -60px 0px no-repeat; display: block;} #top_buttons li.at_home a.current{background: url(../images/button_home.gif) -60px 0px no-repeat; display:block;} #top_buttons li.for_business a{width:75px; height:22px; background: url(../images/button_business.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_buttons li.for_business a:hover{background:url(../images/button_business.gif) -75px 0px no-repeat; display: block;} #top_buttons li.for_business a.current{background: url(../images/button_business.gif) -75px 0px no-repeat; display:block;} /*------------------------------------------------------------------------------*/ /* --> TOP CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_content_body{width:100%; background:#ffffff;} #top_content_container{width:960px; height:242px; margin:0 auto; padding:25px 0 0;} #top_content_1{width:630px; height:242px; float:left; display:inline; background:url(../images/bg_top_col_1.gif) no-repeat;} #top_content_1 ul{margin:0; padding:0; list-style:none;} #top_content_1 ul li{display:inline; margin:0; padding:0;} #top_content_1 ul li img{border:0; padding:10px 0 0;} #top_content_1 ul li a{color:#FFF; text-decoration:none;} #top_content_1 ul li.business_1{background: url(../images/bussiness_1.jpg) no-repeat; width:320px; height:187px; padding:55px 20px 0 290px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:22px;} #top_content_1 ul li.business_2{background: url(../images/bussiness_2.jpg) no-repeat; width:320px; height:187px; padding:55px 20px 0 290px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:22px;} #top_content_1 ul li.business_3{background: url(../images/bussiness_3.jpg) no-repeat; width:320px; height:187px; padding:55px 20px 0 290px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:22px;} #top_content_1 ul li.business_4{background: url(../images/bussiness_4.jpg) no-repeat; width:320px; height:187px; padding:55px 20px 0 290px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:22px;} #top_content_2{width:270px; height:187px; padding:55px 20px 0 20px; float:left; display:inline; margin-left:20px; background:url(../images/bg_top_col_2.gif) no-repeat;} #top_content_2 p{margin:0; padding:0 0 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:22px; color:#FFFFFF;} #top_content_2 p img{float:right; padding:0; margin:0;} #top_content_2 p a{color:#ffffff;} #top_content_2 p a:hover{color:#ffc019;} /*------------------------------------------------------------------------------*/ /* --> MAIN CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{width:100%; background:#ffffff;} #main_container{width:960px; margin:0 auto; padding:20px 0 20px;} #main_col_1{width:630px; float:left; display:inline;} #main_col_2{width:310px; float:left; display:inline; margin-left:20px;} /*Font Styles*/ #main_col_1 h1{font-size:30px; margin:0; padding:0 0 16px; font-weight:normal; color:#fe9d01;} #main_col_2 h2{font-size:30px; margin:0; padding:0 0 16px; font-weight:normal; color:#fe9d01;} #main_col_1 h3{font-size:18px; margin:0; padding:0 0 10px; font-weight:normal; color:#164397; border-bottom:1px solid #cbcbcb;} #main_col_1 h4{font-size:16px; margin:0; padding:0; font-weight:bold; color:#7eb542; text-transform:uppercase;} #main_col_1 h4.top{padding:16px 0 16px 0;} #main_col_1 p{color:#35312e; margin:0; padding:0 0 16px; line-height:24px; font-size:14px;} #main_col_1 p strong{color:#7eb542;} #main_col_1 p img{float:left; padding:0; border:#e4e4e4 3px solid; margin:4px 15px 5px 0px;} #main_col_1 p img.none{border:0; margin:0; float:none;} #main_col_1 p a{color:#879e0f; text-decoration:underline;} #main_col_1 p a:hover{color:#f6960c; text-decoration:underline;} #main_col_1 .gallery{margin:0; padding:0;} #main_col_1 .gallery ul{margin:0; padding:16px 0 0; list-style:none;} #main_col_1 .gallery li{ float:left; padding-bottom:3px;} #main_col_1 .gallery li.padding{padding-left:5px;} #main_col_1 .gallery li img{border:0;} /* Lists */ #main_col_1 ol{padding:0 0 0 20px; margin:16px 0 0; } #main_col_1 ol li{color:#7f7f7f; line-height:18px; font-size:12px; padding-bottom:5px;} #main_col_1 ul{padding:10px 0 16px 15px; margin:0; font-family: Arial, Helvetica, sans-serif; } #main_col_1 ul li{color:#35312e; line-height:24px; font-size:14px; padding-bottom:5px;} #main_col_1 ul li a{color:#879e0f; text-decoration:underline;} #main_col_1 ul li a:hover{color:#f6960c; text-decoration:underline;} #main_col_2 ul{padding:0; margin:0px; list-style:none;} #main_col_2 ul li{margin:0; padding:0;} #main_col_2 li.list_electrical a{width:266px; height:75px; background: url(../images/list_electrical.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_2 li.list_electrical a:hover{background:url(../images/list_electrical.gif) -266px 0px no-repeat; display: block;} #main_col_2 li.list_inspection a{width:266px; height:75px; background: url(../images/list_inspection.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_2 li.list_inspection a:hover{background:url(../images/list_inspection.gif) -266px 0px no-repeat; display: block;} #main_col_2 li.list_gas a{width:266px; height:75px; background: url(../images/list_gas.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_2 li.list_gas a:hover{background:url(../images/list_gas.gif) -266px 0px no-repeat; display: block;} #main_col_2 .call_out{width:310px; height:180px; background: url(../images/emergency_call_out.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_2 .call_out ul{list-style:none; margin:0; padding:0;} #main_col_2 .partners{padding-top:20px;} /*Enquiry Form*/ #main_col_1 table{font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#35312e; line-height:18px; padding-top: 15px;} #main_col_1 tr{height: 45px;} #main_col_1 tr.bg{ background-color:#efefef;} #main_col_1 .enq_form{background-color:#ffffff; border: #9F9F9F 1px solid; font-family:Arial, Helvetica; font-size:12px; color:#4c4c4c; padding:3px; width:265px;} #main_col_1 .enq_form_button{height:36px; width:70px; background-image:url(../images/send_bg.gif); margin:10px 0px 0px 0px; padding:0px; background-repeat:no-repeat; border:0px; cursor:pointer;} /*------------------------------------------------------------------------------*/ /* --> FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; background:url(../images/bg_footer.gif) repeat-x #6d77b6;} #footer_container{width:960px; margin:0 auto;} #footer_col_1{width:810px; float:left; display:inline; padding-top:14px;} #footer_col_2{width:150px; float:right; display:inline; padding-top:14px;} #footer_container a{color:#ffffff; text-decoration:none;} #footer_container a:hover{color:#ffffff; text-decoration:underline;} #footer_col_1 p, #footer_col_2 p{font-size:12px; color:#ffffff; margin:0; padding:0; line-height:18px; font-weight:bold;} #footer_col_1 ul{margin:0; padding:5px 0 0; list-style-type: none;} #footer_col_1 li{margin:0; padding:0 5px 0 0; float:left; font-size:12px; color:#ffffff;} /*------------------------------------------------------------------------------*/ /* --> MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;} /**** noscript-Hinweis ****/ div#att {background-color: #fffeb8; border-bottom: 1px solid; height: 2.5em; line-height: 2.5em; position: absolute; top:0; width: 100%; text-align:center;} div#att p{background: transparent url(../images/att.png) no-repeat 0 46%; margin: 0; display: inline; padding: 6px 0 6px 26px;}