@charset "utf-8";
/* CSS Document */

* html body * { overflow:visible; } 

body { 
	font-size: 100.01%;
	text-align: left; 
	font-family:  Arial, Helvetica, sans-serif;
	background: transparent url(../../img/bg_tree.jpg) no-repeat top left;
	} 
html, body { height: 100.1%; }
	
html * { font-size: 100.01%; } 

html { background: #ede5c3 url(../../img/bg_solid.jpg); }

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, 
pre, form, p, blockquote, ul, li { 
	padding: 0;
	margin: 0;
	}
	
h1, h2 { color:#723d14; }
h1 { margin-bottom: 12px; font-size:24px; font-style:italic; }
h2 { margin-bottom: 20px; font-size: 16px; font-style:italic; }

div,p,strong,a,span { font-size:12px; }

p { line-height:14px; margin-bottom:14px; }

img { border:0; }

/* ### Farben ### */
.brown { color:#723d14; }


/* ###########################  LINKS ########################### */

.link { color:#6b6b10; line-height:18px; }
.pdf { 
	padding-top:2px;
	padding-left: 22px;
	background: transparent url("../../img/icons/pdf.gif") no-repeat scroll 0 50%; 
	}


#page { 
	width:980px;
	border:1px solid #8D744C;
	border-width:0 1px 0 1px;
	background: #EDE5C3 url(../../img/bg_tree_inside.jpg) no-repeat top left;
	margin-left: 7%;
	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	}

#page, #header {
	position: relative;
}
	
#header { height: 92px; }

#lang { position:absolute; top:-1px; right:10px; }
#lang a { display:block; }
.lang-german a { background: url(../../img/lang_deutsch.gif) no-repeat; }
.lang-german a:hover { background: url(../../img/lang_deutsch_over.gif) no-repeat; }
.lang-english a { background: url(../../img/lang_english.gif) no-repeat; }
.lang-english a:hover { background: url(../../img/lang_english_over.gif) no-repeat; }

#logo { position:absolute; top:5px; left:25px; width:230px; height:75px; background: transparent url(../../img/logos/logo_ecoterra.png) no-repeat; }
* html #logo { background: transparent url(../../img/logos/logo_ecoterra.gif) no-repeat; }


/* ###########################  MAIN-NAVIGATION ########################### */
#nav-container { position:absolute; top:40px; left:300px;   }
ul#mainnav { list-style:none; }
ul#mainnav li { 
	display:block; 
	float:left; 
	}
ul#mainnav li a { 
	display:block; 
	text-decoration:none; 
	color:#603404;
	margin-right:5px;
	padding: 0 0 0 25px;
	background: transparent url(../../img/navitem_bg_left.jpg) no-repeat; 
	}
ul#mainnav li a span { 
	display:block; 
	text-decoration:none; 
	color:#603404;
	padding: 8px 25px 8px 0;
	background: transparent url(../../img/navitem_bg_right.jpg) no-repeat top right; 
	}
	
ul#mainnav li a span { font-size:14px; font-weight:bold; }

ul#mainnav li a:hover, ul#mainnav li.selected a { background: transparent url(../../img/navitem_bg_left_over.jpg) no-repeat top left; }
ul#mainnav li a:hover span, ul#mainnav li.selected a span { background: transparent url(../../img/navitem_bg_right_over.jpg) no-repeat top right; }


/* ------------------------  MAIN-NAVIGATION : END ----------------------- */


.categ { float:left; display:inline; width:85px; margin-right:17px; margin-bottom: 27px; }
.categ img { display:block; margin-bottom:6px; }
.categ .txt { text-align:center; color:#6b6b10; text-transform:uppercase; font-weight:bold; }



/* ###########################  ADDITIONAL - CONTENT ########################### */
.img-txt { margin-bottom:23px; /*margin-bottom:27px;*/ }
.img-txt .left { float:left; display:inline; margin-right:9px; }
#addl-content h1 { 
	font-size:15px; 
	text-transform:uppercase;
	margin-bottom:5px;
	}

#addl-content h2 { 
	font-style:italic; 
	margin-bottom: 0px;
	color:#723D14;
	font-size:15px;
	} 
#addl-content p { margin-bottom:10px; } 

/* ------------------------  MAIN-NAVIGATION : END ----------------------- */


/* ############ main-content ############ */

#main-content { 
	float:left;
	width:578px;
	margin-left:32px;
	display:inline;
	}

#addl-content { 
	float:right;
	width:310px;
	margin-right:32px;
	display:inline;
	}

#visual { margin-bottom: 23px; }

.intro-txt { font-size:14px; line-height:18px; }

/* ############ FORMULAR ############ */
#contact-form fieldset {width:390px; border:1px solid #333300; padding:10px; margin:5px; text-align:left;}
#contact-form fieldset:hover {border-color:#C57622;}
#contact-form fieldset#checkbox input  {width:35px;}
#contact-form legend {font-size:1.1em; color:#333300; font-weight:bold; padding:5px; margin:5px; background:none;}
#contact-form label { color:#333300; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
#contact-form input { border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; width:240px; }
#contact-form input.cb { border-style:none; }

#contact-form input:focus {border-color:#C57622;}
#contact-form select {border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; background:#fff; width:100px;}
#contact-form option {color:#333300;}
#contact-form textarea {width:244px; border:1px solid #666; font-size:120%;}
#contact-form textarea:focus {border-color:#C57622;}
#contact-form .plz {width:50px;}
#contact-form .ort {width:180px;}
#contact-form .strasse {width:200px;}
#contact-form .hausnr {width:30px;}
#contact-form .nachricht { height:130px;}

/* ende style formular */


/* ############ FORMULAR ############ */
.tbl_prodlist .theader td { 
	color:#723d14; 
	font-size: 16px; 
	text-align:left; 
	height:30px; 
	vertical-align:middle; 
	border-bottom-width:0;
	font-weight:bold;
	}
.tbl_prodlist .theader2 td { color:#6B6B10; font-weight:bold; }	
.tbl_prodlist td { border-bottom: 1px dotted #6B6B10; height: 20px; vertical-align:middle; }
.tbl_prodlist td.noborder { border-width:0; }

/* ende style Produkte */


/* ### Clear-Fix ### */
.floatelement { float:left; }
.floatbox { overflow: hidden; }
* html .floatbox {width:100%;}
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* ### Clear-Fix : END ### */