/* CSS fur tt_products */
@import url("tt_products.css");

/* CSS Document */
/* Farben
hellbraun #F2E5D0
dunkelrot #570201
*/

html, body 	{ height:100%; margin:0; padding:0;}
a, img 		{ border:none; margin:0; padding:0;}
:root html { overflow: scroll;}


body		{ background:#010005 url(../img/body_bg.jpg) repeat-y center top fixed }
:root body { background-position:49.9% top!important;} /* FF Bug */

#logo		{ position:fixed; width:270px; height:177px; background:url(../img/essighuesli.gif) no-repeat top left; margin-left:-445px; left:50%; top:0px}
#printlogo	{ display:none}
#navi		{ position:fixed; width:240px; margin-left:-430px; left:50%; top:177px; padding:3px 0px 10px; background-color:#fff; text-align:center; z-index:7}

#adresse	{ position:fixed; width:270px; height:145px; margin-left:-445px; left:50%; background:url(../img/links_bottom.gif) no-repeat bottom left; bottom:0px}
#adresse div { position:absolute; margin:0px 20px 0px 20px; padding:5px 3px; bottom:20px; background-color:#fff; border:solid 1px #990b00; font: normal 12px/1.4em Georgia, "Times New Roman", Times, serif; text-align:center}
	#adresse div a:link, #adresse div a:visited { color:#000; text-decoration:none}
	#adresse div a:hover { color:#333; text-decoration:underline}
#wem	{ position:absolute; bottom:5px; left:20px}
	#wem a:link, #wem a:visited, #wem a:hover { font:normal 9px "Segoe UI", Arial, Helvetica, sans-serif; text-decoration:none}
#titel		{ position:absolute; margin-left:-70px; left:50%; top:100px; z-index:20}
#content 	{ position:absolute; margin:178px 20px 0px -130px; left:50%; top:0px; width:570px; background:url(../img/perga_bg.png) repeat-y; z-index:20}
#continner	{ margin:0px 40px 20px 60px; font:normal 12px/1.3em Georgia, "Times New Roman", Times, serif;}

#holz		{ position:fixed; width:587px; height:132px; margin-left:-137px; left:50%; top:0px; background-image:url(../img/holz_top.jpg); z-index:10}
#pergatop	{ position:absolute; width:585px; height:158px; top:20px; margin-left:-130px; left:50%; background:url(../img/perga_top.png); z-index:15}
#pergament	{ position:absolute; margin:0px 20px 0px -130px; left:50%; top:0px; width:570px; height:100%; background:url(../img/perga_bg.png) repeat-y 0px 178px; z-index:5;  }
#minibasket { position:fixed; margin:0px 0px 0px 70px; left:50%; top:2px; width:300px;  z-index:12;
				font:normal 11px Georgia, "Times New Roman", Times, serif; text-align:center; color:#570201 }
.tt_products_minibasket { height:50px; background:url(../img/postit.gif) no-repeat center top; padding-top:8px}
.tt_products_minibasket	a:link, .tt_products_minibasket	a:visited { text-decoration:none;}	
		
.subnavi	{ position:relative; width:240px; margin-top:-6px; padding-bottom:10px; text-align:center; font:normal 12px Georgia, "Times New Roman", Times, serif; background:#FFFFFF url(../img/submenu_bottom.gif) no-repeat center bottom }
.subnavi a 	{ display:block;}
.subnavi a:link, .subnavi a:visited{ color:#990b00; text-decoration:none }
.subnavi a:hover { color:#000; text-decoration:none }
.subact a {color:#570201!important; font-weight:bold;}

input, textarea, select { background-color:#F2E5D0; border:solid 1px #570201}

/* Typo3 */
.csc-frame			{ padding:1px 3px 2px 5px}
	.csc-frame .bodytext { font-size:12px;}
	.csc-frame .csc-header { margin:0px!important; }
	.csc-frame .csc-header h1 { font-size:15px!important}
.csc-frame-frame1	{ border:solid 1px #570201; background:url(../img/bg_rahmen1.png)}
.csc-frame-frame2	{ border:solid 2px #fff; background:url(../img/bg_rahmen1.png)}


/* Header */
.csc-header, .csc-textpicHeader		{ margin:20px 0px 10px; clear:both}
.csc-header-n1	{ margin:0px 0px 10px !important;}

h1 { margin:0; font:bold 18px/1.5em Georgia, "Times New Roman", Times, serif; color:#570201; }
.bodytext		{ font:normal 15px/1.5em Georgia, "Times New Roman", Times, serif; color:#000; margin:0px 0px 5px 0px}
a:link, a:visited { color:#000; text-decoration:underline}
a:hover			{ color:#333}
.csc-textpic-caption	{ color:#570201; padding:4px 0px 5px 0px}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img 	{ border:solid 1px #570201!important}

/** Formular */
.csc-mailform { margin:0; padding:0; border:none}
.csc-mailform-field { clear:both}
.csc-mailform-field label { float:left; width:120px; text-align:right; padding-right:5px; }
.csc-mailform-field input { width:280px; margin-bottom:3px }
	.csc-mailform-field select { width:280px; margin-bottom:3px}
.csc-mailform-radio input { clear:left; float:left; width:20px}
.csc-mailform-radio label { float:left; text-align:left; width:370px}
.csc-mailform-check		  { width:20px!important;}
.csc-mailform-field textarea	{ width:280px }
.csc-mailform-submit	{ margin-left:125px}