/* ---------------------------------------- */
/* ---------- basic.css ------------------- */
/* ---------------------------------------- */

* {
	margin:0;
	padding:0;
}

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;
	vertical-align:baseline;
	background:none;
}

html, body {
	background:url("../img/background.jpg") repeat scroll 0 0;
	color:#000;
	font:normal 14px/22px Arial, Verdana, Calibri, Helvetica;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

a, blockquote, cite, em, h1, h2, h3, h4, h5, h6, p, pre  {
	margin:0 0 18px 0;
}

ul.content_liste {
	padding:0 0 0 20px;
}

ul.content_liste li {
	padding:0 0 18px;
}

.clearfix {
	clear:both;
}

#wrapper {
	margin:60px auto 0 auto;
	position:relative;
	text-align:center;
	width:1088px;
}

#content {
	background-color:#fff;
	width:992px;
	margin:0 auto;
	min-height:400px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}

#middle {
	padding:166px 0 0;
	position:absolute;
	top:0;
	left:80px;
}

#main_middle {
	padding:166px 0 0;
}

#left {
	float:left;
	margin:550px 0 65px 34px;
	text-align:left;
	width:445px;
}

body.ie #left {
	margin:550px 0 65px 15px;
}

#left_max {
	float:left;
	margin:170px 0 65px 34px;
	text-align:left;
	width:920px;
}

body.ie #left_max {
	margin:170px 0 65px 15px;
}

#left_max2 {
	float:left;
	margin:545px 0 65px 34px;
	text-align:left;
	width:920px;
}

body.ie #left_max2{
	margin:545px 0 65px 15px;
}

#right {
	float:right;
	margin:550px 34px 65px 0;
}


body.ie #right {
	margin:656px 15px 65px 0;
}

#right_text {
	float:right;
	margin:656px 34px 65px 0;
	text-align:left;
	width:444px;
}

body.ie #right_text {
	margin:656px 15px 65px 0;
	width:340px;
}

#right_text2 {
	float:right;
	margin:612px 34px 65px 0;
	text-align:left;
	width:444px;
}

body.ie #right_text2 {
	margin:612px 15px 65px 0;
	width:340px;
}

ul.angebote_anzeigen li {
	float:left;
	list-style:none outside none;
	margin: 0 0 20px 0;
}

ul.angebote_anzeigen li.first_li {
	padding:0 20px 0 0;
}

a#nach_oben {
	background:url("../img/nach_oben.jpg") no-repeat scroll 0 0 #417b30;
	bottom:0;
	display:block;
	height:146px;
	left:auto;
	position:absolute;
	right:0;
	text-indent:-999em;
	top:auto;
	width:48px;
}

ul#navigation {
	height:126px;
	left:66px;
	position:absolute;
	top:0;
	width:590px;
}

ul#navigation li {
	background:url("../img/navi_trenner.gif") no-repeat scroll 0 90px #FFFFFF;
	float:left;
	height:126px;
	list-style:none;
	width:96px;
}

ul#navigation li:first-child {
	background:none;
}

ul#navigation li a {
	color:#666;
	display:block;
	height:16px;
	margin:0;
	padding:95px 0 0;
	text-decoration:none;
	width:96px;
}

ul#navigation li a:hover,
ul#navigation li a:focus,
ul#navigation li a:active {
	color:#333;
	font-weight:bold;
}

ul#navigation li.active a {
	background:url("../img/menue_active.jpg") no-repeat scroll 50% 0 transparent;
	color:#00a023;
	display:block;
	font-weight:bold;
	height:16px;
	margin:0;
	padding:95px 0 0;
	text-decoration:none;
	width:96px;
}

ul#navigation li.active ul#submenue {
	background-color:#00722A;
	left:14px;
	padding:0 0 0 20px;
	position:absolute;
	top:167px;
	width:905px;
	border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
}

ul#navigation li.active ul#submenue li {
	background:none repeat scroll 0 0 transparent;
	float:left;
	height:60px;
	margin:0;
	padding:0 5px;
	width:105px;
}

ul#navigation li.active ul#submenue li a {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:14px;
	height:60px;
	line-height:60px;
	margin:0;
	padding:0;
	width:95px;
	font-weight:normal;
}

ul#navigation li.active ul#submenue li a:hover,
ul#navigation li.active ul#submenue li a:focus,
ul#navigation li.active ul#submenue li a:active {
	font-weight:bold;
}

ul#navigation li.active ul#submenue li.submenueactive a {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:60px;
	line-height:60px;
	margin:0;
	padding:0;
	width:95px;
	font-weight:bold;
}

h1 img {
	margin:0 0 10px 0;
}

h1#logo a {
	background:url("../img/logo.png") no-repeat scroll 0 0 #FFFFFF;
	display:block;
	height:66px;
	left:auto;
	position:absolute;
	right:106px;
	text-indent:-999em;
	top:46px;
	width:242px;
}

#footer {
	background:url("../img/footer.jpg") repeat scroll 0 0 transparent;
	height:157px;
	margin:-18px 0 0 0;
	position:relative;
	text-align:center;
	width:100%;
}

#footerwrapper {
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	background:none repeat scroll 0 0 #BFBFBF;
	margin:0 auto;
	height:79px;
	position:relative;
	width:992px;
}

ul#marken {
	height:56px;
	margin:0 auto;
	padding-top:15px;
	width:992px;
}

ul#marken li {
	float:left;
	list-style:none outside none;
	padding:0 24px;
}

ul#marken li a {
	display:block;
	height:42px;
	line-height:42px;
	margin:0;
	padding:0;
	width:92px;
}

table#kontaktform tr th {
	font-weight:normal;
	padding:0 0 18px;
	text-align:left;
	vertical-align:top;
	width:180px;
}

.errormass {
	color:#cc0000;
	font-size:11px;
}

.versendet {
	color:#009900;
	font-weight:bold;
}

.sterntext {
	color:#666;
	font-size:11px;
}

table#kontaktform tr td {
	padding:0 0 18px;
}

table#kontaktform tr.error th {
	color:#cc0000;
}

table#kontaktform tr.error td input,
table#kontaktform tr.error td textarea {
	background-color:#ff9999;
	border:1px solid #990000;
}

/* ***** ***** StepCarousel ***** ***** */
#produktcarousel {
	width:926px;
	height:340px;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	/*border:1px solid #d6d6d6;*/
}

#mygallery {
	z-index:50;
	overflow:hidden;
}

.stepcarousel{
	height:340px;
	left:0;
	position:absolute;
	top:0;
	width:926px;
}

.stepcarousel .belt{
	position: absolute;
	width:926px;
	height:340px;
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float:left;
	overflow:hidden;
	width:926px;
}
#sc-signatur { margin: 0 0 20px; }
#sc-signatur img {
	border: 0 none !important;
	height: auto !important;
	margin: 0 0 18px !important;
	width: auto !important;
}
#sc-signatur a, #sc-signatur p, #sc-signatur strong {
	color: #9d9d9d !important;
	font: 12px/18px Arial !important;
	margin: 0 !important;
	text-decoration: none;
}
#sc-signatur p { font-weight: normal !important; }
#sc-signatur strong { font-weight: bold !important; }