* {
padding: 0;
margin: 0;
}

body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.8em;	
	background: url(bg_3000px_2.jpg) no-repeat;
	
}

html { background: url(bg_body.jpg) repeat-y #E8EDEF;}


html, body {
	height: 100%;
}

h1, h2, h3, p {
	margin: 0.5em 0;
}

h1, h2, h3 {
	margin: 0 0;
}

h1{
	font-size: 16px;
	color: #cf661c;
	font-weight: bold;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2{
	font-size: 14px;
}

h3{
	font-size: 12px;
}

p {
	margin-bottom: 1em;
}

a, a:link{
	color: #65898B;
	text-decoration: underline;
}
a:visited{
	color: #65898B;
	text-decoration: underline;
}
a:hover{
	color: #000;
	text-decoration: underline;
}
a.img {
	border: 0 none;
}

a img {
	border: 0 none;
	text-decoration: none;
}

span.hide {
	display: none;
}

pre, code {
	display: block;
	width: auto;
	background-color: White;
	border: 1px solid #999;
	padding: 0.5em;
	margin: 1em 0;
	color: #666;
	font: 1.2em monospace;
}

td {vertical-align: top;}

/* AREAS */
#wrapper {
	position: relative;
	width: 950px;
	text-align: left;
	
	
}

#head {
	padding-left: 95px;
	height: 345px;
	width: 914px;

}

#above_mainarea{
	width: 890px;
	height: 5px;
	background: url(bg_above_mainarea.jpg) no-repeat;
	margin-left: 60px;
	line-height:5px;
	font-size: 0px;
}

#mainarea{
	overflow: hidden !important;
	overflow: visible;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	left: 70px;
	background: url(bg_mainarea.jpg) repeat-y;
	width: 890px;
	margin:0px 0px 0px 60px; 
	padding-bottom: 10px;
}

#footer {
background:transparent url(bg_footer.jpg) no-repeat scroll 0 0;
/*clear:both;*/
float:left;
height:50px;
margin:0 0 0 60px !important;
margin:0 0 0 30px;
overflow:hidden;
width:914px;
font-family:Georgia,"Times New Roman",Times,serif;
text-align:center;
line-height:2.6em;
}

#top { height: 186px; margin: 50px 0 10px 0; }

#logo { height: 140px; width: 300px; /*float: left;*/ }


#emopic {
	width: 830px;
	height: 273px;
	background-color: #fff;
	float: left;
	position: relative;
	top: 72px;
	left: 8px;
	z-index:101;
}


/* Main Nav */
ul#mainnav {
	width: 212px;
	clear: both;
	float: left;
	background: url(mainnav_complete.jpg) no-repeat bottom;
	margin-top: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	margin-bottom: 50px;
}
ul#mainnav li {
	line-height: 17px;
	list-style-type: none;
	width: 199px;
	padding-left: 13px;
}

ul#mainnav li.first {
	background: url(mainnav_top.jpg) no-repeat ;
	padding-top: 20px;
}

ul#mainnav li.last {
	margin-bottom: 25px;
}

ul#mainnav li a {
	display: block;
	color: #DC8250;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 28px;
	border-bottom: 1px solid #fff;
	margin-left: 10px;
	width: 173px;
}

ul#mainnav li ul li a {
	width: 160px;
}

ul#mainnav li ul li ul li a{
	width: 147px;
}

ul#mainnav li ul li ul li ul li a {
	width:134px;
}

ul#mainnav li.last a {
	border: none;
}

ul#mainnav li.last a.active, ul#mainnav li.last ul li a, ul#mainnav li.last ul li ul li a {
	border-bottom: 1px solid #fff;
}

ul#mainnav li a:hover, ul#mainnav li a.active {	
	color: #fff;
}

ul#mainnav li ul li.active, ul#mainnav li ul li ul li.active {
	background:transparent url(bg_mainnav_l2_active.jpg) no-repeat scroll 0 0;
}

ul#mainnav li ul li {
	background: url(bg_mainnav_l2.jpg) no-repeat;
	width: 179px;
}

ul#mainnav li ul li ul li{
	width: 166px;
}

ul#mainnav li ul li ul li ul li {
	width:153px;
}

ul#subnav {clear: both; float: left; list-style-type: none;}
ul#subnav li { display: block; width: 212px; padding: 0px 8px; border-bottom: 1px dotted #B4BABF; margin-top: 10px;}
ul#subnav li a {color: #B4BABF; text-decoration: none; display: block; line-height: 17px; font-size: 12px;}
ul#subnav li.active a {	color: #0F509B;}
ul#subnav li a:hover {color: #0F509B;}

ul#helpnav {list-style-type: none; clear: both; position: relative; top: 12px; z-index:102; width: 250px;}
ul#helpnav li { float: left; width: 82px; text-align: center; height: 20px;}
ul#helpnav li a {color: #B4BABF; text-decoration: none; font-size: 11px;}
ul#helpnav li a:hover, ul#helpnav li a.active {color: #0F509B;}

ul#headnav {list-style-type: none; position: relative; left: 425px; top: 3px; width: 350px; /*text-align: right;*/}
ul#headnav li { float: left; margin: 0px 75px 0px 0px;}
ul#headnav li a {color: #B4BABF; text-decoration: none; font-size: 11px;}
ul#headnav li a:hover, ul#helpnav li a.active {color: #0F509B;}
ul#headnav li.tracking {	display: block; width: 100px;}

#footer a {
	color: #DC8250;
	font-size: 12px;
	text-decoration: none;
	margin-right:30px;
}

ul#breadcrumb { list-style-type: none; color: #b0b1b3; font-family: Georgia, "Times New Roman", Times, serif; text-align: right; padding-right: 25px; float: right;}
ul#breadcrumb li { float: left; }
ul#breadcrumb li a {	text-decoration: none;}

#left {
	width: 270px;
	float: left;
}

#content_wrapper {
	float: right;
	width: 740px;
}

#content {
	width: 630px;
	margin-left: 245px;
	margin-bottom: 50px;
	margin-top: 35px;
}

#content div.csc-textpic-intext-right dl.csc-textpic-image {	}
#content div.csc-textpic-intext-right dl.csc-textpic-image img { 	margin-bottom: 2px;}
#content div.csc-textpic-intext-right dd.csc-textpic-caption {	line-height: 1.2em;}

#content div.csc-textpic-left dl.csc-textpic-image {float:left !important; float:none;}
div.csc-textpic-left div.csc-textpic-text { clear:none; }

#lightbox {z-index:200 !important;}

#right_area {
	float: right;
	width: 186px;
}

/* Content Styles */
#content img {
	float: left;
	margin: 0 5px 10px 0;
	clear: right;
}

#content div.csc-textpic-imagewrap {
	padding-right: 5px;
}

#content ul {
	list-style: square;
	padding: 0em 10px 10px 13px;
}

#content ol {	padding: 0 10px 10px 17px;}

#content ul li {
	padding-left: 0px; 
	background: url(bl_content.gif) no-repeat 0 6px;
}

/*Rahmen um die Bilder im Haupt-Content-Bereich*/
#main img {border: 1px solid #ccc;}

/*Tabellen formatieren*/
.tr-odd {background-color: #BFC0C2;}

.news-latest-container {
	margin: 0;
	padding: 0;
}

.news-latest-wrapper {
	margin: 1px 3px 0 5px;
}
.news-latest-item {
	background: url(news_right_top.gif) no-repeat;
	font: 9px Verdana, Arial;
}

.news-latest-item { background-color: #e2e2e3; width: 186px;}
.news-latest-item .news-latest-date { 	display: block; background-color: #93b40e; height: 30px; line-height: 18px; padding-left: 5px; }
.news-latest-item .news-latest-date a { color: #fff;}
.news-latest-item .news-latest-date a:hover { color: #fff; text-decoration: underline;}
.news-latest-item h3 {margin-top: 5px; font-size: 10px;}
.news-latest-item h3 a { padding-left: 5px; margin-top: 5px;color: #000; text-decoration: none;}
.news-latest-item h3 a:hover { text-decoration: underline; color: #000; }
.news-latest-item p {	padding-left: 5px;}
.news-latest-date a { color: #9c0; text-decoration: none; position: relative; top: 6px;}
.news-latest-date a:hover { color: #9c0; text-decoration: none; }
.news-latest-morelink { width: 145px; height: 20px; padding-left: 5px;}
.news-latest-morelink a { color: #9c0; text-decoration: none; }

.news-list-item { margin-bottom: 20px; }


.produkte_bild img {padding: 0; margin: 0;}

/*****************Page debug*****************Good rule to know the structure of the webpage* NOTE: Only compliant browser no IE*

div[id]{
	border: 1px solid #000;
	background-color: #fff;
}

div[id]:before{
	content: "div#" attr(id);
	background-color: #cf9;
	color: #060;
	display: block;
}

/*****************End Page debug*****************/


div.trading_conditions label {width: 430px;}
div.trading_conditions input {width: 10px;}

/* Fehlermeldungen */

div.formerror {
	color: #ed1c24;
	border:  1px solid #ed1c24;
	padding: .5em; 	
}

div.formerror h3, div.formerror a {
	color: #ed1c24 ! important;
}

div.formerror ul {
	list-style: circle;
}

div.formerror ul li {
	margin-left: 1.5em;
} 

.contenttable {width: 440px;}
.contenttable p {
	margin: 0.25em 0em;
}

.csc-uploads {	width: 440px;}
.tr-even {background-color: #D9DADC;}
.tr-odd {background-color: #bfc0c2;}
.produkte_table h2 {background-color: #9c6; margin-bottom: 5px; padding-left: 5px;}
h1.produkte_ueberschrift {font-size: 24px; color: #9c0;}
table {
	font-size: 12px;
}

div.produkte_table td.td-0 {width: 50%;}
.produkte_bild img {border-bottom: 14px solid #fff;}
.produkte_description {
	border-bottom: 10px solid #fff;
}
div.produkte_link {margin-top: 10px; margin-bottom: 10px;}

/*tt_products*/
.tt_products_item_single_display p.bodytext, .tt_products_item_single_display div.mwst, .tt_products_item_single_display div.order_form { margin-bottom:25px; }
.tt_products_item_single_display a, .tt_products_item_list a { text-decoration:none; }
.tt_products_basket_payment div, .tt_products_order_confirmation div {padding-top: 15px;}
.tt_products_basket_payment td, table.basket_items td, table.basket_items th, tt_products_order_confirmation td { padding-right:10px; }
table.basket_items caption { padding-top:5px; padding-bottom:5px; text-align:left;}
.tt_products_basket_payment table, .tt_products_order_confirmation table {font-size:11px;}

#content DIV#tx-ttproducts-pi1-basket, .tt_products_item_list {	padding-right: 10px; }
#content DIV#tx-ttproducts-pi1-basket fieldset, .tt_products_item_list fieldset {	padding: 10px; }


/*kontaktformular*/
.csc-mailform-field {padding-left:100px;}
.csc-mailform-field label {position:absolute;margin-left:-100px;}
.csc-mailform-submit {margin-left:-100px;}
.csc-mailform {padding:5px;}
#mailform {margin-bottom:50px; margin-right:5px;}