html, body, ol, ul, li, dl, dt, dd, img {margin: 0;padding: 0;border: 0;list-style: none;}

body {

padding: 0 380px; /* the critical side padding that sets the natural min-width! */ 

background: #e8eff5; /* this BG tiles the area outside the columns */

color: #000;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 

text-align: center; /* centers the #sizer element in IE5.x/win */

}



#sizer {

margin: 0 auto; /* centers #sizer in standard browsers */

padding: 0;

width: 20%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */

text-align: left; /* resets the default text alignment for the page */

max-width: 300px;

}



#expander { /* Any % height here causes IE to lose the neg right margin */

margin: 0 -380px; /* neg side margin values should be < or = to side body padding */

min-width: 760px; /* This prevents Safari from losing the negative margins in narrow windows */ 

position: relative; /* makes #expander visible outside #sizer in IEwin */

min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */

border-right:4px solid #73604d;

border-left:4px solid #73604d;

} 



/*\*/

* html #expander {height: 0;} 

/* #expander must have "height: 0" in IEwin bug fixing */

#wrapper1 {position: relative;

background: rgb(222,220,200); /* this BG tiles the left column */

font-size: 13px; /* set global font-size here */   

} /* this positioning may be needed for IEwin if page is to contain positioned elements */



/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 

marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {

background: #fff; /* this BG tiles the center column */

border-left: 2px solid #73604d; /*** Critical left divider dimension value ***/

margin-left: 220px;    /*** Critical left col width value ***/

}

.float-wrap {float: left;width: 100%;}

.center {float: right;width: 100%;border-left:2px solid #73604d;}

.left {

  float: left;

  position: relative; /* Needed for IE/win */

  width: 220px;    /*** Critical left col width value ***/

  margin-left:-222px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/

  text-align:left;

}

.centerbox {overflow: visible;width: 100%;background:#fff;min-height:650px;}

* html .centerbox{height:650px}

.container-left {color: #000;}

/*************** Header and Footer elements *****************/

.header{border-bottom:2px solid #73604d;height:200px;text-align:left;background:#73604d url(headhtg01.jpg) no-repeat 0 80px;overflow:hidden;width:100%}

.header h1{margin:0;padding:0}

#logo{height:70px;width:270px;background:transparent url(logo05.png) no-repeat 0 10px;display:inline;float:left}

#menu{padding-left:0;display:inline;float:right;margin-top:10px}



/* Suckerfish-Navigation*/



#nav{margin:0;padding:0;list-style:none;}

#nav li{display:inline;float:left;width:auto}

/*#nav li a#startnav{margin-left:200px}*/

#nav li a{padding:0 6px 0 24px;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;font-family: "Trebuchet MS", Arial, sans-serif;line-height:40px;display:block;border-left:1px solid #fff}

#nav li a:hover{color:#fc0}

#nav li a.current{background:transparent url(drop2.png) no-repeat 8px 14px;color:#fc0}

#nav ul{margin:0;padding:0;}



#nav li ul {

	position: absolute;

	width: 120px;

	left:-999em;

	background:#73604d;

	border-left:1px solid #fff;

	border-right:1px solid #fff;

	z-index:15;

}



#nav li ul li{width:120px;display:block;margin:0;padding:0;}

#nav li ul li a{font-size:12px;border:0;line-height:normal;padding:2px 3px 1px 20px;text-transform:none;display:block}

#nav ul li a.current{background-image:none}

#nav li:hover ul, #nav li.sfhover ul {

	left: auto;

	display:block;

	width:120px;

}

#nav li:hover ul#infosub, #nav li.sfhover ul#infosub, #nav li:hover ul#infosub li, #nav li.sfhover ul#infosub li{width:122px}

#nav li:hover ul#prodsub, #nav li.sfhover ul#prodsub, #nav li:hover ul#prodsub li, #nav li.sfhover ul#prodsub li{width:90px}

#nav li:hover ul#kontaktsub, #nav li.sfhover ul#kontaktsub, #nav li:hover ul#kontaktsub li, #nav li.sfhover ul#kontaktsub li{width:82px;border-right:0}



.footer{border-top:2px solid #73604d;background:#73604d;border-bottom:4px solid #73604d;text-align:center}

.footer p{line-height:22px;color:#fff;font-weight:bold}

.footer a{font-weight:bold;color:#fff;text-decoration:none}

.footer a:hover{color:#fc0;text-decoration:underline}







/************** Spacing Controls for various column contents ***************/







.textpadder {padding: 25px 15px 20px 20px;}





/************** Special Fixes *************/



.outer {word-wrap: break-word;}

/* Prevents long urls from breaking layout in IE, must 

be hidden in a conditional comment for CSS to validate */

/*

img {max-width: 100%;} 

*/

/* prevents oversize images from breaking layout in browsers that support max-width */



/* \*/

* html #wrapper1,

* html #wrapper2,

* html .outer a, 

* html .container-left, 

* html .outer,

* html h2,

{height: 1%;}

/* Holly hack */





#wrapper1,

#wrapper2,

.outer a, 

.container-left, 

.outer,

h2, 

{min-height: 1%;}

/* gives layout for IE7 */



/*** Variance fixes for IEwin ***/



/*\*/

* html .outer p {margin-right: -6px;}

/* */





/**************** Utility Rules *******************/



/*\*/ /*/

.leftnav a:hover {position: relative;}

/* this fixes an IEmac hover bug in the left column, hidden from other browsers */





.brclear { /* Use a break with this class to clear float containers */

  clear:both;

  height:0;

  margin:0;

  font-size: 1px;

  line-height: 0;

}









/* ------------LINKE SPALTE------------------- */

.left h1, .left h2, .left h3{font-size:18px;text-transform:none;font-family:"Trebuchet MS", Arial, sans-serif;color:#73604d}

.left a{color:#663}

.left a:hover{color:#000}

/* NAVIGATION LINKS */



.leftnav{margin:5px 0 10px 0;padding:0;font-size:15px;font-family:"Trebuchet MS", Arial, sans-serif;}



.leftnav ul{margin:2px 0 2px 8px;}

.leftnav li{margin:0;padding:0;text-align:left}

.leftnav a{color:#000;font-weight:bold;text-decoration:none}

.leftnav a:hover{color:#73604d;text-decoration:underline}

.leftnav ul li a{font-size:13px;letter-spacing:normal}

.leftnav ul li span{font-size:13px;color:#73604d;font-weight:bold;letter-spacing:normal}



/* WARENKORB-ANZEIGE LINKS */

.left .cartinfo{border:1px solid #73604d;margin-top:50px;padding:0 0 5px 0}

.left .cartinfo h3{font-size:12px;border-bottom:1px solid #73604d;text-transform:none;text-align:center;line-height:18px;margin-bottom:5px;padding:0;background:#73604d;color:#fff;margin-top:0}

.left .cartinfo p{margin-top:4px;margin-bottom:4px;margin-left:5px}

.left .cartinfo a{color:#000;font-weight:bold;text-decoration:none;margin-left:5px}

.left .cartinfo a:hover{color:#73604d;text-decoration:underline}

* html .left .cartinfo .form-search{padding-left:5px}



/*  CONTENT-BEREICH  */

* html .centerbox{padding-top:18px}



.centerbox .textpadder{padding-left:30px;padding-right:50px}

.centerbox h2{font-size:20px}

.centerbox h3{font-size:16px}

.centerbox a{color:#663}

.centerbox a:hover{color:#000}

/*.centerbox img.flleft{float:left;margin-right:6px;margin-bottom:2px}*/
.centerbox div.flleft{float:left;margin-right:6px;margin-bottom:2px}
.centerbox div.flleft .subtitle{font-size:9px;color:#999;}

.centerbox ul{margin-left:15px;padding-left:0;text-align:left}

.centerbox ul li{padding-left:15px;background:transparent url(dropbullet.png) no-repeat left center;margin-bottom:5px;}



/* Kostenrechnungstabelle */

table.kore{border:0;width:475px;margin-left:25px}

table.kore td{vertical-align:top}

table.kore td.sp1{text-align:left}

table.kore td.sp2{text-align:right}



table.kore td.sp51, table.kore td.sp52, table.kore td.sp53, table.kore td.sp54, table.kore td.sp55{text-align:left}

table.kore td.sp51{width:110px;padding-right:10px}



/*FAQ*/

div#pelletsqa, div#oilqa{background-color:#fff}

.qahead span{padding-right:5px}





/*formular*/

form, div#form-module-thanks{border:0;}

div#form-module-thanks{min-height:230px}

* html div#form-module-thanks{height:230px}

div#form-module-thanks p{margin-left:25px}

fieldset{border:0}

legend{display:none}

form label.text, form label.textarea{display:block;clear:both;font-size:11px;margin:0 0 3px 15px}

input.text, textarea{border:1px solid #73604d;width:350px;margin:0 0 10px 15px;background:#fff;font-size:11px;color:#000;font-family:Verdana, sans-serif}

input.checkbox{margin-left:15px;}

input.text{height:16px}

button{border:1px solid #73604d;background-color:rgb(222,220,200);color:#73604d;margin:45px 0 25px 150px;font-size:11px;font-weight:bold;padding:3px 7px}

button:hover, button.bthover{background:#73604d;color:#fff;cursor:pointer}

form p{margin-bottom:5px}



/*-- Style-Formular  --*/

fieldset{border:0}

legend{display:none}

#styleform form{border:0}

#styleform div.element{margin:10px 0 15px 15px;display:block;clear:both}

#styleform div.subelement{margin:5px 0 10px 40px}

#styleform span.inlineblock{display:inline;float:left;margin-right:25px}

#styleform .textformh2{font-size:13px;margin-bottom:0;margin-top:25px}

#styleform button{border:1px solid #73604d;background-color:rgb(222,220,200);color:#73604d;margin:45px 0 25px 150px;font-size:11px;font-weight:bold;padding:3px 7px}

#styleform button:hover, #styleform button.bthover{background:#73604d;color:#fff;cursor:pointer}

#styleform input.smalltext{border:1px solid #73604d;width:150px;margin:0 0 0 15px;background:#fff;font-size:11px;color:#000;font-family:Verdana, sans-serif;height:16px}

#styleform select{border:1px solid #73604d;font-size:11px;font-family:Verdana, sans-serif;margin-left:15px;}

#styleform input.checkbox{margin:0 0 0 15px;}

#styleform input.text, #styleform textarea{border:1px solid #73604d;width:350px;margin:0 0 10px 15px;background:#fff;font-size:11px;color:#000;font-family:Verdana, sans-serif}

#styleform input.text{height:16px}

#styleform label.text, #styleform label.textarea, #styleform label.select{display:block;clear:both;font-size:11px;margin:0 0 1px 15px}









/* Bestellformular */

form#orderform{margin-left:15px}

form#orderform p{margin:20px 0 5px 0;clear:both}

.orderelement{clear:both;height:25px}

.orderelement label{float:left;width:200px}

.orderelement input{border:1px solid #73604d; width:280px;height:16px; background:#fff; font-size:11px; color:#000; font-family:Verdana, sans-serif;float:left}

.orderbts{text-align:center;margin-top:50px;margin-bottom:25px}

.orderbts span{margin-left:30px}

div.agbdisplay{height:300px;border:1px solid #73604d;overflow:auto;margin-top:15px;margin-bottom:15px;padding:10px}

div.controladr{margin:0 0 65px 15px}

div.controladr p{text-transform:uppercase}

div.controlwk{margin:25px 0 55px 15px;padding-bottom:20px;border-bottom:1px solid #73604d;}



.orderview .station{padding:10px;border:1px solid #73604d;background:#fff}

.orderview a{text-decoration:none}

.orderview a:hover{text-decoration:underline}

.orderview .off{font-weight:normal;color:#999;}

.orderview .now, .orderview .korr{font-weight:bold;color:#000}

.orderview .error{font-weight:bold;color:#900;}

.orderview .compl{font-weight:bold;color:#090;}





/*Warenkorb*/

#wkhead{border-bottom:1px solid #73604d;margin-bottom:25px}

#wkhead .wktexte{margin-bottom:5px}



.wkblock{clear:both;}

.wkbild{float:left;margin:0px 10px 20px 0px;width:75px;}

.wktexte{float:right;display:block;width:395px;border:solid white 1px;margin:0px 0px 20px 0px;}

.wkname{float:left;display:block;width:145px;}

.wkanzahl{float:left;display:block;width:50px;text-align:center;}

.wkanzahl a{text-decoration:none;font-weight:bold;font-size:15px}

.wkpreis{float:left;display:block;width:100px;text-align:right;}

.wksummepreis{float:left;display:block;width:100px;text-align:right;}



.wkgesammtsummebez{float:left;display:block;width:365px;text-align:right;}

.wkgesammtsumme{float:right;display:block;width:80px;text-align:right;}

.wkkeinprodukt{color:#FFA500;width:100%;text-align:center;}



.wknettoprodukt{width:100%;text-align:right;}

.wklinkbestellen{width:100%;text-align:right;}





/* Produktdarstellung */

.produktlistebild{

	float:left;

	margin:0px 10px 0px 0px;

	width:150px;

	border:0;

}

.produktlistetexte{

	float:left;

	display:block;

    width:280px;

	margin:0px;

}

.trenner{

   	margin:10px 0px 10px 0px;

}

.produktlisteblock{

	clear:both;

        padding-bottom:15px;

        border-bottom:1px dotted #73604d;

}

.produktlistepreis{

	display:block;

	width:100%;

}

.produktlistedetaillink{

    width:434px;

	display:block;

	text-align:right;

    padding:10px 0px 0px 0px;

}

a.produktlink{

	text-decoration:none;

}





.produktdetailblock{

	clear:both;

}

.produktdetailbildblock{

	display:block;

	margin:0px 0px 10px 0px;

}

.produktdetailname{

	display:block;

	width:100%;

}

.produktdetailbild{

	display:block;

	float:left;

}

.produktdetailtextblock{

	float:right;

}



.produktdetailpreis{

	display:block;

}

.produktdetailwkllink{



}

.produktdetailartikelnummer{

	display:block;

}

.produktdetaildescription{

	display:block;

	width:100%;

	clear:both;

	color:#000000;

}





.produktlisteartikelnummer{

	display:block;



}

.produktteaserbild{

	float:left;

	width:150px;

	margin:0px 10px 0px 0px;

}

.produktteasertexte{

	float:left;

	display:block;

    width:282px;

	border:solid white 1px;

	margin:0px 0px 20px 0px;

}

.produktteaserdetaillink{

    width:434px;

	display:block;

	text-align:right;

    padding:0px 0px 10px 0px;

}



.warenkorblink{

   	color:#FFA500;

   	font-weight:bold;

}

.produktlink{

	color:#0076AC;

}



/* SITEMAP  */

ul.sitemaplevel1{margin-top:40px}

ul.sitemaplevel2{margin-left:0}

ul.sitemaplevel1 li{margin-bottom:20px}

ul.sitemaplevel2 li{margin-bottom:5px;padding-left:9px;background:transparent url(sitemapli.gif) no-repeat 0 5px}

ul.sitemaplevel1 a{color:#000}

ul.sitemaplevel1 a:hover{color:#663}

a.level1{font-size:14px;font-weight:bold;}

a.level2{text-decoration:none;font-size:12px;}