.btn {background-color:#808080;color:#ffffff;padding: 5px 10px;text-decoration:none;cursor:pointer;width:auto;float:left;margin:0 2px; font-size:14px;}
.btn:hover {background-color:#a0a0a0;color:#ffffff;}

pre{font-size:10px;}

hr{border:0;height:1px;color:#ddd;}

#content {min-width:270px;}
#content table{margin:0;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	border:solid #aaa 1px;font-size:14px;padding:5px;
    border-radius:0;
    color: #666;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
    width:250px;
}

label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox], input[type=radio] {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox] + label, input[type=radio] + label  {
	padding-left:25px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox] + label {
    background-image:url(/img/vlad.png);
}

input[type=radio] + label {
    background-image:url(/img/csscheckbox.png);
}

input[type=checkbox]:checked + label, input[type=radio]:checked + label  {
	background-position: 0 -20px;
}


.cartlink {background:url(/img/cart_16.gif) 0 -1px no-repeat;padding-left:20px;color:#fff;}

#brNAVI {font-size:65%;margin-bottom:10px;}
#brNAVI A {text-decoration: none;}
#blaettern {position:relative;width:100%;height:30px;font-size:65%; border-top:dotted 1px #808080; padding-top:10px;text-align:center;float:left;}
.blaetternbtn {position:absolute;top:2px;background-color:#808080;color:#ffffff;padding: 6px 10px;text-decoration:none;}
.blaetternbtn.back {left:0;}
.blaetternbtn.next {right:0;}
.blaetternbtn:hover {background-color:#a0a0a0;color:#ffffff;}

.list_item {position:relative;float:left;width:230px;height:300px;margin:0 10px 10px 0; cursor:pointer;}
.list_item:nth-child(5n+6) {margin: 0 0 10px 0;}

.list_item .info {display:none;position:absolute;left:0;bottom:0;z-index:999;width:230px;padding:5px;min-height:80px;font-size:70%; font-weight:bold; color:#000;background-color: #fff;opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}
.list_item .info .titel {margin:10px 0 0 10px;width:210px;}
.list_item .info .titel a{text-decoration:none;}
.list_item .info .titel a:hover{ color:#000;}
.list_item .info .cat {margin:0 0 0 10px;}
.list_item .info .preis {margin:5px 0 15px 10px;}

.list_item .info .labels {margin:5px;float:right;width:220px;font-size:80%;}
.list_item .info .labels div {margin-left:2px;padding:2px 5px;background-color:#000;color:#fff; text-align:center;float:right;}

#item_det {min-width:270px;width:100%;}
#item_det .imgbox{width:470px;height:auto;float:left;margin:0 20px 20px 0;}
#item_det .imgbox .mainimg{width:100%;height:auto; background-color:#EAE9E7;border:solid 1px #EAE9E7; }
/*#item_det .imgbox .mainimg img{width:100%;height:auto;}*/
#item_det .imgbox .mainimg img{display: block;vertical-align: middle; margin:0 auto;text-align: center;}
#item_det .imgbox .subimgbox{width:100%;height:auto;margin-top:10px; float:left; }

#item_det .imgbox .subimgbox .subimg {float:left;margin:0 10px 10px 0;background-color:#EAE9E7;border:solid 1px #EAE9E7; cursor:pointer;}
#item_det .imgbox .subimgbox .subimg:nth-child(4n+5) {margin: 0 0 10px 0;}

#item_det .imgbox .subimgbox .subimg img{width:84px !important;}

#item_det .text{width:700px; float:left;font-family: inherit;}
#item_det .text .titelbox {font-size:16px; font-weight:bold; width:100%;}
#item_det .text .titelbox .titel{width:auto;float:left;margin-right:20px;}

#item_det .text .titelbox .labels {font-size:80%;height:24px;}
#item_det .text .titelbox .labels div{margin-right:5px;padding:2px 5px;background-color:#000;color:#fff; text-align:center;float:left;}

#item_det .text .bestnr{width:100%;font-size:14px;color:#1490BA;margin-bottom:30px;}
#item_det .text .descr{width:100%;font-size:11px;margin-bottom:30px;}

#item_det .text .verfuegbar{width:100%;font-size:11px;margin-bottom:30px;}
#item_det .text .verfuegbar .verfbk{width:auto !important;border-collapse:collapse;}
#item_det .text .verfuegbar .verfbk th{padding:5px;}
#item_det .text .verfuegbar .verfbk td{border:solid 1px #EAE9E7;padding:5px; background-color:#f6f6f6; }

#item_det .text .preisbest{width:100%;}

#item_det .text .preisbest .preis{font-size:16px;float:left;margin:0 30px 20px 0;}
#item_det .text .preisbest .preis .preissub{font-size:11px;}
#item_det .text .preisbest .best {float:right;}

#ArtikelPreis2 {font-weight:bold;}
/*#item_det .text .preisbest .cartselect{width:200px !important;}*/
#item_det .text .preisbest .cartselect TD{vertical-align:middle !important;padding:2px 0;}

#cart{width:100%;margin-bottom:10px;float:left;}


#cartlist2{font-size:12px;min-width:220px;width:100%;float:left;}
#cartlist2 .item{min-width:220px;width:100%;float:left;min-height:150px;margin-bottom:20px;padding-bottom:20px;border-bottom:dotted 1px #ccc;}
/*#cartlist2 .item:last-child {margin:0;border:0; }*/

#cartlist2 .item .l{max-width:700px;float:left;}

#cartlist2 .item .l .img{width:100px;height:129px;margin-right:10px;float:left;background-color:#EAE9E7;border:solid 1px #EAE9E7;cursor:pointer;}
#cartlist2 .item .l .artikel{max-width:570px;min-height:50px;margin-bottom:10px;float:left;}
#cartlist2 .item .l .artikel .titel{width:auto; font-weight:bold; margin-bottom:10px;}
#cartlist2 .item .l .artikel .descr{width:auto;}
#cartlist2 .item .l .artikel .var{width:auto;}
#cartlist2 .item .l .artikel .bestnr{width:auto;margin-top:10px;}
#cartlist2 .item .l .artikel .bestnr2{color:#1490BA;}

#cartlist2 .item .r{width:auto;float:right;text-align:right;padding:10px 20px;background-color:#eee; vertical-align:middle;}

#cartlist2 .item .preis{width:auto;margin-top:7px;float:left;}
#cartlist2 .item .menge{width:130px;margin-left:10px;float:left;}
#cartlist2 .item .gesamt{width:150px;margin:7px 0 0 10px;float:left; font-weight:bold;}


.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.p20{padding:20px;}
.tar{text-align:right;}
.tac{text-align:center;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.bl{color:#1490BA;}
.pntr{cursor:pointer;}

#cart_tot {min-width:220px;width:100%;padding:20px;background-color:#eee;margin:0 !important;font-size:12px;float:left;}

#cart_tot .infotext{max-width:520px; float:left;}
#cart_tot .total{min-width:180px; float:right;margin-bottom:20px;}
#cart_tot .total td:nth-child(1n+1) {word-wrap: break-word;}
#cart_tot .total td:nth-child(1n+2) {padding-left:10px;}

.err{color:red;}
.err input, .err textarea{color:red;border:solid red 1px;}

div.err{width:100%;float:left;padding:10px;margin-bottom:20px;background-color:rgba(255, 0, 0, 0.21);text-align:center;}

.cart_box{width:100%;margin-bottom:10px;padding:20px;float:left;border:solid 1px #ccc;font-size:12px;}
.cart_box .boxtitel {font-size:16px;font-weight:bold;width:100%;margin:0 0 30px -20px;}
.cart_box .step{background-color:#1490BA;color:#fff;margin-right:20px; padding:2px 10px;float:left;}
.cart_box .titel{color:#1490BA;padding-top:2px; font-weight:bold;}

#cart_AGB_box1{width:100%;margin:10px 0;float:left;font-size:12px; font-weight:bold;}
#cart_AGB_box2{width:100%;margin:10px 0;float:left;font-size:12px; font-weight:bold;display:none;}
#cart_NL_box{width:100%;margin-bottom:20px;float:left;font-size:12px;}

#cart_address .box1 {margin-right:20px;float:left;}
#cart_address .box1 TD, #cart_address .box2 TD {min-width:98px;}
#cart_address .box2 {float:left;}
#cart_address input, #cart_address select{margin-bottom:5px;}


#cartzahlungsartauswahl{margin-top:20px;}
#cartzahlungsartauswahl label{font-weight:bold;}

#cartzahlungsartauswahl .item{width:100%;padding:15px 10px;border-bottom:1px solid #ccc; vertical-align:top;float:left;}
#cartzahlungsartauswahl .item:last-child{border:0;padding-bottom:0;}
#cartzahlungsartauswahl .item div:nth-child(1){width:128px;margin-bottom:10px;float:left;}
#cartzahlungsartauswahl .item div:nth-child(2){min-width:120px;max-width:120px;margin-bottom:10px;float:left;}
#cartzahlungsartauswahl .item div:nth-child(3){min-width:220px;max-width:500px;float:left;}


#cart_zusammenfassung table {border-collapse:collapse;}
#cart_zusammenfassung table td{padding:5px;}
#cart_zusammenfassung .b_ddd {border:solid 1px #ddd;}
#cart_zusammenfassung .bt_ddd {border-top:dotted 1px #ddd;}
#cart_zusammenfassung .bb_ddd {border-bottom:dotted 1px #ddd;}
#cart_zusammenfassung .b_ddd td{border:solid 1px #ddd;}

#cart_zusammenfassung .b_ddd_lr {border-left:dotted 1px #ddd;}

#cart_zusammenfassung .b_eee {border:solid 1px #eee;background-color:#eee;}
#cart_zusammenfassung .b_eee td{border:solid 1px #eee;}

#cart_zusammenfassung .b_eee_lr {border-left:solid 1px #eee;border-right:solid 1px #eee;}

#cart_zusammenfassung .artname{min-width:150px;padding-right:10px;}
#cart_zusammenfassung .gesamt{min-width:80px;}

#cart_zus1{background-color:#eee;}

#cart_zus2{display:none;background-color:#eee;}
#cart_zus2 table{margin-top:5px;background-color:#eee;}
#cart_zus2 table td{padding:1px 5px;border-bottom:solid 1px #ddd;}
#cart_zus2 table td:nth-child(2n+0){width:90px;text-align:right;}

#cart_zus2 .item{border:0;background-color:#fff;}
#cart_zus2 .item td{border:0;text-align:right;}

.cart_steps{width:100%;float:left; font-size:14px; padding-bottom:20px;}
.cart_steps .sub{width:auto;float:left;margin: 0 20px 10px 0; background-color:#eee;padding:5px 20px; border:solid 1px #ddd;color:#999;}
.cart_steps .sub:hover{border:solid 1px #ccc;color:#666;}
.cart_steps .sub.act {background-color:#1490BA; color:#fff; font-weight:bold;}

.cart_shoppaybtn{width:auto;float:right; font-size:14px;}
.cart_shoppaybtn .sub{width:auto;float:right;margin-left:10px; background-color:#eee;padding:5px 20px;cursor:pointer; border:solid 1px #ddd;color:#999;}
.cart_shoppaybtn .sub:hover{border:solid 1px #ccc;color:#666;}
.cart_shoppaybtn .sub.act {background-color:#1490BA; color:#fff; font-weight:bold;}


#coupon input[type="text"]{width:100px;}

#coupon_btn{width:125px;font-size:14px;margin-bottom:20px;padding:5px 20px;cursor:pointer; border:solid 1px #ddd;color:#999;}
#coupon_btn:hover{background-color:#ccc; color:#666;}

#msg {position:absolute;left:0;top:0;height:20px;padding:2px 10px; background-color:#1490BA;color:#fff;z-index:9999;font-size:11px;}

/*responsive*/

@media only screen and (max-width: 1246px) {  
    .list_item:nth-child(5n+6) {margin: 0 10px 10px 0;}
    .list_item:nth-child(4n+5) {margin: 0 0 10px 0;}
    #item_det .text { width: 460px;}
}


@media only screen and (max-width: 1200px) { 
    #cartlist2 .item .l .artikel{max-width:320px;margin: 0 0 10px 0;}
}

@media only screen and (max-width: 1006px) {  
    .list_item:nth-child(4n+5) {margin: 0 10px 10px 0;}
    .list_item:nth-child(3n+4) {margin: 0 0 10px 0;}
    /*#cart_tot .infotext{max-width:320px;}*/
}


@media only screen and (max-width: 930px) {
    #item_det .imgbox{margin:0 0 20px 0;}
    #item_det .text {width: 460px;}

     #cartzahlungsartauswahl .item div:nth-child(3){width:400px;}
}


@media only screen and (max-width: 766px) {  
    .list_item:nth-child(3n+4) {margin: 0 10px 10px 0;}
    .list_item:nth-child(2n+3) {margin: 0 0 10px 0;}
    #cart_address .box1 {margin:0;}
    #cart_address .box2 {margin:0;}

    #cartzahlungsartauswahl .item div:nth-child(3){width:220px;}
}

@media only screen and (max-width: 540px) {

    #cartlist2 .item .l .artikel{width:240px;margin: 0 0 10px 0;}
    #cartlist2 .item .r .preis{width:250px;margin:0 0 10px 0;float:right;}
    #cartlist2 .item .r .menge{width:250px;margin:0 0 10px 0;float:right;}
    #cartlist2 .item .r .gesamt{width:250px;margin:0;float:right;}

    .cart_box , #cart_tot, #cartlist2 .item .r {padding:10px;}
}

@media only screen and (max-width: 500px) {
    #item_det .imgbox{width:100%;}
    #item_det .imgbox .mainimg img{width:auto;height:auto;}
    
    #item_det .imgbox .subimgbox{width:100%;}    
    #item_det .imgbox .subimgbox .subimg:nth-child(4n+5) {margin: 0 10px 10px 0;}
    #item_det .imgbox .subimgbox .subimg:nth-child(3n+4) {margin: 0 0 10px 0;}

    #item_det .text{width:100%;}

    #cartlist2 .item {width:100%;}
    #cartlist2 .item .r .preis{width:220px;}
    #cartlist2 .item .r .menge{width:220px;}
    #cartlist2 .item .r .gesamt{width:220px;}

    #cartzahlungsartauswahl .item div:nth-child(2){min-width:100px;max-width:100px;float:left;}

}

@media only screen and (max-width: 430px) {

    #item_det .imgbox .subimgbox .subimg:nth-child(3n+4) {margin: 0 10px 10px 0;}
    #item_det .imgbox .subimgbox .subimg:nth-child(3n+0) {margin: 0 0 10px 0;}

    #cartlist2 .item .l {margin-bottom:10px;}
    #cartlist2 .item .l .img{min-width:50px;width:auto;}
    #cartlist2 .item .l .artikel{width:160px; }
    #cartlist2 .item .l .artikel .descr{display:none;}

    #cartlist2 .item .r .preis{width:180px;}
    #cartlist2 .item .r .menge{width:180px;}
    #cartlist2 .item .r .gesamt{width:180px;}


    #cart_address input, #cart_address textarea, #cart_address select{width:100%;}

    #cart_AGB_box1{display:none;}
    #cart_AGB_box2{display:block;}

    #cart_zus1{display:none;}
    #cart_zus2{display:block;}

    .cart_shoppaybtn .sub{margin-bottom:10px;}
}
@media only screen and (max-width: 360px) {

    .boxtitel .titel{font-size:13px;}
}

@media only screen and (max-width: 335px) {

    #item_det .imgbox .subimgbox .subimg:nth-child(3n+0) {margin: 0 10px 10px 0;}
}