/* CSS Document */

/* Grundformatierungen */
body { font-family: Arial, Helvetica, sans-serif; color: #757575; margin: 10px 0px 0px 20px; background: url(/images/hintergrund_matt.jpg) top left no-repeat #ffffff; font-size: 12px; background-attachment: fixed; }

td { font-size: 12px;}
input { font-size: 11px; border: solid 1px #a6a6a6; }
select { font-size: 11px; border: solid 1px #a6a6a6; }
textarea { font-size: 11px; border: solid 1px #a6a6a6; }

txtred12 { font-size: 12px; color: #c60000; }


.page { width: 960px; text-align: left; background-color: #ffffff; margin: 0px auto; }

.p_head {
height: 212px;
}

/* Hauptnavigation im Kopfbereich */
.hn {
background: url(../images/layout/head_menu_bg.gif) repeat-x;
height: 47px;
text-align: center;
padding: 25px 10px 0px 0px;
word-spacing: 25px;
}

.hn a {
font-weight: bold;
color: #8b8b8b;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
}

.hn a:hover {
font-weight: bold;
color: #757575;
text-transform: uppercase;
text-decoration: underline;
font-size: 13px;
}

.hn_fb {
	width: 24px;
	height: 24px;
	position: relative;
	top: 130px;
	left: 710px;
	z-index: 2;
	float: left;

}
.hn_cart {
	width: 24px;
	height: 24px;
	position: relative;
	top: 130px;
	left: 700px;
	z-index: 1;
	float: left;
}

/* .hn_cart a { font-weight: bold; font-size: 12px; color: #ffffff; padding-left: 60px;}
.hn_cart div { font-size: 12px; color: #ffffff; background: #666666; padding: 10px 8px 10px 8px; margin: 60px 8px 10px 8px; border: solid 1px #dadada;} */

.hn_search {
background: url(/images/search_bg.png) no-repeat;
width: 163px;
height: 25px;
padding-left: 30px;
padding-top: 1px;
	top: 130px;
	left: 690px;
	z-index: 3;
		position: relative;
		float: left;
}

.hn_search input { border: solid 1px #ffffff; font-size: 16px; color: #999; padding: 0px 0px 0px 0px; width: 120px;}


/* Justnavigation */
.jn { font-size: 11px; text-align: center; margin-bottom: 2px; }
.jn a { color: #757575; text-decoration: underline; }


/* Shopnavigation / Artikelnavigation */
.sn_box { float: left; width: 205px; margin-bottom: 6px; }
.sn { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 0px 20px 0px; }
.sn_head {
background: url(../images/layout/menu_shopnavi.gif) no-repeat;
height:25px;
font-size: 14px;
font-weight: 600;
padding: 10px 0px 0px 47px;
border-left: #dadada solid 1px;
border-right: #dadada solid 1px;
}

/* Shopnavigation - Hauptpunkt */
.sn_hp {
/* height:16px;*/
width:171px;
font-size:12px;
border-bottom: #e0e0e0 dashed 1px;
background:  url(../images/layout/menu_shopnavi_closed.gif) no-repeat left;
text-align: left;
padding: 3px 0px 3px 20px;
}
.sn_hp:hover {
/* height:16px;*/
width:171px;
font-size:12px;
border-bottom: #e0e0e0 dashed 1px;
background:  url(../images/layout/menu_shopnavi_closed_hover.gif) no-repeat left;
text-align: left;
padding: 3px 0px 3px 20px;
background-color: #ff9b9b;
}
.sn_hp a { color: #222222; text-decoration: none; font-weight: bold; }

.sn_hp_open {
/* height:16px;*/
width:171px;
font-size:12px;
border-bottom: #e0e0e0 dashed 1px;
background:  url(../images/layout/menu_shopnavi_open.gif) no-repeat left;
text-align: left;
padding: 3px 0px 3px 20px;
}
.sn_hp_open:hover {
/* height:16px;*/
width:171px;
font-size:12px;
border-bottom: #e0e0e0 dashed 1px;
background:  url(../images/layout/menu_shopnavi_open_hover.gif) no-repeat left;
text-align: left;
padding: 3px 0px 3px 20px;
background-color: #ff9b9b;
}

.sn_hp_open a { color: #222222; text-decoration: none; font-weight: bold; }

/* Shopnavigation - Zwischenpunkt */
.sn_zp { width:171px; padding: 1px 0px 1px 20px; text-align: left; font-size:11px; }
.sn_zp:hover { width:171px; padding: 1px 0px 1px 20px; text-align: left; font-size:11px; background-color: #e8e8e8; }
.sn_zp a { text-decoration: none; color: #222222; text-decoration: none; }

/* Shopnavigation - Endpunkt */
.sn_ep { width:161px; padding: 1px 0px 1px 30px; text-align: left; font-size:11px; }
.sn_ep:hover { width:161px; padding: 1px 0px 1px 30px; text-align: left; font-size:11px; background-color: #e8e8e8; }
.sn_ep a { text-decoration: none; color: #222222; text-decoration: none; }

/* Inhaltsbereich */
.cn_box { float: left; clear: right; width: 576px; margin-left: 2px; margin-bottom: 11px;}
.cn_head {
background: url(../images/layout/content_head.gif) no-repeat;
height:25px;
font-size: 14px;
font-weight: 600;
padding: 10px 0px 0px 47px;
border-left: #dadada solid 1px;
border-right: #dadada solid 1px;
}
.cn { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 10px 20px 10px; font-size: 12px; }

.cn a { font-size: 12px; color:#222222;}

/* Artikel-Listing */
.al1 { background-color: #ffffff; width: 280px; height: 199px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; overflow: hidden; margin: 0px 0px 0px 5px; float: left; clear: both;}
.al1:hover { background-color: #faf1f1; }
.al2 { background-color: #ffffff; width: 281px; height: 199px; border-bottom: 1px solid #d1d1d1; overflow: hidden; }
.al2:hover { background-color: #faf1f1; }

.alb { width: 120px; height: 140px; overflow: hidden; margin: 5px 10px 10px 5px; float: left;}
.alh { width: 143px; height: 47px; float: right; overflow: hidden; margin: 5px 2px 0px 0px; }
.alh a { font-size: 12px; color: #ff3333; font-weight: bold; text-decoration: none;}
.alh a:hover { font-size: 12px; color: #ff3333; font-weight: bold; text-decoration: underline;}
.ald { font-size: 11px; width: 143px; height: 90px; overflow: hidden; margin: 5px 2px 0px 0px; float: right; border-top: dashed 1px #d1d1d1; padding: 2px 0px 0px 0px;}
.alf { border-top: dashed 1px #d1d1d1; font-weight: bold; clear: both; margin: 0px 2px 2px 0px; }
.alf .alp { width: 120px; margin: 8px 0px 0px 0px; float: left; text-align: center; font-size: 18px; color: #ff3333; }
.alf .all { float: right; width: 143px; margin: 8px 2px 0px 0px; }

/* Listing-Navi */
.listnav { background-color: #ececec; width: 105px; float: left; margin-left: 5px; margin-bottom: 5px; text-align: center; }

/* Warenkorb im Kopf */
.w1 { width: 286px; height: 84px; float: left; margin-top: 4px; }
.w2 { width: 286px; height: 84px; float: right; margin-top: 4px; }
.w_pic { width: 284px; height: 80px; border-left: #dadada solid 1px; border-right: #dadada solid 1px; overflow: hidden; padding: 0px 0px 0px 0px;}

/* rechter Bereich */
.rg_box { clear: right; float: right; width: 175px; margin-left: 2px; margin-bottom: 11px;}
.rg { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 5px 20px 5px; font-size: 12px;}
.rg_cn { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 5px 20px 5px; font-size: 12px;}
.rg_top a  { font-size: 11px; text-decoration: none; text-align: right; color: #757575; }
.rg_down { padding-bottom: 5px; margin-bottom: 10px; border-bottom: #e0e0e0 dashed 1px; font-size: 11px; text-align: right; }
.rg_down a { font-size: 11px; font-weight: bold; text-decoration: none; color: #757575; }

.rg_head {
background: url(../images/layout/right_head.gif) no-repeat;
height:25px;
font-size: 14px;
font-weight: 600;
padding: 10px 0px 0px 47px;
border-left: #dadada solid 1px;
border-right: #dadada solid 1px;
}

/* linker Bereich */
.lg_box { width: 205px; margin: 10px 0px 10px 0px; }
.lg { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 5px 20px 5px; font-size: 12px;}
.lg_cn { border-left: #dadada solid 1px; border-right: #dadada solid 1px; padding: 10px 5px 20px 5px; font-size: 12px;}
.lg_top a  { font-size: 11px; text-decoration: none; text-align: right; color: #757575; }
.lg_down { padding-bottom: 5px; margin-bottom: 10px; border-bottom: #e0e0e0 dashed 1px; font-size: 11px; text-align: right; }
.lg_down a { font-size: 11px; font-weight: bold; text-decoration: none; color: #757575; }

.lg_head {
background: url(../images/layout/menu_shopnavi.gif) no-repeat;
height:25px;
font-size: 14px;
font-weight: 600;
padding: 10px 0px 0px 47px;
border-left: #dadada solid 1px;
border-right: #dadada solid 1px;
}

/* Abschluss der Seite */
.f_box { clear: both; height: 95px; border-top: #c9c9c9 solid 1px; background-color: #d9d9d9; }
.f_inh { border-top: #ffffff solid 23px; background-color: #ffffff; margin-top: 6px; height: 80px; }
.f_inh .left { width: 320px; height: 48px; padding: 23px 0px 0px 0px; border-right: solid 1px #d1d1d1; float: left; text-align: center; }
.f_inh .right { float: left; padding: 8px 0px 0px 20px; font-size: 11px; color: #b4b4b4; }
.f_inh .right a { text-decoration: none; color: #ff3333;}
.f_inh .right a:hover { text-decoration: underline;}

/* Werbebild im Kopfbereich */
.head_view {
height: 247px;
width: 265px;
overflow: hidden;
left: 21px;
top: 11px;
z-index: 2;
position: absolute;
}

/* Markenlisting auf Startseite */
.herstpics { margin-bottom: 5px; border: solid 1px #dadada;}

/* normale Bilder mit Rahmen */
.picborder { border: solid 1px #dadada;}

/* Warenkorb */
.cartliste { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; }
.cartliste .chead {	padding: 2px 2px 2px 5px; font-size: 11px; font-weight: bold; color: #333333; background-color: #d6d6d6;	}

	.cartliste .zahlart	{
	padding: 0px 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #a2a999;
	height: 30px;
	vertical-align: middle;
	}

	.cartliste .versand {
	background-color: #ececec;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: center;
	height: 30px;
	vertical-align: middle;
	}

	.cartliste .versandtab {
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: center;
	height: 30px;
	vertical-align: middle;
	}

	.cartliste .cdata {
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	text-align: left;
	}

	.cartliste .cdata2 {
	background-color: #f1f1f1;
	padding: 2px 2px 2px 5px;
	font-size: 11px;
	text-align: left;
	}

	.cartliste .cdata a:link { font-size: 11px; text-decoration: underline; font-weight: bold;}
	.cartliste .cdata a:visited { font-size: 11px; text-decoration: underline; font-weight: bold;}
	.cartliste .cdata a:active { font-size: 11px; text-decoration: underline; font-weight: bold;}
	.cartliste .cdata a:hover { font-size: 11px; text-decoration: underline; font-weight: bold;}

	.cartliste .cdata10 { font-size: 10px; font-weight: normal; font-style: normal; }

	.detailbox { margin: 15px 0px 0px 0px; padding: 0px; background-color: #ffffff; }
	.detailbox .descr {  padding: 6px 10px 6px 10px; text-align: left; vertical-align: top; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #666666; }
	.detailbox div.bez { padding: 6px 0px 6px 0px; float: left; font-weight: bold; }
	.detailbox div.inh { padding: 6px 0px 6px 0px; float: right; width: 185px; }
	.detailbox div.einzinh { padding: 6px 0px 6px 0px; clear: both; }
	.detailbox div.fehler { padding: 6px 0px 6px 0px; color: #c60000; font-weight: bold; text-align: center; }
	.detailbox div.bfeld { padding: 6px 6px 6px 0px; width: 145px; float: left; text-align: right; background-color:#eeeeee; }
	.detailbox div.ffeld { padding: 6px 0px 6px 6px; float: left; width: 350px; }
	.detailbox div.absatz { padding: 0px 0px 0px 0px; height: 1px; width: 450px; clear: both; }

