﻿@charset "utf-8";

ul, div, p, a
{
margin:0px;
}

#head_menu
{
	background-image: url(../bilder/head_button_off_i.png); 
	background-repeat:repeat-x; 
	height:33px;
	margin-top:2px;
}
div.head_button
{
	float:left; 
	background-image: url(../bilder/head_button_off_i.png); 
	background-repeat:repeat-x; 
	height:33px; 
	padding: 0px 8px;
}
div.head_button:hover
{
	background-image: url(../bilder/head_button_on_i.png); 
}
div.head_button_hover
{
	background-image: url(../bilder/head_button_on_i.png); 
}

div.head_button a
{
	font-size:18px; 
	line-height:33px;
	font-weight:bold; 
	font-family:Arial; 
	color:#000000;
	text-decoration:none;
}
div.head_button a:hover
{
}

div.head_button_aktiv
{
	float:left; 
	background-image: url(../bilder/head_button_on_i.png); 
	background-repeat:repeat-x; 
	height:33px; 
	padding: 0px 8px;
}
div.head_button_aktiv a
{
	font-size:18px; 
	line-height:33px;
	font-weight:bold; 
	font-family:Arial; 
	color:#000000;
	text-decoration:none;
}
div.head_button_aktiv a:hover
{
}

head_button_trenner
{
	background-image: url(../bilder/head_button_off_r.png); 
	background-repeat: no-repeat;
	width: 3px;
	height: 33px;
}


#startseite-static
{
	background-image: url(../bilder/startseite_statisch.gif); 
	background-repeat:no-repeat; 
}

div.startseite-bottom-flash
{
	position:absolute; left:0px; top:755px; width:1000px; height:46px;
	background-color:Transparent;
}
div.startseite-bottom-noflash
{
	position:absolute; left:0px; top:780px; width:1000px; height:46px;
	padding-top:1px;
	background-image: url(../bilder/startseite_bottom.png); 
	background-repeat:repeat-x;
}

div.startseite_button
{
	float:left; 
	background-image: url(../bilder/StartSeite_button.png); 
	background-repeat:no-repeat;
	width:150px;
	height:40px;
	display: table;
	margin-top:5px;
	cursor:pointer;
}

div.startseite_button:hover
{
	background-image: url(../bilder/StartSeite_button_hover.png); 
}

div.startseite_button p
{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	font-weight:bolder;
	font-size:12px;
	line-height:14px;
	color: #000000;
	margin-left:10px;
	width:140px;
	height:30px;
	padding-bottom:10px;
}
div.startseite_button table
{
	width:140px;
	height:30px;
	padding-bottom:10px;
	margin-left:10px;
}
div.startseite_button tr
{
	height:30px;
	vertical-align:middle;
}
div.startseite_button td, div.startseite_button input
{
	background-color:Transparent;
	border:0px;
	padding:0px;
	text-align:center;
	font-weight:bolder;
	font-size:12px;
	line-height:110%;
	color: #000000;
}
div.startseite_button td:hover, div.startseite_button input:hover
{
	text-decoration:underline;
}



#logo_noflash
{
	position:absolute; right:10px; bottom:-10px; cursor:pointer; display:none; z-index:99;
}
#logo_noflash img
{
}
#logo_noflash p
{
	font-size:10px;
	line-height:12px;
	margin-top:-24px;
}

#logo_flash
{
	position:absolute; right:10px; bottom:-20px; cursor:pointer; display:none; z-index:99;
}
#logo_flash img
{
	width:44px;
}
#logo_flash p
{
	font-size:10px;
	line-height:12px;
	margin-top:-24px;
}









.blackborder
{
	border: 1px solid #000000;
}

.noborder
{
	border: 0px;
}

.floatL
{
	float:left;
}

.floatR
{
	float:left;
}

.clearboth
{
	clear:both;
}

.taL
{
	text-align:left;
}
.taC
{
	text-align:center;
}
.taR
{
	text-align:right;
}

.vaT
{
	vertical-align: top;
}
.vaM
{
	vertical-align: middle;
}
.vaB
{
	vertical-align: bottom;
}

.fs10
{
	font-size:10px;
}
.fs11
{
	font-size:11px;
}
.fs12
{
	font-size:12px;
}
.fs14
{
	font-size:14px;
}
.bold
{
	font-weight:bold;
}
.bolder
{
	font-weight:bolder;
}
.black
{
	color:#000000;
}
.white
{
	color:#ffffff;
}


.login_text
{
	float:left;
	display:table-cell;
	width:133px;
	margin-right:17px;
	position:relative;
}

.login_text p
{
	/*padding-top:12px;*/
	line-height:12px;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
	
div.login_input_bg	/*weisser hintergrund fuer die Mitte der Input-Field-Grafik */
{
	position:absolute;
	left:10px; top:14px;
	background-color:#ffffff;
	width:115px; height:20px;
}

div.login_input
{
	position:absolute;
	left:0px; top:12px;
	background-image: url(../bilder/login_background_input.png); 
	background-repeat:no-repeat;
	width:133px;
	height:38px;
	display: table;
	cursor:pointer;
	padding-left:-140px; margin-left:0px; margin-top:-2px;
}

div.login_input input
{
	float:left;
	border:0;
	margin: 5px 0px 0px 20px;
	width:100px;
	text-align:left;
	background-color:Transparent;
	
}

div.radiobutton_off
{
	float:left; 
	background-image: url(../bilder/radiobutton_off.png);
	background-repeat:no-repeat;
	width:21px;
	height:26px;
	cursor:pointer;
	
}
div.radiobutton_off:hover
{
	background-image: url(../bilder/radiobutton_on.png);
}
div.radiobutton_on
{
	float:left; 
	background-image: url(../bilder/radiobutton_on.png);
	background-repeat:no-repeat;
	width:21px;
	height:26px;
	cursor:pointer;
}

div.radiobutton_on:hover
{
	/*background-image: url(../bilder/radiobutton_off.png);*/
}


div.suche_input
{
	float:left; 
	background-image: url(../bilder/search_inputmask.png); 
	background-repeat:no-repeat;
	width:180px;
	height:55px;
	display: table;
	cursor:pointer;
}

div.suche_input input
{
	float:left;
	border:0;
	margin: 12px 0px 0px 25px;
	width:125px;
	text-align:left;
	background-color:Transparent;
	
}

div.suche_button
{
	background-image: url(../bilder/search_button_off.png); 
	background-repeat:no-repeat;
	width:180px;
	height:40px;
	cursor:pointer;
}

div.suche_button:hover
{
	background-image: url(../bilder/search_button_on.png); 
}

div.suche_button p
{
	padding: 0px 0px 5px 20px;
	text-align:left;
	font-weight:bolder;
	font-size:14px;
	line-height:30px;
	color: #000000;
}
div.suche_button p:hover
{
	color: #000000;
}

#menu_herstellerauswahl
{
	float:left; 
	background-image: url(../bilder/herstellersuche_hintergrund.png); 
	background-repeat:no-repeat;
	width:180px;
	height:55px;
}

#herstellersuche_text
{
	position:absolute; left:15px; top:12px; width:120px; 
	background-color:#ffffff;
	border:0px;
	display:block;
	font-size:12px;
	text-align:center;
}

#herstellersuche_liste
{
	position:absolute; left:0px; top:5px; height:auto;
	background-color:#ffffff;
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	display:none;
}
#img_herstellerauswahl_geschlossen
{
	position:absolute; left:155px; top:16px;
	display:block;
}
#img_herstellerauswahl_geoeffnet
{
	position:absolute; left:155px; top:16px;
	display:none;
}

select.herstellerauswahl
{
	float:left;
	border:0px;
	margin: 12px 0px 0px 20px;
	width:120px;
	text-align:left;
	background-color:Transparent;
}

div.spezialkatalog_button
{
	background-image: url(../bilder/special_button_yellow.png); 
	background-repeat:no-repeat;
	background-position: left top;
	width:180px;
	height:45px;
	cursor:pointer;
	overflow:hidden;
}

div.spezialkatalog_button:hover
{
	background-image: url(../bilder/special_button_green.png); 
}

div.spezialkatalog_button p
{
	width:120px; overflow:hidden; white-space:nowrap;
	padding-left: 15px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bolder;
	font-size:14px;
	line-height:36px;
	color: #000000;
}
div.spezialkatalog_button p:hover
{
	color: #000000;
}

div.spezialkatalog_button_aktiv
{
	background-image: url(../bilder/special_button_green.png); 
}

/******************************************************************/

div.hauptkatalog_button
{
	background-image: url(../bilder/katalog_button_zu.png); 
	background-repeat:no-repeat;
	background-position: left top;
	width:180px;
	height:50px;
	cursor:pointer;
	overflow:hidden;
}

div.hauptkatalog_button_sel
{
	background-image: url(../bilder/katalog_button_auf.png); 
	background-repeat:no-repeat;
	background-position: left top;
	width:180px;
	height:50px;
	cursor:pointer;
	overflow:hidden;
}

div.hauptkatalog_button_sel_mitUK
{
	background-image: url(../bilder/menuezeile_2_kopf.png); 
	background-repeat:no-repeat;
	background-position: left top;
	width:180px;
	height:39px;
	cursor:pointer;
	overflow:hidden;
}

div.hauptkatalog_button:hover
{
	background-image: url(../bilder/katalog_button_auf.png); 
}

div.hauptkatalog_button p, div.hauptkatalog_button_sel p, div.hauptkatalog_button_sel_mitUK p
{
	width:120px; overflow:hidden; white-space:nowrap;
	padding-left: 15px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bolder;
	font-size:14px;
	line-height:36px;
	color: #000000;
}
div.hauptkatalog_button p:hover, div.hauptkatalog_button_sel p:hover, div.hauptkatalog_button_sel_mitUK p:hover
{
	color: #8D0008;
}

div.hauptkatalog_button_aktiv
{
	background-image: url(../bilder/katalog_button_auf.png); 
}
div.hauptkatalog_button_aktiv p
{
	color: #8D0008;
}

div.hauptkatalog_unterkatalog_ebene2
{
	background-image: url(../bilder/menuezeile_2_hg.png); 
	background-repeat: repeat-y;
	background-position: left top;
	width:180px;
	overflow:hidden;  
}

div.hauptkatalog_unterkatalog_ebene2 div
{
	width:160px; margin-left:2px; padding-left:13px;
}

div.hauptkatalog_unterkatalog_ebene2 a
{
	font-size:14px; overflow:hidden; line-height:150%;
}
div.hauptkatalog_unterkatalog_ebene2 a:hover
{
	color:#FF2A3C; text-decoration:none;
}

div.hauptkatalog_unterkatalog_ebene2 p.sel
{
	font-size:14px; overflow:hidden; line-height:150%; 
	font-weight:bold; 
	color:#FF2A3C;
}

div.hauptkatalog_unterkatalog_ebene2_ende
{
	width:160px; height:1px; margin-left:2px; 
	background-image: url(../bilder/katalogtrenner_ebene2.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

div.hauptkatalog_unterkatalog_ebene3
{
	background-image: url(../bilder/menuezeile_2_hg.png); 
	background-repeat: repeat-y;
	background-position: left top;
	width:150px;
	overflow:hidden; padding:0px 20px; 
}

.hauptkatalog_unterkatalog_ebene3 a
{
	width: 150px; font-size:12px; overflow:hidden; line-height:150%;
}
.hauptkatalog_unterkatalog_ebene3 p.sel
{
	width: 150px; font-size:12px; overflow:hidden; line-height:150%;
	font-weight:bold;
}

div.hauptkatalog_fuss	
{
	background-image: url(../bilder/menuezeile_2_fuss.png); 
	background-repeat:no-repeat;
	background-position: left top;
	width:180px;
	height:35px;
}

	


/******************************************************************/

div.login_button
{
	background-image: url(../bilder/login_button.png); 
	background-repeat:no-repeat;
	width:151px;
	height:29px;
	cursor:pointer;
}

div.login_button:hover
{
	background-image: url(../bilder/login_button_hover.png); 
}

div.login_button p
{
	text-align:left;
	font-weight:bolder;
	font-size:12px;
	line-height:27px;
	color: #000000;
	padding-left:10px;
	width:141px;
}

div.login_button p:hover
{
	color:#ffffff;
}

div.login_button_hover
{
	background-image: url(../bilder/login_button_hover.png); 
}

div.login_button_hover p
{
	color:#ffffff;
}


div.wksmall_hintergrund
{
	background-image: url(../bilder/cart_button.png); 
	background-repeat:no-repeat;
	width:149px;
	height:36px;
	cursor:pointer;
	margin:10px 15px;
}
div.wksmall_hintergrund p
{
	text-align:left;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	color: #000000;
	padding: 4px 0px 0px 15px;
	width:120px;
}

div.menubutton
{
	background-image:url(../bilder/catalog_button.png);
	background-repeat:no-repeat;
	width:174px;
	height:47px;
}

div.menubutton p
{
	text-align:left;
	text-align:left;
	font-weight:bolder;
	font-size:14px;
	line-height:14px;
	color: #000000;
	padding:12px 0px 0px 15px;
	width:150px;
	text-transform:uppercase;
}

#startseite_executediv
{
	position:absolute; 
	left:50px; 
	top:50px; 
	width:880px;
	height:auto; 
	overflow:visible; 
	background-color:#ffffff; 
	border-left:2px solid #c5c5c5;
	border-top:2px solid #c5c5c5;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
}	

.thL
{
	background-image:url(../bilder/table_head_l.png);
	background-repeat:no-repeat;
	width:7px; height:27px;
	padding:0px;
}
.thI
{
	background-image: url(../bilder/table_head_i.png);
	background-repeat: repeat-x;
	height:27px;
	padding:0px;
}
.thT
{
	background-image:url(../bilder/table_head_t.png);
	background-repeat:no-repeat;
	width:5px; height:27px;
	padding:0px;
}
.thR
{
	background-image:url(../bilder/table_head_r.png);
	background-repeat:no-repeat;
	width:9px; height:27px;
	padding:0px;
}

.nowrap
{
	white-space:nowrap;
}

div.MainMessage
{
	position:fixed; left:0px; top:0px; 
	z-index:998; 
	background-image:url(../bilder/trans.png); 
	display:none; 
	width:100%; height:100%;
}

div.MainMessage-stufe1
{
	position:absolute; left:50%; top:50%; 
	margin: -100px 0px 0px -200px; 
	z-index:999; 
	width:400px; border:1px solid #000000; 
	background-color:#ffffff;
}

div.gutschein_button
{
	background-image: url(../bilder/Gutschein-Button.png); 
	background-repeat:no-repeat;
	width:258px;
	height:55px;
	cursor:pointer;
}

div.gutschein_button:hover
{
}

div.gutschein_button p
{
	padding-top: 10px;
	padding-right:10px;
	font-family: 'Arial Narrow';
	text-align:right;
	font-weight:bolder;
	font-size:16px;
	line-height:35px;
	color: #000000;
}
div.gutschein_button p:hover
{
	color: #8D0008;
}


/*table.button
{
	cursor:pointer;
}
table.button tr.button
{
	height:28px;
	vertical-align:middle;
}
table.button td.button-l
{
	background-image: url(../bilder/button_l.png); 
	background-repeat:no-repeat;
	width:2px;
	height:28px;
}
table.button td.button-i
{
	background-image: url(../bilder/button_i.png); 
	background-repeat:repeat-x;
	height:28px;
	text-align:center;
}
table.button td.button-i a, p
{
	font-size:16px;
	text-decoration:none;
	color:#000000;
}
table.button td.button-i input
{
	background-color:Transparent;
	border:0px;
	font-size:16px;
	text-decoration:none;
	color:#000000;
}
table.button td.button-r
{
	background-image: url(../bilder/button_r.png); 
	background-repeat:no-repeat;
	width:2px;
	height:28px;
}
	
table.button:hover
{
}
table.button:hover tr.button
{
}
table.button:hover td.button-l
{
	background-image: url(../bilder/button_l_hover.png); 
}
table.button:hover td.button-i
{
	background-image: url(../bilder/button_i_hover.png); 
}
table.button:hover td.button-i a
{
	color:#ffffff;
}
table.button:hover td.button-i p
{
	color:#ffffff;
}
table.button:hover td.button-r
{
	background-image: url(../bilder/button_r_hover.png); 
}
*/

div.button
{
	background-image: url(../bilder/ButtonGrau150.png); 
	background-repeat: no-repeat;
	width:150px;
	height:35px;
	text-align:center;
	vertical-align:middle;
	padding:5px 5px;
	cursor:pointer;
}
div.button a, div.button p
{
	width:140px; height:28px;
	line-height:28px;
	text-decoration:none;
	font-size:16px;
}
	
div.button:hover
{
	background-image: url(../bilder/ButtonRot150.png); 
}
div.button_hover
{
	background-image: url(../bilder/ButtonRot150.png); 
}


td.button_normal 
{
}

.left
{
	text-align:left;
	float:left;
}
.right
{
	text-align:right;
	float:right;
}





div.sidebar1_title, div.sidebar2_title {
	background-image: url(../bilder/sidebar-reiter.png); 
	background-repeat:no-repeat;
	width:174px; height:33px;
	margin:-8px 0px 0px 5px;
}
div.sidebar1_title p, div.sidebar2_title p{
	width:168px;
	text-align:center;
	font-size:18px;
	font-family: 'Arial Narrow';
	color:#ffffff;
	font-weight:bolder;
	padding-top:2px;
}



div.news_und_infos
{
	background-image: url(../bilder/Button_News_und_Infos.png); 
	background-repeat:no-repeat;
	width:152px; height:41px;
	font-size:16px; line-height:41px; text-align:center; font-weight:bold;
	margin-left:13px;
}

div.paymentoptions
{
	background-image: url(../bilder/paymentoptions.png); 
	background-repeat:no-repeat;
	width:152px; height:69px;
	font-size:16px; line-height:38px; text-align:left; font-weight:bold; padding-left:14px;
	margin-left:13px;
}

.favoritenbutton_liste
{ 
	width:49px; height:49px;
	background-image: url(../bilder/stern1.png); 
	background-repeat:no-repeat;
}
.favoritenbutton_liste:hover
{
	background-image: url(../bilder/stern2.png); 
}


#account ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}