/* GEMBIRD Deutschland Produktseiten > Detailseiten CSS Web-Relaunch 2008 */
/* CSS coded by Gerrit Hoffschulte (web.design) / www.webpunktdesign.de */


/* ###################################################################################################### */
/* Produkseiten > Deteilseiten: */
/* ______________________________________________________________________________________________________ */


#main_content {
	background-color:#FFFFFF;
	border-left:2px solid #C9C4B8;
	border-right:2px solid #C9C4B8;
	}

#produkt_navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-left:22px;
	padding-top:6px;
	height:28px;
	}
#produkt_navigation ul li {
	float:left;
	background-color:#F7F5F4;
	background-image:url(/_grafik/produkt_navi_ecke_or.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin-right:3px;
	}
#produkt_navigation ul li.current {
	background-color:#EAE6E3;
	background-image:url(/_grafik/produkt_navi_ecke_or_current.jpg);
	}
#produkt_navigation ul li a {
	display:block;
	color:#505354;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	padding-bottom:5px;
	background-image:url(/_grafik/produkt_navi_ecke_ol.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
#produkt_navigation ul li.current a.current {
	background-image:url(/_grafik/produkt_navi_ecke_ol_current.jpg);
	}
#produkt_navigation ul li a:hover {
	text-decoration:underline;
	}	
#produkt_navigation ul li a.current:hover {
	text-decoration:none;
	}		
	
/* ------------------------------------------------------------------------------------------------------ */

#produkt {
	background-color:#EAE6E3;
	padding:30px;
	padding-left:22px;
}

/* ------------------------------------------------------------------------------------------------------ */

#produktbild {
	float:left;
	background-color:#FFFFFF;
	width:289px;
	text-align:center;
	background-image:url(/_grafik/produktbild_oben.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
	}
#produktbild a.big {
	padding-right:40px;
	background-repeat:no-repeat;
	background-position:right bottom;
	font-size:40px;
	margin-right:-30px;
	border:1px solid #FFFFFF;
	}
#produktbild a:hover.big {
	background-image:url(/_grafik/lupe.jpg);
	}
	
#produktbild #thumbs {
	margin-top:10px;
	text-align:left;
	padding-left:10px;
	background-image:url(/_grafik/produktbild_unten.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	}
#produktbild #thumbs a {
	display:block;
	float:left;
	width:64px;
	height:40px;
	padding-top:6px;
	text-align:center;
	margin-right:4px;
	}

#produktbild #thumbs a:hover {
	background-image:url(/_grafik/produktbilder_thumbs_hover/0.jpg);
	}

#produktbild #awards {
	margin-top:25px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:15px;
	border-top:1px dotted #D5CCC6;
	color:#D5CCC6;
	}
#produktbild #awards img {
	margin-top:10px;
	}

/* ------------------------------------------------------------------------------------------------------ */

#produkttext {
	float:left;
	width:280px;
	padding-left:30px;
	color:#666666;
	}	
#produkttext table.daten {
	color:#666666;
	width:100%;
	line-height:230%;
	}
#produkttext table.daten thead th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	background-color:#F5F3F1;
	border-bottom:1px solid #FFFFFF;
	padding-left:5px;
	}
#produkttext table.daten tbody td {
	padding-left:5px;
	}
#produkttext table.daten tbody tr.even td {
	background-color:#F5F3F1;
	}
	
/* ------------------------------------------------------------------------------------------------------ */
	
#spezifikationen {
	padding-top:16px;
	color:#666666;
	width:620px;
	}
#spezifikationen table.spezifikationen {
	width:310px;
	float:left;
	}
#spezifikationen table.spezifikationen tr td {
	vertical-align:top;
	text-align:left;
	width:88px;
	padding-left:30px;
	}
#spezifikationen table.spezifikationen tr td.data {
	text-align:right;
	width:205px;
	}	

/* ------------------------------------------------------------------------------------------------------ */