﻿/* CSS Document */
	
*, div 		{ margin:0; padding:0; }
html 			{ height:100%; }
body 			{ width:100%; margin: 0; padding: 0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #fff url(../images/body_bg.jpg) repeat-x;}
#sitebody { width:974px; height:auto; display:block; overflow:hidden; margin:0 auto; background-image: url(../images/contentbody_bg.jpg); }

/**/
#header 						{ width:974px; height:205px; display:block; overflow:hidden; background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; }
#head0							{ width:974px; height:37px; display:block; float:left; overflow:hidden; }
form#login					{ display:block; float:right; width:310px; font-size:1em; border:none; border:0px; margin-top:8px; }
#loginname					{ width:105px; height:14px; line-height:19px; background-repeat: no-repeat; border:0px; padding:1px; padding-top:2px; display:block; float:left; overflow:hidden; margin-right:20px; }
#loginpass					{ width:105px; height:14px; line-height:19px; background-repeat: no-repeat; border:0px; padding:1px; padding-top:2px; display:block; float:left; overflow:hidden; margin-right:20px;}
#loginbutton				{ width:45px; height:16px; border:0px; display:block; float:left; overflow:hidden; margin:0px; background:transparent; color:#fff; }

#head1 							{ width:974px; height:76px; display:block; float:left; overflow:hidden; }

/*LOGO*/
#logo										{ width:240px; display:block; float:left; display:block; overflow:hidden; margin-left:205px; margin-top:24px; }
#logo span.logohead			{ color: #b00047; font-size:17px }
#logo span.logosubhead  { color: #b00047  }

*html #logo							{ width:240px; display:block; float:left; display:block; overflow:hidden; margin-left:105px; margin-top:24px; }
/*SUCHE*/
form#search 				{ display:block; float:right; width:310px; font-size:1em; border:none; border:0px; color:#fff; margin:0; padding:0; margin-top:25px; }
input#searchbox 		{ width:180px; height:19px; line-height:19px; background-repeat: no-repeat; border:0px; padding:1px; padding-top:2px; display:block; float:left; overflow:hidden; margin-right:5px; }
input#searchbutton 	{ width:23px; height:23px; border:0px; display:block; float:left; overflow:hidden; margin:0px; background:transparent; }

#head2 										{ width:974px; height:34px; float:left; display:block; overflow:hidden; }
span.topmenue 						{ height:30px; display:block; float:left; overflow:hidden; margin-left:205px; margin-top:4px; } 
span.topmenue a,
span.topmenue a:visited 	{ height:30px; line-height:30px; padding-left:10px; display:block; color:#d4d5e6; font-weight:bold; font-size:1.0em; text-decoration:none;  float:left; background: url(../images/header_tab.jpg) bottom left no-repeat; }
span.topmenue a:hover 		{ color:#000; background: url(../images/header_tab.jpg) top left no-repeat; }

span.topmenue a span,
span.topmenue a:visited span 	{ height:30px; line-height:30px; display:block; padding-right:10px; color:#fff; font-weight:bold; font-size:1.0em; text-decoration:none; background: url(../images/header_tab.jpg) bottom right no-repeat;}
span.topmenue a:hover span		{ color:#000; background: url(../images/header_tab.jpg) top right no-repeat; }

*html span.topmenue 					{ height:30px; display:block; float:left; overflow:hidden; margin-left:105px; margin-top:4px; } 
*html span.topmenue a,
*html span.topmenue a:visited 	{ width:100px; text-align:center; padding-left:10px; display:block; overflow:hidden; }

/**BUTTONS BREADCRUMB**/
#head3 												{ width:974px; height:57px; display:block; float:left; overflow:hidden; }
#head3 div.contentinfos				{ height:47px; width:auto; display:block; float:left; overflow:hidden; margin-left:205px; margin-top:10px;  }
#head3 div.contentinfos h2 		{ margin:0 10px;  color:#415101; text-transform:uppercase;  }
#head3 div.contentinfos h3 		{ font-size:.8em; display:block; float:left; overflow:hidden; margin:0 10px;  }
#head3 div.contentinfos p 		{ font-size:.8em; display:block; float:left; overflow:hidden; }
#head3 div.contentinfos a,
#head3 div.contentinfos a:visited 	{ color:#415101; }
#head3 div.contentinfos a:hover 		{ color:#000; }

*html #head3 div.contentinfos					{ margin-left:105px; }
*html #head3 div.contentinfos h2 			{ margin-left: 0px;  }
*html #head3 div.contentinfos h3 			{ margin-left: 0px;  }

#contentbody 				{ width:974px; height:auto; display:block; float:left; overflow:hidden; background: url(../images/contentbody_bg.jpg) repeat-y; }
#contentbody_head 	{ width:974px; height:11px; display:block; float:left; overflow:hidden; background: url(../images/contenthead_bg.jpg) no-repeat; }
#contentbody_foot 	{ width:974px; height:17px; display:block; float:left; overflow:hidden; background: url(../images/contentfoot_bg.jpg) no-repeat; }

/*LEFT*************************************************/
	#l 					{ width:190px; display:block; float:left; overflow:hidden; margin-left:12px; margin-top:10px; }
* html #l 		{ margin-left:6px; }
.box_head 		{ width:190px; height:29px; display:block; overflow:hidden; }
.box_head h2 	{ line-height:29px; color:#fff; text-align:left; text-indent:15px; }
.box_body 		{ width:190px; height:auto; display:block; overflow:hidden;  }
.box_footer 	{ width:190px; height:11px; display:block; overflow:hidden; margin-bottom:1em; }

#l a { text-decoration:none; font-weight:normal; }
#l p, 
#l ul { }

/**/
#l ul.nav 								{ display:block; overflow:hidden; height:auto; border:1px solid #dfe9ce; margin-bottom:1em; }
#l ul.nav li 							{ line-height:23px; margin-bottom:1px; background:#fff; }
#l ul.nav li a, 
#l ul.nav li a:visited 		{ width:190px; display:block; overflow:hidden; background:#fff; color:#333; text-indent:10px; border-left:10px solid #dfe9ce; border-bottom:1px solid #dfe9ce; }
#l ul.nav li a:hover 			{ background:#ccc; color:#333; border-left:10px solid #c47c56; }
#l ul.nav li a.active 		{ background:#f3e5dd; color:#000; font-weight:bold; border-left:10px solid #c47c56; border-bottom:1px solid #c47c56; }
/**/
#l ul.nav ul 							{ height:auto;  margin-left:0px; }
#l ul.nav ul li 					{ }
#l ul.nav ul li a, 
#l ul.nav ul li a:visited { width:190px; display:block; overflow:hidden; background:#fff; text-indent:20px; border-left:10px solid #c47c56; border-bottom:1px solid #c47c56; }
#l ul.nav ul li a:hover 	{ background:#f3e5dd; color:#333; }
#l ul.nav ul li a.active 	{ }

/*Boxen Links*/
#l span.lbox								{ border:1px solid #dfe9ce; background:#fff; width:188px; display:block; float:left; overflow:hidden; margin-bottom:1em; }
#l span.lbox h2.c1					{ height:27px; line-height:27px; text-indent:5px; display:block; overflow:hidden; color:#fff; background:#844524; }
#l span.lbox h2.c2					{ height:27px; line-height:27px; text-indent:5px; display:block; overflow:hidden; color:#fff; background:#415101;  }
#l span.lbox h2.c3					{ height:27px; line-height:27px; text-indent:5px; display:block; overflow:hidden; color:#844524; background:#f3e5dd;  }
#l span.lbox h2.c4					{ height:27px; line-height:27px; text-indent:5px; display:block; overflow:hidden; color:#415101; background:#dfe9ce;   }
#l span.lbox p 							{ padding: 5px; }

/*Mitte******************************************************/
#m 																								{ width:720px; height:auto; display:block; float:right; overflow:hidden; margin-right:35px; margin-top:10px; margin-bottom:10px; }
* html #m 																				{ margin-right:20px; }

#m div.frontpage 																	{ width:720px; display:block; float:left; overflow:hidden; }
#m div.frontpage	h1 															{ height:50px; line-height:30px; width:720px; text-indent:10px; display:block; float:none; overflow:hidden; color:#415101; background: url(../images/heading_bg.jpg) repeat-x; }
#m div.frontpage span.fpcol1 											{ width:260px; display:block; float:left; overflow:hidden; }
#m div.frontpage span.fpcol1 img 									{ border:1px solid #fff; }
#m div.frontpage span.fpcol2 											{ width:440px; display:block; float:right; overflow:hidden; }
#m div.frontpage span.fpcol2 span.fpmbox 					{ width:440px; border:1px solid #fff; background:#fff; display:block; float:left; overflow:hidden; margin-bottom:1em; }
#m div.frontpage span.fpcol2 span.fpmbox h2.fpc1 	{ height:23px; line-height:23px; text-indent:5px; display:block; overflow:hidden; color:#fff; background:#844524;  }
#m div.frontpage span.fpcol2 span.fpmbox h2.fpc2 	{ height:23px; line-height:23px; text-indent:5px; display:block; overflow:hidden; color:#fff; background:#415101; }
#m div.frontpage span.fpcol2 span.fpmbox h2.fpc3 	{ height:23px; line-height:23px; text-indent:5px; display:block; overflow:hidden; color:#844524; background:#f3e5dd; }
#m div.frontpage span.fpcol2 span.fpmbox h2.fpc4 	{ height:23px; line-height:23px; text-indent:5px; display:block; overflow:hidden; color:#415101; background:#dfe9ce; }
#m div.frontpage span.fpcol2 span.fpmbox p 				{ padding:5px; color:#666;}

#m div.artbox 					{ width:175px; height:228px; display:block; overflow:hidden; float:left; background: url(../images/offer_bg.jpg); margin-right:3px; }
*html #m div.artbox 		{ margin:0; margin-right:3px; } /*IE6*/
#m div.artbox h3 			{ /*margin:1em 5px;*/text-align:center; }
#m div.artbox p 				{ margin:.5em 5px; text-align:center; }

/**/
#m div.artliste 								{ width:720px; display:block; float:left; overflow:hidden; }
#m div.artliste	h1 							{ height:50px; line-height:30px; width:720px; text-indent:10px; display:block; float:left; overflow:hidden; color:#415101; background: url(../images/heading_bg.jpg) repeat-x; }
#m span.pagination							{ width:720px; height:27px; display:block; float:left; overflow:hidden; text-align:right; font-weight:bold; }
#m span.alcol		 								{ }

#m span.artikelbox 							{ width:720px; display:block; float:left; overflow:hidden; border-bottom:1px solid #525252; margin-right:7px; padding-bottom:5px; margin-bottom:1em;}
#m span.artikelbox ul						{ margin:.5em 0; display:block; float:left; overflow:hidden; }
#m span.artikelbox img 					{ width:200px; border:1px solid #fff; display:block; float:left; overflow:hidden; margin-right:10px; }
#m span.artikelbox h2						{ margin:0; padding:3px 5px; color:#415101; }
#m span.artikelbox p						{ margin:0; padding:0px 5px; color:#333; }
#m span.artikelbox p a,
#m span.artikelbox p a:visited	{ margin:0; padding:5px 0; color:#d4d5e6; }
#m span.artikelbox p a:hover		{ margin:0; padding:5px 0; color:#d4d5e6; }
#m span.mainartikelbox 					{ width:260px; display:block; float:left; overflow:hidden; background:#525252; border:1px solid #525252; }

/*ARTLIST*/
#m div.artliste_head 								{ width:720px; height:32px; display:block; overflow:hidden; }
#m div.artliste_body 								{ width:700px; height:auto; display:block; overflow:hidden; padding:0 10px; }
#m div.artliste_body div.row 				{ width:720px; display:block; overflow:hidden; }
#m div.artliste_body div.col1 			{ width:120px; height:120px; display:block; overflow:hidden; float:left; }
#m div.artliste_body div.col2 			{ width:550px; display:block; overflow:hidden; float:right; }
#m div.artliste_body a,
#m div.artliste_body a:visited 			{ }
#m div.artliste_body a:hover 				{ }
#m div.artliste_body hr 						{ display:block; overflow:hidden; background:#fff; height:1px; border: 0px; border-bottom:1px solid #999; margin:1em 0; }
#m .basketpic { display:block; float:right; width:60px; }
/**/
#m div.artdetails 										{ width:720px; display:block; float:left; overflow:hidden; }
#m div.artdetails	h1 									{ height:50px; line-height:30px; width:720px; text-indent:10px; display:block; float:left; overflow:hidden; color:#415101; background: url(../images/heading_bg.jpg) repeat-x; }

#m div.artdetails img.artdetails_img  { width:258px; display:block; float:left; overflow:hidden; border:0; }
#m div.artdetails span.artdbox 				{ width:420px; background:#fff; display:block; float:left; overflow:hidden; margin-bottom:1em; }
#m div.artdetails span.artdbox h2			{ height:27px; line-height:27px; text-indent:5px; display:block; overflow:hidden; color:#fff; background:#5b609d;  }
#m div.artdetails span.artdbox ul			{ margin:.5em; display:block; float:left; }
#m div.artdetails span.artdbox p			{ padding:.5em; }

/*span*/


/*span*/
#m div.catliste		 								{ width:720px; display:block; float:left; overflow:hidden; }
#m div.catliste	h1 								{ height:50px; line-height:30px; width:720px; text-indent:10px; display:block; float:left; overflow:hidden; color:#415101; background: url(../images/heading_bg.jpg) repeat-x; }
#m span.catbox										{ width:720px; display:block; overflow:hidden; margin:1em 	0; padding:0; }
#m span.catitem 									{ width:178px; height:23px; line-height:23px; display:block; float:left; overflow:hidden; background:#f3e5dd; border:1px solid #fff; text-align:center; }


#m .art_number 			{}
#m .art_producer 		{}
#m .art_price 				{ font-weight:bold; color:#e0051c; }
#m .art_topprice			{ font-weight:bold; color:#e0051c; }
#m .art_newprice 		{ font-weight:bold; font-size:1.3em; }
#m .art_oldprice 		{ text-decoration:line-through; color:#880000; }
#m .art_description 	{}
#m .art_deliverprice {}
#m .art_delivertime 	{}
#m .art_spacer				{ height:10px; display:block; overflow:hidden; margin:0; padding:0; }
#m .art_button 				{ display:block; margin:0; padding:0; }
#m a.basket_url,
#m a.basket_url:visited						{ width:42px; height:42px; display:block; float:left; overflow:hidden; border:0; margin: 1em .5em; }
#m a.basket_url	img.basket_img		{ width:42px; height:42px; display:block; float:left; overflow:hidden; border:0;}

#m div.artdetails .art_button a,
#m div.artdetails .art_button a:visited	{ width:130px; height:23px; line-height:23px; display:block; float:left; overflow:hidden; color:#fff; text-decoration:none; text-align:center; background:#5b609d; margin-bottom:5px; }
#m div.artdetails .art_button a:hover		{ background:#525252; }


/*Footer*****************************************************************/
#footer 							{ width:974px; height:140px; display:block; float:left; overflow:hidden; background: url(../images/footer_bg.jpg) bottom left; margin:0 auto; }
#footer ul 						{ display:block; float:left; overflow:hidden; }
#footer ul li a 			{ font-size:1.0em; display:block; height:18px; text-transform:uppercase; font-weight:bold; text-decoration:none; }
#footer span.row1f 		{ width:300px; height:auto; display:block; float:left; overflow:hidden; margin-left:12px;  margin-top: .5em; margin-bottom:1em; }
#footer span.row2f 		{ width:200px; height:auto; display:block; float:left; overflow:hidden; margin-left:12px;  margin-top: .5em; margin-bottom:1em;}
#footer span.row3f 		{ width:200px; height:auto; display:block; float:left; overflow:hidden; margin-left:12px;  margin-top: .5em; margin-bottom:1em;}
#footer span.row4f 		{ width:200px; height:auto; display:block; float:left; overflow:hidden; margin-left:12px;  margin-top: .5em; margin-bottom:1em;}

#footer p { color:#844524; }
#footer a { color:#844524; font-weight:normal; }


.cls  { clear: both; }

#search-results {
	background:#EFEFEF none repeat scroll 0 0;
	margin-top:12px;
	position:absolute;
	text-align:left;
	z-index:999;
	font-size:11px
}

#ls {
	background:#EFEFEF none repeat scroll 0 0;
	border:1px solid #000;
	position:relative;
	text-align:left;
	width:300px;
	z-index:1;
}

#li_ls_2 {
	background-color:#EFEFEF;
	list-style-image:none;
	list-style-type:none;
	width:300px;
	font-weight:normal;
	text-decoration:none;
}

#li_ls_2:hover {
	background-color:#80B00E;
	list-style-image:none;
	list-style-type:none;
	width:300px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#li_ls_2 a {
	height:21px;
	line-height:21px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#li_ls_2 a:hover {
	height:21px;
	line-height:21px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}



#li_ls_1 {
	background-color:#80B00E;
	list-style-image:none;
	list-style-type:none;
	height:21px;
	line-height:21px;
}

#ls_highlight {
	background-color:#80B00E;
	color:#ffffff;
	list-style-image:none;
	list-style-type:none;
	height:21px;
	line-height:21px;
}

#ls_highlight a{

	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.button {
	background-color:#fff;
	border:1px solid #C3C4C0;
	color:#000000;
	cursor:pointer;
	font-size:11px;
	font-weight:bolder;
	margin:0;
	padding:2px 3px;
}

.button:hover {
	border:1px solid #C47C56;
}

.button:focus {
	border:1px solid #C47C56;
}


.text {
	background-color:#FFFFFF;
	border:1px solid #C3C4C0;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:120px;
	padding:7px 0 0 5px;
	width:400px;
}

.text:hover {
	border:1px solid #C47C56;
}

.text:focus {
	border:1px solid #C47C56;
}

.selectbox {
	background-color:#FFFFFF;
	border:1px solid #C3C4C0;
	color:#000000;
	font-size:11px;
	padding:4px;
}

.selectbox:hover {
	border:1px solid #C47C56;
}

.selectbox:focus {
	border:1px solid #C47C56;
}

.textbox {
	background-color:#FFFFFF;
	border:1px solid #C3C4C0;
	color:#000000;
	font-size:11px;
	height:18px;
	padding:5px 0 0 5px;
}

.textbox:hover {
	border:1px solid #C47C56;
}

.textbox:focus {
	border:1px solid #C47C56;
}

.fehler {
	background-color:#DF1B1B;
	border:1px solid #C3C4C0;
	color:#000000;
	font-size:11px;
}

.textfehler {
	border:1px solid red;
	color:red;
	font-weight:bold;
	padding-bottom:12px;
	margin-top:12px;
}

.textok {
	font-weight:bold;
	color:#fff;
	background-color:#45DF5A;
	border:1px solid #80929D;
	font-size:11px;
	padding:4px 4px 5px;
}

.sternchen {
	color:#DF1B1B;
	padding-left:1px;
}

#m td.bestellschritt_aktiv {
	padding:5px;
	background-color:#415101;
	color:#ffffff;
	height:20px;
	text-align:center;
	font-weight:bold;
}
#m td.bestellschritt {
	padding:5px;
	background-color:#EFEFEF;
	color:#000000;
	height:20px;
	text-align:center;
}

.artliste_pager {
	line-height:2em;
	text-align:right;
	padding:0;
}
.artliste_pager a, .artliste_pager a:visited {
	background-color:#F3E5DD;
	height:2em;
	margin-left:1px;
	padding:0 1em;
	display:inline-block;
	text-decoration:none;
	border:1px solid #C3C4C0;
}

.artliste_pager b {
	background-color:#80B00E;
	height:2em;
	margin-left:1px;
	padding:0 1em;
	display:inline-block;
	color:#ffffff;
	border:1px solid #844524;
}

.artliste_pager a:hover {
	background-color:#80B00E;
	font-weight:bold;
	border:1px solid #844524;
	color:#ffffff;
}

label {
	cursor:pointer;
	font-weight:bold;
}

#m a.prodinfo {
	background:#F3E5DD  none repeat scroll 0 0;
	color:#000000;
	display:block;
	padding:5px 3px;
	text-align:center;
	text-decoration:none;
	width:160px;
	border:1pt solid #C3C4C0;
}
#m a.prodinfo:hover {
	background:#DFE9CE none repeat scroll 0 0;
	color:#000;
	display:block;
	padding:5px 3px;
	text-align:center;
	text-decoration:none;
	width:160px;
	font-weight:bold;
	border:1px solid #C47C56;
}
