@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

body {
	font-size:62.5%;
	font-family:Tahoma, Arial, "MS Serif";
	color:#003400;
	background:url(../images/bg-body.jpg) 0 0 repeat;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	color:#003400;
}

a:hover {
	text-decoration:none;
	background:none;
}

.highlight {
	font-weight:bold;
}
.highlight2 {
	font-weight:normal;
	text-align:center;
}
.spacer	{
	border-bottom:1px dashed #BFD52B;
	margin:0 0 10px 0;
}
ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
	font-size:0.001em;
	line-height:0.001em;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

img {
	border:none;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:990px;
	margin: 0 auto;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:990px;
	height:435px;
	position:relative;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}

#header a.kontakt {
	display:block;
	position:absolute;
	width:219px;
	height:56px;
	top:20px;
	left:428px;
	text-indent:-9999px;
	background:url(../images/bg-telefon-header.jpg) -9999px 0 no-repeat;
}

#header a.kontakt:hover {
	background-position:7px -1px;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	z-index:2;
	display:block;
	width:532px;
	height:116px;
	top:106px;
	left:50px;
	overflow:hidden;
	background:none;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => navigation
--------------------------------------------------------------*/

#header ul#navigation {
	list-style-type:none;
	width:918px;
	height:258px;
	position:absolute;
	z-index:0;
	top:142px;
	left:37px;
}

#header ul#navigation li a {
	display:block;
	position:absolute;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.6em;
	color:#ffffff;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
}

#header ul#navigation li a span.indent {
	display:block;
	font-size:0.001em;
	line-height:0.001em;
	text-indent:-9999px;
}

#header ul#navigation li a.Produkte {
	left:0;
	top:173px;
	width:180px;
	height:45px;
	padding:40px 0 0 15px;
}

#header ul#navigation li a.Produkte:hover,
#header ul#navigation li.active a.Produkte {
	background-position:0 -173px;
}

#header ul#navigation li a.Waesche {
	left:219px;
	top:77px;
	width:175px;
	height:60px;
	padding:50px 0 0 25px;
}

#header ul#navigation li a.Waesche span.space {
	display:inline;
	padding:0 0 0 33px;
}

#header ul#navigation li a.Waesche span.space2 {
	display:inline;
	padding:0 0 0 15px;
}

#header ul#navigation li a.Waesche:hover,
#header ul#navigation li.active a.Waesche {
	background-position:-219px -77px;
}

#header ul#navigation li a.Bestellannahme {
	left:457px;
	top:69px;
	width:157px;
	height:45px;
	padding:40px 0 0 48px;
}

#header ul#navigation li a.Bestellannahme span.space {
	display:inline;
	padding:0 0 0 25px;
}

#header ul#navigation li a.Bestellannahme:hover,
#header ul#navigation li.active a.Bestellannahme {
	background-position:-457px -69px;
}

#header ul#navigation li a.Schaedlingsbekaempfung {
	left:662px;
	top:0;
	width:235px;
	height:50px;
	padding:50px 0 0 15px;
}

#header ul#navigation li a.Schaedlingsbekaempfung:hover,
#header ul#navigation li.active a.Schaedlingsbekaempfung {
	background-position:-662px 0;
}

#header ul#navigation li a.Solarium {
	left:706px;
	top:145px;
	width:196px;
	height:40px;
	padding:40px 0 0 16px;
}

#header ul#navigation li a.Solarium:hover,
#header ul#navigation li.active a.Solarium {
	background-position:-706px -145px;
}

#header ul#navigation li a.Geschenkartikel {
	left:512px;
	top:163px;
	width:165px;
	height:40px;
	padding:50px 0 0 15px;
}

#header ul#navigation li a.Geschenkartikel:hover,
#header ul#navigation li.active a.Geschenkartikel {
	background-position:-512px -163px;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:990px;
	background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:615px;
	padding:0 0 20px 65px;
	float:left;
}

#contentMain h2 {
	color:#003400;
	font-size:3em;
	margin:0 0 0 19px;
}

#contentMain h3{
	font-weight:normal;
	font-size:1.6em;
	line-height:1.6em;
}
#contentMain h4,
#contentMain h5 {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.6em;
}
#contentMain h3.h3Index {
	display:block;
	height:50px;
	color:#003400;
	font-size:1.6em;
	line-height:1.4em;
	font-weight:normal;
	padding:4px 0 0 97px;
	background:url(../images/h3/bg-h3.png) left 0 no-repeat;
}

#contentMain p,
#contentMain ul li {
	font-size:1.2em;
	line-height:1.6em;
}

#contentMain ul {
	margin:0 0 20px 13px;
	list-style:outside circle;
}
#contentMain ul li {
	list-style-type:circle;
	
}
#contentMain a {
	padding:0 2px;
	font-weight:bold;
	background:url(../images/bg-link.png) 0 0 repeat;
}
#contentMain #webstyle a {
	padding:0;
	background:none;
}
#contentMain a:hover {
	background:none;
}

#shadowbox_nav_close a,
#shadowbox_nav_previous a,
#shadowbox_nav_next a {
	background:none;
}

#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
	color:#FFFFFF;
	background:none;
	font-weight:normal;
}

#contentMain .imgContainer {
	width:271px;
}

#contentMain img.imgContent {
	padding:1px;
	border:1px solid #126727;
	margin:0 0 1px 0;
}

#contentMain .cmsLink img.cmsImg {
	padding:1px;
	border:1px solid #126727;
	margin:0 0 10px 0;
	background:none;
}

#contentMain .cmsLink a {
	background:none;
}

#contentMain .imgContainer a {
	background:none;
	position:relative;
	display:block;
}

#contentMain .imgContainer a span.zoom {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	bottom:-23px;
	right:-2px;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/bg-zoom.jpg) 0 0 no-repeat;
}

* html #contentMain .imgContainer a span.zoom {
	bottom:4px;
	right:0px;
}

#contentMain .imgContainer p {
	font-size:1.1em;
	color:#f5ff79;
	display:block;
	background:#116627;
	padding:2px 0 4px 8px;
	margin:-1px 0 5px 2px;
}

#contentMain iframe {
	padding:1px;
	background:none;
	border:1px solid #126727;
}

#contentMain p a.vcard {
	display:block;
	width:205px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain a#errorclose {
	background:none;
	font-weight:normal;
	text-decoration:underline;
}

#contentMain a#errorclose:hover {
	text-decoration:none;
}

#contentMain .contentBox {
	width:576px;
	padding:0 20px 0 19px;
}

#contentMain .column {
	float:left;
	width:271px;
	padding:10px 29px 0 19px;
}

#contentMain .column2 {
	float:left;
	width:276px;
	padding:10px 20px 0 0;
}

/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
	width:280px;
	padding:17px 0 110px 30px;
	float:left;
	color:#f5ff79;
}

#contentSidebar h3 {
	display:block;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
}

#contentSidebar h3#h3Oeffnungszeiten {
	background:url(../images/h3/bg-oeffnungszeiten.png) 0 0 no-repeat;
}

#contentSidebar h3#h3Kontaktdaten {
	background:url(../images/h3/bg-kontaktdaten.png) 0 0 no-repeat;
}

#contentSidebar ul {
	padding:0 0 20px 0;
}

#contentSidebar ul li,
#contentSidebar p {
	font-size:1.1em;
	line-height:1.6em;
	padding:0 0 0 3px;
}

#contentSidebar ul li a {
	color:#f5ff79;
	font-weight:normal;
	text-decoration:underline;
	background:none;
}

#contentSidebar ul li a:hover {
	background:none;
	text-decoration:none;
}

#contentSidebar ul#naviAdd {
	float:left;
}

#contentSidebar ul#naviAdd li {
	float:left;
	font-size:1.2em;
}

#contentSidebar ul#naviAdd li.dot {
	width:19px;
	background:url(../images/bg-dot.jpg) center center no-repeat;
}

#contentSidebar ul#naviAdd li a {
	color:#ffffff;
	text-decoration:none;
	background:#3b9965;
	padding:0 2px;
}

#contentSidebar ul#naviAdd li a:hover, 
#contentSidebar ul#naviAdd li.active a {
	background:#56a783;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/


#footer {
	width:939px;
	height:200px;
	margin:0 auto;
	padding:0 0 0 51px;
	font-size:1.1em;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	footer => newsletterQuick
--------------------------------------------------------------*/
#footer #newsletterQuick {
	width:585px;
	float:left;
	position:relative;
	padding:93px 0 0 0;
}

#footer #newsletterQuick form {
	border:none;
}

#footer #newsletterQuick form fieldset {
	border:none;
}

#footer #newsletterQuick form legend {
	float:left;
}

#footer #newsletterQuick form legend a {
	font-weight:normal;
	text-decoration:underline;
	color:#ffffff;
	background:none;
}

#footer #newsletterQuick form legend a:hover {
	background:none;
	text-decoration:none;
}

#footer #newsletterQuick form input#email-quick {
	width:164px;
	height:18px;
	float:left;
	border:none;
	padding:0 0 0 5px;
	margin:0 15px 5px 0;
	color:#ffffff;
	background:url(../images/bg-email-quick.jpg) 0 0 no-repeat;
}

* html #footer #newsletterQuick form input#email-quick {
	margin:0 10px 5px 0;
}

*+html #footer #newsletterQuick form input#email-quick {
	margin:0 10px 5px 0;
}

#footer #newsletterQuick form label.radio-small {
	color:#ffffff;
	margin:0 10px 0 0;
}

#footer #newsletterQuick form input.radio {
	position:relative;
	top:3px;
}

#footer #newsletterQuick form input#images {
	position:relative;
	margin:15px 0 0 200px;
}

.error {
	color:#f00;
	font-weight:bold;
}

#footer #newsletterQuick div#meldung {
	background:url(../images/bg-error.png) repeat;
	/*border: 1px solid #126727;*/
	margin:0 0 15px 0;
	padding:20px;
	width:200px;
	position:absolute;
	top:50px;
	left:330px;
	
}

/*--------------------------------------------------------------
	footer => kontaktQuick
--------------------------------------------------------------*/
#footer #kontaktQuick {
	width:320px;
	float:left;
	position:relative;
	padding:84px 0 0 0;
}

#footer #kontaktQuick form#QuickKontaktformular fieldset,
#footer #kontaktQuick form#QuickKontaktformular input {
	border:none;
}

#footer #kontaktQuick form#QuickKontaktformular input#quick-E-Mail {
	width:164px;
	padding:0 0 0 5px;
	height:18px;
	margin:0 0 3px 0;
	color:#ffffff;
	background:url(../images/bg-input-e-mail.jpg) 0 0 no-repeat;
}

#footer #kontaktQuick form#QuickKontaktformular textarea {
	background:url(../images/bg-textarea.jpg) 0 0 repeat;
	border:none;
	width:164px;
	height:45px;
	padding:0 0 0 5px;
	color:#ffffff;
	font-family:Tahoma, Arial, "MS Serif";
	font-size:1.2em;
}

#footer #kontaktQuick form#QuickKontaktformular input#quick-submit {
	position:relative;
	left:195px;
	top:-20px;
}

#footer #kontaktQuick form#QuickKontaktformular label#quick-mail, 
#footer #kontaktQuick form#QuickKontaktformular label#label-quick-nachricht {
	display:none;
}

#footer #kontaktQuick .error {
	color:#f00 !important;
	font-weight:bold !important;
}

#footer #kontaktQuick p#shortFehlermeldung {
	background:url(../images/bg-error.png) repeat;
	/*border: 1px solid #126727;*/
	display: none;
	margin: 0 0 15px 0;
	padding: 20px;
	width: 200px;
	position:absolute;
	top:0px;
	left:-260px;
}