@import url(manufactures.css);

/** Basis **/
body, div, img, 
form, input, select,					
textarea, label				{ margin:0px; padding:0px; }

html 								{ height:100%; height:100%; padding-top:130px; } /** padding-top:130px; -> via js generiert **/
body 								{ height:100%; text-align:left; background-color:#fffbe8; }
table								{ width:100%; border:1px solid black; }
td 								{ padding:5px; }
div								{ display:block; }
img								{ border:0; }
input								{ width:160px; height:17px; background-color:#f8f8f8; border:1px solid #c4c4c4; float:left; }
textarea 						{ width:340px; height:150px; background-color:#f8f8f8; border:1px solid #c4c4c4; }
select							{ width:163px; height:19px; float:left; z-index:-1; } /** wegen IE keine border formatierung */
label								{ width:130px; height:17px; display:block; float:left; }
br									{ clear:both; }


/** Aufbau **/
.unten							{ display:none; }

/** Content **/
.content_oben					{ width:810px; height:120px; position:absolute; top:0px; padding-top:10px; padding-left:190px; text-align:left; z-Index:2; }
.content_links					{ width:180px; height:85%; position:absolute; top:130px; margin-left:0px; overflow:auto; float:left; z-Index:1; } 
.content_rechts				{ width:183px; height:auto; position:absolute; top:130px; margin-left:803px; float:left; z-Index:1; }
.content_mitte  				{ width:607px; height:auto; padding-left:190px; padding-right:0px; z-Index:0; }
.content_unten					{ display:none; }


/* IE6-Hack :: primaweb :: 26.08.08 */
body > #content_links,
body > #content_rechts,
body > #content_oben {
	position:fixed;
}


/** Menu Inhalte (Oben) **/
a.hauptmenu						{ margin-right:10px; }


/** Menu Hersteller (Oben) **/
#hauptmenu						{ display:block; white-space:nowrap; }
#hauptmenu a					{ width:auto; margin-right:10px; margin-bottom:5px; padding:0px; color:#fff; font-size:13px; line-height:18px; float:left; }
#hauptmenu_oben, 
.hauptmenu_oben-hlinks		{ display:none; }
#hauptmenu .hauptmenu-hlinks { float:left; }


/** Menu Kategorien (Seite) **/
.menu								{ width:162px; color:#000; }
.menu a 							{ display:block; width:auto; height:18px; padding-top:2px; padding-left:10px; background-color:#f8f8f8; }
.menu h3							{ display:block; width:auto; height:19px; padding-top:1px; padding-left:10px; background-color:#de0010; }
.menu .bg						{ width:158px; height:23px; margin-top:1px; padding-right:3px; background:url('img/untermenu_bg.gif'); }
.menu .unten					{ display:block; height:20px; }


/** Suche **/
#quick_find						{ width:183px; height:26px; }
#quick_find	#phrase			{ width:122px; float:left; }
#quick_find	#button			{ width:54px; height:19px; margin-left:2px; padding-bottom:2px; color:#a70b0b; font-weight:normal; text-align:center; cursor:pointer; float:left; }


/** Warenkorb **/
.box_oben2						{ width:183px; height:23px; background:url('img/box_oben2.gif') top center no-repeat; }
.box_mitte2						{ width:165px; margin-top:3px; padding:8px 10px 15px 8px; background:url('img/box_mitte2.gif') repeat-y; background-color:#f8f8f8; }
.box_unten2						{ width:183px; height:4px; margin-bottom:19px; background:url('img/box_unten2.gif') top center no-repeat; }
.warenkorb						{ width:156px; height:18px; display:block; padding-top:2px; padding-left:24px; color:#fceac8; font-size:12px; font-weight:bold; line-height:16px; background:url('img/warenkorb.gif') left no-repeat; background-color:#de0010; }
a.kasse							{ padding:1px; font-weight:bold; }


/** Produkt **/
.produkt							{ width:607px; display:block; }
.produkt	.oben					{ width:607px; height:7px; background:url('img/passend_oben.gif') top center no-repeat; }
.produkt	.mitte				{ width:593px; height:auto; padding:0px 7px; overflow:hidden; background:url('img/passend_mitte.gif') center repeat-y; z-Index:0; }
.produkt	.unten				{ width:607px; height:8px; display:block; margin-bottom:15px; background:url('img/passend_unten.gif') bottom center no-repeat; }
.produkt	.bild					{ width:120px; float:left; }
.produkt	.passend_bild		{ width:120px; height:115px; margin-top:4px; overflow:hidden; float:left; }


/** alt 
#produkt #name					{ font-weight:bold; float:left; }
#produkt #preis				{ font-weight:bold; float:right; }
#produkt #info					{ width:463px; margin-left:7px; overflow:hidden; float:left; }
#produkt #model				{ margin-top:2px; margin-left:5px; font-size:10px; float:left; }
#produkt #preis_alt    		{ color:red; font-size:11px; line-height:15px; text-decoration:line-through; }
#produkt .passend				{ height:165px; }
#produkt #passend_info		{ width:463px; height:132px; margin-left:7px; overflow:hidden; float:left; }
.passendeProdukte 			{ overflow:hidden; }
**/

/** neu **/
.produkt	.name					{ font-weight:bold; float:left; }
.produkt	.preis				{ font-weight:bold; float:right; }
.produkt	.info					{ width:463px; margin-left:7px; overflow:hidden; float:left; }
.produkt	.model				{ margin-top:2px; margin-left:5px; font-size:10px; float:left; }
.produkt	.preis_alt    		{ color:red; font-size:14px; line-height:15px; text-decoration:line-through; }
.produkt .passend				{ height:165px; }
.produkt	.passend_info		{ width:463px; height:132px; margin-left:7px; overflow:hidden; float:left; }
.passendeProdukte 			{ overflow:hidden; }


/** Farbauswahl **/
.farbe,
.farbe_inhalt					{ font-family:Arial, Helvetica, sans-serif; }
.farbe_select					{ width:145px; height:19px; padding-top:2px; background:url('img/select_bg.gif') top right no-repeat; cursor:pointer; float:left; }
.farbe_inhalt					{ width:121px; height:17px; margin-left:2px; padding-left:5px; overflow:hidden; cursor:pointer; }
.farbe_container				{ position:absolute; width:222px; border:1px solid #999; border-top:none; z-Index:1; }
.farbe							{ width:217px; height:30px; padding-left:5px; line-height:15px; border-top:1px solid #777; cursor:pointer; cursor:hand; }
select.groesse					{ width:160px; margin-left:3px; float:left; }


/** Formfelder & Buttons **/
input.submit, 
input.submit2					{ height:19px; margin-left:2px; color:#a70b0b; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; float:right; }
input.submit					{ width:90px; padding-bottom:2px; }		  
input.submit2					{ width:85px; background:url('img/warenkorb_btn.gif') top right no-repeat; background-color:#f8f8f8; }

.button							{ width:auto; height:16px; padding:0px 10px 1px 10px; color:#a70b0b; font-weight:normal; background-color:#f8f8f8; border:1px solid #c4c4c4; float:right; }
.button:hover     			{ text-decoration:none; }


/** Sonstiges **/
.links                  	{ float:left; }
.rechts                 	{ float:right; text-align:right; }
.cleaner 						{ width:97%; height:2px; font-size:1px; line-height:0px; clear:both; }
.unsichtbar						{ display:none; }
.link								{ display:block; background-repeat:no-repeat; }
.close							{ width:15px; height:15px; margin:3px; background-image:url('img/close.gif'); float:right; }
.passendes						{ width:auto; margin:3px; margin-bottom:0px; margin-left:0px; padding-left:18px; background-image:url('./img/info.gif'); float:left; }
.detailbild						{ width:65px; height:15px; margin-bottom:3px; background-image:url('img/detailbild_off.gif'); float:left; }
.detailbild:hover				{ background-image:url('img/detailbild_on.gif'); }
.goodranking 					{ color:#999; font-size:10px; font-weight:normal; line-height:10px; }
.copyright						{ font-size:11px; }

a.detail-image{
	width: 94px;
	height: 22px;
	display: block;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 2px;
	float: left;
	background: transparent url(../../images/lupe.jpg) 0% 0% no-repeat;
}

a.video{
	width: 117px;
	height: 22px;
	display: block;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-top: 2px;
	float: left;
	background: transparent url(../../images/video.jpg) 0% 0% no-repeat;
}

a.detail-image:hover{
	width: 94px;
	height: 22px;
	display: block;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 2px;
	float: left;
	background: transparent url(../../images/lupe_on.jpg) 0% 0% no-repeat;
}

a.video:hover{
	width: 117px;
	height: 22px;
	display: block;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-top: 2px;
	float: left;
	background: transparent url(../../images/video_on.jpg) 0% 0% no-repeat;
}

a.detail-image span,
a.video span{
	display: none;
}

/** Schatten (horizontal) **/
.sch								{ position:absolute; left:0px; top: 121px; width:985px; margin:0px; background-color:#666; overflow:hidden; }
.sh1								{ height:1px; opacity:0.17; -moz-opacity:0.17; -khtml-opacity:0.17; filter:alpha(opacity=17); }
.sh2								{ height:2px; opacity:0.15; -moz-opacity:0.15; -khtml-opacity:0.15; filter:alpha(opacity=15); }	
.sh3								{ height:3px; opacity:0.13; -moz-opacity:0.13; -khtml-opacity:0.13; filter:alpha(opacity=13); }	
.sh4								{ height:4px; opacity:0.10; -moz-opacity:0.10; -khtml-opacity:0.10; filter:alpha(opacity=10); }	
.sh5								{ height:5px; opacity:0.07; -moz-opacity:0.07; -khtml-opacity:0.07; filter:alpha(opacity=7); }	
.sh6								{ height:6px; opacity:0.04; -moz-opacity:0.04; -khtml-opacity:0.04; filter:alpha(opacity=4); }	
.sh7								{ height:7px; opacity:0.01; -moz-opacity:0.01; -khtml-opacity:0.01; filter:alpha(opacity=1); }


/*** AJAX-Indicator :: mod by primaweb ***/
.indicator 						{ width:25px; height:20px; visibility:hidden; background:transparent url('img/indicator.gif') 100% 50% no-repeat; float:left; }



/****************** SCREEN 1280 *********************/

/** Content **/
.screen1280 .content_oben					{ width:1066px; height:85px; position:absolute; top:0px; padding-top:20px; padding-left:190px; text-align:left; float:left; z-Index:2; } /* gesmat weite -> 1256px */
.screen1280 .content_links					{ width:180px; height:86%; position:absolute; top:110px; overflow:auto; float:left; z-Index:1; } 
.screen1280 .content_rechts				{ width:183px; height:auto; position:absolute; top:110px; margin-left:1060px; float:left; z-Index:1; } 
.screen1280 .content_mitte  				{ width:865px; height:auto; padding-left:190px; padding-right:0px; z-Index:0; }
.screen1280 .content_unten					{ display:none; }

/** Menu Hersteller (Oben) **/
.screen1280 #hauptmenu a					{ width:auto; margin:0px; margin-right:10px; padding:0px; color:#fff; font-size:13px; line-height:18px; float:left; }

/** Produkt **/
.screen1280 .produkt							{ width:865px; display:block; }
.screen1280 .produkt	.oben					{ width:865px; display:block; height:7px; overflow:hidden; background:url('img/passend_oben1280.gif') top center no-repeat; }
.screen1280 .produkt	.mitte				{ width:851px; height:auto; display:block; padding:0px 7px; overflow:hidden; background:url('img/passend_mitte1280.gif') center repeat-y; z-Index:0; }
.screen1280 .produkt	.unten				{ width:865px; display:block; height:8px; margin-bottom:15px; background:url('img/passend_unten1280.gif') bottom center no-repeat; }
.screen1280 .produkt .bild					{ width:120px; float:left; }
.screen1280 .produkt	.passend_bild		{ width:120px; height:115px; margin-top:4px; overflow:hidden; float:left; }

/** Schatten (horizontal) **/
.screen1280 .sch								{ position:absolute; left:0px; top: 101px; width:1241px; margin:0px; background-color:#666; overflow:hidden; }