@charset "utf-8";
/* CSS Document */
.clearer{float:none; clear:both;}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
body{
	/*background:url(../images/Rahmendesign/bodyBG_pattern.gif) repeat-x fixed #000000;*/
	background: #000000;
	margin:20px 0 20px 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#page_top{
	width:999px;
	height:14px;
	background:url(../images/Rahmendesign/pageTop_bg.png) no-repeat;
	margin:auto;
}
#page_outer{
	width:999px;
	margin: 0 auto;
	background:url(../images/Rahmendesign/pageBorder_bg.png) repeat-y;
}
#page_inner{
	width:968px;
	margin:auto;
	background:url(../images/Rahmendesign/innerPage_bg.jpg) no-repeat top center;
}

#page_footer{width:999px; height:77px; background:url(../images/Rahmendesign/footer_bg.png) no-repeat; margin:auto;}


#top{width:968px; height:133px; display:block; background:url(../images/Rahmendesign/top_bg.jpg) no-repeat;}
#left, #top .left{width:207px; display:block; float:left; margin:0 15px 0 30px;}
#top{}
#right, #top .right{width:207px; display:block; float:left; margin:0 30px 0 15px;}
#main{width:670px;}
#main, #top #navi{
	display:block;
	float:left;
	margin:0 15px 0 15px;
	font-size:10px;
}
#left, #main, #right{
	margin-top:20px;
}
#left{
	margin-top:-5px;
}

/*_____________________CONTENBOX 670px________________________________*/
#main .contenBox670px{
	background:url(../images/ContentBox670px/kachel.gif) repeat-y;
	width:624px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:20px;
	letter-spacing:0.04em;
	color:#9e8400;
	/*color: #000000;*/
	font-size:11px;
	display:block;
	padding:0 25px 0 25px;
	margin: 0 0 15px 0;
}
#main .contenBox670px .top{
	height:13px;
	width:670px;
	background:url(../images/ContentBox670px/top.gif) no-repeat;
	margin: 0 0 10px -25px;
}
#main .contenBox670px .bottom{
	height:13px;
	width:670px;
	background:url(../images/ContentBox670px/bottom.gif) no-repeat;
	margin: 15px 0 0 -25px;
	display: block;
	clear: both;
}
/*_____________________/CONTENBOX 670px________________________________*/
#top .left, #top .right{ margin:0;}
#headline{
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:-26px 0 2px 15px;
	letter-spacing: 0.04em;
	color: #fff8a6;
}
#navi{
	text-transform:uppercase;
	margin:-24px 0 11px -8px;
	height: 1em;
	letter-spacing: 0.04em;
	display:block;
}
#navi a{
	text-decoration:none;
	padding:0 8px 0 8px;
	color:#fff8a6;
}
#navi a:hover{text-decoration:underline; color:#ffffff;}
#navi a.active{text-decoration:none; color:#ffffff; font-weight:bold;}

#top .left, #top .right{ font-family:Georgia, "Times New Roman", Times, serif;}
#top .left h1, #top .right h1{ font-size:20px; font-weight:normal; font-style:italic; margin:0; color:#fffab4;}
#top .left h2, #top .right h2{ font-size:10px; font-weight:normal; font-style:normal; margin:0; color:#ffffff; text-transform:uppercase;}
#main h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0em;
	color:#282200;
	font-style:italic;
	margin:0 0 15px 0;
	font-size:20px;
	font-weight:normal;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0em;
	color:#282200;
	font-style:italic;

	font-size:15px;
	font-weight:normal;
}

/*______________STARTBOX_SCROLL___________________________*/
.startBox{
	width:630px;
	background:url(../images/Startbox/startangebot_box.gif) no-repeat;
	height:266px;
	overflow:hidden;
	padding:23px 0 25px 40px;
	margin: 0 0 25px 0;
	
}
.startBox .scrollLeft{ width:49px; height:47px; display:block; background:url(../images/Startbox/startangebot_scroll_L.gif) no-repeat; position:absolute; margin:91px 0 0 -60px;}
.startBox .scrollLeft:hover{ background:url(../images/Startbox/startangebot_scroll_L_hover.gif); cursor:pointer;}
.startBox .scrollRight:hover{ background:url(../images/Startbox/startangebot_scroll_R_hover.gif); cursor:pointer;}
.startBox .scrollRight{
	width:46px;
	height:47px;
	display:block;
	background:url(../images/Startbox/startangebot_scroll_R.gif) no-repeat;
	position:absolute;
	margin:91px 0 0 602px;

}

.startBox .eintrag{
	width:140px;
	height:266px;
	margin:-10px 10px 20px 0;
	float:left;
}
.startBox .eintrag:hover{
	background:url(../images/Startbox/Eintrag_MO.gif) no-repeat center 15px;
}


.startBox .eintrag .bild{
	margin:auto;
	height:170px;
	width: 140px;
	text-align: center;
}
.startBox .eintrag .bild img{}
.startBox .eintrag .title{
	width:140px;
	margin:auto;
	height:77px;
	text-align: center;
	color:#2b0c13;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	overflow:hidden;
}
.startBox .eintrag .title hr{
	height:0px;
	border:none;
	font-size:0px;
	line-height:0px;
	border-bottom:1px dotted #2b0c13;
	margin: 5px 7px 5px 7px;
}
.startBox .eintrag .title .preis{ font-size:14px; font-weight:bold; font-style:italic; letter-spacing:0.1em;}
.startBox .eintrag .actions{ width:140px; margin:auto; height:38px;}

/*_______________________MENUE________________*/

/*_______________________warenkorb________________*/

#wk{
	display:block;
	padding: 0 10px 10px 10px;
	font-size:10px;
}
#wk .header{
	background:url(../images/mainnavi/trenner.gif) repeat-x bottom;
	display:block;
	margin:3px 0 7px 0;
	padding: 3px 0 7px 0;
	font-size:10px;
	color: #b1a567;
}
#wk .header .title{
	margin:0 90px 0 0;
}
#wk .header .preis{
	margin:0 12px 0 0;
}
#wk .header img{
	margin:0px 0 0 0;
}
#wk .eintrag{
	background:url(../images/mainnavi/trenner.gif) repeat-x bottom;
	display:block;
	margin:3px 0 3px 0;
	padding: 0 0 10px 0;
	font-size:10px;
	color: #b1a567;
}
#wk .eintrag:hover{background-color:#191400;}
#wk .eintrag .links{
	float:left;
	width: 112px;
}
#wk .eintrag .rechts{float:left;}
#wk .eintrag .title{
	color:#ffffff;
	text-transform:uppercase;
	margin:0 0 3px 0;
	overflow:hidden;
}
#wk .eintrag .kid{ color:#9e8400; text-transform:uppercase; margin:0 0 0 0;}
#wk .eintrag .preis{
	color:#fffcdc;
	margin:0 9px 0 0;
	float:left;
	text-align: right;
	width: 40px;
}
#wk .eintrag .loeschen{ margin:0 0 0 0; width:11px; height:10px; background:url(../images/mainnavi/delete.gif) no-repeat; float:left;}

/*_______________________MENUE________________*/
#divMenue{
	width:203px;
	display:block;
	margin:30px 0 0 0;
}
#divMenue.notHere{ display:block;}
#divMenue #reiter{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	width:203px;
	height:23px;
	display:block;
	margin:-23px 0 0 0;
	background:url(../images/mainnavi/reiter_BG.gif) no-repeat;
	position: absolute;
	padding: 5px 0 0 0;
	font-weight: normal;
}
#divMenue #reiter a{ display:block; color:#fff8a6; text-decoration:none;}
#divMenue #reiter a:hover{color:#ffffff;}
#divMenue #reiter .links{
	display:block;
	float:left;
	width:101px;
	height:24px;
	padding: 0 0 0 10px;
}
#divMenue #reiter .rechts{
	text-align:right;
	display:block;
	float:left;
	width:82px;
	height:24px;
	padding: 0 10px 0 0;
	font-size: 11px;
	font-weight: normal;
}
#divMenue_outer{
	width:203px;
	background:url(../images/mainnavi/div/kachel.gif) repeat-y;
	margin: -5px 0 0 0;
	display: block;
	padding: 0 0 0 0;
}
#divMenue_inner{
	min-height:82px;
	background:url(../images/mainnavi/div/top.gif) no-repeat;
	padding: 3px 11px 10px 11px;
}
* html #divMenue_inner{height:82px;}
#divMenue_bottom{
	width:171px;
	height:86px;
	background:url(../images/mainnavi/div/bottom.gif) no-repeat;
	padding: 10px 16px 10px 16px;
	font-size: 9px;
	text-transform: uppercase;
	color: #FFFAB3;
}


#warenkorb_summe_ajax{

	font-size: 9px;
	text-transform: uppercase;
	color: #FFFAB3;
}

#divMenue .header{
	background:url(../images/mainnavi/trenner_head.gif) repeat-x bottom;
	display:block;
	margin:5px 0 0 0;
	padding: 3px 5px 7px 5px;
	font-size:10px;
	color: #b1a567;
}
#divMenue .header .title{
	margin:0 76px 0 0;
}
#divMenue .header .preis{
	margin:0 9px 0 0;
}
#divMenue .header img{
	margin:0px 1px 0 0;
}


/*______________________EINTRÄGE__________________________________*/
#divMenue .eintrag .anzahl_outer{
	border:1px solid #b1a567;
	position:absolute;
	margin:21px 0 0 -60px;
	/*margin: -5px 0 0 -60px;   ausserhalb*/
	text-align:center;
	background-color:#413600;
	font-size:9px;
	display:none;
}

.rest_zahl {
	font-size:12px;
	font-weight: bold;
	}
	
.rest_text {
	font-size:11px;
	color: #ffffff;
	background-color: #3e4e27;
	padding: 0 10px 0 10px;
	border: 1px dotted #FFF;
	}

#warenkorb_summe_ajax .rest_outer .rest_inner{ padding:2px 3px 1px; border:1px solid #000000;} 
#warenkorb_summe_ajax .rest_outer{
	border:1px solid #b1a567;
	position:absolute;
	width: 171px;
	/*margin:21px 0 0 -60px;*/
	/*margin: -5px 0 0 -60px;   ausserhalb*/
	text-align:center;
	background-color:#990000;
	font-size:9px;
	
}




#divMenue .eintrag .anzahl_outer:hover{border-color:#fff8a6; color:#fff8a6;}
#divMenue .eintrag .anzahl_outer .anzahl_inner{ padding:2px 3px 1px; border:1px solid #000000;} 
#divMenue .eintrag .anzahl_outer input.anzahl{
	font-size:9px;
	border:none;
	background:none;
	width:16px;
	height:10px;
	text-align:right;
	color:#FFFAB3;
	display: inline;
	margin: -2px 0 2px 0;
	overflow: hidden;
}

#divMenue .eintrag{
	background:url(../images/mainnavi/trenner.gif) repeat-x bottom;
	display:block;
	margin:0 0 0 0;
	padding: 4px 5px 5px 5px;
	font-size:9px;
	color: #b1a567;
}
#divMenue .eintrag a{ text-decoration:none; cursor:pointer;}
#divMenue .eintrag:hover{background-color:#191400;}
#divMenue .eintrag:hover .anzahl_outer{
	display:inline;
}
#divMenue .eintrag:hover .title{
	overflow:visible;
	height:30px;
}
#divMenue .eintrag .links{
	float:left;
	width: 111px;
}
#divMenue .eintrag .rechts{
	float:left;
	overflow: hidden;
	height: 23px;
	width: 60px;
}
#divMenue .eintrag .title{
	color:#ffffff;
	text-transform:uppercase;
	margin:0 0 1px 0;
	overflow:hidden;
	font-weight: bold;
	height: 11px;
}

#divMenue .eintrag .kid{ color:#9e8400; text-transform:uppercase; margin:0 0 0 0;}
#divMenue .eintrag .preis{
	color:#FFFAB3;
	margin:0 8px 0 0;
	float:left;
	text-align: right;
	width: 40px;
}
#divMenue .eintrag .loeschen{
	margin:0 0 0 0;
	width:11px;
	height:11px;
	background:url(../images/mainnavi/delete.gif) no-repeat;
	float:left;
}
#divMenue input.delete{
display:block;
	cursor:pointer;
	border:none;
	background-color:transparent;
	background-image:url(../images/mainnavi/delete.gif);
	background-repeat:no-repeat;
	width:11px;
	height:11px;
	font-size:0px;
	line-height:0px;
	padding: 0 0 10px 0;
}
#divMenue input.delete:hover{ background-image:url(../images/mainnavi/delete_MO.gif);}

/*_______________________NAVI________________*/
#divNavi{
	width:203px;
	display:block;
	margin:30px 0 0 0;
}
#divNavi.notHere{ display:block;}
#divNavi #reiter{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	width:203px;
	height:23px;
	display:block;
	margin:-23px 0 0 0;
	background:url(../images/mainnavi/reiter_BG.gif) no-repeat;
	position: absolute;
	padding: 5px 0 0 0;
	font-weight: normal;
}
#divNavi #reiter a{ display:block; color:#fff8a6; text-decoration:none;}
#divNavi #reiter a:hover{color:#ffffff;}
#divNavi #reiter .links{
	display:block;
	float:left;
	width:101px;
	height:24px;
	padding: 0 0 0 10px;
}
#divNavi #reiter .rechts{
	text-align:right;
	display:block;
	float:left;
	width:82px;
	height:24px;
	padding: 0 10px 0 0;
	font-size: 11px;
	font-weight: normal;
}
#divNavi_outer{
	width:203px;
	background:url(../images/mainnavi/div/kachel.gif) repeat-y;
	margin: -5px 0 0 0;
	display: block;
	padding: 0 0 0 0;
}
#divNavi_inner{
	min-height:82px;
	background:url(../images/mainnavi/div/top.gif) no-repeat;
	padding: 10px 11px 10px 11px;
}
* html #divNavi_inner{height:82px;}

#divNavi_inner_sub{


	padding: 10px 16px 10px 16px;
	color: #9e8400;
	
}
#divNavi_bottom{
	width:171px;
	height:96px;
	background:url(../images/mainnavi/div/bottom.gif) no-repeat;
	padding: 0px 16px 10px 16px;
	color: #9e8400;
	/*overflow:hidden*/;
}
#divNavi .eintrag a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#fff9c9;
	background:url(../images/mainnavi/trenner.gif) repeat-x bottom;
	display:block;
	margin:0 0 0 0;
	padding: 5px 5px 7px 5px;
}

#divNavi .eintrag_hover a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#fff9c9;
	background:url(../images/mainnavi/trenner.gif) repeat-x bottom;
	background-color:#191400; 
	color:#ffffff;
	display:block;
	margin:0 0 0 0;
	padding: 5px 5px 7px 5px;
}
#divNavi .eintrag .cart{
	border:none;
	padding:0 0 0 0;
	margin: 0 0 0 -10px;
	line-height: 0;
	background-image: url(../images/Rahmendesign/cart.gif);
	width: 21px;
	height: 16px;
}
#divNavi .eintrag a:hover{background-color:#191400; color:#ffffff;}

#divNavi_bottom a{ color:#9e8400; font-size:10px; text-decoration:none; display:block; padding:0 0 7px 0;}
#divNavi_bottom a:hover{color:#fff9c9;}


#divNavi_inner_sub a{ color:#9e8400; font-size:10px; text-decoration:none; display:block; padding:0 0 7px 0;}
#divNavi_inner_sub .active2 { color:#FFFFFF; font-size:10px; text-decoration:none; display:block; padding:0 0 7px 0;}
#divNavi_inner_sub a:hover{color:#fff9c9;}


/*______________DETAILBOX___________________________*/

.detailView .zoombox{
	width:282px;
	height:282px;
	background:url(../images/Startbox/detailbox_white.gif) no-repeat;
	overflow:hidden;
	padding:15px;
	margin: 0 25px 25px 0;
	text-align: center;
}
.detailView .detailLeft{
	float:left;
	margin: 0 35px 25px 0;
	width: 312px;
}
.detailView .detailRight{
	color:#fffcdc;
	float:left;
	display:block;
	width: 221px;
	margin: -20px 0 0 0;
}
#main .detailView h3, #main .detailView h4{
	color:#fffcdc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	width:221px;
	background: url(../images/Detailview/border3D.gif) repeat-x left bottom;
	margin:0 0 0 0;
	padding:0 0 7px 0;
	text-transform:uppercase;
}
#main .detailView h4{
	width:312px;
	margin: -15px 0 12px 0;
}

#main .detailView .beschreibung{
	font-size:10px;
	width:221px;
	display:block;
	background: url(../images/Detailview/border3D.gif) repeat-x left bottom;
	padding:10px 0 12px 0;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	height:115px;
	overflow:hidden;
	text-align: justify;
}
#main .detailView .mwst{
	font-size:9px;
	letter-spacing: 0.1em;
	color:#766c3c;
}
#main .detailView .zoomer{
	width:221px;
	height:135px;
	display: block;
	margin: 10px 0 0 0;
	background:url(../images/Detailview/etikett.png) no-repeat;
	background-color:#ffffff;
}
#main .detailView .wk_Button{
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../images/Detailview/warenkorb_button.png) no-repeat;
	width:202px;
	height:30px;
	margin:0 -0 0 -10px;
	padding:14px 20px 0 20px;
	text-align:center;
	font-size: 11px;
}
#main .detailView .wk_Button:hover{ background-image:url(../images/Detailview/warenkorb_button_mo.png);}
#main .detailView table td{}
#main .detailView table tr{
	color:#b1a567;
	padding:3px 0 3px 0;
}
#main .detailView table tr:hover{color:#000000; background-color:#b1a567;}
#main .detailView .preisschild, #main .productList .preisschild{
	width:66px;
	height:38px;
	background:url(../images/Detailview/preisschild.gif) no-repeat;
	margin:0 0 0 25px;
	float:left;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding:8px 0 0 0;
	color: #fff9c9;
}
#suche{ width:203px; height:32px; background:url(../images/Rahmendesign/search_bg.gif) no-repeat; margin:20px 0 0 0; overflow:hidden;}
#suche input.eingabe{
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	color:#fff8a6;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:none;
	background-color:transparent;
	border:none;
	width:150px;
	padding:5px 0 3px 13px;
}
#suche input.send{
	width:35px;
	height:33px;
	padding:0;
	background:none;
	background-color:transparent;
	border:none;
	font-size:0px;
	line-height:0px;
}
/*___________________________PRODUCTLIST____________________________*/
.productList{}
.productList .eintrag{
	border-bottom:1px dashed #282200;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.productList .eintrag .bild{
	float:left;
	display:block;
	margin:0 10px 0 0;
	width:100px;
	text-align: center;
	height: 100px;
}
.productList .eintrag .text{
	float:left;
	display:block;
	height: 80px;
	width: 440px;
	line-height: 14px;
	overflow: hidden;
	margin: 0 0 7px 0;
}
#main .productList .eintrag h1{
	margin:0 0 7px 0;
	padding:0;
	font-size: 15px;
}
#main .productList .preisschild{
	float:right;
	margin:0 0 0 0;
	border:1px solid #333333;
}
.productList .eintrag .infoLink a, .productList .eintrag .wkLink a{
	background:url(../images/Rahmendesign/infoIcon.gif) no-repeat 0px 1px;
	color:#282200;
	float: left;
	width: 150px;
	padding: 0 0 0 18px;
	text-decoration: none;
}
.productList .eintrag .wkLink a{
	background:url(../images/Rahmendesign/cart.gif) no-repeat 0px 1px;
	padding-left: 26px;
}
.productList .eintrag .infoLink a:hover, .productList .eintrag .wkLink a:hover{ text-decoration:underline;}
.productList .eintrag .beschreibung{}


#page_footer_navi {
		display: block;
		color:#333333;
	width: 955px;
	text-align: right;
	
	}
#page_footer_navi a{
	
	text-transform:uppercase;
	text-decoration:none;
	font-size:8px;
	color:#B0AA6D;

	margin:0 0 0 0;
	padding: 5px 5px 7px 5px;
	
	}
	
	.longtext {
	color: #000 !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:15px;
	letter-spacing:0.04em;
	font-size:12px;
	}

