/*
Theme Name: Aqua Guard
Theme URI: 
Description: The theme for Aqua Guard.
Author: 
Version: 1.0
*/

BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Trebuched MS", Arial, Helvetica, sans-serif;
    background: #4c90cd url("public/images/bg/body-bg.jpg") no-repeat left top;
}
a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}
a:hover {
	color: #009966;
}
a:active {
	color: #0066FF;
}

A IMG { border: none; }
LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, UL, OL, P {
	padding: 0;
	margin: 0;
}
html,body{height: 100%;}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}
#content H1, #content H2, #content H3, 
#content H4, #content H5, #content H6 {margin: 0px 0 20px; color: #000; line-height: 135%;} 
#content P {font-size: 14px; color: #000; padding: 0 0 15px; line-height: 130%;} 
#content UL, #content OL { font-size: 14px; margin: 10px 40px 0; color: #000;} 
#content OL {margin: 10px 45px 0;} 
#content A {color: #0066FF;}
#content H1 {
	font-size: 18px;
}
#content H2 {
	font-size: 16px;
}
#content H3 {
	font-size: 14px;
}
#content H4 {
	font-size: 12px;
}
#page {
    margin: auto;
    text-align: left;
    width: 968px;
	height: 100%;
}
.main-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	float: left;
	background: url("public/images/bg/container-bg.gif") repeat-y center top;
}
#header {
	margin: 0 14px;
	background: url("public/images/bg/header-bg.gif") repeat-x left top;
	padding-top: 13px;
	float: left;
	width: 940px;
	display: inline;
}
A.logo {
	float: left;
	margin-left: 5px;
	display: inline;
	font-size: 1px;
}
#header .info {
	float: right;
	width: 510px;
	margin-top: 5px;
}
#header .info UL {float: left;}
#header .info UL LI {
	display: inline;
}
#header .info .contact {
	text-align: right;
	font-size: 22px;
	color: #000;
	margin-right: 15px;
}
#header .info .contact SPAN {
	display: block;
	color: #438723;
	font-size: 32px;
}
#header .menu {
	width: 100%;
	margin-top: 10px;
	background: url("public/images/bg/menu-bg.gif") repeat-x left top;
	height: 51px;
	float: left;
}
#header .menu UL {
	background: url("public/images/bg/separator-menu.gif") no-repeat right top;
	float: left;
	padding-right: 2px;
}
#header .menu UL LI {
	display: inline;
	font-size: 11px;
	position: relative;
	float: left;
	z-index: 20;
	background: url("public/images/bg/separator-menu.gif") no-repeat left top;
	padding-left: 2px;
	height: 51px;
}
#header .menu UL LI A {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	height: 40px;
	padding: 0 25px;
	line-height: 345%;
}
#header .menu UL LI.has-submenu A SPAN {
	background: url("public/images/icons/arrow-menu.gif") no-repeat right center;
	padding-right: 15px;
	display: block;
}
#header .menu UL LI.has-submenu UL A SPAN{background:none;}
#header .menu UL LI:HOVER A,#header .menu UL LI.current-menu-item A, #header .menu UL LI.current_page_parent A {
	background: url("public/images/bg/menu-bg-hover.gif") repeat-x left top;
}
#header .menu UL LI A:HOVER {text-decoration: none;}
#header .menu UL LI:HOVER, #header .menu UL LI.current-menu-item, #header .menu UL LI.current_page_parent {
	background: url("public/images/bg/separator-menu-hover.gif") no-repeat left top;
	z-index: 21;
}
#header .menu UL UL LI:HOVER A,#header .menu UL UL LI.current-menu-item A, #header .menu UL UL LI.current_page_parent A ,
#header .menu UL LI:HOVER UL A,#header .menu UL LI.current-menu-item UL A, #header .menu UL LI.current_page_parent UL A ,
#header .menu UL UL LI:HOVER, #header .menu UL UL LI.current-menu-item, #header .menu UL UL LI.current_page_parent{background:none;}
#header .menu UL LI:HOVER {z-index: 22; }
#header .menu UL LI UL {
	background: #868686;
	width: 172px;
	left: 0;
	top: 41px;
	position: absolute;
	z-index: 50; 
	padding: 0;
	display: none;
}
#header .menu UL LI UL LI {
	background: none;
	height: auto;
	padding-left: 20px;
	display: block;
	float: none;
	border-bottom: 1px solid #aeaeae;
}
#header .menu UL LI LI A {
	text-transform: none;
	float: none;
	padding: 0;
	display: block;
	
}
#header .menu UL LI UL LI:HOVER {background: transparent !important;}
#header .menu UL LI:HOVER LI A {background: transparent !important;}
#header .menu UL LI LI A:HOVER {text-decoration: underline;}
#header .menu UL LI.has-submenu:HOVER UL A SPAN{background:none;}
#header .menu UL LI.has-submenu:HOVER A SPAN {
	background: url("public/images/icons/arrow-menu-h.gif") no-repeat right center;
}
/*#header .menu UL LI:HOVER UL {display: block;}*/
#header .menu UL LI.first,#header .menu UL LI.first:HOVER {background: none; padding: 0;}








#content {
	margin: 0 14px;
	padding-bottom: 80px;
}
.rotate-box {
	width: 100%;
	margin-top: 10px;
	height: 260px;
	position: relative;
}
#content .rotate-box UL.pictures {position: relative; margin: 0;}
.rotate-box UL.pictures LI {
	list-style: none;
	font-size: 1px;
	line-height: 0%;
	position: absolute;
}
.rotate-shadow {
	background: url("public/images/bg/rotate-bg.gif") repeat-x left top;
	height: 11px;
	width: 100%;
	margin-bottom: 30px;
}
#content .rotate-box .navigation {
	position: absolute;
	right: 15px;
	bottom: 10px;
	margin: 0;
	z-index: 50;
}
.rotate-box .navigation A.activeSlide{text-decoration:underline;}
.rotate-box .navigation A {
	background: url("public/images/bg/nav-bg.png") no-repeat left top;
	width: 20px;
	height: 20px;
	text-align: center;
	float: left;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 145%;
	margin-right: 5px;
}
#content .container {
	margin: 0 20px 0 25px;
}
#content .alignleft {margin: 0 15px 15px 0; float: left; font-size: 1px;}
#content .alignright {margin: 0 0 15px 15px; float: right; font-size: 1px;}

#footer {
	height: 60px;
	width: 100%;
	margin-top: -60px;
	float: left;
	position: relative;
	background: url("public/images/bg/container-bg.gif") repeat-y left top;
	color: #6d6d6d;
	font-size: 11px;
}
#footer P A{color: #6d6d6d;}
#footer .container-area {
	background: #f2f2f2;
	margin: 0 14px;
	height: 100%;
	width: 940px;
}
#footer P {
	margin: 0 0 0 30px;
	padding-top: 25px;
}
#footer .social {
	float: right;
	margin: 20px 30px 0 0;
	display: inline;
}
#footer .social LI {
	display: inline;
}
#footer .social LI A {
	background: url("public/images/icons/social.gif") no-repeat left top;
	width: 26px;
	height: 24px;
	text-indent: -10000px;
	float: left;
	margin-right: 6px;
}
#footer .social LI A:HOVER {
	background-position:  0 -25px; 
}
#footer .social LI A.facebook {background-position: -32px 0;}
#footer .social LI A.facebook:HOVER {background-position: -32px -25px;}
#footer .social LI A.twitter {background-position: -64px 0;}
#footer .social LI A.twitter:HOVER {background-position: -64px -25px;}
#footer .social LI A.flickr {background-position: -96px 0;}
#footer .social LI A.flickr:HOVER {background-position: -96px -25px;}
#footer .social LI A.rss {background-position: -128px 0;}
#footer .social LI A.rss:HOVER {background-position: -128px -25px;}

/*  Contact Form  */
form.wpcf7-form .send {
	border:0px none;
	margin:0px;
	padding:0px;
	cursor:pointer;
	background:url('../images/buttons/send.gif') no-repeat;
	width:64px;
	height:22px;
	line-height:0px;
	font-size:0px;
}
form.wpcf7-form span.wpcf7-not-valid-tip  {
	background:none;
	color:#FF0000;
	display:block;
	font-size:10pt;
	font-style:italic;
	padding:2px;
	width:275px;
	z-index:100;
	border:0px none;
	position:static;
}
div.wpcf7 div.wpcf7-validation-errors {
	border:2px solid #Ff0000;
}
div.wpcf7 div.wpcf7-mail-sent-ng  {
	border:2px solid #FF0000;
}
div.wpcf7 div.wpcf7-response-output {
	font-size:16px;
	margin-left:0px;
	zoom:1;    
}
form.wpcf7-form .form-row span {
	zoom:1;
}
.contact form.wpcf7-form label {
	float:left;
	width:75px;
	text-align:right;
	margin-right:18px;
	color:#9c9c8a;
	font-size:12px;
}
.contact form.wpcf7-form input {
	border-top:1px solid #717171;
	border-right:1px solid #717171;
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
	width:303px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}
.contact form.wpcf7-form .form-row {
	margin-bottom:18px;
	clear:both;
}
.contact form.wpcf7-form textarea {
	width:303px;
	height:100px;
	border:1px solid #808080;
	padding:3px 5px 0;
}
.contact form.wpcf7-form select {
	margin-top:12px;
}
.contact form.wpcf7-form input.captcha {
	width:168px;
	float:none;
}
.contact form.wpcf7-form img {
	margin:0 45px 0 20px;
}
.contact form.wpcf7-form .form-row.button {
	text-align:center;
}
.contact form.wpcf7-form input.submit {
	margin:0 auto;
	padding:0px;
	border:0px none;
	float:none;
	width:80px;
	height:20px;
	background:url('../images/buttons/submit.gif') no-repeat;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
}
.area input.wpsc_buy_button{
    border:none;
    line-height:0;
    font-size:0;
    width:115px;
    height:27px;
    cursor:pointer;
    background:url(../images/buttons/nu-bestelen.gif) no-repeat left top;
}

