/* -----------------------------------------------------------------------------------------
   2-Euro-Katalog
   http://www.2-euro-katalog.de

   Template, Layout: Copyright (c) 2008 Niels Heberlein 
   -----------------------------------------------------------------------------------------
   MasterStyleSheet
   -----------------------------------------------------------------------------------------
   
   Color-Information
   --------------------
   gold:		#deaa00
   hellblau:	#5167a8
   dunkelblau:	#1d316e
   dunkelrot:	#b50208
   ---------------------------------------------------------------------------------------*/


*							{ outline: none;}
body						{ font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 0; margin: 0; color: #626262;}
#mainWrapper				{ width: 800px; padding: 0 10px; margin: auto; background: url('../img/content_bg.gif') repeat-y top left; }
#wrapper					{ background: #fff; }

#header						{ background: url('../img/header_bg.jpg') repeat-x #fff bottom left; height: 290px; position: relative; padding: 20px 10px; }
#mainContent				{ padding: 20px 10px 10px 10px; margin: 0; background: #f5f6f8;}


#header .logo				{ display: block; background: url('../img/richter_dyballa_logo.gif') no-repeat top left #fff; width: 255px; height: 30px; 
							  text-indent: -9999px; position: absolute; top: 20px; left: 10px;}
							  
#header .topNav				{ position: absolute; top: 20px; right: 15px; width: 500px; text-align: right;}
#header .topNav ul			{ padding: 0; margin: 0; list-style: none; }
#header .topNav ul li		{ float: right; display: block; padding: 5px 5px;}
#header .topNav .topNavButtons	{ float: right; display: block; padding: 0 2px; }

#header .mainNav			{ position: absolute; top: 120px; left: 10px; }
#header .mainNav ul			{ padding: 0; margin: 0; list-style: none; }
#header .mainNav ul li		{ padding: 10px 0 5px 0; margin: 0; }
#header .mainNav ul li a	{ display: block; height: 20px; width: 150px; border-bottom: 1px solid #5167a8; }
#header .mainNav a:link,
#header .mainNav a:visited	{ color: #fff; text-decoration: none; }
#header .mainNav a:hover,
#header .mainNav a:active	{ color: #fff; text-decoration: none;}

#header #headerImg			{ position: absolute; top: 84px; right: 20px; }

#footer						{ margin: 0; padding: 10px 10px 5px 10px; color: #fff; font-size: 10px; font-weight: normal;
							  background: url('../img/richter_dyballa_logo_neg.gif') no-repeat 610px center #000; clear: both;}
#footer a:link,
#footer a:visited			{ color: #fff; text-decoration: none; }
#footer a:hover,
#footer a:active			{ color: #fff; text-decoration: underline; }

/* ALLGEMEIN */
.alignLeft					{ text-align: left; }
.alignRight					{ text-align: right; }
.alignCenter				{ text-align: center; }

.nowrap						{ white-space: nowrap; }

.floatLeft					{ float: left; margin: 0 10px 10px 0; }
.floatRight					{ float: right; margin: 0 0 10px 10px; }
.clear						{ clear: both;}
div.clear					{ height: 0; padding: 0; margin: 0; font-size: 0;}

/* TABLES */
/*th							{ text-align: left; background: #5167a8; color: #fff;}*/
th							{ text-align: left; background: #1e326f; color: #fff; }
td, th						{ padding: 5px; }
tr.odd td					{ background: #fff; }
tr.even td					{ background: #efefef; }

img							{ border: none; }
.copyright					{ font-size: 10px; padding: 5px 0;}

/* HEADLINES */
h1							{ margin: 10px 0; padding: 0; font-size: 30px; color: #deaa00;}
h2							{ margin: 5px 0; padding: 0; font-size: 24px; color: #1d316e;}
h3							{ color: #1d316e;}

/* TEXT-FORMAT */
p							{ line-height: 140%; }
strong						{ color: #444; }

a:link						{ color: #000; text-decoration: underline; }
a:visited					{ color: #626262; text-decoration: underline; }
a:hover, 
a:active					{ color: #1d316e; text-decoration: none; }

/* CONTENT */
div.twoCols div					{ }
div.twoCols .twoColsL			{ float: left; width: 245px; padding-right: 10px; background: url('../img/divider.gif') no-repeat top right;}
div.twoCols .twoColsR			{ float: left; width: 500px; padding-left: 10px;}

div.twoCols50 .twoColsL			{ float: left; width: 380px; padding-right: 10px; background: url('../img/divider.gif') no-repeat top right;}
div.twoCols50 .twoColsR			{ float: left; width: 380px; padding-left: 10px;}

div.twoColSmall .twoColsL		{ float: left; width: 48%; padding-right: 10px; background: url('../img/divider.gif') no-repeat top right; }
div.twoColSmall .twoColsR		{ float: left; width: 48%; padding-left: 10px; }

div.newsDate					{ float: right; font-size: 10px; color: #ccc; }

div.contentBox					{ clear: both; position: relative; padding: 10px 0;}
div.contentBox .button			{ position: absolute; right: 0; top: 15px; }
div.contentBoxHead				{ position: relative; }

.infoBox,
.infoBoxR						{ padding: 5px; border: 1px solid #ccc; background: #fff; }
div.infoBoxR					{ float: right; margin: 0 0 10px 10px; width: 45%; }

ul								{ padding: 0; margin: 0 0 0 20px;}
li								{ line-height: 140%; padding: 5px 0; margin: 0; }

ul.linklist						{ list-style: none; padding: 0; margin: 0;}
ul.linklist li					{ background: url('../img/bullet_m.gif') no-repeat left center; padding-left: 12px; }

/* SHOP CONTENT / GENERAL */
.infoMessageHead				{ background: #1d316e; padding: 5px 10px; border: 1px solid #1d316e; color: #fff;}
.infoMessage					{ margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #1d316e; }
.messageStackError				{ color: #b50208; padding: 2px 0; }
.messageStackWarning			{}
.messageStackSuccess			{}

.buttonsBottom					{ padding: 20px 0 10px 0; margin: 0; clear: both;}
.buttonsBottom .buttonsL		{ margin: 0; padding: 5px 0; float: left; width: 45%;}
.buttonsBottom .buttonsR		{ margin: 0; padding: 5px 0; float: right; width: 45%; text-align: right; }

.buttonsL						{ margin-top: 20px; padding: 10px 0; }
.buttonsR						{ margin-top: 20px; padding: 10px 0; text-align: right; }

.small							{ font-size: 80%; }	

/* FORMS */
.formArea th					{ background: none; color: #626262; text-align: left; font-weight: normal;}
.formArea td					{ background: none; color: inherit; }

.moduleRowSelected td			{ background: #fff; border-bottom: 1px solid #ccc; font-weight: bold;}
.moduleRow td					{ border-bottom: 1px solid #ccc; }

.formArea .tHead,
.contentBoxHead					{ border-bottom: 1px dotted #ccc; padding-top: 20px; padding-bottom: 0;}
.formArea .tHead h2,
.contentBoxHead h2				{ margin: 5px 0 0 0; }

	/* SUBFORMS */
	table#loginForm					{ width: 100%; }
	#loginForm input				{ width: 120px; }
	
	#loginForm th					{ padding: 5px 10px 5px 0; }
	
	#productInfoCart				{}
	
	#accountForm					{}
	#accountForm textarea			{width: 98%;}
	table.orderHistory th,
	table.orderHistory td			{ padding: 2px 10px 2px 0; }
	
/* FORM ELEMENTS */
input						{font-size: 11px; padding: 2px; color: #666; font-family: inherit;}
input[type=text], 
input[type=password],
textarea					{ border: 1px solid #5167a8; }
input:focus,
textarea:focus				{ border-color: #1d316e; color: #000;}
input[type=image] 			{ border: none; }

/* PRODUCT INFO */
.priceBox					{ float: right; margin: 0 0 30px 30px;}
.priceBoxPrice				{ text-indent: -9999px; background: url('../img/price_badge.gif') no-repeat top left; width: 158px; height: 158px; }
.priceBoxPriceTax			{ width: 130px; font-size: 80%; padding: 5px 10px; text-align: right;}
.priceBoxPriceTax a			{ color: #626262; }


/* SHOPPING CART / ORDER DETAILS */
table.orderDetails				{ width: 100%; border-collapse: collapse; }
table.orderDetails th			{ background: #1e326f; color: #fff; }
table.orderDetails tr.row td	{ border-bottom: 1px solid #ccc; }
.orderDetailsSmall				{ width: 1px; }
.orderDetailsMedium				{ width: 100px; }
.orderDetailsLarge				{ width: 200px; }

div.orderDetailsCheckout		{ width: 80%; }

/* CHECKOUT PROCESS */
.agbDisplay textarea,
.agbDisplay iFrame,
.commentsDisplay textarea		{ width: 390px; font-family: Arial, Verdana, sans-serif; font-size: 11px; background: #fff;}

.cp								{ width: 100%; padding: 10px 0; }
.cpOff, .cpOn					{ padding: 5px 5px 5px 50px; margin-right: 30px; float: left; }
.cpOff							{ background: url('../img/cp_no.gif') no-repeat left center; }
.cpOn							{ background: url('../img/cp_yes.gif') no-repeat left center; }
.cpCurrent						{ font-weight: bold; color: #000; }