* { margin: 0; padding: 0; border: 0; }

body { padding: 10px; background: #f2f1e5; color: #000; font: normal 11px/135% Arial, sans-serif; }

.cb { clear: both; height: 1px; width: 1px; overflow: hidden; }
.invisible { display: none; }
.fl { float: left; }

a { text-decoration: none; color: #A43200; }
a:hover { text-decoration: underline; }

.page { width: 707px; display:block; position: absolute; }

#wrap { width: 707px; }

.head { height: 55px; }		
.head img { float: left; width: 197px; }
.head .navblock { float: left; width: 668px; height: auto; margin-top: 0px; overflow : hidden; margin-bottom:30px; }
.head .navblock ul.navigation { list-style-type: none; margin: 15px 0 0 10px; }
.head .navblock ul.navigation li {  float: left; }
.head .navblock ul.navigation li a { float: left; /*background: url(pics/navpoint_red.gif) left top no-repeat;*/ /*padding-top:12px;*/ height: auto; display: block; font-weight: bold; padding-right: 40px;  }
.head .navblock ul.navigation li a:hover { /*background: url(pics/navpoint_red_ro.gif) left top no-repeat;*/ text-decoration: none; }
.head .navblock ul.navigation li a.active, .head .navblock ul.navigation li a.active:hover { /*background: url(pics/navpoint_red_act.gif) left top no-repeat;*/ }
	
.pageborder { border: 0px #036 solid; padding: 0px; height: 100%; }

.pageborder .lastseen_obj { width: 260px; float: left; padding: 11px 12px 0 3px; }
.pageborder .lastseen_obj img { float: left; margin: 0 5px 3px 0 }
.pageborder .lastseen_obj p a { text-decoration: underline; }
.pageborder .lastseen_obj p a:hover { text-decoration: none; }

.pageborder .headbox,
.pageborder h2,
.pageborder h1 {
	clear:both;
	color: #A43200;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px;
	background-color: #dddbc8;}

.pageborder .headbox2{ clear:both; color: #000; font-size: 12px; font-weight: bold; padding: 4px 10px 10px 0; }

.pageborder h4 { color: #000; font-size: 10px; font-weight: bold; padding: 4px 10px; }

.pageborder .csc-header-n1 { _background: #C8D2DC; _color: #036; font-weight: bold; padding: 4px 10px; height: 17px; margin-bottom: 10px; }
.pageborder .csc-header-n1 b { font-size: 0.8em; }

.pageborder h1 { font-size: 1.2em;}
.pageborder h2 { font-size: 1em;}
.pageborder h3 { font-size: 1em;}
.pageborder ul {padding-left: 1.5em;}

.pageborder .even { background: #f8f8f8; }
.pageborder .producttab { padding: 12px 0px; }
.pageborder .producttab .d1 { width: 340px; float: left; }
.pageborder .producttab .d1 img { float: left; margin: 0 11px 11px 0; }
.pageborder .producttab .d2 { width: 200px; float: left; }
.pageborder .producttab .d2 .d21 { width: 90px; float: left; text-align: right; }
.pageborder .producttab .d2 .d22 { width: 44px; float: left; padding-left: 58px; }
.pageborder .producttab .d2 .d22 .amount { width: 31px; border: 1px #6f6f6f solid; color: #000000; font-weight: bold; font-size:11px; text-align: right; padding: 0 3px; }
a.refresh { float: left; width: 22px; height: 22px; background: url('pics/png/refresh_ro_new.png') left top no-repeat;}
a.delete { float: left; width: 22px; height: 22px; background: url('pics/png/delete_ro_new.png') left top no-repeat;margin-left: -6px;}
a.refresh:hover { opacity: 0.5;}
a.delete:hover { opacity: 0.5;}
.pageborder .producttab .d2 .d23 { width: 161px; padding-top: 30px; }
.pageborder .producttab .d2 .d23 a.recommend { width: 140px; float: right; padding-right: 27px; text-align: right; margin-right: 10px; display: block; height: 18px; background: url('pics/thumbup.gif') right top no-repeat; }
.pageborder .producttab .d2 .d23 a.recommend:hover { background: url('pics/thumbup_ro.gif') right top no-repeat; }
.pageborder .producttab .d2 .d23 a.leaflet { width: 125px; padding-right: 27px; text-align: right; float: right; margin: 2px 10px 0 0; display: block; height: 18px; background: url('pics/leaflet.gif') right top no-repeat; }
.pageborder .producttab .d2 .d23 a.leaflet:hover { background: url('pics/leaflet_ro.gif') right top no-repeat; }
.pageborder .producttab .d3 { width: 164px; float: left;}
.pageborder .producttab .d3 table tr td { text-align: right; }
.pageborder .producttab .d3 table tr.space td { padding-top: 10px; }

.pageborder .producttab span.headline { font-weight: bold; display: block; margin-bottom: 8px; color : #c00; }
.pageborder .producttab .black { color: #000; }

.pageborder .producttab .header_buchszene_wk_list{ background-color:#A43200;display:block;font-weight:bold;}

.pageborder .gifttab { padding: 12px 10px; }
.pageborder .gifttab .t1 { width: 265px; float: left; }
.pageborder .gifttab .t2 { width: 235px; float: left; }
.pageborder .gifttab .t3 { width: 306px; float: left; }
.pageborder .gifttab .t3 .gift { width: 147px; height: 18px; display: block; float: right; margin-top: 20px; padding: 0 0 0 23px; /*background: #6f6f6f url('pics/gift.gif') 1px 1px no-repeat;*/ color: #fff; }
.pageborder .gifttab .t3 .gift:hover { text-decoration: none; /*background: #7e7e7e url('pics/gift_ro.gif') 1px 1px no-repeat;*/ }

.pageborder .sumtab { padding: 12px 0 12px 10px; }
.pageborder .sumtab .contact { width: 260px; float: left; border: 1px #6f6f6f solid; }
.pageborder .sumtab .contact h4 { height: 40px; background: #a8a8a8; color: #fff; padding: 10px 10px 5px 20px; border-bottom: 1px #6f6f6f solid; }
.pageborder .sumtab .contact p { padding: 10px 10px 10px 20px; }
.pageborder .sumtab .contact a { text-decoration: underline; }
.pageborder .sumtab .contact a:hover { text-decoration: none; }
.pageborder .sumtab table { float: right; }
.pageborder .sumtab table tr td { text-align: right; vertical-align: top; padding: 2px 0; }
.pageborder .sumtab table tr td select { border: 1px #6f6f6f solid; width: 140px; margin-left: 10px; font-size: 11px;}
.pageborder .sumtab table tr td.headline { font-weight: bold; font-size: 12px; color : #A43200; }
.pageborder .sumtab table tr td.headline div { background-color: #dddbc8; }
.pageborder .sumtab table tr td a.underline { text-decoration: underline; }

.pageborder form {margin-left: 10px;}
.pageborder .addresstab form{margin-left: 0px;}
.pageborder .addresstab { width: 690px; padding-left:12px;}
.pageborder .addresstab h2{margin-left: 0px; padding-left:0;}
.pageborder .addresstab textarea[name="tx_commerce_pi3[comment]"] { margin-right: 6px; }

.bottom .left { float: left; width: 200px; }
.bottom .left a.back2shop { display: block; height: 21px; float: left; color: #A43200; font-weight: bold; background: url('pics/png/btn_back.png') 4px 4px no-repeat; padding: 8px 5px 0 55px }
.bottom .left a.back2shop:hover { text-decoration: none; background: url('pics/png/larrow_ro.png') 4px 4px no-repeat; }
.bottom .middle { float: left; width: 258px; text-align: center; display:none;}
.bottom .middle ul { list-style-type: none; }
.bottom .middle ul li { display: inline; padding: 0 2px; }
.bottom .middle ul li a { font-weight: bold; text-decoration: underline; }
.bottom .middle ul li a:hover { text-decoration: none; }
.bottom .right { float: right; width: 200px; }
.bottom .right a.nextpage { display: block; width: 95px; height: 21px; float: right; color: #A43200; font-weight: bold; background: url('pics/png/btn_forw.png') 92px 4px no-repeat; padding: 8px 0 0 25px; }
.bottom .right a.nextpage:hover { text-decoration: none; background: url('pics/png/rarrow_ro.png') 92px 4px no-repeat; }
.bottom .right a.nextpagestep_3 { display: block; width: 200px; height: 21px; float: right; color: #A43200; font-weight: bold; background: url('pics/png/btn_forw.png') 190px 4px no-repeat; padding: 8px 0 0 25px; }
.bottom .right a.nextpagestep_3:hover { text-decoration: none; background: url('pics/png/rarrow_ro.png') 190px 4px no-repeat; }
.bottom .right a.print { display: block; width: 95px; height: 21px; float: right; color: #FFFFFF; font-weight: bold; margin: 8px 0 0 0;  padding: 4px 0px 0 25px; background-color: #003366; }
.bottom .right a.print:hover { background-color: #d50000; text-decoration: none; }
.bottom .right a.finishIt { display: block; width: 205px; height: 21px; float: right; color: #A43200; font-weight: bold; margin: 8px 0 0 0; /*background: #194c8b url('pics/rarrow.gif') 196px 1px no-repeat;*/ padding: 4px 0px 0 15px; }
.bottom .right a.finishIt:hover { text-decoration: none; /*background: #c00 url('pics/rarrow_ro.gif') 196px 1px no-repeat;*/ }

.pageborder form p {margin: .8em 0; clear:both;}
.pageborder form label,
.pageborder .addresstab label {display:block;float:left;width:10em;}
.pageborder form label.create_account { width: auto; font-weight: bold;  }
.pageborder form input.create_account { float: left; display: block; margin-right: 10px;  }

.customer-data-overview p.aditem { height: 15px; } 

.chkout_address_radio input { float: left; display: block; margin-right: 10px; }
.pageborder form p.textinput input,
.pageborder form p.textinput select {  border: 1px solid #dddbc8; width: 20em;}
.pageborder form p.textinput input:focus,
.pageborder form p.textinput select:focus { 
    outline: none;
    border-color: #dddbc8;
    box-shadow: 0 0 10px #dddbc8;
}
.pageborder form p.textinput #billing-gender, .pageborder form p.textinput #delivery-gender {width: 10em;}
.pageborder form p.textinput #billing-tx_commerce_address_newsletter { border: 0px; width: 1em;}

.pageborder form p.textinput span.error { /*display:block; float: right;*/ }

.pageborder .addresstab p
	{
		clear: both;
		margin: .5em 0;
                margin-right: 6px;
	}

.error { color: #dd0000; }

.dealer_info { margin: 10px 0; }

.all_dealer { float: left; width: 600px;  } 
.dealer { float: left; width: 200px; margin-bottom: 20px;  }

.warenkorb_table table tr th.sp1 { width: 200px; text-align: left; }
.warenkorb_table table tr th.sp2 { width: 200px; text-align: left; }
.warenkorb_table table tr th.sp3, td.sp3 { width: 100px; text-align: right; }
.warenkorb_table table tr th.sp4, td.sp4 { width: 120px; text-align: right; }
.warenkorb_table table tr th.sp5, td.sp5 { width: 180px; text-align: right; }

.warenkorb_table table tr td hr { color: #dddbc8; background-color: #dddbc8; }
.warenkorb_table table tr td strong { color: #434b38; }

textarea { border: 1px solid #dddbc8; }



.tx-wfqbe-pi1 h2 {background: #fff; color: #000;}
.csc-header-n1 {_background: #6f6f6f; _color: #ffffff; font-weight: bold; padding: 4px 10px 12px 0px; }


.tx-wfqbe-pi1 #address table.ergebnis {width : 100%; margin:0 0 20px 0; padding:0; }
.tx-wfqbe-pi1 #address table.ergebnis tr td { text-align:left; font : normal 12px/110% Verdana, Arial, sans-serif; margin:0; padding: 1px; color: #000;}
.tx-wfqbe-pi1 #address table.ergebnis tr td.spalte_info {width: 200px; text-align: left;}
.tx-wfqbe-pi1 #address table.ergebnis tr td.spalte_adresse {width: 200px; text-align: left;}
.tx-wfqbe-pi1 #address table.ergebnis tr td.eintrag {border-bottom: 1px solid; margin:0; padding: 1px; } 

.tx-wfqbe-pi1 #address table.daten_kunde { border: 1px solid #6f6f6f; }
.tx-wfqbe-pi1 #address table.daten_kunde tr.head { background-color:#FEC901; height: 30px; }
.tx-wfqbe-pi1 #address table.daten_kunde tr.eintrag td { vertical-align: top; font: normal 11px/120% Verdana, Arial, sans-serif; }
.tx-wfqbe-pi1 #address table.daten_kunde tr.eintrag { background-color: #FFF;}

.tx-wfqbe-pi1 table { font : normal 11px/120% Verdana, Arial, sans-serif; color : #000; 
border: 1px solid #000;}
.tx-wfqbe-pi1 table {border-right: 2px solid #000;}

.tx-wfqbe-pi1 table.wfqbe_table_results th {font : normal 11px/120% Verdana, Arial, sans-serif; color : #000; text-align:center; background-color: #FFFEB5; padding:1px; margin:0;}
.tx-wfqbe-pi1 table.wfqbe_table_results tr.wfqbe_odd { background-color: #ffffff; }
.tx-wfqbe-pi1 table.wfqbe_table_results tr.wfqbe_even { background-color: #F2F1F1; }

/* LOGIN FORMULAR */
input.tx-srfeuserregister-pi1-text { width: 250px; border: 1px #036 solid; color: #000; padding: 1px 0 1px 2px; margin:0; }
input.tx-srfeuserregister-pi1-submit { font : normal 12px/110% Verdana, Arial, sans-serif; 
     background-color: #036; color: #ffffff; border: 0; 
     padding: 5px 17px 5px 17px; margin:0; cursor:pointer; width: auto;}

.login_form { margin: 10px 0; }
.login_form form { margin: 10px 0; }


/* Adress übersicht */
ol.adr_auswahl { list-style-type: none; }
ol.adr_auswahl li { margin: 5px 20px 15px 0; float: left; }
.adr_select_box { float: left; display: block; }
.adr_infos { float: left; margin: 0 0 0 10px; }


.image-block { width:78px; margin:0px 10px; float:left; }
.reflection { position:relative; }
.reflection img {
    /*
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
    filter: flipv; opacity:0.20;
    filter: alpha(opacity='20');
    */
}
.overlay { 
	position:absolute; top:0px; left:0px; width:78px; height:auto;
	overflow:hidden;
    background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 60%, rgba(255,255,255,0) 75%);
    background-image: -o-linear-gradient( rgba(255,255,255,0) 25%, rgb(255,255,255) 40%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff);
}

.pagebrowser_tbl_content_white{
	display:block;
	clear:both;
	margin-right:10px;
	height:auto;
	overflow: hidden; 
	padding-bottom:30px; 
	border-bottom:1px solid #E7E7E7;
	margin-bottom: 10px;
}

.pagebrowser_tbl_content_pict,
.pagebrowser_tbl_content_desc,
.pagebrowser_tbl_content_order{
	float:left;
	padding-right:5px;
}

.pagebrowser_tbl_content_desc{
	width:400px;
}
.pagebrowser_tbl_content_order{
	padding-right:5px;
	float:right;
}


.divider{
    clear: both;
    display:block;
}

.top_navi_bookworlds,
.top_basket_all{
	position:relative;
	background-image:url(pics/basket_counter.png);
	background-repeat:no-repeat;
	width:66px;
	height:90px;
}

.top_basket_all .top_basket_value{
	position:absolute;
	top:20px;
	left:40px;
}

.stein_bookhit_assortment{
	clear:both;
	position:relative;
}
.wrap_around_image{
	position:relative;
	width:151px;
	border:1px solid #000000;
}	

.tx-pagebrowse-pi1{
	float:right;
	width:48%;
}
form#select_sorting{
	float:left;
	width:48%;
}

/*  PageBrowser ************************************************************/
.pager_top{
    display: block;
    background-color: #E7E7E7;
    max-height: 32px;
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    
}
.show_range{
    float:left;
    margin-left: 4px;
    width:180px;
    line-height: 28px;
}

.show_sorting{
    float: left;
    width:390px;
}

.show_sorting label,.show_sorting form#select_sorting, form#select_sorting .show_sorting select {
    float: left;
}
.show_sorting label {
    width:auto;
    margin-right: 5px;
    line-height: 28px;
}
.show_sorting form#select_sorting {
    padding: 2px 0;
    margin: 0;
    width: auto;
}
.show_sorting form select {
    margin-right:10px;
    float: left;
}

.show_pages{
    float:left;
    width: auto;
    line-height: 28px;
}

.show_nav{
    float:right;
}

.show_nav img{
    border:1px solid #CECECE;
}


/*********************************************************/
.boxwhiterowprice{
    color: #857EAD;
    font-size: 24px;
}


/* Detailseiten *******************************************************/
.sphinxDetails{
    display: block;
}

.sphinxDetails h1{
	color:#9696C8;
	font-size:30px;
	margin-bottom:20px;
	font-weight:normal;
	line-height:34px;
}

.sphinxDetails h1 span {
	color:#5F951D;
 	display: none;
 	-webkit-transform: rotate(-180deg);
 	-moz-transform: rotate(-180deg);
 	-o-transform: rotate(-180deg);
 	transform: rotate(-180deg);
 	opacity: 0.3;
 	position: relative;
 	top: -37px;
}

.sphinxDetails000 h1 {
 font: normal 1em ;
 width: 400px;
 height: auto;
 margin: 10px auto 0 auto;
 color: #5F951D;
}

.sphinxDetails h1 span {
	color:#999999;
    display: none;
    position: relative;
    bottom: -.55em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
    opacity: .20;
	top:5px;

    /* This is how the text is flipped vertically */
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}

.sphinxDetails .content p.three-columns {
    /*-moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;*/
    
    /* ***************** HIER ***************** */
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    /* **************************************** */
}
.details_img{
    margin-top: 20px;
    margin-bottom: 20px;
	width:auto;
	float:left;
}

#details_info{
	position:relative;
	top:10px;
	z-index:99999;
}
.sphinxDetails .content{
	float:left;
	width:500px;
}

#sphinxInfoShort{
	max-width:150px;
	float:left;
	margin-right:16px;
}

.sphinxDetails .content #sphinxButtons{
	display:block;
	height:29px;
	margin-bottom:10px;
}

.sphinxDetails .content #sphinxButtons a{
	margin-right:10px;
}


#details_order{
	position:relative;
	margin-top:10px;
	top:10px;
	height:29px;
}

#details_order #price{
	float:left;
	width:80%;
	font-size:1.2em;
	font-weight:bold;
	position:absolute;
	bottom:5px;
	
}
#details_order #button_order{
	float:right;
	width:100px;
	position:absolute;
	bottom:5px;
	left: 50px;
	white-space: nowrap;
}

#details_order #button_order span{
	float:left;
	font-size:16px;
	color:#857EAD;
	white-space:nowrap; 
	position:absolute;
	bottom:0;    
}

.pagebrowser_tbl_content_order .button span{
	float:left;
	font-size:12px;
	color:#857EAD;
	white-space:nowrap;
	padding-top:13px;
}

#details_order #button_order img{
	float:right;
}


.relations{
	position:relative;
	top:10px;
	clear:both;
}
.prev_related{
	width:140px;
	padding-right:5px;
	float:left;
	display:table-cell;
	min-height:240px;
	margin-bottom:10px;
}

.prev_related_text{
	position:relative;
	top:10px;
}

.prev_related_text .show_title{
	color:#9696C8;
	font-size:12px;
	font-weight:bold;
}

/* CSS code */

.reflected {
    position: relative;
}
.reflected:after {
    /*content: 'Reflected Text!';*/
    display: block;
    position: absolute;
    bottom: -.55em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
    opacity: .10;

    /* This is how the text is flipped vertically */
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}

/* NEUER WARENKORB */
.header_small_preis{
	/*padding-left:402px;*/
        padding-left:410px;
	float:left;
	width:auto;
	font-weight:bold;
        color: #A43200;
}
.header_small_ammount{
	padding-left:53px;
	float:left;
	width:auto;
	font-weight:bold;
        color: #A43200;
}
.header_small_total{
	padding-left:113px;
	float:left;
	width:auto;
	font-weight:bold;
}
.productDIV{
	clear:both;
	margin-bottom:10px;
}

.chkout_list_basket .productDIV{
	background-color: #f2f1e5;
}
.chkout_list_basket .productDIV .prodTITLE {
    width: 328px;
}

.productDIV .prodIMG,
.productDIV .prodTITLE,
.productDIV .prodPRICE,
.productDIV .prodAMMOUNT,
.productDIV .prodNETTO_INFO,
.productDIV .prodNetto{
	float:left;
	/*border-right:1px solid #ffffff;*/
        border-top: 3px solid #dddbc8;
        color: #A43200;
}
.productDIV .prodIMG{
	width:60px;
	margin-right:6px;
}
.productDIV .prodTITLE{
	/*width:321px;*/
        width: 355px;
	border-right:none;
}
.productDIV .prodPRICE{
	width:60px;
}
.productDIV .prodAMMOUNT,
.productDIV .prodNETTO_INFO{
	width:84px;
}
.productDIV .prodNetto{
	width:54px;
}
.productDIV .prodAMMOUNT {
	border-left: 1px solid #dddbc8;
}
.productDIV .prodAMMOUNT,
.productDIV .prodNETTO_INFO,
.productDIV .prodNetto {
	border-right: 1px solid #dddbc8;
}

.chkout_list_basket .productDIV .prodNetto{
	width:58px;
}

.wkHEADER{
	background-color:#FBFBF7;display:block;font-weight:bold;
	padding:2px 0 2px 2px;
}

.productDIV .prodAMMOUNT .wkUpdateButtons{
	display:block;
	margin-left:10px;
}
.productDIV .prodAMMOUNT input.amount { width: 31px; background: #FBFBF7; font-weight: bold; font-size:11px; text-align: right; padding: 0 3px; }
.productDIV .prodAMMOUNT .wkUpdateButtons a.refresh { float: left; width: 28px; height: 27px; background: url('pics/png/refresh_ro_new.png') left top no-repeat; margin: 3px 0 0 3px;}
.productDIV .prodAMMOUNT .wkUpdateButtons a.refresh:hover { background: url('pics/png/refresh_ro_new.png') left top no-repeat; opacity:0.5;filter:alpha(opacity=50); }
.productDIV .prodAMMOUNT .wkUpdateButtons a.delete { float: left; width: 28px; height: 27px; background: url('pics/png/delete_ro_new.png') left top no-repeat; margin: 3px 0 0 0; }
.productDIV .prodAMMOUNT .wkUpdateButtons a.delete:hover { background: url('pics/png/delete_ro_new.png') left top no-repeat; opacity:0.5;filter:alpha(opacity=50); }


.prodNETTO_INFO .wkHEADER,
.prodNetto .wkHEADER,
.prodNETTO_INFO_1,
.prodNETTO_INFO_2,
.prodNetto_1,
.prodNetto_2{
	display:block;
	text-align:right;
	padding:2px 2px 2px 0;
}

.prodAMMOUNT .wkHEADER,
.prodNETTO_INFO .wkHEADER,
.prodNETTO_INFO_1,
.prodNETTO_INFO_2{
	display:block;
	text-align:right;
	padding:2px 12px 2px 0;
}

.prodNETTO_INFO_1,
.prodNETTO_INFO_2,
.prodNetto_1,
.prodNetto_2{
	height:26px;
        color: black;
}

.navigation li.step_1 a,
.navigation li.step_2 a,
.navigation li.step_3 a,
.navigation li.step_4 a,
.navigation li.step_5 a{
	padding-top:42px;
	height:auto;
}

.navigation li.step_1 a{
	/*background: url('pics/png/step_1.png') left top no-repeat;*/
}

.navigation li.step_2 a{
	/*background: url('pics/png/step_2.png') left top no-repeat;*/
        background: url('pics/png/step_2_active_new.png') left top no-repeat;
	opacity:0.25;filter:alpha(opacity=25);
}
.navigation li.step_3 a{
	/*background: url('pics/png/step_3.png') left top no-repeat;*/
        background: url('pics/png/step_3_active_new.png') left top no-repeat;
	opacity:0.25;filter:alpha(opacity=25);
}
.navigation li.step_4 a{
	/*background: url('pics/png/step_4.png') left top no-repeat;*/
        background: url('pics/png/step_4_active_new.png') left top no-repeat;
	opacity:0.25;filter:alpha(opacity=25);
}
.navigation li.step_5 a{
	/*background: url('pics/png/step_5.png') left top no-repeat;*/
        background: url('pics/png/step_5_active_new.png') left top no-repeat;
	opacity:0.25;filter:alpha(opacity=25);
}

.navigation li.step_1 a:hover,
.navigation li.step_1 a.active{
	background: url('pics/png/step_1_active_new.png') left top no-repeat;
}

.navigation li.step_1 a.done{
	/*background: url('pics/png/step_1_done.png') left top no-repeat;*/
        background: url('pics/png/step_1_active_new.png') left top no-repeat;
}
.navigation li.step_2 a:hover,
.navigation li.step_2 a.active{
	background: url('pics/png/step_2_active_new.png') left top no-repeat;
	opacity:1;filter:alpha(opacity=100);
}

.navigation li.step_2 a.done{
	/*background: url('pics/png/step_2_done.png') left top no-repeat;*/
	opacity:1;filter:alpha(opacity=100);
}
.navigation li.step_3 a:hover,
.navigation li.step_3 a.active{
	background: url('pics/png/step_3_active_new.png') left top no-repeat;
	opacity:1;filter:alpha(opacity=100);
}

.navigation li.step_3 a.done{
	/*background: url('pics/png/step_3_done.png') left top no-repeat;*/
	opacity:1;filter:alpha(opacity=100);
}
.navigation li.step_4 a:hover,
.navigation li.step_4 a.active{
	background: url('pics/png/step_4_active_new.png') left top no-repeat;
	opacity:1;filter:alpha(opacity=100);
}
.navigation li.step_4 a.done{
	/*background: url('pics/png/step_4_done.png') left top no-repeat;*/
	opacity:1;filter:alpha(opacity=100);
}

.navigation li.step_5 a:hover,
.navigation li.step_5 a.active,
.navigation li.step_5 a.done{
	background: url('pics/png/step_5_active_new.png') left top no-repeat;
	opacity:1;filter:alpha(opacity=100);
}


.bottom{
	background-color:#FBFBF7;
	margin-top:15px;
        border-top: 1px solid #dddbc8;
        border-bottom: 3px solid #dddbc8;
        margin-bottom: 10px;
}
form#search_assortment{
    width: 410px;
}
form#search_assortment label,
form#search_assortment input,
form#search_assortment select{
    float:left;
} 

form#search_assortment br{
    clear:both;
} 

form#search_assortment label{
    width:100px;
    font-weight: bold;
    margin-bottom: 10px;
} 

form#search_assortment input,
form#search_assortment select{
    width:300px;
    border: 1px solid #cccccc;
} 

form#search_assortment input.button{
    float:right;
    width:auto;
    color: #ffffff;
    font-weight: bold;
    background-color: #57AB27;
    border: 1px solid #cccccc;
    margin-right: 10px;
} 

div#extendedSearch{
    display: none;
}

a#btn_extended_search {
    display: none;
}
.producttab img, .d1 img {
	width: 60px;
}
.firstrow {
	width: 70%;
}
.separator {
	border: 1px solid #525252;
}
.d1, .d2, .d3 {
	border-top: 3px solid #dddbc8;
	border-right: 1px solid #dddbc8;
}
.sumtables {
	width: 100%;
	text-align: right;
}
.sumtables tr td:first-child {
	 width: 49%;
}
.sumtables tr td:last-child {
	width: 23%;
}
.navigation a {
	opacity: 0.5;
}
.active, .done {
	opacity: 1 !important;
}
.top_basket_link_basket {
	position: absolute;
	top: 2px;
	left: 16px;
	color: #A43200;
}
.div_input_ammount {
	width: 100%;
	display: inline-block;
}
.div_input_ammount input{
	width: 38px;
	padding: 2px;
	text-align: right;
	border: 1px solid black;
}
.div_input_ammount_options {
	width: 100%;
	display: inline-block;
}
.div_input_ammount_options .delete {
	margin-left: 72px;
}
.div_input_ammount_options a:last-child {
	margin-left: 2px;
}
.finishing_display_message_div {
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 6px;
}
.customer-data-overview .headbox {
	padding: 4px 0px;
}
.showpayment_div h2 {
	border-bottom: 2px solid black;
	padding-bottom: 3px !important;
	font-size: 12px;
	font-weight: bold;
}