* {
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: 30px; }


.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;}

/*blueways*/
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {padding:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0px !important;}
DIV.csc-textpic-clear {clear:right !important;}