/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }
/* remember to define focus styles! */
:focus  { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*---------------------------------------------- 
				F A R B E N
font grau: 	#84959f;
pink:		#d62155;
hellgrau	#e3e6e9;
leicht blau	#b4ddff;
------------------------------------------------*/
html { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#84959f; text-align: left; line-height:17px; }
body { background-color:#fff; }
/*---------------------------------------------- 
				C O N T A I N E R
------------------------------------------------*/
#container {
	/* border:1px solid #000;  */
	width:922px;
	margin: auto;
	background-color:#fff; }
/*---------------------------------------------- 
	H E A D E R / T I T L E
------------------------------------------------*/
#headline {										/* header */
	/* border:1px solid #000;  */
	height:167px;
	width:922px; 
	background-image:url(../_img/header_bg.jpg); background-repeat:no-repeat; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%; }								/* IE6 overflow:hidden hack */
	
#headline p.metabild { } 	 						/* der Container um das Metabild (Kategorienbild) */
#headline img { 	 							/* das Kategorienbild */
	float:right;
	margin:0 15px 0 0 ;
	padding:0; }
/*---------------------------------------------- 
			T O P   N A V I G A T I O N
------------------------------------------------*/
#navwrap {
	/* border:1px solid #000;  */
	width:922px;
	background-image:url(../_img/topnav_bg.gif); background-repeat:no-repeat; }
#shopnavigation {
	margin:0 auto; 
	margin-left:20px;
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */}
#shopnavigation ul { float:left; }
#shopnavigation li { float:left; }
#shopnavigation li a {	
	color:#FFFFFF; text-decoration:none; font-size:15px; font-weight:bold;
	display:block;
	line-height:38px;
	padding:0px 20px;
	line-height:38px; }
#shopnavigation li a:hover 		{ background-image:url(../_img/topnav_on.gif); background-repeat:repeat-x; }
#shopnavigation li.active a 	{ background-image:url(../_img/topnav_on.gif); background-repeat:repeat-x; }
/*---------------------------------------------- 
			C O N T E N T
------------------------------------------------*/
#content {										/*	darin befindet sich die navi #sidenav und der #mainbody (also der content) */ 
	/* border:1px solid #000;  */
	width:922px;
	background-color:#fff;
	margin-bottom:50px;
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%; }								/* IE6 overflow:hidden hack */
	
#mainbody {										/* Der Hauptcontent */
	width:620px;								/* 720 - 50 links und rechts  */
	/* background-color:#ccc; */
	margin-top:50px;
	float:left; }
	
#mainbody p { margin:0; padding:0px; }
/*---------------------------------------------- 
		L I N K E   S P A L T E
------------------------------------------------*/
#sidenav {										/* Die Navi */
	float:left; 
	background-color:#fff;
	width:202px; 
	margin:50px 50px 0 0; }
/*---------------------------------------------- 
		L I N K E   N A V I G A T I O N
------------------------------------------------*/
#sidenav div.categories {						/* beinhaltet #rexsale_search und die ul */
	background-image:url(../_img/subnav_bottom.jpg); background-position:bottom left; background-repeat:no-repeat;
	padding-bottom:20px; }
#sidenav .categories h4 {						/* Titel Kategorien & Produkte */
	font-size:13px; font-weight:bold; color:#FFFFFF; 
	padding:2px 0px;
	background-image:url(../_img/subnav_top.jpg); background-repeat:no-repeat;
	margin:0px; 
	text-indent:-9999px; overflow: hidden; }
/* --- level1  --- */
#sidenav .categories ul 			{ }
#sidenav .categories li 			{ }
#sidenav .categories li a 			{	
	display:block;
	font-size:13px; line-height:29px; font-weight:bold; color:#fff; text-decoration: none; 
	padding:0 42px 0 20px;
	/* background-image:url(../_img/subnav_bg.jpg); background-repeat:repeat-y; */}
	
#sidenav .categories li a:hover 	{ color:#FFFFFF; background-image:url(../_img/subnav_on.png); background-repeat:repeat-x; }
#sidenav .categories li.active a 	{ color:#FFFFFF; background-image:url(../_img/subnav_on.png); background-repeat:repeat-x; }
/* --- level 2 --- */				
#sidenav .categories li ul 			{ }
#sidenav .categories li li {					/* --- reset level 2 --- */
	border-bottom:0;
	/* background-color:#FFFFFF; */
	padding:0; }
	
#sidenav .categories li li a 		{ 	/* muss noch verbessert werden! */
	display:block;
	font-size:12px; line-height:24px; font-weight:bold; color:#fff; text-decoration: none; 
	padding-left:40px;
	background-position:9999px 9999px !important; }
#sidenav .categories li li a:hover 						{ color:#d62155; background-position:9999px 9999px !important; }
#sidenav .categories li.active li.active a 				{ color:#d62155; background-position:9999px 9999px !important; }
/* --- level 3 --- */
#sidenav .categories li li li 							{ font-size:12px; }
#sidenav .categories li li li a 						{ color:#333333; padding:2px; }
#sidenav .categories li.active li.active li a 			{ background-color:#FFFFFF; }
#sidenav .categories li.active li.active li.active a 	{ background-color:#F0F0F0; }
#sidenav .categories li li li a:hover 					{ background-color:#F0F0F0; }
/*---------------------------------------------- 
			S H O P   M E N Ü
------------------------------------------------*/
div#shopnav {									/* Linke Leiste: ( Anmelden, Warenkorb, Versandkosten ) */
	display:none;
	padding:10px 0;
	background-color:#b4ddff;}
	
div#shopnav ul { text-align:center; font-size:12px; font-weight:bold; line-height:25px;}
div#shopnav li { /* border:1px solid #000; */}
div#shopnav li a 		{ color:#d62155; text-decoration:none; }
div#shopnav li a:hover 	{ color:#d62155; text-decoration:none; }
/*---------------------------------------------- 
		D I E   H A U P T I N H A L T E
------------------------------------------------*/
#shopPage-s {}									/* Die Startseite */
#shopPage-s h1 {								/* Titel */
	/* font-size:22px; color:#d62155; line-height:25px; font-weight:bold;
	margin:0px 0 30px 0; 
	border:1px solid red; */}
/*---------------------------------------------- 
			T A B L E S
------------------------------------------------*/
#mainbody table {  								/* Fûr die Warenkorb Seite */ 
	font-size:12px; 
	/* border-collapse:collapse;	 */
	margin:30px 0 0 0; 
	width:100%;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; 
	background-color: #efefef;
	border:1px solid #e3e6e9; 
	border-collapse:collapse;}
	
#mainbody table th {   							/* Produkt Anzahl Gesamtbetrag */
    padding:5px 10px;
    font-weight:bold; color:#fff;
	background-image:url(../_img/th_bg.gif); background-repeat:repeat-x; }
#mainbody table td {   
    padding:5px 10px; }
		
#mainbody table .inforow th {					/* Gesamtbetrag. Sollte man im Code in etwas anderes als .inforow benennen! */
	color:#d62155; text-align:right; 
	background-position:9999px 9999px; 			/* weil vererbt von #mainbody table th */
	border-top:1px solid #fff; }
#mainbody table	tr.postagerow { }				/* Linie: Versand */
#mainbody table	tr.vatrow {	}					/* Linie: enthaltene MwSt. */
#mainbody table tr.totalrow {					/* Linie: Gesamtbetrag */
	font-size:16px; line-height:25px; }
#mainbody table tr.shippingrow {				/* Linie: Versand & Bezahlung */
	color:#fff;
	background-image:url(../_img/th_bg.gif); background-repeat:repeat-x; }
	
th.price, td.price, th.amount, td.amount  {		/* Kolonne Anzahl & Gesamtbetrag */
	text-align:right;}
#page-basket input.text { width:30px; border:1px solid #84959f; background-color:#fff; font-size:11px; color:#333;}
	
#page-basket select { border:1px solid #84959f; width:200px; margin: 1px 0 1px 0;}
#page-basket input { border:1px solid #84959f; width:200px; margin: 1px 0 1px 0;}
#page-basket input.kreditkarte { width:200px; border:1px solid #84959f; background-color:#fff; font-size:11px; color:#333; cursor:text;}
.select_gultig {
	max-width: 100px;}
	
#mainbody table td.last { text-align:left; }
#mainbody table td.last input.checkbox {  width:50px;}
#mainbody table td.last input.submit 		{ background-color:#84959f; font-size:11px; color:#fff; border:1px solid #84959f; font-weight:bold; float:right; margin: 0 0 0 25px;  cursor:pointer;}
#mainbody table td.last input.submit:hover 	{ background-color:#d62155; border:1px solid #d62155; }




/*---------------------------------------------- 
			M I N I B A S K E T
------------------------------------------------*/
div.minibasket {	
	float:left;
	margin:102px 0 0 20px;
	background-image:url(../_img/button_minibasket.png); background-position:2px 2px; background-repeat:no-repeat;
	min-height:50px;
	height: auto !important;					/* IE6 hack */
	height:50px;								/* IE6 hack */
	padding: 10px 0 0 65px;
	text-align:left; color:#d62155; font-size:16px; }
	
div.minibasket h4 { display:none; }				/* Titel Warenkorb */
	
div.minibasket p {
	margin:0px; padding:0; display:block;
	width:200px; }
div.minibasket a 			{ margin: 0px; font-weight:bold; font-size:11px;}
div.minibasket a:link 		{ color: #d62155; text-decoration: none; }
div.minibasket a:visited 	{ color: #d62155; text-decoration: none; }
div.minibasket a:active 	{ color: #84959f; text-decoration: none; }
div.minibasket a:hover 		{ color: #84959f; text-decoration: none; }
/*---------------------------------------------- 
			M I N I L O G I N
------------------------------------------------*/
.minilogin { 
	background-image:url(../_img/minilogin_bg.jpg); background-repeat:no-repeat;
	width:180px;
	min-height:174px;
	height: auto !important;					/* IE6 hack */
	height:174px;								/* IE6 hack */
	margin-top:25px; }
.minilogin h4 { 								/* Titel */
	padding:10px 20px 8px 20px;
	font-size:16px; font-weight:bold; color:#d62155; }
.minilogin form {  line-height:13px;}
.minilogin p {									/* Titel der Formularfelder */
	padding: 0px 20px;
	font-size:11px; color:#d62155; font-weight:bold;}
	
.minilogin form input.text { 
	margin:2px 0 5px 0; 
	font-size:11px; color:#000;}
.minilogin form input.submit 		{ background-color:#d62155; color:#FFFFFF; border:1px solid #d62155; font-weight:bold; font-size:11px; color:#fff; margin:0 0 5px 0; cursor:pointer;}
.minilogin form input.submit:hover 	{ background-color:#84959f; border:1px solid #84959f;}
#loginPassword-mini, #loginUser-mini {
	width:140px;
	border:1px solid #c3c3c3; }
div.minilogin a 			{ margin: 5px 0 0 0; font-weight:bold;}
div.minilogin a:link 		{ color: #84959f; text-decoration: none; }
div.minilogin a:visited 	{ color: #84959f; text-decoration: none; }
div.minilogin a:active 		{ color: #d62155; text-decoration: none; }
div.minilogin a:hover 		{ color: #d62155; text-decoration: none; }
/*---------------------------------------------- 
			B R E A D
------------------------------------------------*/
#bread {
	display:none;
	background-color:#fff;
	padding:5px;
	margin:10px 0;
	font-size:11px; font-weight:bold;}
	 
#bread img { margin:0 8px 0 8px; }				/* der Pfeil _img/bread.gif */
#bread a:link 		{ color: #d62155; text-decoration: none; }
#bread a:visited 	{ color: #d62155; text-decoration: none; }
#bread a:active 	{ color: #d62155; text-decoration: none; }
#bread a:hover 		{ color: #d62155; text-decoration: none; }
/*---------------------------------------------- 
			C A T E G O R Y   P A G E
------------------------------------------------*/
#page-category { }								/* Die Kategorie Seiten */
/* --- Produkte pro Seite Navi --- */				
#page-category div.pager {						/* Die SeitenNavi 1 2 3 4 usw */
	padding: 0; 
	margin-bottom:25px;
	border-bottom:1px dotted #84959f;
	text-align:right; font-size:12px; font-weight:bold; }
	
#page-category div.pager a { margin-left:10px; }
	 
#page-category div.pager a:link 		{ color: #84959f; text-decoration: none; }
#page-category div.pager a:visited 		{ color: #84959f; text-decoration: none; }
#page-category div.pager a:active 		{ color: #d62155; text-decoration: none; }
#page-category div.pager a:hover 		{ color: #d62155; text-decoration: none; }
#page-category div.pager a.active		{ color: #d62155; text-decoration: none; }
#page-category div.pager a.active:hover	{ color: #d62155; text-decoration: none; }
/* --- Die Kategorientitel usw --- */	
#page-category h2 {								/* Kategorien Titel */
	font-size:20px; color:#d62155; line-height:25px; 
	margin:0 0 20px 0; }
	
#page-category .metatext { 						/* Bereich um die Kategorienbeschreibung. */
	padding:0; 
	margin-bottom:20px; }
#page-category .catEmpty { 						/* Titel leer Kategorien */
	margin-bottom:50px; }	
/* --- Das Produkt --- */	
		
#page-category .product {						/* Ein Produkt */
	border-bottom:1px solid #e3e6e9;
	padding-bottom: 10px; margin-bottom: 10px;
	width:620px; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */
	position:relative; 							/* damit das #page-category .product p absolut platziert werden kann*/}
	
#page-category .product:hover {	/* border:1px solid #d62155; */ }
#page-category .product div.img {
	width:130px;								/* Die Breite muss etwas breiter sein als das Bild, da ja noch das   dargestellt werden muss */
	min-height:130px;							/* Die Höhe muss in frontend-category.htm angegeben werden	*/ /* (1) */
	height: auto !important;					/* IE6 hack */		
	height:130px;								/* IE6 hack */		
	display:block;
	float:left;
	text-align:center;
	margin-right:50px; 
	line-height:130px;							/* Damit das Bild diesen Wert nimmt, muss Text vorhanden sein, oder ein Leerzeichen */}
#page-category .product div.img span {			/* Dient dazu, die line-height zu erstellen, damit sich das Bild daran orientiert */
	visibility:hidden;
	font-size:10px; }
		
#page-category .product img { 					/* Das Bild als Kasten */	   /* Die Höhe muss in frontend-category.htm angegeben werden	*/
	vertical-align: middle;						/* Damit das Bild in der Mitte des Textes dargestellt wird und nicht an der unteren Kante */}
												
#page-category .product h3 { 					/* Produkt Titel */
	font-size:20px; font-weight:bold; line-height:24px; margin:0px auto;
	float:left; 
	width:300px; 
	margin-top:50px;}		
	
#page-category .product h3 a 			{ width:100%; display:block;} 	/* Der Link als Kasten */
#page-category .product h3 a:link 		{ color: #d62155; text-decoration: none; }
#page-category .product h3 a:visited 	{ color: #d62155; text-decoration: none; }
#page-category .product h3 a:active 	{ color: #84959f; text-decoration: none; }
#page-category .product h3 a:hover 		{ color: #84959f; text-decoration: none; }
	
div.shortdesc {									/* Das Metafeld 2, wenn ausgefüllt */
	float:left;
	width:300px;
	margin-top:10px;
}			
	
#page-category .product h4 { display:none;  } 	/* Text: "Preis" */ 
#page-category .product p {						/* Der Preis */ 
	font-size:17px; color:#84959f; font-weight:bold; text-align:right; 
	margin-top:0px;
	position:absolute; 							/* bezieht sich auf das #page-category .product  */
	right:0px; top:0px;
	margin-top:50px; } 
/*---------------------------------------------- 
		 P R O D U C T   P A G E
------------------------------------------------*/
/* ----- Die ganze Seite ----- */
#shopPage-p { 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */ }
/* ----- Die Bilder ----- */
#prodimage {									/* Produkt Foto */
	float:left;
	margin:0; 
	/* border:1px solid #000; */}
	
	#prodthumbs { 								/* Thumbnail Container */
		width:220px; 							/* Breit des left-margin von .proddetails - die Ränder & margins der Thumbs */
		overflow:hidden; 						/* damit die floats gecleared werden */
		height:100%;							/* IE6 overflow:hidden hack */
		/* border:1px solid #000; */
		margin-top:50px; }
		
	#prodthumbs a {
		display:block;
		width:50px; 
		min-height:50px;
		height: auto !important;				/* IE6 hack */
		height:50px;							/* IE6 hack */		
		border:1px solid #e3e6e9;
		margin:0 5px 5px 0;
		padding:5px;
		float:left; 
		text-align:center; text-decoration:none;
		line-height:50px;						/* Damit das Bild diesen Wert nimmt, muss Text vorhanden sein, oder ein Leerzeichen */}
		
	#prodthumbs a:hover {
		border:1px solid #d62155; text-decoration:none;}
	
	#prodthumbs span {							/* Dient dazu, die line-height zu erstellen, damit sich das Bild daran orientiert */
		visibility:hidden;
		font-size:10px; }
	
	#prodthumbs img { 							/* Thumbnailbilder */ /* Größe einstellen in frontend-product.htm */
		vertical-align: middle;						/* Damit das Bild in der Mitte des Textes dargestellt wird und nicht an der unteren Kante */}
	
/* ----- Die Texte ----- */	
#shopPage-p h2 {								/* Produkt Titel */	
	font-size:20px; color:#d62155; font-weight:bold; line-height:25px; 
	margin:0 0 5px 240px; }
	
.proddetails { 									/* Produkt Details (Beschreibung, Preis, Anzahl, Warenkorb)*/
	margin: 0 0 30px 240px; }
#shopPage-p .desc {								/* Produkt Beschreibung */
	margin:30px 0; }
	
#shopPage-p .desc h3 {							/* Produkt Beschreibung Titel */
	font-weight:bold; font-size:14px; color:#d62155;
	margin-bottom:10px; }
		
		
/* ----- Grundpreis ----- */		
#shopPage-p p.p-price {							/* Text "Der Preis" + Preis. Sollte ein div und kein p sein! */
	text-align:right; color:#d62155; }
	
#shopPage-p p.p-price span {					/* Nur der Preis*/
	font-size:20px; color:#d62155; font-weight:bold; }
		
		
/* ----- Der Gesamtpreis ----- */		
		
#shopPage-p p.calcPrice {						/* Text "Der Gesamtpreis" + Preis. Sollte ein div und kein p sein! */
	text-align:right; color:#d62155; margin-bottom:20px;}
	
#shopPage-p p.calcPrice span { 					/* Nur der Gesamtpreis*/
	font-size:20px; color:#d62155; font-weight:bold; }				
			
/* ----- Die Produktvariationen ----- */
#shopPage-p .variations {						/* Produktvariationen */
	margin:20px 0 ; 
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; }
#shopPage-p .variations h3 {					/* Produktvariationen Titel */
	font-weight:bold; font-size:14px; color:#d62155;
	margin:10px; }
	
#shopPage-p .variations p.prodopt {				/* Die Produktvariationen Checkboxen Linie */
	margin:0 0 5px 20px; 
	font-size:12px; }
	
#shopPage-p .variations p.prodopt input {		/* Die Produktvariationen Checkboxen Button */
	margin:0 10px 0 0; 
	font-size:11px; color:#000;}
		
		
/* ----- Die Anzahl ----- */
#amount { 										/* Das Anzahl Feld */
	width:32px; 
	border:1px solid #c3c3c3; 
	margin: 0 0 20px 10px; }	
/* ----- Die Navigation (weiter, zurück, zur übersicht )----- */
#shopPage-p p.pager {					
	padding:10px;
	margin-top:50px;
	text-align:center; }
	
#shopPage-p p.pager a {
	font-size:11px; font-weight:bold; 
	margin:0 50px 0 0; }
	 
#shopPage-p p.pager a:link 		{ color: #d62155; text-decoration: none; }
#shopPage-p p.pager a:visited 	{ color: #d62155; text-decoration: none; }
#shopPage-p p.pager a:active 	{ color: #84959f; text-decoration: none; }
#shopPage-p p.pager a:hover 	{ color: #84959f; text-decoration: none; }
/* ----- Footer (* Die angegebenen Preise sind inklusive gesetzlicher MwSt. und zuzüglich Versandkosten.) ----- */
.priceinfo {										
	text-align:right;
	margin:30px 0 0 0;
	border-top:1px dotted #84959f;
	line-height:30px; }		
/*---------------------------------------------- 
			A C C O U N T
------------------------------------------------*/
/* --- Die Anmelde Seite --- */
#page-account { } 							
#page-account h2 {							/* Titel (Anmelden) */
	font-size:20px; color:#d62155; line-height:25px; font-weight:bold; 
	margin:0 0 20px 0; }
#page-account h3 {								/* Untertitel (bin bereits Kunde, möchte mich registrieren) */
	font-weight:bold; font-size:14px; color:#d62155;
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px dotted #84959f; }
#page-account fieldset {						/* Das Formular */
	margin:20px 0 ; 
	padding:10px;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; }
#page-account p 		{ 
	margin-bottom:5px; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;						 		/* IE6 overflow:hidden hack */  }	
	
#page-account label 				{ float:left; font-weight:bold; color:#d62155; }
#page-account input 				{ float:right; margin-right:200px; border:1px solid #84959f; width:250px; font-size:11px; color:#000;}
#page-account input.button 			{ background-color:#84959f; color:#FFFFFF; border:1px solid #84959f; font-weight:bold;  cursor:pointer;}
#page-account input.button:hover	{ background-color:#d62155; color:#FFFFFF; border:1px solid #d62155; font-weight:bold;}
#page-account a 					{ color: #d62155; text-decoration: none; font-weight:bold; }
#page-account a:hover 				{ color: #84959f; text-decoration: none; }
#page-account div.error {
	background-image:url(../_img/error.jpg); background-repeat:no-repeat;
	min-height:75px;
	height: auto !important;					/* IE6 hack */
	height:75px;								/* IE6 hack */
	padding-left:100px; 
	font-size:14px; font-weight:bold; color:#d62155; line-height:75px; }
/* --- Die Registrierungs Seite --- */
#page-register { } 							
#page-register h2 {								/* Titel (Registrieren) */
	font-size:20px; color:#d62155; line-height:25px; font-weight:bold; 
	margin:0 0 20px 0; }
#page-register h3 {								/* Rechnungsadresse */
	font-weight:bold; font-size:14px; color:#d62155;
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px dotted #84959f; }
#page-register fieldset {						/* Das Formular */
	margin:20px 0 ; 
	padding:10px;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; }
#page-register p 		{ 
	margin-bottom:5px; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */  }	 
	
#page-register label 				{ float:left; font-weight:bold; color:#d62155; }
#page-register input 				{ float:right; margin-right:200px; border:1px solid #84959f; width:250px; font-size:11px; color:#000;}
#page-register input.button 		{ background-color:#84959f; color:#FFFFFF; border:1px solid #84959f; font-weight:bold; margin-right:210px;  cursor:pointer;}
#page-register input.button:hover	{ background-color:#d62155; color:#FFFFFF; border:1px solid #d62155; font-weight:bold;}
#page-register select 				{ float:right; margin-right:200px; border:1px solid #84959f; width:250px;}
#page-register div.error {
	background-image:url(../_img/error.jpg); background-repeat:no-repeat;
	min-height:75px;
	height: auto !important;					/* IE6 hack */
	height:75px;								/* IE6 hack */
	padding-left:100px; 
	font-size:14px; font-weight:bold; color:#d62155;  
	margin-bottom:25px; }
	
#page-register div.error li {
	font-size:12px; font-weight:bold; color:#84959f; }
	
		
/* --- Die Danke Seite --- */
#shopPage-t { }
#shopPage-t h2 {								/* Titel */
	font-size:20px; color:#d62155; line-height:25px; font-weight:bold; 
	margin:0 0 20px 0; }
/* --- Meine Bestellungen Seite --- */
#page-account-update { }
#page-account-update h2 {						/* Titel */
	font-size:20px; color:#d62155; line-height:25px; font-weight:bold; 
	margin:0 0 20px 0; }
		
#page-account-update table 		{ width:100%; }	/* Die Tabelle */
tr.order_OPEN td				{ /* */ }
tr.order_PROCESS td				{ /* */ }
tr.order_FRAUDULENT td 			{ /* */ }
tr.order_SENT td 				{ /* */ }
tr.order_CANCELLED td 			{ /* */ }
	
#page-account-update a 			{ color: #d62155; text-decoration: none; font-weight:bold; }
#page-account-update a:hover 	{ color: #84959f; text-decoration: none; font-weight:bold; }	
	
		
/* --- Meine Bestellungen > Order  Seite --- */	
#page-account-update h3 {						/* Untertitel */
	font-weight:bold; font-size:14px; color:#d62155;
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px dotted #84959f; }
	
#page-account-update .order 	{ padding:15px; }	
#page-account-update h4 		{ /* */ }	
#page-account-update div.orderdetails  { }
#page-account-update div.orderdetails pre {	
	white-space:pre;
	width:600px;					/* 620 - 10 -10 */
	font-size:11px; font-family:"Monaco","Lucida Console","Courier New",monospace;
	overflow:auto;
	border:1px solid #84959f;
	padding:10px;
	margin:30px 0; 
	background-color:#fff; }
	
	
/* --- Adressen bearbeiten --- */
#page-account-update fieldset {					/* Das Formular */
	margin:20px 0 ; 
	padding:10px;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; }
#page-account-update p 		{ 
	margin-bottom:5px; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */  }	
#page-account-update label 				{ float:left; font-weight:bold; color:#d62155; }
#page-account-update input 				{ float:right; margin-right:200px; border:1px solid #84959f; width:250px; font-size:11px; color:#000;}
#page-account-update input.button 		{ background-color:#84959f; color:#FFFFFF; border:1px solid #84959f; font-weight:bold;  cursor:pointer;}
#page-account-update input.button:hover	{ background-color:#d62155; color:#FFFFFF; border:1px solid #d62155;}
#page-account-update a 					{ color: #d62155; text-decoration: none; font-weight:bold; }
#page-account-update a:hover 			{ color: #84959f; text-decoration: none; }
#page-account-update select 			{ float:right; margin-right:200px; border:1px solid #84959f; width:250px;}
#page-account-update div.error {
	background-image:url(../_img/error.jpg); background-repeat:no-repeat;
	min-height:75px;
	height: auto !important;					/* IE6 hack */
	height:75px;								/* IE6 hack */
	padding-left:100px; 
	font-size:14px; font-weight:bold; color:#d62155;  
	margin-bottom:25px; }
	
#page-account-update div.error li {
	font-size:12px; font-weight:bold; color:#84959f; }
	
	
	
/*---------------------------------------------- 
			W A R E N K O R B
------------------------------------------------*/
#page-basket {}
#page-basket h2 {								/* Titel */
	font-size:20px; color:#d62155; line-height:25px; font-weight:bold; 
	margin:0 0 20px 0; }
#page-basket h3 {								/* Untertitel */
	font-weight:bold; font-size:14px; color:#d62155;
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px dotted #84959f; }
	
div.addresses {									/* Die beiden Adressen */
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */
	width:600px; }
	
div.address { 									/* Jede Adresse einzeln */
	float:left;
	margin:20px 25px 0 0; 
	padding:10px;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; 
	width:250px; }	 
div.address h4 { 								/* Titel Rechnungsadresse */
	font-weight:bold; font-size:12px; color:#d62155; 
	margin-bottom:10px; }
	
div.addresses input { 							/* Button "Bearbeiten" */
	background-color:#84959f; font-weight:bold; font-size:11px; color:#fff; border:1px solid #84959f; margin-top:10px; cursor:pointer;}
	
div.addresses input:hover	{ background-color:#d62155; font-weight:bold; color:#FFFFFF; border:1px solid #d62155; }
	
#page-basket td.note { 							/* Hinweis Versandkosten */
	font-weight:bold; font-size:12px; color:#d62155; padding-top:10px;}
	
#page-basket td.error { 						/* Fehlerwarnung */
	font-weight:bold; font-size:12px; color:red; }
	
#page-basket p.agb { 							/* Hinweis AGB */
	padding:10px 0;}
	
#page-basket a 			{ color: #d62155; text-decoration: none; font-weight:bold; }
#page-basket a:hover 	{ color: #84959f; text-decoration: none; font-weight:bold; }
#page-basket table input { 						/* Buttons "Bestellung abschließen", "Warenkorb bearbeiten" */
	/* border:1px solid #000; */ float:left; margin-right:20px; font-size:11px; color:#fff; cursor:pointer;}
/*---------------------------------------------- 
		K E N N W O R T   V E R G E S S E N 
------------------------------------------------*/
#shopPage-fp {}
#shopPage-fp h2 {								/* Titel */
	font-size:20px; color:#d62155; line-height:25px; 
	margin:0 0 20px 0; }
#shopPage-fp fieldset {							/* Das Formular */
	margin:20px 0 ; 
	padding:10px;
	background-image:url(../_img/form_bg.gif); background-repeat:repeat-x; background-color:#efefef;
	border:1px solid #e3e6e9; }
#shopPage-fp p 		{ 
	margin-bottom:5px; 
	overflow:hidden; 							/* damit die floats gecleared werden */
	height:100%;								/* IE6 overflow:hidden hack */  }	
#shopPage-fp label 				{ float:left; font-weight:bold; color:#d62155; }
#shopPage-fp input 				{ float:right; margin-right:200px; border:1px solid #84959f; width:250px; font-size:11px; color:#000;}
#shopPage-fp input.button 		{ background-color:#84959f; color:#FFFFFF; border:1px solid #84959f; font-weight:bold;  cursor:pointer;}
#shopPage-fp input.button:hover	{ background-color:#d62155; color:#FFFFFF; border:1px solid #d62155;}
/*---------------------------------------------- 
			V E R S A N D K O S T E N 
------------------------------------------------*/
#shopPage-d {}
#shopPage-d h1 {								/* Titel */
	/* font-size:20px; color:#d62155; line-height:25px; 
	margin:30px 0 30px 0; */}
/*---------------------------------------------- 
			S E A R C H   B O X 
------------------------------------------------*/
#rexsale_search {	
	/* display:none; */
	margin:20px 0 0 0;
	font-weight:bold; color:#ccc;
	width:180px; }
#rexsale_search input { margin:5px 0; font-size:11px; color:#000;
	border:1px solid #ccc; }
	
.rexsale_search_ul {
	list-style: none;
	width: 200px;
	background-color:#e9f7ff;
	border: 1px solid #83959f;;}
.rexsale_search_ul li {
	background-color: #ffffff;
	margin: 1px 0 1px 0;
	padding: 1px 5px 1px 5px;}
	
.rexsale_search_ul li:hover {
	background-color: #d62156; }
	
.rexsale_search_ul li a {
	text-decoration: none;
	color: #535f65;
	display: block;}
.rexsale_search_ul li a:hover {
	text-decoration: none;
	color: #fff;}
li.no_results {
	background-color: #d62156;
	color: #fff;}
	
.ajax-div .box {
	margin: 0 0 100px 0;}
/*---------------------------------------------- 
		R E G I S T R I E R U N G S B  U T T O N 
------------------------------------------------*/
#registrierungsbutton_de {
	display:block;
	background-image:url(../_img/button_registrieren.jpg); background-repeat:no-repeat;
	width:180px;
	min-height:144px;
	height: auto !important;	/* IE6 hack */
	height:144px;				/* IE6 hack */
	margin-top:25px; 
	text-indent:-9999px; overflow: hidden;}
	
#registrierungsbutton_fr {
	display:block;
	background-image:url(../_img/button_registrieren_fr.jpg); background-repeat:no-repeat;
	width:180px;
	min-height:144px;
	height: auto !important;	/* IE6 hack */
	height:144px;				/* IE6 hack */
	margin-top:25px; 
	text-indent:-9999px; overflow: hidden;}
/*---------------------------------------------- 
			F O R M U L A R E
-----------------------------------------------*/
form.formation {	
	margin: 15px 0 20px 0;
	padding: 0;
	font-size:0.8em;
	width:98%; }
form.formation fieldset {
	border: none;
	padding: 0;
	float:left;
	width:100%;
	margin:0 0 20px 0; }
form.formation legend {	
	font-weight: bold; font-size: 1.15em; color: #878376;
	padding: 0 5px 0 0;
	margin-left: -5px;
	background-color: transparent; }
form.formation label {	
	width:9em;
	float:left;
	margin:0.2em 0 0.6em 0; }
form.formation h3 {
	font-size:1em;
	margin:20px 0 10px; }
form.formation p.radio,
form.formation p.checkbox {	
	width:9em;
	float:none !important;
	margin:0.2em 0 0.6em 0;
	font-size: 1em; color: #000000; }
form.formation label.radio,
form.formation label.checkbox {	
	float: none;
	margin:0 0 5px 5px;
	width: auto; }
form.formation input.radio,
form.formation input.checkbox {	
	float: left;
	width: auto;
	margin: 0 0.4em 8px 0;
	border: none;
	background:none; }
div.checkset,
div.radioset {	
	margin-bottom: 10px; margin-left:9em; }
			
form.formation input, 
form.formation select, 
form.formation textarea {	
	float:left;
	margin:0.3em 5px 0.6em 0;
	padding: 2px;
	border: 1px solid #b4babd;
	background-color: #f8f8f8;
	font-family:Arial, sans-serif; font-size:1.07em; }
			
form.formation input.text {	background:none; background-color:#FFFFFF; }
		
form.formation input.text, 
form.formation input {	
	margin-top: 0;
	width: 70%; }
form.formation textarea  {	
	width: 70%;
	height:140px; }
	
form.formation input.button, 
form.formation input.submit { width:150px; }
/*  - - - - - - - -   rex4mod1 - Artikel schreiben - - - - - - - - - - */
div.rex4mod1 {
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */}  
div.rex4mod1_date { display:none; }
div.rex4mod1_title {
	font-size:22px; color:#d62155; line-height:25px; font-weight:bold;
	margin:0px 0 30px 0; }
div.rex4mod1_editor {
 	font-size: 12px;
	margin-bottom: 10px; } 
div.rex4mod1_editor h1 {
	font-weight:bold; font-size: 18px; color: #84959f; line-height:25px;	
	margin-bottom: 10px; }
div.rex4mod1_editor h2 {
	font-weight:bold; font-size: 15px; color:#d62155; line-height:20px;	
	margin-bottom: 10px; }
div.rex4mod1_editor ul {
	list-style: disc;
	margin-left:30px; margin-top:10px; margin-bottom:10px; }
div.rex4mod1_editor ol {
	margin-left:35px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color: #d62155; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:visited	{ color: #d62155; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:active 	{ color: #d62155; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:hover 	{ color: #d62155; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor table {
	width:620px; } 
div.rex4mod1_editor td {
	background-color: #eeeeee;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod1_editor thead td {
	background-color: #84959f; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	
	
	
.bestellung { background-color:#84959f; font-size:11px; color:#fff; border:1px solid #84959f; font-weight:bold; float:right; margin: 0 0 0 25px;  cursor:pointer; text-align: center; width: 198px; }
.bestellung a { color: #fff; display:block; color:#0F0; }
.bestellung:hover { background-color:#d62155; border:1px solid #d62155; }

.facebook {
	color: #999;
	line-height: 25px;
	font-weight: bold;
	margin-top: 20px;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
	width: 180px;
	}
	
.facebook a { color: #999; text-decoration:none; display: block; }
.facebook a:hover { color: #d62155; text-decoration:none; }
	
.facebook img {
	width: 25px;
	height: 25px;
	margin-right: 15px;
	float: left;
	}
	
.input-div label {
	color: #d62155;
	}
	
	
	
	
/* --------------------------------------------- */ 
/*			   FORMULAR-DEFINITION				 */
/* --------------------------------------------- */ 

/* Div das das Formular umschließt */

.formgen {
	width:400px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#344454; line-height:15px;
	margin:15px auto 15px auto;
	
	/* border:1px solid #fff; */ }

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor : pointer; }
	
/* Das Formular an sich: eigentlich unnötig */
.formgen formblock { /* border:1px solid #ff6600; */ }

/* Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */

/* Die Fehlermeldung nach Submit */
.forminfo { 
	color: #990000;	font-size: 13px; font-weight:bold;
	/* border:1px solid #000; */
	/* padding:10px; */
	margin: 15px 0 0 0; }
	
	
/* Verhalten von br-Tags */
.formgen br { clear : both; }

/* Verhalten von p-Tags */
.formgen p { 
	padding:0px; 
	margin:0px; 
	/* border:1px solid #ff6600; */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-FELDER					 */
/* --------------------------------------------- */ 


/*	label - Die Feldbezeichnung */
.formgen label {					
	/* border: 1px solid #fff; */ 
	font-size: 12px;
	width: 115px;		/* 140 - 20 */
	clear: left; float: left;
	margin:0 20px 5px 0; 
	padding-left:20px; 
	color: #84959f;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
	

/*	text - Textfeld */
.formgen .formtext {
	width: 220px;
	height: 16px;				
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	border: 1px solid #5a6571; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5a6571; line-height:15px;}
	
/*	passwort - Textfeld */
.formgen .formpassword {
	width: 220px;
	height: 16px;				/* 20 -3 -3 */
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5a6571; line-height:15px;
	border: 1px solid #5a6571; }	
	
/*	textarea - Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5a6571; line-height:15px; /* muss definiert sein */
	width: 220px;
	height: 100px;
	/* padding:3px; */				/* kein padding, da IE Probleme */
	border: 1px solid #5a6571; }
	
/*	select - Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 250px;
	border: 1px solid #5a6571; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5a6571; line-height:15px;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {		/* die Felder im hover Zustand */
	border: 1px solid #e12770;}
	
	
	
/* --------- START Radiobuttons --------- */


/* 	Eine Gruppe der Radio Buttons */	
.radio_container	{ 
	/* border: 1px solid #000;  */
	clear:left;						/* damit es nicht links floatet */
	margin-left:140px;	 			/* Label breite & margin-right + formblock breite & border  */ }

 .formgen label.formradio {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue;   */
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/*	radio - Aussehen der Radio Buttons */				
.formgen input.formradio {
	float:left; 
	margin-left:180px;
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ } 
 
/* --------- ENDE Radiobuttons --------- */


/* Block, in dem sich das SUBMIT befindet */
.formgen .formblock { 							
	/* border:1px solid #fff;  */
	background-color:#f0f0f0; 
	padding: 0 0 20px 0; }
	
/* Sende-Button */
.formgen .formsubmit {
	width: 222px;										/* 300 +8, ansonsten zu schmal */
	text-align: center; color: #fff; font-weight:bold;
	background-color: #84959f;
	margin-left:155px;	 								/* Label breite & margin-right + formblock breite & border  */
	padding:2px 0;
	border: 1px solid #84959f;}	

.formgen .formsubmit:hover { color: #fff;
	background-color: #e12770;}

/* Das Checkbox -Label */	
.formgen label.formcheck {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue; */ 
	width:300px;  
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/* Der Checkbox -Button */	
.formgen input.formcheck {
	/* border: 1px solid #fff;		 */					/* klappt nicht! keine Ahnung warum */
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-left:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-REST					 */
/* --------------------------------------------- */ 
	
/* Ein Trennelement */	
.formgen .formtrenn hr {
	/* border:1px solid #000; */ }

/* Eine Headline */
.formgen .formheadline {
	/* border:1px solid #000; */
	background-image:url(../_img/th_bg.gif); background-repeat:repeat-x;
	font-size:12px; color:#fff; font-weight:bold; line-height:27px; 
	font-family: Arial, sans-serif;; 
	padding:0 20px;
	color: #fff;}
	
/* Eine Info */
.formgen .formhinweis {
	/* border:1px solid #000;  */
	padding:10px 20px;
	color:#5a6571;}
	
	
/* Ein Fehler - Markierung der Labels bei Fehler */
.formgen .formerror { color: #990000;  }

.formgen .formreq {
	/* border:1px solid #000;  */ }

/* Der Captcha Container */
.formgen label.formcaptcha { /* border: 1px solid #000; */ }
	
/* Das Captcha Bild */
.formgen img.formcaptcha { margin: 0 20px; }
	
/* Falls vorhanden: die Div Klassen */
.formgen div.unterteilung { 						/* beliebig verschiedenamige Klassen definierbar */
	/* border: 1px solid #ff6600; */ 
	background-color:#efefef; 
	padding: 20px 0; }


/* Fieldsetbeschriftung */
.formgen legend {
	/* border: 1px solid #ff6600; */
}
.formgen .fieldset {
	/* border: 1px solid #ff6600; */
}


#form-module-thanks {
	/* border: 1px solid #ff6600; */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:15px; }