
/* -----------produkte_detail--------------------------- */
/*** Produktdetails mit Vorschau und Download ***/

#details_box {
 margin-top:2px;
 background : #fff url(/images/produktbox.gif) repeat-x;
 width: 590px;
 border: 1px #cfcfcf solid;
 overflow:hidden;
}

#details_links{
 width: 210px;	
 margin:0 0 0 5px;
 padding: 5px;
 border: 0px #000 solid; 
 float: left;
 overflow:hidden;
 }
 
*html #details_links{ /*IE Hack*/
 width: 200px;
 margin:0 0 0 3px; 
 } 

#vorschau{
 width: 204px; 
 height: 200px;
 border: 1px #aaa solid;
 margin: 0;
 padding:0;
 overflow:hidden;
}
 
 *html #vorschau{ /*IE Hack*/
 width: 200px;
 }
 
.minivorschau{
 width: 63px;
 height: 63px; 
 margin: 5px 5px 5px 0; 
 padding:0;
 border: 1px #aaa solid; 
 float: left; 
 text-align: center;
 overflow:hidden;
 }
 
*html .minivorschau{ /*IE Hack*/ 
 width: 62px; 
 height: 62px;
 margin: 4px 4px 4px 0; 
 }
 
#details_rechts{
 width: 355px; 
 margin: 0; 
 padding: 0 5px 5px 0; 
 color: #666; 
 font-size: 11px; 
 font-weight: normal; 
 line-height: 1.3em; 
 border: 0px #000 solid; 
 float: right;
 }
 
div#details_rechts ul{
	list-style-type:disc;
	margin: 10px;
 }
 
div#details_rechts li{
color: #666;
 }
 
a.button1 {
 display:block;
 background:url(/images/myprint_button_178.png) no-repeat;
 width: 185px; 
 height: 20px; 
 font-size: 10px;
 text-align: center; 
 line-height: 20px; 
 border: 0px #000 solid;
 font-weight:bold;
 color:white !important; 
}

a.download_button {
 display:block;
 background:url(/images/myprint_software_gratis_downloaden.png) no-repeat;
 width: 260px; 
 height: 30px; 
 font-size: 13px;
 text-align: center; 
 line-height: 30px; 
 border: 0px #000 solid;
 font-weight:bold;
 color:white !important;
}

a.download_button:hover {
 text-decoration:none;
 }
		
a.button1:hover {
 text-decoration:none;
 }

#download{
 background:url(/images/myprint_button_178.png) no-repeat;
 width: 185px; 
 height: 20px; 
 font-size: 10px;
 text-align: center; 
 line-height: 1.9em; 
 border: 0px #000 solid; 
 float: left; 
}


.preis{ 
 height:35px; 
 margin:10px 0;
 padding: 10px 0;
 border-top:1px #000 dotted;
 border-bottom:1px #000 dotted;
 line-height:1.5em; 
}

table.preise {
 width: 576px;	
 border-collapse: collapse;
 border: 0px solid;
}

table.preise td {
 border: 0px solid;
 color: #666;
 padding: 4px 4px 4px 0;
 font-size: 11px;
 text-transform: none;
}

.bgtr1{
 background-color:#fff;		
}

.bgtr2{
 background-color:#ddd;		
}

tr.preise{
 color:#666;
}

#format_icons {
height:94px;
}

#format_icons ul {
display:inline;
}

#format_icons li {
margin: 94px 5px 0 0;
text-align:center;
background:#666;
color:#fff;
float:left;
}

#format_icons li span{
display:inherit;
}

a.format_icons {
	float:left;
	display:block;
	text-align:center;
	background: url(/images/bg_format.gif) no-repeat;
	margin:3px;
	color:#666;
}

a.format_icons:hover {
	color:#666;
	text-decoration:none;
}


/*********** koe: produkte detail reiter navi *******/

#produkte_detail_reiter_navi{
 width: 590px; 
 height: 29px; 
 margin: 0; 
 padding: 0; 
 background:#666 url(/images/empfehlen_bg.gif); 
 border: 1px #acacac solid;
 color:#fff; 
 font-size: 10px; 
 font-weight: bold;
 }
 


#produkte_detail_reiter_navi a{
 float:left;
 display:block;
 height:30px;
 line-height:30px;
 color:#fff;
 border:0px solid;
 margin:0;

}

#produkte_detail_reiter_navi a.border_dot{
 border-left:1px #fff dotted;
 font-weight: bold;
 padding:0 2px 0 23px;
 margin-left:-2px;
}

*html #produkte_detail_reiter_navi a.border_dot{
 padding:0 0 0 22px;
}

*+html #produkte_detail_reiter_navi a.border_dot{
 padding:0 10px 0 20px;
}

#produkte_detail_reiter_navi a img{
 margin:3px 5px 3px 0;
}

*html #produkte_detail_reiter_navi a img{
 margin:3px 18px 3px 2px;
}


 /*** Artikel empfehlen, bewerten, bookmarken ***/
 
 .picto_pos{	
	padding:0 14px 0 0;
}

 *html .picto_pos{	/*IE6*/	
	padding:0;
}

 *+html .picto_pos{	/*IE7*/
	padding:0;
}
 
 
#empfehlen{
 padding: 4px 6px; 
 border:0px; 
 float: left;
 }

#bewerten{
 margin: 0px 2px 0 2px; 
 padding: 5px 6px; 
 border-left:1px #fff dotted;
 float:left;
 }
 
#bookmarken{
 margin: 1px 2px 0 2px; 
 padding: 5px 7px; 
 border-left:1px #fff dotted;
 float:left;	
 }  
 
 
*html #empfehlen{ /*IE Hack*/
 padding: 8px 2px 0 1px;
 margin: 0 1px 0 2px; 
 border:0px #fff dotted;
 vertical-align: middle;
 float: left;
 }
 
*html #bewerten{ /*IE Hack*/
 padding: 8px 2px 0 10px;
 margin: 0px 1px 0 2px; 
 border-left:1px #fff dotted;
 float:left;
 }
 
*html #bookmarken{ /*IE Hack*/
 padding: 8px 0 6px 1px;
 margin: 0 1px 0 2px; 
 border-left:1px #fff dotted;
 float:left;	
 }
 
.details_unten2_pfeil{
 width:580px; 
 height:10px;
 border:0;
 margin:3px 0 0 0;
 padding:0;
 }
 
#details_unten2{
 width:580px; 
 background: #cacaca; 
 border: 1px #cacaca solid;
 padding: 5px;
 color: #666;
 font-size: 11px;
 overflow:hidden;
 }
 
 *html #details_unten2{
 width:580px; 
 }
 
 #details_unten2 h2{
 	margin: 5px 0 5px 0;
 	font-size: 14px;
 }

 #details_unten2 h2 b{
 font-size: 16px;
 }

 /** Weiterempfehlen ANFANG **/
 
#empfehlen_inhalt{
 width: 140px;
 height: 140px;
 margin: 0px 1px 0 3px;
 padding: 0;
 border: 0px #aaa solid;
 line-height: 2.4em; 
 float: left;
 }
 
#empfehlen_form{
 height: 140px;
 margin: 0 19px 0 0;
 padding: 0;
 border: 0px #aaa solid;
 float: left;
}

*html #empfehlen_form{ /*IE 6 Hack*/
 height: 100px;
}

#empfehlen_senden{

 height: 149px;
 margin: 0;
 padding: 0 12px 0 0;
 border:0px #000 solid;
 float:left;
 }

 .captcha {
 color: #666;
 width: 115px;
 height:15px;
 border: 0px #000 solid;
 padding: 2px 4px 2px 4px;
 font: 10px arial, verdana, helvetica, sans-serif;
 }

 *html .captcha {
 width: 143px;
 height:17px;
 padding: 2px 0 0 3px;
 }

 /** Weiterempfehlen ENDE **/

 /** Bookmarken ANFANG **/
 
 #bookmarken_inhalt{
 width: 350px;
 height: 50px; 
 margin: 0px 1px 0 3px; 
 padding: 5px; 
 font-weight:normal;
 border: 0px #000 solid;
 float: left;
 }
 
 #bookmarken_auswahl{
 width: 575px; 	
 padding: 0 !important;  
 margin: 2px 0 0 2px; 
 float: left;
 border: 0px #000 solid;

}

#bookmarken_auswahl a{
 padding: 0 0 8px 0; 
 line-height: 15px;
 text-decoration:none;
 display:block;
}

#bookmarken_auswahl img{
 margin-right:5px;
 background-color:#fff;
 border: 0px #aaa solid;
 vertical-align: middle;
}

#bookmarken_auswahl div{
 margin:0 !important;
 padding: 0 !important; 
 width: 94px; 
 height: 205px;
 float:left;
 display:block;
 border: 0px #000 solid;
}

/** Bookmarken ENDE **/

/** Feedback ANFANG **/

.feedback_text{
 width: 50px;
 height: 100px;
 margin: 0 0 0 5px;
 padding: 1px 5px;
 border: 0px #aaa solid;
 line-height: 2.8em; 
 float: left;
 }

.feedback_form{
 width: 250px;
 height: 80px;
 margin: 0 0 0 5px; 
 padding: 5px; 
 border: 0px #aaa solid;
 float: left;
}

*html .feedback_text{ /*IE6 Hack*/
 margin: 0;
 }

*html .feedback_form{ /*IE6 Hack*/
 margin: 0 0 0 3px; 

}

/** Feedback ENDE **/

.kommentar_text{
 width: 55px;
 height: 80px;
 margin: -6px 0 0 5px;
 padding: 0px 5px;
 border: 0px #aaa solid;
 line-height: 2.0em;
 float: left;
 }

*html .kommentar_text{ /*IE6 Hack*/
 width: 59px;
 height: 80px;
 margin: -20px 0 0 0;
 padding: 0 0 5px 7px;
 border: 0px #aaa solid;
 line-height: 2.0em;
 float: left;
 }
 
.kommentar_form{
 width: 296px;
 height: 100px;
 margin: -6px 5px 0 0;
 padding: 5px;
 border: 0px #aaa solid;
 float: left;
}

*html .kommentar_form{ /*IE6 Hack*/
 margin: -20px 0 0 0;
 width: 296px;
 height: 70px;

}

.kommentar {
 color: #999;
 width: 165px;
 height:50px;
 border: 0px #000 solid;
 margin: 0 0 10px 0px;
 padding: 2px;
 font: 10px arial, verdana, helvetica, sans-serif;
}

*html .kommentar {
 width: 165px;
 height:50px;
}


 /* Bewertungsmail */
.email {
 color: #999;
 width: 165px;
 height:15px;
 border: 0px #000 solid;
 margin: 0 2px 3px 0;
 padding: 2px;
 font: 10px arial, verdana, helvetica, sans-serif;
}

.feedback_email {
 color: #999;
 width: 165px;
 height:15px;
 border: 0px #000 solid;
 margin: 0 0 5px 0;
 padding: 2px;
 font: 10px arial, verdana, helvetica, sans-serif;
}

.emailtext {
 color: #999;
 width: 165px;
 height:50px;
 border: 0px #000 solid; 
 margin: 0 2px 3px 0;	
 padding: 2px;
 font: 10px arial, verdana, helvetica, sans-serif;	
}

*html .emailtext { /*IE 6 Hack*/
  height:60px;
  }
 

