@charset "utf-8";

/* Author: Andreas Walter */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Andreas Walter & Euroweb Internet GmbH */

/* ///////////////////////////////////////////////////////////
	=> global tags 
/////////////////////////////////////////////////////////// */

* {
   padding:0;
   margin:0;
}

html {
	background:#e2e2e2;
}

body {
   color:#444;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px Arial, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
   background:#fff url(../images/bg-body-main.jpg) center top repeat-x;
}

body#index {
   background:#fff url(../images/bg-body-main.jpg) center top repeat-x;
}

body#content {
   background:#fff url(../images/bg-body.jpg) center top repeat-x;
}

ol,
ul,
dl {
   list-style:none;
}

a,
.escape span {
   text-decoration:underline;
   color:#224a99;
}

a:hover,
a:hover span {
   color:#224a99;
   text-decoration:none;
}

a {
   outline:none;
}

p {
   margin:0 0 20px 0;
}

img,
img a {
   border:none;
}

hr {
	height:1px;
   border:none;
   border-top:1px solid #d9d9d9;
   margin:10px 0 0 0;
	padding:20px 0 0 0;
   *margin:0 0 15px 0;
}

/* //////	=> noscript	////// */

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
   text-align:center;
   background:#fff;
}

noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
   font-weight:bold;
}

/* ///////////////////////////////////////////////////////////
	=> global classes / id's 
/////////////////////////////////////////////////////////// */

.highlight {
   padding-left:10px;
   background:url(../images/icons/icon-arrow.gif) 0 6px no-repeat; 
}

.externerlink {
   background:url(../images/icons/icon-external-link.gif) no-repeat right center;
   padding-right:20px;
}

.display-none {
	display:none;
}

/* //////	=> images	////// */

.image,
#map {
   border:1px solid #e5e5e5;
   background:#fff url(../images/icons/icon-loading.gif) no-repeat center center;
   padding:3px;
}

.image:hover,
a:hover img.image {
   border:1px solid #d9d9d9;
   padding:3px;
}

/* //////	=> euroweb imprint links	////// */

#euroweb {
	width:680px !important;
   position:absolute;
}

#euroweb a {
	float:left;
   margin-right:73px;
}


/* //////	=> definition lists 	////// */

dl.imprint-business,
dl.imprint-address {
	margin-bottom:20px;
}

dl.imprint-business dt,
dl.imprint-address dt {
   display:block;
   width:50%;
   float:left;
}

dl.address dt {
	display:block;
   width:20px;
   float:left;
   text-indent:-9999px;
}

dl.address dt.phone {
	background:url(../images/icons/icon-phone.gif) 0 6px no-repeat;
}

dl.address dt.fax {
	background:url(../images/icons/icon-fax.gif) 0 5px no-repeat;
}

dl.address dt.email {
	background:url(../images/icons/icon-email.gif) 0 7px no-repeat;
}

dl.imprint-business dd,
dl.imprint-address dd,
dl.address dd {
   clear:right;
}

/* //////	=> lists		////// */

ul.list {
   margin:0 0 20px 0;
}

ul.list li {
   padding-left:20px;
   background:url(../images/icons/icon-arrow.gif) 10px 7px no-repeat; 
}

/* //////	=> floats, clearfix	////// */

.float-left {
   float:left;
}

.float-right {
   float:right;
}

.clearfix:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}

* html .clearfix {
   height:1%;
}

.clearfix {
   display: inline-block;
}

* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}

.clear {
	clear:both;
}

/* //////	=> container	////// */

.container {
   width:960px;
   margin:0 auto;
   text-align:left;
   position:relative;
}

/* ///////////////////////////////////////////////////////////
	=> top 
/////////////////////////////////////////////////////////// */

body#index #top {
	height:510px;
   background:url(../images/bg-top-main.jpg) center top no-repeat;
}

body#content #top {
	height:320px;
   background:url(../images/bg-top.jpg) center top no-repeat;
   overflow:hidden;
}

h1#branding {
   text-indent:-9999px;
   float:left;
}

h1#branding a {
	display:block;
   width:340px;
   height:160px;
}

body#index p#claim {
	clear:both;
	text-indent:-9999px;
   width:431px;
   height:74px;
   background:url(../images/bg-p-claim.jpg) no-repeat;
   position:relative;
   top:33px;
   left:129px;
}

body#content p#claim {
	display:none;
}

/* //////	=> navi-add 	////// */

body#index ul#navi {
	clear:both;
   padding:213px 0 0 20px;
}

body#content ul#navi {
	clear:both;
   padding:117px 0 0 20px;
}

ul#navi li {
	float:left;
	padding-right:27px;
}

ul#navi li a {
	font:normal 24px/28px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   color:#fff;
   text-decoration:none;
}

ul#navi li a:hover,
ul#navi li.active a {
	color:#e3ffc1;
}

/* //////	=> navi-add 	////// */

ul#navi-add {
	width:300px;
	float:right;
   padding:68px 19px 0 0;
   background:url(../images/bg-navi-add.jpg) 38px 57px no-repeat;
}

ul#navi-add li {
	float:left;
   padding-left:17px;
}

ul#navi-add li a {
	color:#646464;
   font:normal 20px/24px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   text-decoration:none;
}

ul#navi-add li a:hover,
ul#navi-add li.active a {
	color:#224a99;
}

/* //////	=> shop 	////// */

body#index a.shop {
	position:absolute;
   top:389px;
   left:640px;
}

body#content a.shop {
	position:absolute;
   top:199px;
   left:640px;
}

a.shop {
	text-indent:-9999px;
   background:url(../images/bg-navi-li-shop.jpg);
   display:block;
   width:240px;
   height:121px;
   overflow:hidden;
}

a.shop:hover{
   background:url(../images/bg-navi-li-shop.jpg) -240px 0;
}

/* //////	=> sprayer 	////// */

#sprayer-container {
	width:281px;
   height:77px;
   background:url(../images/bg-sprayer-container.jpg) no-repeat;
   position:absolute;
   left:659px;
	top:188px;
   padding:2px 1px 0 0;
}

#sprayer {
	width:120px;
   height:320px;
   background:url(../images/bg-sprayer.jpg) no-repeat;
   position:absolute;
   right:1px;
}

body #noozle img {
	display:none;
}

body.hasJS #noozle img {
	display:block !important;
}

/* ///////////////////////////////////////////////////////////
	=> center 
/////////////////////////////////////////////////////////// */

body#index #center {
	background:url(../images/bg-center.jpg) 50% 0 no-repeat;
}

#center .container {
	width:920px;
	padding:50px 20px;
}

#center h2 {
   color:#224a99;
   font:bold 36px/38px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   text-transform:uppercase;
   height:40px;
}

#center h3 {
   color:#646464;
   font:normal 30px/34px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
}

#center h4 {
   color:#224a99;
   font:bold 16px/20px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
}

#center #content-main {
	width:600px;
   float:left;
}

#center #content-main .content-column {
	width:280px;
   float:left;
   padding-right:40px;
}

#center #content-main div.last {
	padding:0;
}

#center #content-sidebar {
	width:270px;
   padding:118px 0 0 50px;
   float:left;
   background:url(../images/bg-content-sidebar.jpg) 40px 113px no-repeat;
}

#center #content-sidebar a {
	color:#2e7803;
}

#center #content-sidebar h2 {
	font:bold 26px/30px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   color:#2e7803;
   height:26px;
   width:260px;
   overflow:hidden;
}

#center #content-sidebar h3 {
	font:normal 19px/24px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   height:44px;
}

#center #content-sidebar a.map {
	display:block;
   float:right;
   width:120px;
   height:149px;
   text-indent:-9999px;
   background:url(../images/bg-content-sidebar-map.jpg) no-repeat;
   position:relative;
   top:-43px;
}

#center blockquote {
	height:280px;
   width:280px;
   background:url(../images/portrait/kundenzufriedenheit.jpg) no-repeat;
}

#center blockquote p {
	padding:15px 0 0 115px;
	font:normal 15px/20px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
}

/* ///////////////////////////////////////////////////////////
	=> bottom 
/////////////////////////////////////////////////////////// */

#bottom {
	background:#e2e2e2 url(../images/bg-bottom.jpg) center top repeat-x;
}

#bottom .container {
	width:920px;
	padding:30px 20px;
   color:#4a4a4a;
}

#bottom .footer-main {
	width:600px;
   float:left;
   padding-right:40px;
}

#bottom .footer-sidebar {
	width:280px;
   float:left;
}

#bottom .footer-column {
	width:280px;
   float:left;
   padding-right:40px;
}

#bottom div.last {
	padding:0;
}

#bottom h2 {
	font:bold 26px/28px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   color:#224a99;
   height:28px;
   text-transform:uppercase;
}

#bottom h3 {
	font:normal 19px/23px Myriad Pro Cond, Arial Narrow, Helvetica, sans-serif;
   height:20px;
   color:#646464;
}

#bottom hr {
	height:1px;
   border:none;
   border-top:1px solid #b8b8b8;
   margin:10px 0 0 0;
	padding:15px 0 0 0;
   *margin:0 0 10px 0;
}