/* +++++++++++++ CORE +++++++++++++ */
html, body {
	background-color: #343434;
	color: #ffffff;
}

/* +++++++++++++ BASE COLORS +++++++++++++ */

h1 {
	color: #ffffff; 
}

h2, h3 {
	color: #ffffff;
}

/* +++++++++++++ CONTAINER +++++++++++++ */
.container {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* +++++++++++++ CLEARFIX +++++++++++++ */
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* +++++++++++++ BASE STRUCTURE +++++++++++++ */

/* ## Flasche ## */
#flasche {
	height: 655px;
	width: 213px;
	background: url(layout/flasche.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
}

#flasche_alt {
	height: 655px;
	width: 213px;
	background: url(layout/flasche_350ml.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
}

/* ## Main ## */
#main {
	height: 501px;
	width: 465px;
	background: #000000 url(layout/content_bg.jpg) 0 0 repeat-x;
	margin-top: 95px;
	float: left;
	display: inline;
}

/* ## Rightcol ## */
#rightcol {
	height: 655px;
	width: 310px;
	background: url(layout/udo_am_malen.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	position: relative;
}

#rightcol_alternate {
	height: 655px;
	width: 310px;
	background: url(layout/udo_etikett.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	position: relative;
}

#rightcol_alternate2 {
	height: 655px;
	width: 310px;
	background: url(layout/udo_etikett_350ml.jpg) 0 0 no-repeat;
	float: left;
	display: inline;
	position: relative;
}

/* +++++++++++++ NAV +++++++++++++ */

#nav { height: 84px; }

#topmenu {
	position: absolute;
	top: 150px;
	left: 207px;
	width: 510px;
	height: 20px;
	z-index: 100;
	overflow: hidden;
}

#topmenu ul {
	list-style:none outside none;
	margin:0;
	padding:0;
	overflow: hidden;
}

#topmenu ul li {
	display:inline;
	float:left;
	margin:5px 0 0;
	padding:0 5px 0 5px;
	border-right: 1px #B3282D solid;
}

#topmenu ul li a {
	color:#ffffff;
	font-size:0.9em;
	font-weight:normal;
	width:100%;
	text-decoration: none;
}

#topmenu ul li a:hover {
	text-decoration: underline;
}

#topmenu ul li a.active, #topmenu ul li a.rex-active, #topmenu ul li a.rex-current {
	color:#e30012;
}

/* +++++++++++++ CONTENT +++++++++++++ */

#content {
	height: 380px;
	margin-bottom: 5px;
	padding: 5px 0 0;
	overflow: hidden;
}

/* +++++++++++++ FOOTER +++++++++++++ */

#footer {
 margin-top: 572px;	
}

/* +++++++++++++ FACEBOOK +++++++++++++ */
#fbLike {
	position: absolute;
	top: 410px;
	left: 20px;
	width: 215px;
	height: 72px;
}

/* +++++++++++++ CONTENT CLASSES +++++++++++++ */

.catListing {
	margin-bottom: 2em;
}

.section {
	margin-bottom: 1em;
}

/* +++++++++++++ FORMULAR CLASSES +++++++++++++ */

label {
	float: left;
	display: inline;
	width: 150px;
}

input.text {
	width: 150px;
	border: #999999 1px solid;
	height: 18px;
	font-size: 0.9em;
}

textarea.textarea {
	width: 300px;
	border: #999999 1px solid;
	height: 50px;
	font-family: "Segoe UI",Verdana,Helvetica,FreeSans,sans-serif;
	font-size: 0.9em;
}

input.submit {
	background-color: #e30012;
	border: #ffffff 1px solid;
	color: #ffffff;
}

.form_warning {
	color: red;
}
.logo{ float: left; clear: both; }
.warenkorb{ margin-left: 340px; }