* {margin:0; padding:0;}
html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#818286; height:100%;}
/* ::: ::: BASIC INFORMATIONS ::: ::: */
h1{font-size:1.9em; color:#BBBDC0; margin:0.05em 0em 0em 0em;}
h2{font-size:1.2em; color:#808285; margin:0.3em 0em 0.5em 0em;}
h3{font-size:1.2em; color:#808285; margin:0.3em 0em 0.5em 0em;}
p{margin-top:0px; margin-bottom:20px;}
a{text-decoration:none; color:#818286;}
a:hover{text-decoration:none; color:#ED1B24}
ol, ul {list-style:square inside;}
li {margin-bottom:3px;}
img{border:0;}
/* ::: ::: END ::: ::: */
.fliesstextweiss {color:#ffffff;}
.fliesstextlink {color:#e10000;}
#mainbox{width:965px; min-height:100%; height:auto !important; height:100%; position:relative; margin:0 auto 0 auto; background:url(pics/bg_footer.gif) top left repeat-y #fff;}
#header{width:100%; height:90px; background:#231F20; border-bottom:5px solid #818286; border-top:30px solid #818286;}
#header img{margin:25px 0px 0px 30px;}
#leftside{float:left; width:232px; border-right:2px solid #818286; font-size:11px;}
#navigation{float:left; width:232px; min-height:257px; background:#404040;}
/* ... ::: IF JAVA SCRIPT IS OFF ::: ...*/
#navigation ul{list-style:none; margin-top:5px;}
#navigation li {color:#454545; }
#navigation a {}
/* ... ::: IF JAVA SCRIPT IS OFF END ::: ...*/
#navigation li.home, #navigation li.nav_sub {background:url(pics/bg_hpt_nav.gif) repeat center right;}
#navigation li.home a.main, #navigation li.nav_sub a.main{background:url(pics/pfeil_hpt_nav.gif) no-repeat center right; padding-left:30px; display:block; width:202px;}
#navigation li.home a:hover.main /*, #navigation li.nav_sub a:hover.main */{background:url(pics/pfeil_hpt_nav_hover.gif) no-repeat center right #818286; color:#fff;}
/*
#navigation li.nav_sub a:hover.main{background:url(pics/pfeil_hpt_nav_hover_v.gif) no-repeat center right #818286; color:#fff;}
*/
#navigation li.nav_sub a.main:hover, #navigation li.nav_sub a.main:focus, #navigation li.nav_sub a.main:visited:hover, #navigation li.nav_sub a.main.udmR, #navigation li.nav_sub a.main.udmR:visited, #navigation li.nav_sub a.main:active{background:url(pics/pfeil_hpt_nav_hover_v.gif) no-repeat center right #818286; color:#fff;}
#navigation li.nav_sub_active a.main{background:url(pics/pfeil_hpt_nav_hover_v.gif) no-repeat center right #818286; color:#fff; padding-left:30px;}
#searchfield{clear:both; color:#fff; background:#404040; width:219px; padding: 20px 0px 13px 13px;}
#searchfield p{margin:0 0; padding-left:17px;}
input{}
input.text{border:2px solid #828186; width:175px; height:21px;}
input.button_search{width:25px; height:32px; background:url(pics/pfeil_search.gif) no-repeat bottom right; border:0px; cursor:pointer;}
input.button_search:hover{}
#rowi_inside{clear:both; background:#58595B; width:219px; padding:10px 0px 10px 13px;}
#leftside_kontakt{clear:both; background:#fff; padding:20px 0px 20px 13px;}
#leftside_kontakt img{margin-bottom:3px;}
#rowi_inside p, #leftside_kontakt p{float:left; margin:0px 4px 5px 0px; width:158px; height:21px; line-height:21px; padding-left:17px; background:url(pics/bg_hpt_nav.gif) repeat-y top right; border:2px solid #828186;}
#rowi_inside a p, #leftside_kontakt a p{color:#fff; display:block;}
#rowi_inside a:hover p, #leftside_kontakt a:hover p{background:#818286; cursor:pointer;}
#content_main{background:url(pics/) no-repeat top left #fff; width:731px; float:right;}
#content_start{width:731px; height:334px; background:url(pics/bg_startseite.jpg) no-repeat top left;}
#content_start ul{list-style:none; position:relative; top:265px; left:15px; height:55px; width:715px;}
#content_start li{height:55px; width:60px; float:left;}
/* ... ::: druckluft ::: ... */
#content_start li.druckluft{position:relative; top:0px; left:0px;}
#content_start li.druckluft a{background:url(pics/druckluft_a.jpg) no-repeat top left; display:block;}
#content_start li.druckluft a:hover{background:url(pics/druckluft_b.jpg) no-repeat top left;}
/* ... ::: heiztechnik ::: ... */
#content_start li.heiztechnik{position:relative; top:0px; left:32px;}
#content_start li.heiztechnik a{background:url(pics/heiztechnik_a.jpg) no-repeat top left; display:block;}
#content_start li.heiztechnik a:hover{background:url(pics/heiztechnik_b.jpg) no-repeat top left;}
/* ... ::: schweisstechnik ::: ... */
#content_start li.schweisstechnik{position:relative; top:0px; left:64px;}
#content_start li.schweisstechnik a{background:url(pics/schweisstechnik_a.jpg) no-repeat; display:block;}
#content_start li.schweisstechnik a:hover{background:url(pics/schweisstechnik_b.jpg) no-repeat ;}
/* ... ::: reinigen ::: ... */
#content_start li.reinigen{position:relative; top:0px; left:96px;}
#content_start li.reinigen a{background:url(pics/reinigen_a.jpg) no-repeat top left; display:block;}
#content_start li.reinigen a:hover{background:url(pics/reinigen_b.jpg) no-repeat top left;}
/* ... ::: gartentechnik ::: ... */
#content_start li.gartentechnik{position:relative; top:0px; left:128px;}
#content_start li.gartentechnik a{background:url(pics/gartentechnik_a.jpg) no-repeat top left; display:block;}
#content_start li.gartentechnik a:hover{background:url(pics/gartentechnik_b.jpg) no-repeat top left;}
/* ... ::: bearbeitung ::: ... */
#content_start li.bearbeitung{position:relative; top:0px; left:160px;}
#content_start li.bearbeitung a{background:url(pics/bearbeitung_a.jpg) no-repeat top left; display:block;}
#content_start li.bearbeitung a:hover{background:url(pics/bearbeitung_b.jpg) no-repeat top left;}
/* ... ::: wasser ::: ... */
#content_start li.wasser{position:relative; top:0px; left:192px;}
#content_start li.wasser a{background:url(pics/wasser_a.jpg) no-repeat top left; display:block;}
#content_start li.wasser a:hover{background:url(pics/wasser_b.jpg) no-repeat top left;}
/* ... ::: klima ::: ... */
#content_start li.klima{position:relative; top:0px; right:15px; float:right;}
#content_start li.klima a{background:url(pics/klima_a.jpg) no-repeat top left; display:block;}
#content_start li.klima a:hover{background:url(pics/klima_b.jpg) no-repeat top left;}
/* EVOLUTION
#content_start_text{clear:both; margin:23px 15px 0px 15px; color:#fff; font-size:10px;}
#content_start_text a{color:#EE7D0C;}
#content_start_text a:hover{color:#A5A5A5; text-decoration:none;}
#content_start_text_left{float:left; background:url(pics/evolution.gif) top left no-repeat #fff; border:2px solid #EE7D0C;width:695px; color:#000;}
#content_start_text_left p{padding:65px 0px 0px 20px; line-height:11px;}
#content_start_text_left img{float:right; margin:1px 1px 0px 0px;}
#content_start_text_left a{color:#737373; display:block; width:100%;}
#content_start_text_left a:hover{color:#000;}
#content_start_text_left .orange{color:#EE7D0C;}
#teaser_bilder{float:right;display:block;height:150px;width:150px;background:#fff; border:2px solid #ccc;margin:10px;}
#content_start_text_center{float:left; background:url(pics/pfeil_weiss.gif) no-repeat 96% 90% #4C4C4E; width:225px; height:84px; margin-left:13px;}
#content_start_text_center p{padding:0.5em 0.85em;}
#content_start_text_right{float:right; background:url(pics/pfeil_weiss.gif) no-repeat 96% 90% #4C4C4E; width:225px; height:84px;}
#content_start_text_right p{padding:0.5em 0.85em;}
END EVOLUTION */
/* HULK */
#content_start_text{position:relative;clear:both; margin:23px 15px 0px 15px; color:#fff; font-size:10px;}
#content_start_text a{color:#EE7D0C;}
#content_start_text a:hover{color:#A5A5A5; text-decoration:none;}
* html #content_start_text{position:static;}
* html span.btn_mehr{position:absolute; top:595px; left:730px;}
#content_start_text_left{float:left; border:2px solid #898A8C; width:695px; color:#000; margin-bottom:20px;}
#content_start_text_left p{padding:5px 0px 0px 0px; font-size:18px; font-weight:bold; color:#898A8C;}
#content_start_text_left img{}
#content_start_text_left a{color:#737373; display:block; width:100%;}
#content_start_text_left a:hover{color:#000;}
#content_start_text_left .orange{color:#EE7D0C;}
#content_start_text_left span{color:#E31E2D; font-size:28px;}
#teaser_bilder{float:left; display:block; height:140px; width:120px; background:#fff; margin-right:10px; margin-left:15px;}
#content_start_text_center{float:left; background:url(pics/pfeil_weiss.gif) no-repeat 96% 90% #4C4C4E; width:225px; height:84px; margin-left:13px;}
#content_start_text_center p{padding:0.5em 0.85em;}
#content_start_text_right{float:right; background:url(pics/pfeil_weiss.gif) no-repeat 96% 90% #4C4C4E; width:225px; height:84px;}
#content_start_text_right p{padding:0.5em 0.85em;}
span.btn_mehr{position:absolute; top:115px; right:112px;}
.content_start_text_left_detail{float:left; clear:right; background:url(pics/teaser_start/bg_detail_teaser.gif) top left no-repeat #fff; border:2px solid #898A8C;width:695px; height:215px;}
.content_start_text_left_detail h1{font-size:20px; font-weight:bold; color:#898A8C; margin:0px 0px 5px 100px;}
.content_start_text_left_detail h1 span{font-size:31px;}
.content_start_text_left_detail p{color:#2D2C2E; font-size:11px; width:540px; margin-left:137px; text-align:justify; margin-bottom:10px;}
.content_start_text_left_detail span{color:#E31E2D;}
.kleintxt{float:left;}
/* END HULK */
#breaker{height:65px; width:965px; clear:both;}
#footer{clear:both; position:absolute; bottom:0px; height:35px; width:965px; background:url(pics/bg_footer.gif) top left repeat-y; border-bottom:30px solid #818286;}
#footer p{margin:0px 0px; color:#818286; padding-left:13px; line-height:35px; font-size:0.85em;}
#footer p a:hover{text-decoration:underline;}
/* ... ::: CONTENT-SITE ::: ... */
#navigation li.subnav{width:212px; float:right; margin:0 0; background:#4D4D4F;}
#navigation li.subnav a.main{padding:0px 0px 0px 10px; border-bottom:1px solid #58595B; margin:0 0; color:#fff; background:url(pics/pfeil_hpt_nav.gif) no-repeat center right;}
#navigation li.subnav a.main:hover{background:url(pics/pfeil_hpt_nav_hover.gif) no-repeat center right #231F20;}
#navigation li.subnav a.main:hover, #navigation li.subnav a.main:focus, #navigation li.subnav a.main:visited:hover, #navigation li.subnav a.main.udmR, #navigation li.subnav a.main.udmR:visited, #navigation li.subnav a.main:active{background:url(pics/pfeil_hpt_nav_hover.gif) no-repeat center right #231F20;}
#navigation li.subnav_active{width:212px; float:right; margin:0 0; background:#4D4D4F;}
#navigation li.subnav_active a.main{background:url(pics/pfeil_hpt_nav_hover.gif) no-repeat center right #231F20; padding:0px 0px 0px 10px; border-bottom:1px solid #58595B;}
#navigation li.subnav_active a:hover.main{color:#fff;}
#navigation li.subnav_aktiv{width:212px; float:right; margin:0 0; background:#4D4D4F;}
#kruemel{color:#818286;}
#kruemel ul{list-style:none; padding-left:10px; line-height:22px; background:url(pics/bg_kruemel.gif) no-repeat top left;}
#kruemel li{display:inline;}
#kruemel a{}
#kruemel a:hover{text-decoration:none;}
h1 .ecke{color:#808285;}
/* ... ::: SUB_CONTENT-SITE ::: ... */
#sub_content{background:url(pics/bg_content_01.jpg) top left no-repeat; min-height:143px;}
#sub_content h1{margin-left: 50px; padding-top: 3px;}
#sub_content_text{margin:95px 0px 0px 45px; width:590px;}
#sub_content_text p{line-height:16px; color:#404040;}
/* ... ::: PRODUKT_CONTENT-SITE ::: ... ... ::: produkt01 ::: ... */
#produktuebersicht_content{height:435px;}
#produktuebersicht_content h1{margin:10px 0px 0px 50px;}
#produktuebersicht_content_text{margin:20px 0px 0px 75px;}
#produktuebersicht_content_text ul{font-size:1.3em; font-weight:bold; list-style-image:url(pics/pfeil_produktuebersicht.gif); list-style-position:outside; margin-left:17px;}
#produktuebersicht_content_text li{margin-bottom:15px;}
#produktuebersicht_content_text a{}
#produktuebersicht_content_text a:hover{}
/* ... ::: PRODUKT_CONTENT-SITE ::: ... ... ::: produkt02 ::: ... */
#produktunterseite_content{min-height:124px;}
#produktunterseite_content h1{color: #000000; margin:22px 0px 0px 50px;}
#produktunterseite_content_text{margin:103px 0px 0px 0px;}
#produktliste_top{border-bottom:1px dotted #fff; min-height:45px; padding:10px 0px 15px 0px;}
#produktliste{border-top:1px dotted #848589; min-height:45px; padding:10px 0px 15px 0px; margin-top:-1px; }
#produktliste a, #produktliste_top a{color:#848589;}
#produktliste a:hover, #produktliste_top a:hover{color:#000; cursor:pointer;}
#produktlistenbild{float:left; padding:0px 15px 0px 50px;}
#produktlistentext{float:left;}
#produktlistentext h2{background:url(pics/pfeil_produktuebersicht.gif) center left no-repeat; padding-left:25px;}
#produktlistentext p{width:425px; padding-left:25px;}
/* ... ::: PRODUKT_CONTENT-SITE ::: ... ... ::: produktdetail ::: ... */
#produktdetailseite_content_text{margin:60px 0px 0px 0px; background: #ffffff;}
#produktdetail{}
#produktdetailbild{float:left; width:300px; text-align:center;}
#produktdetailtext_right{padding:25px 0px; float:left; }
#produktdetailtext{min-height:218px;}
#produktdetailtext p{width:385px;}
#produktdetail_more{color:#ffffff; clear:both; padding:20px 0px 20px 0px; width:190px; margin:0 auto;}
#produktdetail_more img{margin-bottom:3px; float:right;}
#produktdetail_more p{color:#ffffff; float:left; margin:0px 4px 5px 0px; width:158px; height:21px; line-height:21px; background:#767779; border:2px solid #828186;}
#produktdetail_more a p{color:#ffffff; display:block;}
#produktdetail_more a:hover p{background:#818286; cursor:pointer;}
#produktdetail_infos{}
.produktdetail_infos_left p{color:#ffffff; float:left; margin:0px 4px 5px 0px; width:135px; height:21px; line-height:21px; background:#767779; border:2px solid #828186;}
.produktdetail_infos_left a p{color:#ffffff; display:block; text-align:center;}
.produktdetail_infos_left a:hover p{color:#ffffff; background:#404040; cursor:pointer;}
.produktdetail_infos_left a.active p{color:#ffffff; background:#404040; cursor:pointer;}
.produktdetail_infos_left {float:left; margin-right:20px;}
#produktdetail_t_daten{clear:both; width:385px; padding-top:0px;}
#produktdetail_t_daten_head{background:#D2D3D5; padding:5px 5px; font-weight:bold; border-bottom:1px solid #fff; font-size:1.1em;}
#produktdetail_t_daten_content{background:#E6E7E9; padding:3px 5px; border-bottom:1px solid #fff;}
.beschr{float:left; width:50%;}