/* CSS Document */
/*Standards*/
* , div {
	font-family:Helvetica;
	/*font-family:Times;*/
	font-size:12px;
	color:#333333;
}

li { list-style:none; }
a 			{ font-size:1em;color:#333333; }
a:visited	{ font-size:1em; }
a:hover		{ color:#d9001a; }
input 	{ }
p 		{ font-size:1em;color:#333333; }

strong  { font-weight:bold;color:#333333; }
h1 		{ font-size:18px;color:#333333; }
h2 		{ font-size:1.0em;color:#333333; }
h3 		{ font-size:1.0em;color:#333333; }

/*Standards Ende*/

html { height:100%; }
body {
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
}

#sitebody {
	width:1010px;
	margin:0 auto;
	/*background-image: url(../images/bg_chilli_shadow.gif);
	background-repeat: repeat-y;
	background-position: right;*/
}

#sitebody_shadow {
	width:1038px;
	margin:0 auto;
	background-image: url(../images/bg_shadow.png);
	background-repeat: repeat-y;
}

/**/
#header {
	width:100%;
	height:110px;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#header a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.suche {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-right:45px;
	padding-left:10px;
}

.inputtext_suche {
	width:93px;
}

.inputbutton_suche {

}

.bestellschritt {
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0;
}

/*Statische Seiten*/
.head1 {
	width:770px;
	height:30px;
	display:block;
	text-align:right;
	padding-top:10px;
	float:left;
}

.head2 {
	width:215px;
	height:30px;
	display:block;
	text-align:right;
	padding-top:7px;
	padding-right:25px;
	float:right;
}

.head3 {
	width:861px;
	height:33px;
	text-align:right;
	display:block;
	clear: both;
	position:relative;
}

.headnavi {
	width:900px;
	height:17px;
	text-align:left;
	display:block;
	clear: both;
	position:relative;
	left:245px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#headbreadcrumb {
	width:900px;
	height:15px;
	text-align:left;
	display:block;
	clear: both;
	position:relative;
	left:246px;
	top:-6px;
}

#headbreadcrumb h2 {font-size:11px;font-weight:normal;}
#headbreadcrumb a {font-size:11px;font-weight:normal;}

#contentbody {
	width:100%;
	height:auto;
	display:block;	
	overflow:hidden;
}

/*Left*************************************************/
#l {
	width:210px;
	display:block;
	float:left;
	padding-top:1em;
	padding-left:23px;
}

/*Mitte2******************************************************/
#m2 {
	width:963px;
	display:block;
	float:left;
	overflow:hidden;
	padding:10px;
	padding-left:19px;
}

#m2 div.artikelbox{
	width:135px;
	height:180px;
	float:left;
	display:block;
	border:1px solid #cccccc;
	margin-bottom:20px;
	cursor: pointer; 
	cursor: hand;
}

#m2 div.artikelbox_hover{
	width:135px;
	height:180px;
	position:relative;
	opacity: .7;
	bottom:230px;
	background: transparent url(../images/fader.png) no-repeat scroll 0 0;
	display:none;
	line-height:230px;
	text-align:center;
	color:#B9001F;
	font-size:18px;
	font-weight:bold;
}

#m2 p.artikelbox_image{
	text-align:center;
	padding:0;
	margin:0;
	height:180px;
}

/*Unterschiedliche Farben f�r WG*/
#m2 div.artikelboxname{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname45{
	width:135px;
	height:50px;
	display:block;
	background-color:#a7c7d5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname46{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname47{
	width:135px;
	height:50px;
	display:block;
	background-color:#96BD0D;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname44{
	width:135px;
	height:50px;
	display:block;
	background-color:#d55141;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname49{
	width:135px;
	height:50px;
	display:block; 
	background-color:#993366;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname43{
	width:135px;
	height:50px;
	display:block;
	background-color:#f187b7;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname977{
	width:135px;
	height:50px;
	display:block;
	background-color:#ffd001;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname787{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname2{
	width:691px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative; 
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname245{
	width:690px;
	height:50px;
	display:block;
	background-color:#a7c7d5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname246{
	width:690px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname247{
	width:690px;
	height:50px;
	display:block;
	background-color:#96BD0D;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname244{
	width:690px;
	height:50px;
	display:block;
	background-color:#ff6633;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname249{
	width:690px;
	height:50px;
	display:block;
	background-color:#993366;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname243{
	width:690px;
	height:50px;
	display:block;
	background-color:#f187b7;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname2977{
	width:690px;
	height:50px;
	display:block;
	background-color:#ffec00;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 div.artikelboxname2787{
	width:690px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m2 a.artikelbox_link{
	
}

#m2 a.artikelbox_link:HOVER{
	color:black;
}

#m2 p.artikelbox_name{
	text-align:left;
	paddin:0;
	margin:0;
	padding-left:5px;
	padding-top:8px;
	opacity: 1;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}

/*Mitte******************************************************/
#m {
	width:735px;
	display:block;
	float:left;
	overflow:hidden;
	padding:0;
	padding-top:10px;
	padding-left:1px;
	margin:0;
}

#m div.artikelbox{
	width:135px;
	height:180px;
	float:left;
	display:block;
	border:1px solid #cccccc;
	margin-left:1px;
	margin-bottom:20px;
	cursor: pointer; 
	cursor: hand;
}

#m div.artikelbox_hover{
	width:135px;
	height:180px;
	position:relative;
	opacity: .7;
	bottom:230px;
	background: transparent url(../images/fader.png) no-repeat scroll 0 0;
	display:none;
	line-height:180px;
	text-align:center;
	color:#B9001F;
	font-size:18px;
	font-weight:bold;
}

#m p.artikelbox_image{
	text-align:center;
	padding:0;
	margin:0;
	height:180px;
}

/*Unterschiedliche Farben f�r WG*/
#m div.artikelboxname{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname45{
	width:135px;
	height:50px;
	display:block;
	background-color:#a7c7d5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname46{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname47{
	width:135px;
	height:50px;
	display:block;
	background-color:#96BD0D;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname44{
	width:135px;
	height:50px;
	display:block;
	background-color:#d55141;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname49{
	width:135px;
	height:50px;
	display:block;
	background-color:#993366;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname43{
	width:135px;
	height:50px;
	display:block;
	background-color:#f187b7;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname977{
	width:135px;
	height:50px;
	display:block;
	background-color:#ffd001;
	position:relative;
	bottom:50px;
	opacity: .9;
}

#m div.artikelboxname787{
	width:135px;
	height:50px;
	display:block;
	background-color:#4060a5;
	position:relative;
	bottom:50px;
	opacity: .9;
}
/*WG Farben Ende*/

/*Unterschiedliche hoverfarben f�r wgs*/

/*Unterschiedliche Farben f�r WG*/
a.wg45:HOVER{
	background-color:#a7c7d5;
	color:#ffffff;
}

a.wg46:HOVER{
	background-color:#4060a5;
	color:#ffffff;
}

a.wg47:HOVER{
	background-color:#96BD0D;
	color:#ffffff;
}

a.wg44:HOVER{
	background-color:#d55141;
	color:#ffffff;
}

a.wg49:HOVER{
	background-color:#993366;
	color:#ffffff;
}

a.wg43:HOVER{
	background-color:#f187b7;
	color:#ffffff;
}

a.wg977:HOVER{
	background-color:#ffd001;
	color:#ffffff;
}

a.wg787:HOVER{
	background-color:#4060a5;
	color:#ffffff;
}

a.wg45_aktiv{
	background-color:#a7c7d5;
	color:#ffffff;
}

a.wg46_aktiv{
	background-color:#4060a5;
	color:#ffffff;
}

a.wg47_aktiv{
	background-color:#96BD0D;
	color:#ffffff;
}

a.wg44_aktiv{
	background-color:#d55141;
	color:#ffffff;
}

a.wg49_aktiv{
	background-color:#993366;
	color:#ffffff;
}

a.wg43_aktiv{
	background-color:#f187b7;
	color:#ffffff;
}

a.wg977_aktiv{
	background-color:#ffd001;
	color:#ffffff;
}

a.wg787_aktiv{
	background-color:#4060a5;
	color:#ffffff;
}

/*ENDE*/

#m a.artikelbox_link{
	
}

#m a.artikelbox_link:HOVER{
	color:black;
}

#m p.artikelbox_name{
	text-align:left;
	paddin:0;
	margin:0;
	padding-left:5px;
	padding-top:8px;
	opacity: 1;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}

.pager {
	font-size:12px;
}

.pager a{
	font-size:12px;
}

/*Footer*****************************************************************/
#footer {
	width:948px;
	height:34px;
	display:block;
	float:left;
	padding-top:8px;
	padding-left:23px;
	/*background-image: url(../images/bg_chilli_shadow_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
}

.cls {
clear: both;
}


/*Farben und Textstile Contentbereich*/
/*-----------------------------------*/

/*Standards*/
#m h1 			{ text-transform:uppercase; color:#333333; }
#m h2 			{ text-transform:uppercase; color:#333333; }
#m h3 			{ color:#333;}
#m p 			{ color:#333; padding: .3em 0; }
#m a 			{ color:#333333; text-decoration:none;}
#m a:visited 	{ }
#m a:hover 		{ color:#B9001F;}


/*Footer*****************************************************************/
#footer {
	color:#333;	
	text-align:center;
}

#footer hr.trenner {
	border:1px solid #333333;
}

#footer div.footerleft {
	text-align:left;
	float:left;
}

#footer div.footerright {
	text-align:right;
}

#footer a.newslink {
	color:#333;
	font-size:12px;
	text-transform:uppercase;
}

#footer a{
	color: #333;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
}
#footer a:visited{}

form#search 	{ border:none; border:0px; margin:0px; padding:0;}

.textboxfehler {
	background-color:#AA0027;
	color:#ffffff;
}

.fehler {
	border:1px solid #AA0027;
	color:#AA0027;
	font-size:12px;
}

.registerbox {
  float:left;
  width:229px;
  margin-right:20px;
}

.registerbox-header {
  height:30px;
}

.registerbox-body {
  height:140px;
}

.registerbox-footer input {
  background-color:#fff;
  border:0;
  font-weight:bold;
  background-image:url(../images/arrow.png);
  background-repeat:no-repeat;
  background-position:left center;
  text-align:left;
  padding-left:6px;
  cursor:pointer;
}