/***************************************************/
/* Reset CSS By Eric Meyer*/
/***************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	/*border-collapse: separate;
	border-spacing: 0;*/
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***************************************************/
/*  End Reset CSS By Eric Meyer*/
/***************************************************/




html {height:100%}
body{
    min-height: 101%;
    font-size: 100.01%;
    position: relative;
    margin:0; padding:0;
    background:#e8e8e9;
}
body, td, th, p, h1, h2, h3, h4, h5, h6, a, input, textarea{
    font-family: Trebuchet MS;
    font-size:13px;
    color:#666666;
}

h1, h2, h3, h4, h5, h6, form, hr, p, ul, dl{
    padding:0px;
    margin:0px auto;
}


/*Startseite*/
#start_container{padding: 47px 0 0 20px; width:584px;}
.headline_start{
	color: #20861d;
	font-family: Trebuchet MS;
    font-size:18px;
	line-height: 26px;
}
.cnt_start{padding-top: 6px;}
.cnt_start p{line-height: 22px;padding-top: 16px;}
.cnt_start a{color: #20861d; text-decoration: none;}

#product_wrap{padding-top: 20px; height: 125px;}
#product_container{width: 292px; float: left;}
#product_bg {width: 292px; height: 89px; border-bottom: 36px solid #e3f2e5;}

#product_container img{margin-left: 18px;margin-right: 7px; float: left;}
#product_container h4{padding-top: 40px; margin-right: 10px; height: 60px; line-height: 16px;}
#product_container a{font-size:10px; color: #4b4b4b;}
#product_container span{font-size:10px; color: #20861d;}


/*table,image{            border:0px;}*/
table.left,.floatleft{  float:left;}
table.right,.floatright{float:right;}
.both{                  clear:both;}
.auto{                  margin:0px auto;}
.top{                   vertical-align:top;}
.bottom{                vertical-align:bottom;}
.middle{                vertical-align:middle;}
.left{                  text-align:left;}
.right{                 text-align:right;}
.center{                text-align:center;}
.normal{                font-weight:normal;}
.size100{               width:100%}
.size90{                width:90%}
.size80{                width:80%}
.size75{                width:75%}
.size70{                width:70%}
.size60{                width:60%}
.size50{                width:50%}
.size49{                width:49%}
.size45{                width:45%}
.size40{                width:40%}
.size35{                width:35%}
.size30{                width:30%}
.size25{                width:25%}
.size20{                width:20%}
.size15{                width:15%}
.size10{                width:10%}
.size5{                 width:5%}

strike,.strike{			text-decoration:line-through;color:red;}
b,.b{                   font-weight:bold;}
.i{                     font-style:italic;}
.block{                 display:block;}
.inline{                display:inline;}
.nowrap{                white-space:nowrap;}
.pad_top{               padding-top:2px;}
.pad_right{             padding-right:4px;}
.pad_left{              padding-left:4px;}
.pad_all{               padding:4px;}
.pad_h{                 padding-left:3px;padding-right:3px;}
.pad_v{                 padding-top:7px;padding-bottom:7px;}
.border-all{            border: 1px solid #001E4C;}
.border-top{            border-top: 1px solid #001E4C;}
.border-right{          border-right: 1px solid #001E4C;}
.border-bottom{         border-bottom: 1px solid #001E4C;}
.border-left{           border-left: 1px solid #001E4C;}

h1, h1 a{               font: normal 20px/22px Trebuchet MS;}
h2, h2 a{               font-size:12pt;}
h3, h3 a{               font-size:10pt;}
h4, h4 a{               font-size:8pt;}
h5, h5 a{               font-size:7pt;}
h6, h6 a{               font-size:6pt;}
/* defines a horizontal rule: <h6 class="hr">&nbsp;</h6> */
h6.hr{
                        height:1px;
                        font-size:2px;
                        border-bottom: 1px solid #222;
                        display:block;
                        font-weight:normal;
}
ul,ol{                  margin:0px 0px 0px 18px;padding:0px;}
li{                     margin:0px 0px 0px 14px;padding:0px;}
.li{                    padding:0px 0px 0px 10px;display:block;}
ul li{                  /*list-style-image:url('/sitedesign/de/images/li.gif');*/}
dl {										margin:2px;font:normal 11px/14px Trebuchet MS;}
dt, dt a {							font-weight:bold;}
dd { 								margin:2px 0px 2px 20px; font:normal 11px/14px Trebuchet MS;}

/* common link */
/*
a{                      color:#111;font-family:Arial,Helvetica;}
a:link{                 text-decoration:underline;color:#00377a;}
a:visited{              text-decoration:underline;color:#666;}
a:hover{                text-decoration:none;color:#000;}
a:active{               text-decoration:underline;color:#ff0000;}
*/
.nounderline:link,
.nounderline:visited,
.nounderline:hover,
.nounderline:active{    text-decoration:none;}


/* input - values*/
/*
input,textarea{         margin:0px auto; padding: 0px auto;}
.text,textarea,select{
                        border-bottom: 1px #efefef solid;
                        border-left: 1px #808080 solid;
                        border-right: 1px #efefef solid;
                        border-top: 1px #808080 solid;
                        background:#ffffff;
                        color:#000000;
                        font-size:12px;
                        padding:2px;
}
*/



/*select{                 padding:0px;font-size:13px;}*/
.button{
                        border-top:1px solid #c7db75;
                        border-right: 0px solid #335441;
                        border-bottom:1px solid #c7db75;
                        border-left:0px solid #CBDFD4;
                        background:#deeddd;
                        font: bold 11px/17px Trebuchet MS;
                        color:#20861d;
                        padding:1px 5px;
                        margin:1px 0 ;
						text-transform:uppercase;
						text-align: center;
						text-decoration: none;
						cursor: hand;
						cursor: pointer;

}
.bigbutton{
                        border-top:1px solid #CBDFD4;
                        border-right:1px solid #335441;
                        border-bottom:1px solid #335441;
                        border-left:1px solid #CBDFD4;
                        background:#F78E1E;
                        color:#fff;
                        margin:1px 4px 1px 0;
                        padding:10px 30px;
                        font: bold 22px Trebuchet MS;
}
.checkbox,.radio{
                        height:13px;
                        width:13px;
                        margin:4px 3px 3px 3px;
}

/* System - values*/

.extrasmallfont{        font-size:7pt;}
.smallfont{             font-size:8pt;}
.systemwidth{           width:1000px;}
.box300{                width:300px;}
.box200{                width:200px;}
.box125{                width:170px;}
.box100,.box{           width:140px;}
.box75{                 width:100px;}
.box50{                 width:65px;}
.box25{                 width:40px;}
.box10{                 width:10px;}

/* colorset */
.BG01{                  background-color:#ffffff;}
.BG02{                  background-color:#000000;}
.BG03{                  background-color:#19962B;} /* dunkelg�n */
.BG04{                  background-color:#EBEBEB;} /* grau */
.BG05{                  background-color:#233D7F;} /* dunkelblau */
.BG06{                  background-color:#B0B4D2;} /* hellblau */
.BG07{                  background-color:#F78E1E;} /* dunkelorange */
.BG08{                  background-color:#FFE5CC;} /* hellorange */
.BG09{                  background-color:#D2212A;} /* rot */

.FG01{                  color:#ffffff;}
.FG02{                  color:#000000;}
.FG03{                  color:#19962B;}
.FG04{                  color:#EBEBEB;}
.FG05{                  color:#233D7F;}
.FG06{                  color:#B0B4D2;}
.FG07{                  color:#F78E1E;}
.FG08{                  color:#FFE5CC;}
.FG09{                  color:#D2212A;}
.FG10{					color:#20861d;}

/* common table headlines */
.th{
                        border-bottom:1px solid #20861d;
                        color:#20861d;
                        padding: 4px 6px 2px 0px;
						font: bold 12px Trebuchet MS;
						text-transform:uppercase;
						letter-spacing: 1px;
}
/* defines a listing table */
.key{                   padding: 5px 4px 2px 4px;}
.value{                 padding: 1px 1px 1px 1px;}
.value{                 padding: 5px 4px 2px 4px;}
.form_key{              padding: 4px 4px 2px 4px;}
.form_value{            padding: 1px 1px 1px 4px;}
.list{                  }
.list td{               padding:2px;}
.list td.value{
                        border-bottom:1px dotted #a4a4a4;
                        border-left:1px dotted #a4a4a4;
                        padding: 5px 4px 2px 4px;
}
/* defines the rows in a list */
.row0{                  background:#FFF; height:42px; border-bottom: 1px solid #20861d;}
.row1{                  background:#e8f3e8;}

/* defines a hover effect in a list */
.row2{                  background:#e8f3e8;}

/* defines up and down arrows of a list */
.sorting{								padding:4px 10px;}
.sorting td{
                        padding:1px 0px;
                        font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
}
.sorting span{
                          font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                          padding: 1px 6px;
                          text-decoration:none;
                          background:#EBEBEB;
                          color:#111;
}

a.nosort,a.nosort:link,a.nosort:visited,a.nosort:hover,a.nosort:active{
                          font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                          padding: 1px 4px;
                          margin-left:2px;
                          text-decoration:none;
                          background:#19962B;
                          color:#fff;
}
a.asc,a.asc:link,a.asc:visited,a.asc:hover,a.asc:active,
a.desc,a.desc:link,a.desc:visited,a.desc:hover,a.desc:active{
                          font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                          padding: 1px 4px 1px 16px;
                          margin-left:2px;
                          text-decoration:none;
                          color:#fff;
                          background:url('../images/icons/desc.gif') no-repeat 4px 3px #FF8C18;
}
a.asc,a.asc:link,a.asc:visited,a.asc:hover,a.asc:active{
                         background:url('../images/icons/asc.gif')  no-repeat 4px 3px #FF8C18;}
a.nosort:hover{background-color:#FF8C18;}

/* Container zur Darstellung normaler HTML p TAGS*/
.HTMLpadding,
.HTMLContainer p,
.HTMLConatiner div{
                        padding:10px 0px 10px 0px;
						line-height: 16px;
}
.HTMLContainer h1,
.HTMLContainer h2,
.HTMLContainer h3,
.HTMLContainer h4{
                        padding:6px 0px 6px 0px;
}





.copyright{
                          padding:0px 0px 10px 0px;
                          color:#B4B4B4;
}


/* Defines Subheadlines <p class="legend"><span>Subheadline</span></p> */
.legend{
                        margin-top:20px;
                        padding:2px 10px;
                        background:#233D7F;
}
.legend span{
/*
                        font: bold 15px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                        text-transform:uppercase;
                        color:#D2212A;
                        padding:10px 10px 4px 10px;
*/
                        font: bold 13px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                        color:#fff;
}

/* define user hints */
.hint_mandatory{        color:#D8002B;}
.hint_important{        color:#ff0000;font-weight:bold; padding: 10px 10px 0 0;}
.hint_error{						color:#ff0000; padding-top: 10px;}
.hint_notice{						font-weight:normal;font-size:11px;}
.hint_success{					color:#00cc00;font-weight:bold;font-size:13px;}

.error {				color: #FF0000;}

.factbox{
                        display:block;
                        width:100%;
                        border: 1px solid #000000;
                        margin:6px 0px 6px 0px;
                        background:#F7F8FD;
}


.current_category_description{
                        
						margin:2px 20px 0px 20px;
                        color:#FF0000;
                        font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
}
.vat{
                        font: normal 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                        color:#474747;
                        padding:13px 10px 10px 10px;
}
.discount{
                        text-align:right;
                        font-size:10px;
                        padding:2px 10px;
                        margin:0 0 10px 0;
}
/*************
  category list view & article list view
***********/
.product_list_article_container {margin-left:10px;}
.category_container{
                  margin-bottom:10px;
                  margin-left:10px;
}
.product_list_article_headline,
.article_headline{margin-top:10px;}

.headline,
.article_headline,
.product_list_article_headline,
.category_headline{ /*background:url(../images/bg.headline-right.gif) no-repeat top right #19962B;*/}
div.headline{			margin-top: 0px;}
.headline h1,
.headline h2,
.article_headline h1,
.product_list_article_headline h1,
.category_headline h1{
                 /* background:url(../images/bg.headline-left.gif) no-repeat top left;*/
                  color:#5c5c5c;
                  font:bold 15px Trebuchet MS;
                  padding:4px 8px 2px 8px;
				  border-top: 1px solid #ccc;
				  text-align:left;
}


.headline_green {
				  color: #20861d;
				  border-bottom: 1px solid #20861d;
				  font: bold 13px Trebuchet MS;
				  text-transform: uppercase;
				  letter-spacing: 1px;
				  padding: 0 0 0 10px;
}


.article_detail_headline h1{
                  display:block;
                 /* background:url(../images/bg.headline-left.gif) no-repeat top left;*/
                  color:#333;
                  font:bold 15px Trebuchet MS;
                  padding:4px 8px 2px 185px;
				  border-bottom: 1px solid #ccc;
}




.product_list_article_headline h1 a,
.product_list_article_headline h1 a:link,
.product_list_article_headline h1 a:visited,
.product_list_article_headline h1 a:hover,
.product_list_article_headline h1 a:active,
.category_headline h1 a,
.category_headline h1 a:link,
.category_headline h1 a:visited,
.category_headline h1 a:hover,
.category_headline h1 a:active{
                  display:block;
                  color:#414141;
                  font:bold 15px Trebuchet MS;
                  text-decoration:none;
				  text-align: left;
				  padding: 15px 0px 0 0;
				  width: 200px;
				  margin-left: 145px;
}
.article_container,
.table_article,
.category_table{
                  width:100%;
}
.product_image,
.category_image{
                  /*border-right:1px solid #EBEBEB;*/
                  width:150px;
                  vertical-align:top;
                  text-align:center;
                  padding: 4px 0px;
}


.technical_dimensions {
					
				  color: #666;
				  font: bold 12px/14px Trebuchet MS;
				  padding: 11px 0 10px 0;
}


.technical_dimensions_detail {
					
				  padding: 0;
				  margin:10px 0 0 185px;
				  float: left;
				  font: bold 12px Trebuchet MS;
				  
}



.product_text {
				  font: normal 11px Trebuchet MS;
                  vertical-align:top;
                  text-align:left;
                  padding: 4px 10px 10px 4px;
}
.category_full_description{
                  font: normal 12px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                  vertical-align:top;
                  text-align:left;
                  padding: 4px 10px 10px 4px;
}
.product_text p{font: normal 12px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;}
.more{						padding: 10px 0;}
.more a,
.more a:link,
.more a:visited,
.more a:hover,
.more a:active{
                  color:#20861d;
                  font: normal 13px Trebuchet MS;
               /*   background:url('../images/more.gif') no-repeat right;*/
                  padding-right:10px;
                  text-decoration:underline;
				  text-transform:uppercase;
}
.product_list_article_add_container{
                  border-top:1px solid #EBEBEB;
                  background:#F8F8F8;
                  padding: 4px;
}

.product_list_article_add{
                  width:100%;
}
.article_attributes{
                  padding: 4px;
                  width:auto;
}
/*
.article_attributes div,
.product_list_article_add div{
                  display:block;
                  font: bold 11px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                  text-align:left;
}
.article_attributes div label,
.product_list_article_add div label{
                  width:100px;
                  padding-right:3px;
                  text-align:right;
                  font-weight:normal;
                  float:left;
}
*/
.labellist{				display:block;}
.labellist label{
                  width:100px;
                  padding-right:3px;
                  text-align:right;
                  font-weight:normal;
                  float:left;
}
.inci_field,
.inci_field a {
				  color: #20861d;
				  padding: 10px 0 10px 0;
}


.message_data {
						color: #20861d;
						line-height: 16px;
}

.message_card {
						color: #60a911;
						font: normal 11px Trebuchet MS;
						width: 180px;
						padding: 0 0 25px 0;
						
}



.suitable_box {
					   background: #20861d;
					   filter:alpha(opacity=15);
					   -moz-opacity:0.15;
					   opacity:0.15;
					   width: 787px;
					   height: 28px;
					   margin-left: -17px;
					   position: absolute;
}

.suitable_box_text {
					   padding: 0 0 0 0;
					   text-transform:uppercase;
					   color: #20861d;
					   position: absolute;
					   margin-left: 85px;
					   margin-top: 7px;
					   
}


/* hier kann man noch einiges verbessern*/
.article_questions_headline,
.cross_promotion_headline h1,
.rating_headline{
                        font: bold 13px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                        color:#fff;
                        padding:2px 10px;
                        background:#233D7F;
}
.high_level_headline{
                        font: bold 15px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                        text-transform:uppercase;
                        color:#D2212A;
                        padding:10px 10px 4px 10px;
}

/*************
  high level items (Neuheiten, bestseller etc.)
***********/
.hl_container{
                  margin: 10px 0 10px 10px;
				  
}
.hl_table{
                  width:363px;
				  border-bottom: 1px solid #ccc;
}
.hl_image{
                  width:60px;
                  text-align:center;
                  padding:4px;
                  vertical-align:top;
}
.hl_text{
                  vertical-align:top;
                  text-align:left;
                  padding: 4px 10px 10px 4px;
				  font: normal 12px/14px Trebuchet MS;
}
.hl_headline{
				  padding-bottom: 10px;

}
.recommended_retail_price,
.promotion{
                  padding:10px;
}

.promotion_text {
				  font: italic 13px Trebuchet MS;
				  color: #ff0000;
				  

}


.promotional_code {
					
				  color: #666;
				  font: bold 12px Trebuchet MS;
				  text-transform: uppercase;
				  vertical-align: middle;
				  letter-spacing: 2px;	
}

.promotion,
.hl_headline a,
.hl_headline a:link,
.hl_headline a:visited,
.hl_headline a:hover,
.hl_headline a:active{
                  font: bold 13px Trebuchet MS;
                  color:#666;
/*                  color:#19962B;*/
                  text-decoration:none;
				  
}
.hl_headline a:hover{text-decoration:underline;}
.article_price h1,
.price {}


.hl_price{
                  color:#20861d;
                  font: bold 17px Trebuchet MS;
                  text-align:right;
				  border-bottom: 1px dashed #c6c6c6;
				  position: relative;
				  left: 152px;
				  padding: 4px 0;
}

.rating_description{
                        padding:10px;
}
.nav_article{
                        padding:2px 10px;
                        border-left:14px solid #19962B;
                        margin:1px 10px;
}
.article_container{
                        position:relative;
}
.article_image{
                        
                        width: 180px;
                        text-align:center;
                        vertical-align:top;
}
.article_image img{
                        /*margin:10px;*/
						margin:0  0px 20px 0;
}
.article_text{
                       
						padding:0 0 0  5px;
						vertical-align:top;
                        text-align:left;
						font: normal 12px/14px Trebuchet MS;
}
.article_price{
                  text-align:right;
                  padding:10px;
				  margin-top: 5px;
}
.article_price h1{
                  color:#20861d;
                  font: bold 18px Trebuchet MS;
                  text-align:right;
                  display:inline;
}
.add_item_to_basket_container{
                        /*float:right;*/
						
}
.prdct_dscrpt{
                  /*margin-bottom:20px;
                  
				  padding:10px;
				  */
				  font: normal 11px/16px Trebuchet MS;
				  padding: 10px 0 0 0;
				  
				  width: 260px;
}



.variant_attributes_container div,
.variant_attributes_container div a,
.variant_attributes_container div a:link,
.variant_attributes_container div a:visited,
.variant_attributes_container div a:hover,
.variant_attributes_container div a:active{
                  font: bold 14px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                  color:#00377a;
/*                  color:#19962B;*/
}

.additional_variant_container{
                  float:right;
                  width:200px;
                  border:1px solid #EBEBEB;
                  background:#F8F8F8;
                  padding:10px;
}


fieldset{
          border-top:2px solid #19962B;
          border-bottom:2px solid #19962B;
          border-left:0px solid #19962B;
          border-right:0px solid #19962B;
          background:#e5fee9;
          margin:0 0 30px 0;
          padding:0px 0px 6px 15px;
}



* fieldset{
      background:url('../images/fieldsetIE.gif') repeat-x #e5fee9;
}
legend{
    margin:0px 15px 0 15px;
        background:#19962B;
      color:#ffffff;
      font: bold 13px 'Arial';
      padding:2px 10px;
}


.data_box {
					padding: 10px;
					background: #eff6ef;
					width: 883px;
					line-height: 16px;
}

.data {
					color: #20861d;
					font: bold 12px Trebuchet MS;
					text-transform: uppercase;
					padding-bottom: 10px;
}


.edit {
					color: #20861d;
}



.card_buttons {
					width: 209px;
					margin-left: 50px;
					padding: 0 0 0 664px;
}




.my_data a{
					text-transform: uppercase;
					letter-spacing: 2px;
					text-decoration: none;
					font: bold 11px Trebuchet MS;
					

}


.my_data a:hover { color: #20861d;}

.btn_update_card button {
					background: url("../images/btn/bg_btn_basket.gif") no-repeat;
					display:block;
					width: 209px;
					height: 21px;
					color: #20861d;
					text-transform: uppercase;
					text-decoration: none;
					font: bold 11px Trebuchet MS;
					padding: 1px 0 2px 30px;
					text-align: left;
					border: 0;
					cursor: hand;
					cursor: pointer;
}					



.btn_continue_shopping button {
					background: url("../images/btn/bg_btn_basket_card.gif") no-repeat;
					display:inline;
					width: 209px;
					height: 21px;
					color: #20861d;
					text-transform: uppercase;
					text-decoration: none;
					font: bold 11px Trebuchet MS;
					padding: 1px 0 2px 30px;
					text-align: left;
					border: 0;
					cursor: hand;
					cursor: pointer;
					
}


.btn_checkout button {
					background: url("../images/btn/bg_btn_checkout.gif") no-repeat;
					display:inline;
					width: 215px;
					height: 25px;
					color: #20861d;
					text-transform: uppercase;
					text-decoration: none;
					font: bold 11px Trebuchet MS;
					padding: 1px 0 2px 30px;
					text-align: left;
					border: 0;
					margin-left: -5px;
					cursor: hand;
					cursor: pointer;

}



.btn_place_order button {
					background: url("../images/btn/bg_btn_place_order.gif") no-repeat;
					display:inline;
					width: 209px;
					height: 21px;
					color: #20861d;
					text-transform: uppercase;
					text-decoration: none;
					font: bold 11px Trebuchet MS;
					padding: 1px 0 2px 30px;
					text-align: left;
					border: 0;
					cursor: hand;
					cursor: pointer;

}



/*************
  Saferpay
***********/

#saferpay_box {
				font: normal 11px/16px Trebuchet MS;
				width:873px; 
				margin-left:52px;
}


#saferpay {
	border:1px solid #20861d; 
	padding:0px 0; 
	width:800px; 
	height:450px;
	margin: 30px 0;
	
}