/*
// -----------------------------------------------------------------------
// site.css by orangepointsolutions Ltd., www.orangepointsolutions.de
// -----------------------------------------------------------------------
*/

@charset "utf-8";

body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.clearfloat {
	clear:both;
}

a img {
	border:none;
}

.oneColFixCtr {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	margin:0px;
	padding:0px;
	background:url(images/bg_wood.jpg) top center repeat;
}

.oneColFixCtr #shadowcontainer {
	width: 957px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	padding-left:40px;
	padding-right:40px;*/
	background-image:url(images/bg_shadow.png);
}
#footershadow {
	width: 897px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height:40px;
	background-image:url(images/shadow_bottom.png);
}

.oneColFixCtr #container {
	width: 877px;  
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-y;
	padding:0px;
	margin-left:40px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
* html .oneColFixCtr #container { margin-left:0px; }

#container #header {
	background-image:url(images/bg_header.jpg);
	background-repeat:no-repeat;
	height:118px;
}

#container #contentheader {
	background-image:url(images/bg_content_header.jpg);
	background-repeat:no-repeat;
	height:464px;
}

#container #content {
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-y;
	padding-left:40px;
	padding-right:20px;
	padding-bottom:50px;
}

#content #leftCol { float:left; }
#content #rightCol { float:right; padding-top:15px; width:330px; text-align:center; }

#container #content .textbox_top {
	background-image:url(images/bg_text_white_top.png);
	padding-top:0px;
	padding-bottom:0px;
	width:460px;
	height:14px;
}

#container #content .textbox, #container #content .textboxdropout {
	background-image:url(images/bg_text_white.png);
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:15px;
	margin-bottom:25px;
	width:400px;
}

#container #content .textboxdropout, #container #content .dropout { display:none; }

#container #content .textbox_bottom {
/*	background-image:url(images/bg_text_white_bottom.png); */
	margin:0px;
	padding:0px;
	padding-right:20px;
	width:440px;
	text-align:right;
}

#container #content .formbox {
	clear:left;
	background-image:url(images/bg_tab_preisliste.jpg);
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	margin-bottom:25px;
	width:420px;
}
#container #content .formbox p { color:#804f12; }

.kurtblue, .kurtorange, .kurtgreen { 
	display:none; 
	margin:0px; 
	padding:0px; 
}

/*
// -----------------------------------------------------------------------
// tab navigation Preisliste
// -----------------------------------------------------------------------
*/

.tabnavi #box1tab1, #box2tab1, #box3tab1, #box4tab1, 
.tabnavi #box1tab2, #box2tab2, #box3tab2, #box4tab2,
.tabnavi #box1tab3, #box2tab3, #box3tab3, #box4tab3 { 
	float:left;
	height:20px; 
	text-align:center;
	padding-top:5px;
	margin:0px;
} 

.tabnavi #box1tab1, #box2tab1, #box3tab1, #box4tab1 {
	width:135px; 
	border-right:1px solid #663300;
}

.tabnavi #box1tab2, #box2tab2, #box3tab2, #box4tab2 { 
	width:159px; 
	border-left:1px solid #663300;
	border-right:1px solid #663300;
} 

.tabnavi #box1tab3, #box2tab3, #box3tab3, #box4tab3 { 
	width:120px; 
	border-left:1px solid #663300;
}

.tabnavi #box4tab2 { width:280px; } 

.tabnavi .active { background-color:#D8C5A3; border-bottom:1px dotted #663300 }
.tabnavi .inactive { background:url(images/bg_tab.jpg) top repeat; }


#container #content .formbox .tabnavi { 
	height:24px; 
	border:1px solid #663300; 
	margin:0px;
	padding:0px;
}
* html #container #content .formbox .tabnavi { border-bottom:none; }

#container #content .formbox .tabnavi a {
	font-size:11px; 
	color:#D8C5A3;
}
#container #content .formbox .tabnavi .active a { color:#9e4800; }
#container #content .formbox .tabnavi .inactive a { }

#container #content .formbox .formboxContent, #container #content .formbox .formboxContentHide {
	background-color:#D8C5A3; 
	margin:0px;
	padding:15px; 
	border:1px solid #663300;
}
* html #container #content .formbox .formboxContent { border-top:none; }
#container #content .formbox .formboxContentHide { display:none; }

#container #content #box1.formbox .formboxContent, #container #content #box1.formbox .tabnavi a.active { background-color:#d8c5a3; }
#container #content #box2.formbox .formboxContent, #container #content #box2.formbox .tabnavi a.active { background-color:#c1b195; }
#container #content #box3.formbox .formboxContent, #container #content #box3.formbox .tabnavi a.active { background-color:#ad9e84; }
#container #content #box4.formbox .formboxContent, #container #content #box4.formbox .tabnavi a.active { background-color:#c1b195; }


#container #footer {
	background-image:url(images/bg_footer.jpg);
	background-repeat:no-repeat;
	height:44px;
/*	margin-top:55px;*/
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
}

#bottommargin { height:60px; background-image:none; }

/*
// -----------------------------------------------------------------------
// main navigation
// -----------------------------------------------------------------------
*/

#navi {
	margin:0px;
	padding:0px;
	padding-top:38px;
	padding-left:25px;
}

#navi img {
	float:left;
	margin:0px;
	padding:0px;
	margin-right:14px;
}

/*
// -----------------------------------------------------------------------
// splash image
// -----------------------------------------------------------------------
*/

#container #contentheader #splash {
	margin-top:63px;
	margin-left:250px;
}

/*
// -----------------------------------------------------------------------
// Lieferservice
// -----------------------------------------------------------------------
*/

th, td {
	color:#804f12;
	border-bottom:1px dashed #BB9773;
}

th.mid, td.mid {
	border-left:1px dashed #BB9773;
	border-right:1px dashed #BB9773;
	padding-left:3px;
}

/*
// -----------------------------------------------------------------------
// images and promos
// -----------------------------------------------------------------------
*/

.imgborder {
	background:url(images/frame_large.gif) no-repeat;
	background-position:center;
	margin-top:5px;
	padding-top:12px;
	padding-bottom:15px;
}

#thumbbox img {
	background:url(images/frame_small.gif) no-repeat;
	background-position:center;
	margin:6px;
	padding:6px;
	float:left;
}

#thumbbox.holzarten img {
	background:url(images/frame_slim.gif) no-repeat;
	background-position:center;
	margin:8px; 
	padding:8px;
	float:left;
}

#thumbbox.holzarten .desc {
	margin:0px;
	padding:0px;
}

.smallpromo {
	background:url(images/small_promo_holder.gif) no-repeat;
	background-position:center;
	margin-top:25px;
	padding-top:35px;
	padding-bottom:15px;
	height:35px;
}

/*
// -----------------------------------------------------------------------
// typo
// -----------------------------------------------------------------------
*/

h1 {
	font-size:26px;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:-1px;
	color:#9e4800;
	margin:0px;
	padding:0px;
}

h2 {
	font-size:22px;
	font-weight:normal;
	color:#3e4e1c;
	margin:0px;
	padding:0px;
}

p {
	font-size:16px;
	font-weight:normal;
	color:#002f2f;
	margin:0px;
	padding:0px;
}

a {
	font-size:16px;
	font-weight:normal;
	color:#9e4800;
	margin:0px;
	margin-bottom:16px;
	padding:0px;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

q {
	font-size:22px; 
	font-style:italic; 
	text-align:left; 
	font-weight:normal; 
	color:#3e4e1c;
}
.quotesrc { font-size:18px; font-style:italic; color:#3e4e1c; }

.Preisliste h1 { float:left; margin-bottom:15px; }
.Preisliste h2 { float:left; margin-left:5px; font-size:21px; font-variant:small-caps; padding-top:5px;}
.Preisliste .textbox_top { clear:left; }

.copyright, #footer #navi, #footer #navi a {
	font-size:22px;
	font-weight:normal;
	color:#3e4e1c;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.copyright { float:left; }

#footer #navi { float:right; }

#footer #navi li {
	display:inline;
	margin-left:5px;
}

#footer #navi a:hover { text-decoration:underline; }

.impressumAgentur {
	font-size:11px;
	color:#666666;
}

/*
// -----------------------------------------------------------------------
// Formulare
// -----------------------------------------------------------------------
*/

#container #content .formbox #box1 { background-color:#d8c5a3; }
#container #content .formbox #box2a { background-color:#cfbb9c; }
#container #content .formbox #box2 { background-color:#c1b195; }
#container #content .formbox #box3 { background-color:#ad9e84; }

#Kontakt label, #Bestellung label { color:#9e4800; width:80px; display:block; float:left; margin-top:12px; padding:8px; }
#Kontakt input.text, #Kontakt textarea, #Kontakt input.submit,
#Bestellung input.text, #Bestellung input.preis, #Bestellung input.menge, #Bestellung input.termin, #Bestellung textarea, #Bestellung input.submit { 
	background-color:#754913; 
	width:230px; 
	display:block; 
	float:left; 
	margin:4px;
	padding:8px;
	border:1px solid #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#eeecbc;
}
#Kontakt input.submit, #Bestellung input.submit { width:200px; cursor:pointer; }
/*#Kontakt label { clear:left; margin-top:6px; }*/

/* Bestellformular */

#Bestellung td, #Bestellung th { border-bottom-style:dotted; }
#Bestellung select { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#eeecbc;
	width:170px; 
	background:#754913; 
	padding:6px; 
	border:none; 
}
#Bestellung .firstoption { color:#AAAAAA; }
#Bestellung input.preis, #Bestellung input.submit, #Kontakt input.submit { background-color:#BC924A; color:#000; width:170px; }
#Bestellung input.menge { width:100px; padding-top:6px; padding-bottom:6px; }
#Bestellung input.termin { width:150px; }
#Bestellung input.text, #Bestellung textarea, #Bestellung input.submit {  }
#Bestellung label { margin-top:0px; width:80px; }

#Bestellung #infoEinheit { width:60%; padding-top:0px; }
#Bestellung #infoLink { font-size:12px; font-variant:small-caps; }
#Bestellung #Info { font-size:12px; }
#Bestellung #PreisInfo { font-size:12px; text-align:right; padding-right:5px; }
#Bestellung .formInfo { font-size:12px; text-align:left; padding-left:5px; }

/*
// -----------------------------------------------------------------------
// IE6 specifics
// -----------------------------------------------------------------------
*/

img, div { behavior: url(iepngfix.htc) } /* IE6 PNG Alpha Fix by Angus Turnbull, www.twinhelix.com, licensed under the GNU LGPL, version 2.1 or later */ 

