/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	.px210x750 .col1  { width: 209px; border-right: 1px solid #dcdcdc; }
	.px210x750 .col2  { width: 750px; }

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 960px; margin: 0 auto; padding: 0; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -32000px; padding-bottom: 32000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0 10px; }
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; }
	
	/* override col1 left margin and col3 right margin for 3 cols */
	.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */

	body { font-family: arial; color: #595858; font-size: 11px; line-height: 16px; background: url('/fileadmin/images/background_01.jpg') center top; }
	h1, h2, h3 { color: #636262; text-transform: uppercase; }
	h2 { font-size: 16px; }
	h1 { font-size: 13px; margin: 20px 0; }
	h3 { font-size: 12px; color: #b1b3b4; }
	
	a { text-decoration: none; color: #3e3e3e; }
	a:hover { text-decoration: underline; }
	
	.col2 a { text-decoration: underline;}
	
	input, textarea { background: #3e3e3e; border: none; color: #fff;  }
	label { color: #323232; font-size: 11px; text-transform: uppercase; font-weight: bold; }

	#wrap { width: 998px; }
	#header { background: url('img/header.bg.png'); height: 100px; position: relative; }
	#menuMain { position: absolute; left: 620px; top: 62px; }
		#menuMain a { padding-left: 15px; margin-right: 15px; font-size: 12px; color: #3b3434; font-weight: bold; }
		#menuMain a:hover, #menuMain a.active,	#menuSub a:hover, #menuSub a.active, #menuSub a.current { background: url('img/arrow.png') left 4px no-repeat; text-decoration: none; }
		
	#menuSub { margin: 20px 0 0 0; padding: 0; list-style-type: none; }
		#menuSub li { margin: 3px 0; padding-left: 5px; }
		#menuSub a { padding-left: 15px; margin-right: 15px; font-size: 10px; color: #f7f6f3; font-weight: bold; }
	
	#language { display: none; position: absolute; left: 40px; top: 20px; text-transform: uppercase; }
		#language a { margin-right: 7px; }
		#language a.active { font-weight: bold; }
	
	#leftBottom { position: absolute; top: 389px; width: 200px; }
		#leftBottom a { line-height: 30px; color: #323232; font-size: 11px; text-transform: uppercase; margin-right: 30px; font-weight: bold; display: block; float: left;  }
		#leftBottom p { margin: 10px 0; }
	
	.px277x563x157 .col1 { width: 277px; background: url('img/col1.bg.png') no-repeat bottom center; height: 640px; }
	.px277x563x157 .col2 { width: 563px; background: url('img/col2.bg.png') no-repeat bottom center; height: auto!important; min-height: 640px; height: 640px;  }
	.px277x563x157 .col3 { width: 157px; background: url('img/col3.bg.png'); height: 640px; }
	
	.col1 .content { margin: 0 29px 0 40px; padding-top: 10px; }
	.col2 .content { margin: 0 40px; }
	#contentMain { margin: 40px 40px;}
	
	#footer { width: 563px; margin: 3px 0 10px 278px; border-top: 2px solid #3e3e3e; text-align: right; font-size: 9px; }
	
	#rightBottom { text-align: center; position: absolute; top: 360px; width: 137px; }
		#rightBottom img { border: 3px solid #3e3e3e; margin-bottom: 8px; }
		#rightBottom p.footer { border-top: 1px solid #3e3e3e; width: 110px; margin-left: 15px; }
		
	#bgNext, #bgPrevious { width: 17px; display: block; position: absolute; right: 5px; cursor: pointer; }
		#bgNext { top: 52px; height: 48px; }
		#bgPrevious { top: 0; height: 52px; }
		
	.newsItem { font-size: 10px; color: #b1b3b4; margin-bottom: 10px; }
		.newsItem h4 { margin: 10px 0 0; font-size: 11px; }
		.newsItem a { color: #fff; }
	
	button { padding: 0; border: none; background: none; cursor: pointer; margin-left: 5px; font-size: 10px; font-weight: bold; color: #3E3E3E;  }

	div#weindetail { position: relative; margin: 0; padding: 0;}
	div#weindetail > div#bild { position: absolute; width: 255px; height: 655px; top: 0; left: 0; } 
	div#weindetail > div#text { position: absolute; top: 15px; left: 200px; color: #4B4B4B;}
	div#titel, div#sorteLabel, div#charakteristikLabel, div#speiseempfehlungLabel { text-transform: uppercase; font-weight: bold; color: #BBBAB7; width: 170px; margin: 20px 0px 0px 0px; }
	div#titel { margin-bottom: 0px; font-size: 13px; }
	div#features { font-weig	ht: bold; margin: 0px 0px 10px 0px; }
	div#sorte { margin: 0px 0px 10px 0px; }
	div#charakteristik { margin: 0px 0px 10px 0px; }
	div#speiseempfehlung { margin: 0px 0px 10px 0px; width: 233px; }
	div#preis { margin: 0px 0px 10px 0px; font-weight: bold; }
	div#pdfdownload { margin-top: 40px; }
	
	div#weinelement { position: relative; margin: 0; padding: 0; width: 490px; height: 65px; border-bottom: 1px solid #BBBAB7; margin-top: 10px; }
	div#weinelement > div#ebild { position: absolute; width: 28px; height: 53px; top: 0; left: 0; border: 4px solid #BBBAB7; text-align: center; } 
	div#weinelement > div#etext { position: absolute; top: 0px; left: 50px; color: #4B4B4B; height:62px;}
	div#ebeschreibung { position: absolute; top: 15px; left: -6px; width: 400px; }	
	div#etitel { position: absolute; top: 0px; left: -6px; text-transform: uppercase; font-weight: bold; color: ##3E3E3E; width: 280px; margin: 00px 0px 10px 0px; }
	div#efeatures { position: absolute; top: 30px; left: -6px;  width: 400px; font-weight: bold; }
	div#epreis { position: absolute; top: 0px; left: 330px; width: 100px; }
	div#ebestellformular { position: absolute; top: 25px; left: 330px; }
	
	div#newsletteranmeldung { margin-top: 11%; }
	div#newsletteranmeldung > a { font-size: 11px; font-weight: normal; color: #cccccc; }
	div#newsletteranmeldung > a:hover { text-decoration: none; }

	td.lined { border-bottom: 1px solid #ccc; }

	.buttonOrange, .darkButton, .wsc-remove-item-button { background: none; color: #3E3E3E; border: 1px solid #3E3E3E; padding: 0; vertical-align: middle; margin: 0px; }

	table.vTable { width: 100%; border-bottom: 1px solid #cccccc; padding: 5px 0px 5px 0px; }
	td.headline { text-transform: uppercase; font-weight: bold; }
	.overviewLeft { text-align: right; padding-right: 5px; }
	ul#menuSub > li > ul { list-style: none; margin: 0px 0px 0px 5px; padding: 0px; }
	td.cell { padding: 0; }

div#cartDetails {
	padding-left: 20px;
	color: #b7b6b3;
	font-size: 10px;
}

.soldout {
	position:absolute;
	bottom:0;
	left:-6px;
	color:#bd0926;
	margin:0;
	width:300px;
	font-weight:bold;
}