@charset "utf-8";
/* CSS Document */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {margin: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ede7f2 url("img/bg_body.jpg") repeat-x; text-align: center; color: #222; padding: 0 0 40px 0;}
h1 {margin: 0; font-size: 300%; color: #a587be; font-family: Economica, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2 {margin: 0; font-size: 220%; color: #9ebc80; font-family: Economica, Arial, Helvetica, sans-serif;}
h3 {margin: 0; font-size: 189%; color: #a587be; font-family: Economica, Arial, Helvetica, sans-serif;}
h4 {margin: 0; font-size: 167%; color: #9ebc80; font-family: Economica, Arial, Helvetica, sans-serif;}
a:LINK, a:VISITED {color: #a587be; text-decoration: underline;}
a:HOVER, a:ACTIVE {color: #9ebc80; text-decoration: none;}
p {margin: 0 0 1em 0;}
abbr {border: 0;}

table {width: 100%; padding: 0; border-collapse: collapse;}
th {background-color: #fcb236; color: #222; padding: 5px; text-align: left;}
td {padding: 5px;}

form {margin: 0;}
label {float: left; width: 160px; font-weight: bold;}
label.inline {float: none; width: auto; font-weight: normal;}
label.inline.next {float: none; width: auto; margin-left: 20px;}
.formrow {margin-bottom: 10px;}
input, select, textarea {border: 1px solid #ccc; font-size: 100%; padding: 3px; font-family: Gruppo, Arial, Helvetica, sans-serif;}
input:FOCUS, select:FOCUS, textarea:FOCUS {border: 1px solid #666;}
select {width: 240px;}
textarea {width: 400px; height: 140px;}
.formhint {margin-left: 160px; margin-top: 3px; font-style: italic; background: url("img/icon_info.png") no-repeat center left; padding-left: 20px; color: #0062C8;}
.formerror, .formerror:FOCUS {border: 1px solid #e00; border-right: 2px solid #e00; border-bottom: 2px solid #e00;}
.formblock {float: left; width: 500px;}
.mandatory:BEFORE {content: "* "; font-weight: normal;}
legend {font-weight: bold; color: #ee1c25;}
fieldset {margin-bottom: 16px; border: 1px solid #ee1c25;}
form.extended label {float: none; width: auto; display: block;}
form.extended textarea {width: 600px; height: 100px;}
form.extended label.inline {display: inline;}

img, a img {border: 0;}

.error {background: #ce0100 url("img/bg_error.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #bb0500; margin-bottom: 10px;}
.error p {background: url("img/icon_error.png") no-repeat; padding-left: 20px; margin: 0;}

.success {background: #028d00 url("img/bg_success.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #047700; margin-bottom: 10px;}
.success p {background: url("img/icon_success.png") no-repeat; padding-left: 20px; margin: 0;}

.warning {background: #fec006 url("img/bg_warning.png") repeat-x; color: #666; font-weight: bold; padding: 5px; border: 1px solid #cc9900; margin-bottom: 10px;}
.warning p {background: url("img/icon_warning.png") no-repeat; padding-left: 20px; margin: 0;}

.info {background: #c9d8dd url("img/bg_info.png") repeat-x; color: #666; font-weight: normal; padding: 5px; border: 1px solid #ccc; margin-bottom: 10px;}
.info p {background: url("img/icon_info.png") no-repeat; padding-left: 20px; margin: 0;}

.error a, .success a {color: #fff;}
.warning a, .info a {color: #666;}

.submitknop {margin: 10px 0 0 160px;}
.submitknop input {
	border: 2px solid #688d41;
	background: #688d41; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#9ad360), to(#688d41)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #9ad360,  #688d41); /* for firefox 3.6+ */ 
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 15px;
	}

.submitknop input:HOVER, .submitknop_inline input:HOVER {
		background: -webkit-gradient(linear, left top, left bottom, from(#688d41), to(#9ad360)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #688d41,  #9ad360); /* for firefox 3.6+ */ 
		}

.submitknop_inline {margin: 0;}
.submitknop_inline input {
	border: 2px solid #688d41;
	background: #688d41; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#9ad360), to(#688d41)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #9ad360,  #688d41); /* for firefox 3.6+ */ 
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 15px;
	}

#canvas {width: 960px; margin: 0 auto; text-align: left;}

#logo_quote_menu {margin: 10px 0 27px 0;}
#logo {width: 200px; float: left;}
#quote_menu {width: 700px; float: right; padding: 10px 0 0 0;}

#quote {background: url("img/bg_quote.png") no-repeat top right; padding: 24px 30px 0 0; font-family: Economica, Arial, Helvetica, sans-serif; width: 300px; float: right; margin: 0 0 40px 0;}
#quote p {margin: 0; color: #9ebc80; font-size: 131%;}
#quote .quoter {color: #b8b8b8; font-size: 108%;}

#menu {font-family: Economica, Arial, Helvetica, sans-serif; clear: both;}
#menu ul {list-style-type: none; margin: 0; padding: 0; font-size: 161.6%; text-align: right; font-weight: normal; text-transform: uppercase;}
#menu ul li {margin: 0 14px 0 0; display: inline; background: url("img/bg_menu_li.png") no-repeat center right; padding: 0 50px 0 0;}
#menu ul li.last {margin-right: 0; background: none; padding-right: 0;}
#menu ul li a {color: #a587be; text-decoration: none;}
#menu ul li a:HOVER, #menu ul li.actief a {color: #a587be; text-decoration: none;}

#header {margin: 0 0 24px 0;}

#content {background: #fff; font-size: 69%; line-height: 1.6;
	width: 954px;
	-moz-box-shadow: 3px 3px 4px #666; /* Firefox/Mozilla */  
	-webkit-box-shadow: 3px 3px 4px #666; /*Safari/Chrome */  
	box-shadow: 3px 3px 4px #666; /* Opera & hoe het zou moeten */  
	/* Voor IE 8 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666')";  
	/* Voor IE 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666');
	}

#maincontent {padding: 15px; min-height: 600px;}

#bodyfooter {background: url("img/bg_footer.jpg") no-repeat top left; text-align: right; color: #fff; padding: 5px 15px;}
#bodyfooter p {margin: 0;}
#bodyfooter p.productvan {font-size: 197%; font-family: Economica, Arial, Helvetica, sans-serif; font-weight: bold;}
#bodyfooter h3 {color: #fff; font-size: 153.9%;}
#contactpersonen {margin: 16px 0;}
.contactpersoon {float: right; margin-left: 36px;}
#bodyfooter a {color: #fff; text-decoration: none;}
#bodyfooter a:HOVER {color: #fff; text-decoration: underline;}

ul#usp {list-style-type: none; margin: 0; padding: 0; color: #a587be; font-size: 197%; font-family: Economica, Arial, Helvetica, sans-serif;}
ul#usp li {background: url("img/bg_usp_li.png") no-repeat center left; padding: 0 0 0 26px; margin: 0 0 8px 0;}

.opvallend {color: #a587be; font-size: 197%; font-family: Economica, Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;}

#footer {margin: 16px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 69%;}
#innerfooter {width: 700px; float: left; color: #907f9d;}
#innerfooter ul {list-style-type: none; margin: 0; padding: 0;}
#innerfooter ul li {display: inline; margin: 0 24px 0 0;}
#innerfooter ul li a {color: #907f9d; text-decoration: none;}
#webdesign {width: 200px; float: right; text-align: right;}
#webdesign a {color: #b7a7c4; font-size: 100%; text-decoration: none;}