/* *****************************************
** layout.css
** *****************************************
** Projekt:  WOODLOOPS
** Funktion: Grundlayout der Site mit Typo
** Datum: 17. August 2005
** Autor: Wolfgang
** ***************************************** */
html {
	padding: 0px;
	margin: 0px;
	height: 100%;
	overflow: hidden;
}
body {
	background: #FFF;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height:100%;
}
img { border: 0; }

table {
	/*background-color: #F0F;*/
}
#header {
	z-index: 2;
	position:fixed;
	width: 970px;
	height: 150px;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}
#lang {
	width:65px;
	margin:61px 0 0 25px;
	float:left;
	line-height: 18px;
}
#lang span { 
	display: block; 
	width: 65px;
	float: left; 
	font-family: Helvetica, Arial, 'Lucida Grande', Geneva, Verdana, sans-serif;
	font-size: 13px;
	line-height: 19px;
	text-shadow: 1px 1px 1px #f6f6f6;
}
#lang span a { text-decoration: none; color: #7A7A7A; }
#lang span a:hover { color: #000; }
#lang span.active { color: #ccc; }

#logo {
	width:260px;
	padding:55px 0 0 0;
	float:left;
}

#mainmenu {
	/* margin:61px 0px 0px 8px; */
	position: absolute;
	top: 62px;
	left: 358px;
}

#mainmenu ul { display: inline; list-style: none; margin: 0; border: 0; padding: 0; }
#mainmenu li { display: inline; }
#mainmenu li a
{ 
	font-family: Helvetica, Arial, 'Lucida Grande', Geneva, Verdana, sans-serif;
	text-decoration: none;
	color: #7A7A7A;
	font-size: 13px;
	margin: 0 14px 0 0;
	text-shadow: 1px 1px 1px #f6f6f6;
}
#mainmenu li a:hover { color: #222; }
#mainmenu li a.actifsub,
#mainmenu li a.curifsub,
#mainmenu li a.selected
{
	color: #000;
}

#mainmenu li ul { display: none; }

#mainmenu ul li.actifsub ul
{
	display: block;
	position: absolute;
	top: 19px;
	left: 0;
}
#mainmenu ul li.actifsub ul ul { display: none; }
#mainmenu ul li.actifsub li.actifsub ul,
#mainmenu ul li.actifsub li.curifsub ul { display: block; }

#lang * :active,
#lang * :focus,
#mainmenu * :active,
#mainmenu * :focus { outline: 0; }

#content {
	position: static;
	margin:175px 0px 0px 149px;
	padding: 0 0 64px 0;
	top: 150px;	
	width:535px;
	clear:right;
	float:left;
	/*background-color: #673423;*/
}
#content .container {
	margin-top:5px;
	margin-bottom:16px;
	width:535px;
	/* float:left; */ /* this float caused weird double line bug in ie6 - seems to have no effect anywhere else... */
	clear:both;
	/*background-color: #123423;*/
	
}
#content .container .wide {
	width:716px;
}
#content .container table .bodytext a:link,
#content .container table .bodytext a:visited{
	font-size: 11px;
	font-weight: bold;
	/* line-height: 171%; */
	color: #666666; /*0083BF*/
	text-decoration: none;
}
#content .container table .bodytext a:hover {
	color:#292929;
}
#content .csc-menu p {
	margin-bottom:10px;	
}
#content .csc-abstract {
	margin-top: -10px;
}
/* specials for special content-elements */
.csc-abstract {
	margin-bottom: 10px;
}
.csc-textpic-left .csc-textpic-imagewrap { width: 100% !important; }
.csc-textpic {
	/*overflow:auto;*/
	width:100%;
	float:left;
	clear:both;
}
.csc-textpic ul { list-style: none; margin: 0; padding: 0; }
.csc-textpic-image {
	margin-right:14px !important;
	float:left;
}
div.csc-textpic-above div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:14px !important;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:0 !important;
}

.csc-intext-right-nowrap dl {
	clear: none;
	float: right;
}
.csc-intext-right-nowrap .csc-textpic-image {
	margin-left:14px;
	margin-right:0;
}
.csc-intext-right-nowrap .csc-textpic-text {
	clear: none;
	float: left;
	width: auto;
}

.csc-textpic-text {
	margin-bottom:16px;
	float:left;
	clear: left;
	width: 540px;
	/* clear: both; */
}
.csc-uploads-icon,
.csc-uploads-fileName,
.csc-uploads-fileSize {
	vertical-align:top;
}
.error {
	color: #ff0000;
	margin: 32px 0;
}
/* ********************************************
** hier kommen die Hacks fŸr Herrn Gates und seinen tollen IE 
** ******************************************** */
* html, 
* body {
	overflow-y:hidden;
}
* html body #header {
	position:absolute;
}
#IEcontentWrapper {
	height:100%;
	width:100%;
	overflow:auto;
}
* html body #lang {
	margin-left:15px;
}
* html body #content {
	margin-left:77px;
}
/* *****************************************
** typo.css
** *****************************************
** 
** ***************************************** */
body {
	color: #333;
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', Geneva, sans-serif;
	font-size: 11px;
	line-height: 172%;
	vertical-align: text-bottom; 
}
table {
	font-size: 11px;
}
h1 {
	/* font-family: Arial, Helvetica, 'Lucida Grande', Geneva, Verdana, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	width: 716px;
	margin: 10px 0 0 0;
	padding: 10px 0 6px 0;
	background: top left repeat-x url(dashed-line.gif);
}
h2, h3 {
	/* font-family: Arial, Helvetica, 'Lucida Grande', Geneva, Verdana, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	width: 716px;
	margin: 10px 0 0 0;
	padding: 10px 0 6px 0;
	background: top left repeat-x url(dashed-line.gif);
}
h4 {
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	width: 716px;
	margin: 10px 0 0 0;
	padding: 85px 0 6px 0;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	width: 716px;
	margin: 10px 0 0 0;
	padding: 0 0 6px 0;
}

h5, h6 {
}
p {
	margin:0;
	text-indent:0;
}
a:link {
}
sup {
	font-size: 9px;
}
/* fonts fŸr die einzelnen Subbereiche */
#content a:link,
#content a:visited {
	font-size: 11px;
	font-weight: normal;
	line-height: 171%;
	color: #FF0000; /*D06403 0083BF*/
	text-decoration: none;
}

#content p a:link,
#content p a:visited {
	padding: 0 0 0 7px;
	background: 0 4px no-repeat url(link.gif);
}
#content .contenttable p a:link,
#content .contenttable p a:visited {
	padding: 0;
	background: none;
}


#content a:hover {
	text-decoration: underline;
}
#footer {
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', Geneva, sans-serif;
	font-weight: normal; 
	font-size: 11px;
	line-height: 151%;
	color: #999;
}
#footer a:link,
#footer a:visited {
	color: #999;
	text-decoration: none;
}
#footer a:hover {
	text-decoration:underline;
}
#content .csc-menu p a:link,
#content .csc-menu p a:visited {
	font-family: Arial, Helvetica, 'Lucida Grande', Geneva, Verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:140%;
	text-transform:uppercase;
}


.tx-prmfourcolumn-pi1 {
	width: 716px;
	margin: 75px 0 0 0;
	padding: 10px 0 0 0;
	background: top left repeat-x url(dashed-line.gif);
}
.tx-prmfourcolumn-pi1 .col5 {
}

.container .csc-textpic.csc-textpic-left {
	width: 716px;
	margin: 0 0 25px 0;
	padding: 20px 0 0 0;
	background: top left repeat-x url(dashed-line.gif);
}
.container .csc-textpic.csc-textpic-center {
	margin: 0 0 25px 0;
}
 
.fsc {
	margin: 0;
	background: 0 0 no-repeat url(fsc-logo-14x16.gif);
	width: 14px;
	height: 16px;
	display: inline-block;
}

.tx-ttproducts-pi1 .tt_products_minibasket { position: absolute; top: 64px; left: 928px; width: 64px; height: 10px; }
.tx-ttproducts-pi1 .tt_products_minibasket a { text-decoration: none; color: #878787; }
.tx-ttproducts-pi1 .tt_products_minibasket a.count {  position: relative; top: -3px; background-color: #FFFFFF;}
.tx-ttproducts-pi1 .tt_products_minibasket a img { margin: 0; border: 0; padding: 0; }

.tx-ttproducts-pi1 { margin: 0 0 150px 0; }

.tx-ttproducts-pi1 .listitem { margin: 0 0 128px 0; }

.tx-ttproducts-pi1 .listitem img { padding: 8px 8px 8px 8px; }

.tx-ttproducts-pi1 .product_note { padding: 16px 0 0 0; }

.tx-ttproducts-pi1 .price { margin: 16px 0; }

.tx-ttproducts-pi1 .order_input { width: 750px; }

.tx-ttproducts-pi1 .order_form				,
.tx-ttproducts-pi1 #display_variant1_LIST	,
.tx-ttproducts-pi1 #display_variant2_LIST	,
.tx-ttproducts-pi1 .into_basket				{ float: left; margin: 0 24px 0 0; }

.tx-ttproducts-pi1 #display_variant1_LIST select { margin: 2px 0 0 0; }
.tx-ttproducts-pi1 #display_variant2_LIST select { margin: 2px 0 0 0; }

.tx-ttproducts-pi1 .backlink { margin: 0 0 32px 0; width: 700px; text-align: right; }

.tx-ttproducts-pi1 .basket_items { width: 700px; text-align: left; margin: 24px 0; }
.tx-ttproducts-pi1 .basket_items caption { text-align: left; }

.tx-ttproducts-pi1 .basket_items td { vertical-align: top; }
.tx-ttproducts-pi1 .basket_items th#image,
.tx-ttproducts-pi1 .basket_items td.image { width: 50px; }
.tx-ttproducts-pi1 .basket_items th#product,
.tx-ttproducts-pi1 .basket_items td.product { width: 160px; padding: 0 30px; }
.tx-ttproducts-pi1 .basket_items td.product strong { font-weight: normal; }
.tx-ttproducts-pi1 .basket_items th#product_number,
.tx-ttproducts-pi1 .basket_items td.product_number { width: 170px; }
.tx-ttproducts-pi1 .basket_items th#price { width: 80px; padding: 0 10px; text-align: left; }
.tx-ttproducts-pi1 .basket_items td.price { width: 80px; padding: 0 10px; text-align: left; }
.tx-ttproducts-pi1 .basket_items th#total { width: 80px; padding: 0 10px; text-align: left; }
.tx-ttproducts-pi1 .basket_items td.total { width: 90px; padding: 0 10px; text-align: left; }
.tx-ttproducts-pi1 .basket_items td.totaltotal { text-align: right; }

.tx-ttproducts-pi1 .basket_items tr { margin: 0 0 16px 0; }

.tx-ttproducts-pi1 .basket_items .quantity input { text-align: right; }

.tx-ttproducts-pi1 .tt_products_basket .price_summary p { padding: 0 0 16px 0; }
.tx-ttproducts-pi1 .tt_products_basket .price_summary ul { list-style: none; font-size: 0.9em; margin: 0; padding: 0; }
.tx-ttproducts-pi1 .tt_products_basket .price_summary li { margin: 0; padding: 0; }

.tx-ttproducts-pi1 .tt_products_basket h3.cart-header { margin: 10px 0 0 0; border-top: 1px solid #A1A1A1; padding: 10px 0 6px 0; width: 716px; background: none; }
.tx-ttproducts-pi1 .tt_products_basket .delivery		,
.tx-ttproducts-pi1 .tt_products_basket .payment			,
.tx-ttproducts-pi1 .tt_products_basket .price_summary	{ margin: 50px 0; }
.tx-ttproducts-pi1 .tt_products_basket .form_control { margin: 50px 0; border-top: 1px solid #A1A1A1; padding: 10px 0 0 0; width: 716px; }

.tx-ttproducts-pi1 .tt_products_basket .payment p { margin: 0 0 16px 0; }


.tx-ttproducts-pi1 .tt_products_basket dl { clear: left;  }
.tx-ttproducts-pi1 .tt_products_basket dt { float: left; clear: left; width: 180px; padding: 4px 0; }
.tx-ttproducts-pi1 .tt_products_basket dd { margin: 0 0 0 180px; padding: 4px 0; width: 350px; min-height: 16px; }

.tx-ttproducts-pi1 .tt_products_basket_info h3.first-header { margin: 10px 0 0 0; border-top: 1px solid #A1A1A1; padding: 10px 0 6px 0; width: 716px; background: none; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset { margin: 0 0 32px 0; border: 0; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset .billing_title		{ margin: 0 4px 0 0; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset .billing_title_2	{ margin: 0 4px 0 16px; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset .billing_address_info { margin: 0 0 16px 0; }
.tx-ttproducts-pi1 .tt_products_basket_info .form_control { margin: 75px 0; border-top: 1px solid #A1A1A1; padding: 10px 0 0 0; width: 716px; }

.tx-ttproducts-pi1 .tt_products_basket_info #delivery_notes { font: 12px verdana;  }

.tx-ttproducts-pi1 .tt_products_basket_info fieldset dt { float: left; clear: left; width: 180px; padding: 4px 0; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset dd { margin: 0 0 0 180px; padding: 4px 0; }
.tx-ttproducts-pi1 .tt_products_basket_info fieldset dd select,
.tx-ttproducts-pi1 .tt_products_basket_info fieldset dd textarea { width: 210px; }

.tx-ttproducts-pi1 .tt_products_basket_info fieldset dt.bdata,
.tx-ttproducts-pi1 .tt_products_basket_info fieldset dd.bdata {  padding: 42px 0 4px 0 }

.tx-ttproducts-pi1 .tt_products_basket_payment h3 { font-size: 12px; }
.tx-ttproducts-pi1 .tt_products_basket_payment h3.first-header { margin: 10px 0 0 0; border-top: 1px solid #A1A1A1; padding: 10px 0 6px 0; width: 716px; background: none; }

.tx-ttproducts-pi1 .tt_products_basket_payment dl { clear: left;  }
.tx-ttproducts-pi1 .tt_products_basket_payment dt { float: left; clear: left; width: 180px; padding: 4px 0; }
.tx-ttproducts-pi1 .tt_products_basket_payment dd { margin: 0 0 0 180px; padding: 4px 0; width: 350px; min-height: 16px; }

.tx-ttproducts-pi1 .hide-dl { display: none; }

.tx-ttproducts-pi1 #products_submit { float: right; }
.tx-ttproducts-pi1 #products_update { float: left; }

.tx-ttproducts-pi1 .tt_products_basket_payment .invoice_address { margin: 0 0 32px 0; }
.tx-ttproducts-pi1 .tt_products_basket_payment .delivery_address { margin: 0 0 32px 0; }
.tx-ttproducts-pi1 .tt_products_basket_payment .price_summary { margin: 32px 0; }

/* .tx-ttproducts-pi1 .tt_products_basket_payment dl.bankdata { clear: left; position: relative; top: -512px; }
.tx-ttproducts-pi1 .tt_products_basket_payment .delivery_address,
.tx-ttproducts-pi1 .tt_products_basket_payment .notes,
.tx-ttproducts-pi1 .tt_products_basket_payment .price_summary,
.tx-ttproducts-pi1 .tt_products_basket_payment .form_control 
{ position: relative; top: 128px; }
 */
.tx-ttproducts-pi1 .tt_products_basket_payment .form_control { margin: 75px 0; border-top: 1px solid #A1A1A1; padding: 10px 0 0 0; width: 716px; }


.tx-ttproducts-pi1 .tt_products_order_confirmation h3 { font-size: 12px; }
.tx-ttproducts-pi1 .tt_products_order_confirmation h3.first-header { margin: 10px 0 0 0; border-top: 1px solid #A1A1A1; padding: 10px 0 6px 0; width: 716px; background: none; }

.tx-ttproducts-pi1 .tt_products_order_confirmation dl { clear: left;  }
.tx-ttproducts-pi1 .tt_products_order_confirmation dt { float: left; clear: left; width: 180px; padding: 4px 0; }
.tx-ttproducts-pi1 .tt_products_order_confirmation dd { margin: 0 0 0 180px; padding: 4px 0; width: 375px; min-height: 16px; }

.tx-ttproducts-pi1 .tt_products_order_confirmation .order_data { margin: 0 0 32px 0; }

.tx-ttproducts-pi1 .tt_products_order_confirmation .invoice_address { margin: 0 0 32px 0; }
.tx-ttproducts-pi1 .tt_products_order_confirmation .delivery_address { margin: 0 0 32px 0; }
.tx-ttproducts-pi1 .tt_products_order_confirmation .price_summary { margin: 32px 0; }

.tx-ttproducts-pi1 .tt_products_order_confirmation p.end-line { margin: 10px 0 0 0; border-top: 1px solid #A1A1A1; padding: 10px 0 6px 0; width: 716px; background: none; }


/* styles for the accessories */
.tx-ttproducts-pi1 .tt_products_item_list {  }
.tx-ttproducts-pi1 .tt_products_item_list .listitem {  }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires { position: relative; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires h3 { position: absolute; top: 0; left: 0; padding: 14px 0 6px 0; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note { position: relative; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note b { display: inline-block; margin: 17px 0 0 0; padding: 4px 0 6px 0; font-size: 1em; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note span.acc-1 { position: absolute; top: 39px; left: 0px; width: 90px; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note span.acc-2 { position: absolute; top: 0px; left: 110px; width: 145px; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note span h4 { padding: 15px 0 6px 0; display: inline-block; }

.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_note span.acc-3 { position: absolute; top: 0px; left: 260px; width: 110px; }

.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_img { position: relative; top: 0; left: 360px; width: 356px; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_img a {  display: table-cell; }
.tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_img img { vertical-align: top; }

* html .tx-ttproducts-pi1 .tt_products_item_list .listitem .accessoires .product_img { margin: 5px 0 0 0; }

.default .product_img a { display: none; }
/* .default .product_img a:first-child { display: block !important; } */

#content .listitem_subheader a:link,
#content .listitem_subheader a:visited { color: #fff; }

/* ************************************************************************* */
/* powermail styling */

#kontaktformular { width: 350px; float: left; }

.tx-powermail-pi1 fieldset { margin: 0; border: 0; padding: 0; }

.tx-powermail-pi1 input.powermail_text, .tx-powermail-pi1 textarea {
	border-color: #ccc;
	border-style:solid;
	border-width:1px;
	padding: 1px
}
.tx-powermail-pi1 select {
	border: 1px solid #ccc;
	padding: 0px
}
fieldset.tx-powermail-pi1_fieldset legend {
	font-weight: bold;
}
/* 
.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset p{
	width: 200px;
	text-align: right;
	margin: 0;
	padding: 0;
}
 */
/* Style labels */
fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 94px;
	float: left;
	clear: both;
	padding: 1px 0;
	text-align: left;
	/* background: red; */
}
/* Style input fields */
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset select{
	width: 200px;
	margin-left: 10px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text:hover,
fieldset.tx-powermail-pi1_fieldset textarea:hover {
	border-color:#000;
	background: #eee;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text:focus,
fieldset.tx-powermail-pi1_fieldset textarea:focus {
	border-color: #000;
	background: #fff;
}
fieldset.tx-powermail-pi1_fieldset textarea {
	font: 13px arial;
	width: 194px;
	height: 123px;
	margin-left: 10px;
	overflow: auto;
	padding: 4px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin: 10px 0 0 224px; }

div.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_check{ }

.tx_powermail_pi1_fieldwrap_html_check div{
	display: block;
	height: 16px;
	line-height: 16px;
	margin: 0 0 5px 0;
	/* background: red;*/
}
.tx_powermail_pi1_fieldwrap_html_check p.tx_powermail_pi1_fieldwrap_html_checkbox_title { display: none; }

fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_check div label{
	padding: 0;
	width: 280px;
	text-align: right;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset input.powermail_check{	border: 0;
	width: 16px;
	height: 16px;
	margin: 1px 0 0 10px;
}
/* Increase margin between every field */
div.tx_powermail_pi1_fieldwrap_html {
	margin: 10px 0;
}div.powermail_mandatory_js { margin: 0 0 0 210px }
div.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_label { margin: -10px 0 10px 214px; font-size: 0.9em }

.validation-advice { padding: 0 0 0 110px; }

#contact #content .container {
	clear:none;
	width:auto;
	padding: 8px 0 0 0;
}