/**
 *  Project:
 *  Style-Sheet: Produktansichten Preise etc.
 *
 *  @author      Jochen Pollex
 *  @copyright   Jochen Pollex
 *
 */
#basket_preview  iframe{
  border:none;
  margin:10px 0 0 0;
  padding:0;
}

#shop{
  float:left;
  width:560px;
  padding:10px 5px 5px 0;
  margin:0 0 0 20px;
  /*background-color:#CCC;*/
 /*min-height:750px;*/
}
#shopheader h1{
  font-size:22px;
  margin:0 0 25px 0;
  font-family:museosans_500;	
  color:#B22124;
  line-height:24px;
}



/* navpath */
#navpath{
  /*float:left;*/
  margin:0 0 20px 12px;
  padding:0;
  font-size:10px;
  font-weight:bold;
  width:560px;
  color:#000;
}
#navpath a:hover{
  color:#BA0416;	
}
#navpath a.current, #navpath a.current:hover{
  color:#800;	
}

/* Topnavigation  */
#shop .button_topnavi{
  float:left;
  position:relative;
  width:175px;
  height:150px;
  margin:0 0 10px 10px;
  padding:0;
  border:none;
  /*background-color:#CCC;*/
 background-position:0 5px;
 background-repeat:no-repeat;
 
}

#shop .button_topnavi a.bt-img{
  float:right;
  padding:0;
  margin:5px;
  text-decoration:none;
  /*border:1px solid red; */
  border:none;
}

#shop .button_topnavi .bt-txt{
  /*float:left;*/
  padding:0;
  margin:5px;
  /*haseight:170px;**/
  text-decoration:none;
  /*border:1px solid red; */
}

#shop .button_topnavi a.bt-link{  
  padding:0;
  margin:0;
  height:20px;
  text-align:left;
  text-decoration:none;
  /*border:1px solid red;*/
  position:absolute;
  top:15px;
  left:5px;
  font-weight:bold;
}

#shop .button_topnavi a.bt-link:hover{
  text-decoration:none;
  color:#AAA;
  border:none;/*  border:1px solid red; */
}

/* Topnavigation  startseite */
.button_topnavi_index{
  /*float:left;*/
  width:180px;
  height:120px;
  margin:4px 4px 4px 8px;
  padding:0;
  background-repeat:no-repeat;
  background-position:left top; /* border:1px solid green;     */
}

.button_topnavi_index a{
  display:block;
  width:170px;
  height:120px;
  font-weight:bold;
  padding-left:8px;
  padding-top:4px;
  text-decoration:none;
  color:#000;
  font-size:13px;/*  border:1px solid red; */
}

.button_topnavi_index a:hover{
  display:block;
  width:170px;
  height:120px;
  font-weight:bold;
  text-decoration:none;
  color:#F00;            /*    border:1px solid lime;         */
  font-size:13px;
}


/* Subnavigation  */
#shop .button_cntnt{
  /*float:left;*/
  width:170px;
  height:110px;
  margin:4px 4px 4px 20px;
  padding:0;
  background-repeat:no-repeat;
  background-position:left top; /*border:1px solid lime;   */
}

#shop .button_cntnt a{
  display:block;
  width:165px;
  height:110px;
  font-weight:bold;
  padding:0;
  text-decoration:none;
  color:#000;
  font-size:15px;
}

#shop .button_cntnt a:hover{
  display:block;
  width:165px;
  height:110px;
  font-weight:bold;
  text-decoration:none;
  color:#000;            /*    border:1px solid lime;         */
  font-size:15px;
}

/* Kurzbeschreibung */

.sd{
  padding:0;
  margin:0 0 5px 0; 
 
  position:relative;  
  width:560px;
  height:130px;
  border-bottom:1px solid #666;
}

.sd .txt{
  float:left;
  padding:0;
  margin:0; 
  
  position:relative;  
  width:560px;
  height:120px;
}


.sd .sd-img{
	position:absolute;
	top:0;
	left:0;
}	

.sd .sd-img img {
	border:1px solid #BA0416;	border:1px solid #BA0416;
}

.sd a.detail{
	background-image:url('../media/icons/info.png');
	background-repeat:no-repeat;
	background-position:3px 3px;
	position:absolute;
	top:106px;
	left:0;
	padding:0 0 0 19px;
	font-weight:bold;
	display:block;
	text-align:right;
	border:none;
	height:20px;
	vertical-align:middle;	
}

.sd a.detail:hover{
  color:#666;
}

.sd .desc{
  position:absolute;
  top:0;
  left:110px;
  width:440px;
  height:55px;
  padding:0;
  overflow:auto;
}

.sd .desc p{
	padding:0; margin:0;
}

.sd a.hdl{
	color:#BA0416;
	font-size:15px;
	padding:0 0 0 0;
	font-weight:bold;	
}

.sd .label_preis{
  position:absolute;
  top:14px;
  left:0;	
  font-weight:bold;
}

.sd .preis {
  color:#333333;
  font-size:11px;
  font-weight:bold;
  left:100px;
  margin:0;
  padding:0;
  position:absolute;
  top:14px;
  text-align:right;
}

.sd .preis-lt{
  position:absolute;
  top:14px;
  left:160px;
  padding:0;
  margin:0;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  text-decoration:line-through;
  color:#BA0416;
  /* border: 1px solid #FFF;     */
}

.sd .mwst{
  position:absolute;
  top:28px;
  left:100px;
  width:120px;
  right:0;
  margin:0;
  padding:0;
  font-size:10px;
  
  color:#000;
  /*border:1px solid green;*/
}

.sd .d570{
position:absolute;
	top:0;
	left:0;
  /* width:570px;
 height:20px;*/
}

.sd .pb{
  position:absolute;
  top:60px;
  left:110px;
  padding:0;
  margin:0;
  width:440px;
  height:45px;
  
}

.sd .gewicht{
  position:absolute;
  top:0;
  left:0;
}

.sd .label_inhalt{
  position:absolute;
  top:0;
  left:0;
  font-weight:bold;
  
}
.sd .cntnt_inhalt{
  position:absolute;
  top:0;
  left:100px;
  width:250px
}

#shop .sd .artnr{display:none;}

.sd .lb_groesse{
	position:absolute;
	top:0;
	left:0;
}

.sd .select_groesse{
  position:absolute;
  top:30px;
  left:5px;
	/*border:1px solid red;*/
}

.sd .menge-label{
  position:absolute;
  top:45px;
  left:250px;	
  padding:0;
  margin:0;
  width:70px;
}

.sd .intobasket-img{
  position:absolute;
  top:45px;
  left:431px;	
  padding:0;
  margin:0;
  
}


.sd .zusatz{
  position:absolute;
  top:12px;
  left:260px;	
   margin:0;
  padding:0; 
}

.sd .menge{
  position:absolute;
  top:45px;
  left:300px;	
  margin:0;
  padding:0; 
}

.sd form{
  padding:0;
  margin:0;
}

.sd input{
  padding:0;
  margin:0 0 0 3px;
  height:18px;
  vertical-align:middle;
  width:25px;
  border:1px solid #ccc;
}

.sd .select_groesse{
  position:absolute;
  top:30px;
  left:5px;		/*border:1px solid green;*/
	float:left;
}

.sd select{
  position:absolute;
  top:30px;
  left:5px;	 padding:0;
  margin:0 0 0 3px;
  width:160px;
  line-height:23px;
  vertical-align:middle;
  border:1px  #ccc;
}

.sd button.order{  
  background-image:url('../media/icons/intobasket.png');
  background-repeat:no-repeat;
  background-position:3px 3px;
  position:absolute;
  top:40px;
  left:330px;	 /*position:realitve;*/
  border:none; /*1px solid #CCC;*/
  margin:0;
  padding:3px 0 0 20px;
  font-weight:bold;
  color:#BA0416;
  width:100px;  
  background-color:#FFF;
  float:right;
  height:25px;
}

.sd button.order:hover{
  background-color:#FFF;
  color:#000;
}

.sd .detailansicht{
  position:absolute;
  top:30px;
  left:5px;		
  text-align:center;
}

.back_2_kategorie,
.shop_zurueck_top,
.shop_zurueck_bottom{
	margin:0 0 7px 0;
	padding:2px;
}

.shop_zurueck_bottom{
	margin:7px 0 0 0;
	padding:2px;
}

.back_2_kategorie a:hover,
.shop_zurueck_top a:hover,
.shop_zurueck_bottom a:hover{
  color:#BA0416;
}

/* Detailbeschreibung */
.ld{
  padding:0;
  margin:0;
  position:relative;
  /*border:1px solid red;*/
}



.ld h3.hdl{
	color:#BA0416;
	font-size:17px;	
	
}

.ld .ld-img{
 /* position:absolute;
  top:55px;
  left:0;	*/ 
  position:relative;
  float:left;
  margin:0;
  padding:0;
 width:300px;
  color:#000;
  font-weight:bold;
  /*border:1px dashed lime;*/
 
  border:1px solid #BA0416;
}

.angebot_stopper{
	position:absolute;
	top:10px;
	left:220px;
	z-index:1000;
}

.spezial_stopper{
	position:absolute;
	top:40px;
	left:220px;
	z-index:1000;
}



.ld .ld-img .img_tn{
  padding:0px;
  margin:10px 0 0 3px;
  width:120px;
  /*border:1px solid red;*/
  text-align:center;
}

.ld .img a{
  margin:0;
  padding:0;
  color:#000;
  font-weight:bold;
}

.ld .img a:hover{
  color:#000;
}

.ld .menge {  
position:absolute;
  top:110px;
  left:60px;
  padding:0;
  margin:0;
  width:20px;
  font-weight:bold;
}

.ld .form-groesse{
  padding:2px;
  margin:0 0 0 1px;
  color:#000;
}

.ld .ii{
  padding:5px 0 0 0;
  margin:0;
  position:relative;
}

.ld .box{
	/*border:1px solid lime;*/
	position:relative;
	float:right;
}

.ld .info{
  float:right;
  padding:0 0 20px 0;
  margin:0;
  /*border:1px solid green;*/
  width:250px;

}

.ld .pb{
  float:right;
  position:relative;
  padding:0;
  margin:0;
  /*border:1px solid green;*/
  width:250px;
  height:165px;
  
}
.ld .gewicht{
  position:absolute;
  top:0;
  left:0;
}

.ld .label_inhalt{
  position:absolute;
  top:0;
  left:0;
  font-weight:bold;
}

.ld .cntnt_inhalt{
  position:absolute;
  top:0;
  left:50px;
  width:200px;
}

.ld .px9{font-size:9px;}

.ld .label{	  
  position:absolute;
  top:110px;
  left:0;
  padding:0;
  position:relative;
  margin:2px 5px 3px 0;
  width:150px;
  height:20px;
  color:#000;
  font-weight:bold;
}

.ld input{
  position:absolute;
  top:100px;
  left:0;
  padding:0;
  margin:0 0 0 3px;
  line-height:23px;
  vertical-align:middle;
  width:25px;
  border:1px solid #ccc;
}

.ld button{
  background-image:url('../media/icons/intobasket.png');
  background-repeat:no-repeat;
  background-position:3px 3px;
  position:absolute;
  top:105px;
  left:150px;
  border:none; /*1px solid #CCC;*/
  margin:0;
  padding:3px 0 0 20px;
  font-weight:bold;
  color:#BA0416;
  width:100px;  
  background-color:#FFF;
  float:right;
  height:25px;
}

.ld .intobasket-img{
  position:absolute;
  top:130px;
  left:125px;
}

.ld .label_artnr{
  position:absolute;
  top:0;
  left:0;
  width:45px;	
  font-weight:bold;
}

.ld .label_preis{
  position:absolute;
  top:0;
  left:0;
  width:45px;	
  font-weight:bold;
}

.ld .artnr{
	position:absolute;
	top:0;
	left:50px;
	width:150px;
}

.ld .preis_box, .ld .gewicht_box, .ld .artnr_box{
	position:absolute;
	top:30px;
	left:0;
	width:250px;
	height:20px;
	border-bottom: 1px solid #666; 
}

.ld .artnr_box{	top:0;}
.ld .gewicht_box{top:60px;}

.ld  .mwst{
  position:absolute;
  top:0;
  left:165px; 
  padding: 0;
  margin: 0;
  font-size:10px;
  width:130px;
  /* border: 1px solid #F00; */
  color:#333;
}

.ld .preis,
.ld .preis-lt{
  position:absolute;
  top:0;
  left:50px;
  padding:0;
  margin: 0;
  width:110px;
  font-weight:bold;
  /* border: 1px solid #F00; */
  color:#333;
}

.ld .preis-lt{
	left:105px;
	color:#BA0416;
	text-decoration:line-through;
}


.ld .zusatz{
  position:absolute;
  top:90px;
  left:0; 
  padding:2px;
  margin: 0;
  font-size:10px;
  width:250px;
}


.ld td.form_groesse select{
  
  border:1px solid #000;
  width:100px;
}
.ld #sgg{
		
}

.ld .sgg{
	background-image:url('../media/icons/msg-ok.png');
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 0 28px;
	margin:0 0 10px 0;
}
/* Muster */

.muster{
	padding:0;
	margin:5px 29px 0 0;
	/*border:1px solid red;*/
	background-color:#EEE;
	width:100px;
	height:100px;
	float:left;
	font-size:9px;
}



/*  */


dtd.bot_bor{
  padding:5px 0 5px 0;
  text-align:right;
  border-bottom: 1px dotted #999;
}

/* offer */
/* weitere formatierungen bei li_ne-do.css 'teaser' */

#offer{
  margin:0;
  padding:0;
}

.offer_teaser{
  margin:0;
  padding:0;
  font-size:11px;
}

.offer_teaser h3{
  margin:0;
  padding:0;
  display:none;
}

.offer_teaser hr{
    border:none;
	/*border-bottom:1px solid #999;*/
  height:1px; 
}

.offer_teaser p{
  margin:0;
  padding:0;
}

.offer_teaser img{
  margin:0;
  padding:0 0 3px 0;
  
}

.offer_teaser a{
  margin:0;
  padding:0;
  float:right;
  font-size:11px;
 
}

.az_news_teaser{
	position:relative;
	border-bottom:1px solid #666;
	padding:0;
	margin:0 0 5px 0;	
}

.az_news_teaser img{
	border:1px solid #BA0416;;
	/*border:1px solid lime;*/
}


.az_news_teaser .imgpreis{
	position:relative;
	/*border:1px solid lime;*/
}


.az_news_teaser h3{
	color:#BA0416;
	font-size:12px;
	padding:3px 0 3px 0;
}

.az_news_teaser a.detail{
	background-image:url('../media/icons/info.png');
	background-repeat:no-repeat;
	background-position:135px 3px;
	/*position:absolute;
	top:125px;
	right:0;*/
	padding:0;
	font-weight:bold;
	display:block;
	text-align:right;
	border:none;
	height:20px;
	vertical-align:middle;
}


.az_news_teaser  .label_preis{
  position:absolute;
  top:0;
  left:110px;
  width:45px;	
  font-weight:bold;
}

.az_news_teaser .preis {
  color:#333333;
  font-size:11px;
  font-weight:bold;
  position:absolute;
  left:110px;  
  top:25px;
  margin:0;
  padding:0;
  text-align:right;
}

.az_news_teaser .preis-lt{
  position:absolute;
  top:40px;
  left:110px;
  padding:0;
  margin:0;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  text-decoration:line-through;
  color:#BA0416;
  /* border: 1px solid #FFF;     */
}

.az_news_teaser .mwst{
  position:absolute;
  top:59px;
  left:110px;
  padding:0;
  margin:0;
  font-size:9px;
}


.az_news_teaser .inhalt{
  padding:0;
  margin:0;
  /*border:1px solid red;*/
}

.az_news_teaser .label_inhalt{

  font-weight:bold;
  font-size:9px;
  
}

.az_news_teaser .cntnt_inhalt{
 
  font-size:9px;
}

/* shop Kundenform */
#form_basket{
  margin-left:20px;
  width:380px;
  color:#000;
  font-size:0.8em;
}

#form_basket .label{
  float:left;
  padding:0;
  margin:0;
  color:#000;
  padding:1px;
  margin-bottom:5px;
  width:100px;
}

#form_basket .input{
  padding:0;
  margin:0;
  margin-bottom:4px;
  float:left;
  width:240px;
  height:23px;

}
#form_basket .input-2{
  float:left;
  padding:0;
  margin:0;
  width:280px;
  height:120px;
}

#form_basket .input input{
   background-color:#EEF4F4;
   color:#000;
   padding:2px;
   width:200px;
   font-size:95%;
   border-bottom:2px solid #BA0416;
   border-left:1px solid #F5C000;
   border-top:1px solid #F5C000;
   border-right:2px solid #002E3D;
}

#form_basket .plz{
  padding:0;
  margin:0;
  margin-bottom:4px;
  float:left;
  width:40px;
  height:23px;

}


#form_basket  .plz input{
   background-color:#EEF4F4;
   color:#000;
   margin:0;
   padding:2px;
   width:40px;
   font-size:95%;
   border-bottom:2px solid #BA0416;
   border-left:1px solid #BA0416;
   border-top:1px solid #BA0416;
   border-right:2px solid #BA0416;
}

#form_basket .ort{
  padding:0;
  margin:0 0 4px 2px;
  float:left;
  width:190px;
  height:23px;

}


#form_basket  .ort input{
   background-color:#EEF4F4;
   color:#000;
   padding:2px;
   width:157px;
   font-size:95%;
   border-bottom:2px solid #002E3D;
   border-left:1px solid #F5C000;
   border-top:1px solid #F5C000;
   border-right:2px solid #002E3D;
}

#form_basket .input-2 textarea{
   background-color:#EEF4F4;
   color:#000;
   padding:2px;
   width:320px;
   height:100px;
   font-family:arial, helvetica, sans-serif;
   border-bottom:2px solid #002E3D;
   border-left:1px solid #F5C000;
   border-top:1px solid #F5C000;
   border-right:2px solid #002E3D;
   font-size:0.9em;
}

#form_basket .input .radio{
  margin:2px;
  width:16px;
  border:0;
  color:#000;
}

.button-box{
  clear:left;
  text-align:right;
  color:#000;
  padding:20px 0 0 0;
  /*width:780px;*/
  border:0px solid #787878;
}

.button-box .button{
  padding:3px;
  
  
  margin:1px;
  font-weight:bold;
  color:#BA0416;
  background-color:#FFF;
}

#form_basket .txt{
  color:#000;
  float:left;
}

#form_basket .input .error_css{
   border-bottom:2px solid red;
   border-right:2px solid red;
}

#form_basket .input-2 .error_css{
   border-bottom:2px solid red;
   border-right:2px solid red;
}


/* link zum login */
#gotologin{
  position:absolute;
  right:5px;
  top:7px;
  
  
  padding:0;	
}

#gotologin .txt{
  margin:0;
  padding:10px;
}

#gotologin h4 {
  font-family:museosans_500;	
  color:#7F7F7F;
  font-size:16px;
  font-weight:normal;
  background-color:#E3E2DD;
  margin:0 0 5px 0;
  padding:5px;
  letter-spacing:1px;
}

#gotologin a{
  color:#FFF;
  font-family:museosans_500;	
  font-size:16px;
  text-decoration:none;
  color:#FFF;
  letter-spacing:1px;    
}

#gotologin a:hover{
   color:#C2B6C0;
}

#suchen_form{
  clear:left;
  position:relative;
  margin:10px 0 0 0;
  padding:0 0 0 0;
  height:88px;
  background:#F5F5F3;
}

#suchen_form .info{
  float:left;
  margin:0 0 0 0;
  padding:7px 5px 0 10px;
  font-size:9px;
  letter-spacing:0;
  width:93px;
	line-height:11px;
	font-family:arial;
}

#suchen_form h4{
/*	padding:5px;
	margin:0 0 5px 0;
	background-color:#E3E2DD;
    letter-spacing:0.01em;
	font-size:16px;
	font-weight:normal;
	
	*/
	  background-color:#E3E2DD;
  color:#7F7F7F;
  font-weight:normal;
  margin:0;
  padding:8px 0 10px 8px;
  letter-spacing:0.01em;
  font-size:16px;
  height:15px;
	
}

#suchen_form{
  
}

input.suchen{
  margin:3px 0 0 10px;
  padding:2px;
  background:#FFF;
  width:163px;
  float:left;
  border:1px solid #AAA;
  color:#000;
}

.b_suchen{
  /*float:left;*/
  position:absolute;
  right:8px;
  bottom:0;
  border:1px solid #CCC;
  margin:3px 2px 3px 0;
  padding:2px 2px 3px 1px;
  font-size:10px; 
  font-weight:bold;
  color:#000;
  background-color:#FFF;
}

.suche-ct{
 border-bottom:1px solid #E6E6E1;
 position:relative;
  /*height:170px;*/
  width:560px;
  margin:3px 0 0 0;
  padding:0 0 25px 0;
}

.suche-ct h3{
	color:#BA0416;
}

.suche-ct .a-img{
  float:left;
  border:1px solid #BA0416;
}

.suche-txt{
	 float:left;
	 margin:0 0 0 25px;
	 width:420px;
	 /*
  position:absolute;
  top:5px;
  left:250px;*/
  /*border:1px solid red;*/
}

.suche-ct .a-a{
  position:absolute;
  bottom:10px;
  right:10px;
  /*border:1px solid red;*/
}

#groessen{
  border: none;
}

#gr_html{
  border: 1px  solid yellow;
}
#groessen table.tb1{
  padding:0;
  margin:20px 0 0 0;
  vertical-align:top;  
  width:600px;
  border-bottom: 2px  solid #BA0416;
}

#groessen table.tb1 td.td1{
  padding:3px;
  margin:0;
  vertical-align:top;  
  width:350px;
  /*border: 1px  solid yellow;*/
  background-color:#222;
}

#groessen  table.tb1 td.td2{
  padding:0;
  margin:0;
  vertical-align:top;  
  width:250px;
  border: none;
}

#groessen table.tb2{
  padding:0;
  margin:0;
  vertical-align:top;  
  border-collapse:collapse;
  border:none;
}

#groessen table.tb2 td.tb2td1{
  padding:3px;
  margin:0;
  width:100px;
  vertical-align:top;  
  border-bottom: 1px  solid #666;
}

#groessen  table.tb2 td.tb2td2{
  padding:0;
  margin:0;
  width:200px;
  vertical-align:top;    
  border-bottom: 1px  solid #666;
}


div.label_be{
	width:250px;
	float:left;
	 
	
}

.msg {
  display:none;
  padding:2px !important;
  margin:0 !important;
  font-size: 10px !important;
}

.error{
  display:block;
  position:absolute;
   left:0px;
  top:102px;
  height:35px; 
  width:235px;
  z-index:100;
  color:#000;
  font-weight:bold;
  
  background:#FFF;
  background-image:url("../media/icons/msg-error.png");
  background-repeat:no-repeat;
  padding:2px 0 2px 25px !important;
  margin:0 !important;
  font-size: 10px !important;
  border:1px solid red;
}

.success{
  display:block;
  position:absolute;
  left:0px;
  top:102px;
  height:35px; 
  width:235px;
  z-index:100;
  color:#000;
  font-weight:bold;
  
  background:#FFF;
  background-image:url("../media/icons/msg-success.png");
  background-repeat:no-repeat;
  padding:2px 0 2px 25px !important;
  margin:0 !important;
  font-size: 10px !important;
   border:1px solid green;
}

.sd .success,
.sd .error{
  left:175px;
  top:25px;
}


