/** START EDITOR **/

body {
	font-size:70%;
	line-height:1.3;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #666666;
	}

h1, h2, h3 	{
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 1;
	}
#hp h2 {
	color: #333333;
	}

h1 { font-size: 20px; }
h2, .banner p  { font-size: 18px; }
h3 { font-size: 15px; font-weight:600; }

h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
	}

a { color: #666666; }
a:hover, a:focus { color: #444444; }

.content a { color:#009de0; font-weight:bold; text-decoration: none; }



p { margin: 0; }

/** END EDITOR **/


/*
blue		#009de0
gray		#bdbdbd
green		#88db10
*/


/** BASIC STYLES **/

html, body { margin: 0px !important; height: 100%; }

html { background: #d9f0fa url('/image/gradient.png') repeat-x 0px 0px; }

body { background: url('/image/wave.png') no-repeat center 28px; }
body#hp { background: url('/image/wave-home.png') no-repeat center 107px; }

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	font-size:15px;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea,
form td input {
	border: 1px solid #aaaaaa;
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	float: left;
	}
form input {
	display: block;
	width: 20em;
	float: left;
	}
form textarea {
	width: 31.8em;
	height: 8em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}

form .formElementDate table label{
	width:auto;
	font-size:130%;
	}

form.formGenerator fieldset p{
	margin-top:5px;
	}

/** CLASSES **/

.errorMessage {
	color: red;
	border: 1px solid red;
	background: pink;
	padding: .5em;
	display: block;
	}

.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}
.clear {
	clear: both;
	display: block;
	}

#toptitle,
.content {
	margin: 0px 30px;
	}
#wrapper #toptitle {
	margin: 0px;
	}

.coll,
.coll-2 {
	overflow: hidden;
	}
.coll,
.coll-ins {
	float: left;
	width: 290px;
	width: 264px;
	}
.coll-2 {
	float: right;
	width: 580px;
	}
.coll-div {
	padding-top: 4px;
	border-top: 1px solid #bdbdbd;
	}

.coll-ins {
	float: right;
	}
.extra {
	float: left;
	width: 289px;
	background: #daeff5 url('/image/corner-top.png') no-repeat center top;
	}
.extra .corner {
	padding: 15px 20px;
	background: url('/image/corner-bot.png') no-repeat center bottom;
	}

h1.toptitle {
	color: #009de0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bdbdbd;
	}

.div {
	margin-top: 40px;
	}

.banner {
	width: 264px;
	height: 82px;
	margin-bottom: 24px;
	background: #009de0 url('/image/bnnr-blue.gif') no-repeat;
	}
#bnnr-faq {
	height: 111px;
	background: #88db10 url('/image/bnnr-faq.gif') no-repeat;
	}
.banner p {
	height: 100%;
	line-height: 1;
	}
.banner a {
	height: 92%;
	display: block;
	color: #333333;
	padding: 4% 80px 4% 20px;
	text-decoration: none;
	}
.banner a strong {
	color: #ffffff;
	font-weight: bold;
	display: block;
	}
#bnnr-order a strong {
	background: url('/image/arrow-white.png') no-repeat 126px 22px;
	}
.banner .more {
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
	background: url('/image/arrow-white.png') no-repeat right center;
	}
.banner .img {
	margin-left: 137px;
	margin-top: -85px;
	width: 107px;
	height: 102px;
	display: block;
	position: absolute;
	background: url('/image/karretje.gif') no-repeat;
	}

#hp blockquote.stylish {
	width: 568px;
	height: 71px;
	background: url('/image/quotes/001h.gif') no-repeat;
	}
blockquote.stylish {
	width: 264px;
	height: 171px;
	background: url('/image/quotes/001.gif') no-repeat;
	}
blockquote.stylish p {
	left: -999em;
	position: absolute;
	}

.readmore a {
	color: #009de0;
	font-weight: bold;
	text-decoration: none;
	}
.readmore .arrow {
	padding-left: 14px;
	background: url('/image/nav-arrow.gif') no-repeat right 2px;
	}

.btnReadmore a {
	float: right;
	display: block;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding-left: 8px;
	background: #009de0 url('/image/btn-left.gif') no-repeat left top;
	}
.btnReadmore a span {
	display: block;
	width: auto;
	cursor: pointer;
	color: #ffffff;
	height: 24px;
	line-height: 24px;
	padding-right: 28px;
	background: url('/image/btn-right.gif') no-repeat right top;
	}

.btnGoback a {
	float: left;
	display: block;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	background: #009de0 url('/image/btn-left-back.gif') no-repeat left top;
	}
.btnGoback a span {
	display: block;
	width: auto;
	cursor: pointer;
	color: #ffffff;
	height: 24px;
	line-height: 24px;
	padding-right: 8px;
	background: url('/image/btn-right-back.gif') no-repeat right top;
	}


/** LAYOUT **/

#container {
	width: 930px;
	width: 954px;
	min-height: 100%;
	margin: 0px auto;
	/* padding: 0px 12px; */
	overflow: hidden;
	background: url('/image/shadow.png') repeat-y center top;
	}

#hp #wave {
	background: url('/image/wave-home.png') no-repeat center 107px;
	}
#wave {
	padding: 0px 12px;
	min-height: 400px;
	background: url('/image/wave.png') no-repeat center 28px;
	}

#site {
	width: 954px;
	width: 930px;
	margin: 0px auto;
	}

#wrapper {
	}



/** HEADER **/

#hp #header {
	height: 453px;
	background: url('/image/header-home.jpg') no-repeat center 45px;
	}
#header {
	clear: both;
	height: 243px;
	position: relative;
	background: url('/image/header.jpg') no-repeat center 45px;
	}

#logo {
	top: 30px;
	top: 75px;
	right: 10px;
	position: absolute;
	}
#logo a {
	display: block;
	text-decoration: none;
	}

#heart {
	z-index: 3;
	top: 145px;
	left: 47px;
	width: 70px;
	height: 70px;
	position: absolute;
	background: url('/image/heart.png') no-repeat;
	}
#hp #heart {
	top: 258px;
	left: 87px;
	}
#callout {
	z-index: 2;
	top: 95px;
	left: 103px;
	width: 110px;
	height: 110px;
	display: block;
	position: absolute;
	background: url('/image/callout.png') no-repeat;
	}
#hp #callout {
	top: 360px;
	left: auto;
	right: 30px;
	}

#header ul,
#header li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#header ul {
	}
#header li {
	float: left;
	width: auto;
	}
#header li a {
	text-decoration: none;
	}

ul#font,
ul#lang {
	float: left;
	width: 73px;
	height: 16px;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 13px;
	border-left: 1px solid #bdbdbd;
	}
ul#font li,
ul#lang li {
	font-size: 11px;
	font-weight: bold;
	}
ul#font .active a,
ul#lang .active a {
	color: #009de0;
	}

ul#font {
	width: 48px;
	}
ul#font li {
	margin-right: 6px;
	}
ul#font #Normaal {
	font-size: 11px;
	line-height: 16px;
	}
ul#font #Grooter {
	font-size: 14px;
	line-height: 14px;
	}
ul#font #Grootst {
	font-size: 16px;
	line-height: 12px;
	}

ul#lang {
	width: 85px;
	}
ul#lang li {
	padding: 0px 2px;
	border-left: 1px solid #bdbdbd;
	}
ul#lang .first {
	border: 0;
	}
ul#lang li a {
	padding: 0px 4px;
	}


/** NAVIGATION **/

#navigation {
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 5px;
	}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	padding: 10px 5px 0px 5px;
	}

#nav a,
#nav a span {
	font-size: 11px;
	height: 35px;
	line-height: 35px;
	display: block;
	cursor: pointer;
	padding: 0px 10px;
	font-weight: bold;
	text-decoration: none;
	}
#nav a {
	padding: 0;
	}
#nav a:hover {
	color: #009de0;
	}
#nav .open a,
#nav .active a {
	background: #2868b7 url('/image/nav-corner-left.gif') no-repeat left top;
	background: #2c6db8 url('/image/nav-corner-left.gif') no-repeat left top;
	}

#nav .open a span,
#nav .active a span {
	color: #ffffff;
	font-size: 13px;
	line-height: 32px;
	background: url('/image/nav-corner-right.gif') no-repeat right top;
	}

#nav li {
	float: left;
	width: auto;
	}
#nav li ul {
	z-index: 5;
	width: 296px;
	left: -999em;
	margin-top: -10px;
	margin-left: -20px;
	position: absolute;
	padding-bottom: 30px;
	background: url('/image/subnav-bot.png') no-repeat center bottom;
	}

#nav ul li,
#nav ul li a,
#nav ul li a span {
	height: 20px;
	line-height: 20px;
	padding: 0;
	}
#nav ul li {
	width: 236px;
	padding: 0px 30px;
	height: 21px;
	background: url('/image/subnav.png') no-repeat center -36px;
	}

#nav ul li a,
#nav .open ul li a,
#nav .active ul li a {
	padding: 0;
	color: #009de0;
	font-size: 11pt;
	border-bottom: 1px solid #bdbdbd;
	background: url('/image/nav-arrow.gif') no-repeat right 5px;
	}
#nav ul li a:hover {
	color: #666666;
	background-position: right -15px;
	}

#nav ul li a span,
#nav .open ul li a span,
#nav .active ul li a span {
	color: inherit;
	color: #009de0;
	font-size: 11px;
	line-height: 21px;
	background: none;
	}
#nav ul li a:hover span,
#nav .open ul li a:hover span,
#nav .active ul li a:hover span {
	color: #666666;
	}

#nav ul li.first {
	padding-top: 32px;
	background: url('/image/subnav.png') no-repeat center top;
	}
#nav ul li.first a {
	}

#nav li ul ul {
	margin: -1em 0 0 20em;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	}


/** CONTENT - DEFAULT **/

.intro-text .banner {
	float: right;
	margin: 0;
	}

.intro-body {
	float: left;
	width: 580px;
	}




/** CONTENT - HOMEPAGE **/

#home-intro {
	padding-top: 15px;
	}
#home-intro img{
	float:right;
	}
#home-intro h2,
#items h2 {
	margin-bottom:1em;
	}
#hp .toptitle {
	padding-right: 290px;
	}

#items .corner {
	height: 187px;
	background: url('/image/home-items-block-btm.jpg') no-repeat left bottom;
	}

#items ul,
#items ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}


/** CONTENT - GENERATOR **/

#content {
	float: left;
	width: 580px;
	}

#sidebar {
	float: right;
	width: 264px;
	padding-top: 42px;
	padding-top: 12px;
	padding-top: 0px;
	}


/** CONTENT - NEWS **/

.news-item {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid silver;
	}
.news-item h3 {
	margin-bottom: 10px;
	}
	.news-item h3 a{
	color:#666;
	}
.news-item img {
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
	}
.news-item .btnReadmore {
	margin-top: 10px;
	}

#news-one .news-item{
	border:none;
	margin-bottom: 0px;
	padding-bottom: 20px;
	}

/** CONTENT - ORDER FORMS **/

label.error{color:#E2091F;}

ol.form-nav,
ol.form-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ol.form-nav {
	clear: both;
	height: 36px;
	margin: 0px 0px 40px 0px;
	background: url('/image/form-nav-bg.gif') repeat-x bottom left;
	}
ol.form-nav li {
	float: left;
	width: 200px;
	width: auto;
	font-size: 12px;
	margin-top: 5px;
	}

ol.form-nav li.active {
	margin-top: 0;
	border-bottom: 1px solid #ffffff;
	}
ol.form-nav li.done {
	background: url('/image/form-nav-tabs.gif') repeat-x 0px 0px;
	}

ol.form-nav li a {
	color: #666666;
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 20px 5px 20px;
	}
ol.form-nav li.active a,
ol.form-nav li.done a {
	color: #009de0;
	}

ol.form-nav li.done a {
	background: url('/image/form-nav-tab-l.gif') no-repeat left 0px;
	}
ol.form-nav li.first a {
	background: url('/image/form-nav-tab-l.gif') no-repeat left -33px;
	}
ol.form-nav li.active {
	background: url('/image/form-nav-tab.gif') no-repeat 0px 0px;
	}
ol.form-nav li.active a {
	padding-top: 10px;
	font-weight: bold;
	background: url('/image/form-nav-tab-r.gif') no-repeat right 0px;
	}

ol.form-nav span {
	float: left;
	display: block;
	width: 24px;
	height: 20px;
	line-height: 18px;
	color: #ffffff;
	text-indent: 7px;
	margin-right: 5px;
	font-weight: bold;
	background: url('/image/form-nav-nr.png') no-repeat 0px -20px;
	}
ol.form-nav li.active span,
ol.form-nav li.done span {
	background-position: 0px 0px;
	}

.fieldset {
	}
.fieldset table {
	width: 100%;
	}
.fieldset thead td {
	width: 46%;
	}
.fieldset thead th {
	width: 18%;
	}
.fieldset td {
	}
.fieldset input,
.fieldset label,
.fieldset textarea {
	width: auto;
	}
.fieldset th {
	font-weight: bold;
	}

#prod-overview {
	overflow: hidden;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 3px;
	background: #e8f5f8;
	}
#prod-overview .item {
	display: block;
	width: 120px;
	height: 121px;
	padding: 11px;
	float: left;
	margin: 0px 15px 20px 15px;
	background: url('/image/prod-item-bg.gif') no-repeat;
	}
#prod-overview .item .figure {
	width: 120px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 8px;
	background: #fff;
	}
#prod-overview .item .figure img {
	margin:auto;
	}

#prod-overview .item .figure-no-img{
	background: #d5d5d5 url('/image/prod-item-fig.gif') no-repeat;
	}

#prod-overview .item input {
	width:auto;
	border:0 none !important;

	}
#prod-overview .item label {
	float:none;
	width:11em;
	line-height:1.7;
	/* AZ */
	width: auto;
	height: 3.4em;
	overflow: hidden;
	}

#bookCare {
	padding-top:20px;
	}

#bookCare h2{
	margin-left:1em;
	}

p.text{
	margin-left:5px;
	}

/** FOOTER **/

#footer {
	clear: both;
	padding-top: 50px;
	padding-bottom: 30px;
	}
#footer p {
	margin: 0px 28px;
	padding-top: 10px;
	border-top: 1px solid #bdbdbd;
	}
#footer a {
	text-decoration: none;
	}

#footer a.underline{text-decoration:underline;}

/** FORM BUILDER **/

p.FormRadioButton input {
	width: auto;
	border: 0 !important;
	}
p.FormRadioButton label {
	margin: 4px auto auto;
	}
form p.FormTextArea label,
form p.FormSubmit label,
form p.msg label {
	display: none;
	}
form p.FormCheckbox label {
	width: auto;
	}
form label.value {
	width: auto;
	}

form h3 {
	padding-left: 20px;
	margin: 20px 0px 10px 0px
	}
form h3 span {
	font-size: 70%;
	font-weight: normal;
	}
div.fieldset {
	padding: 15px 20px;
	background: #e8f5f8;
	}
div.fieldset textarea {
	width: 355px;
	}
div.fieldset textarea.other {
	height: 40px;
	width: 333px;
	margin-left: 4px;
	}

form p.note {
	margin-top: 1.4em;
	}
form p.noteRight {
	padding-left: 200px;
	}

sup.req, label sup,
.note sup {
	color: #009de0;
	}

.checkbox input {
	border: 0 !important;
	}


.form-prev-next-nav {
	overflow: hidden;
	padding-top: 20px;
	text-align: center;
	margin: 0px auto;
	}
#form-nav-step1 {
	width: 250px;
	}
#form-nav-step2, #form-nav-step3, #form-nav-step4 {
	width: 550px;
	}

.btn-next {
	float: right;
	width: 249px;
	height: 24px;
	color: #ffffff;
	background: #009de0;
	}
.btn-contact-send {
	width: 103px;	
	float: left;
	margin-bottom:1em;
	}

.btn-prev {
	float: left;
	width: 249px;
	height: 24px;
	color: #ffffff;
	background: #bdbdbd;
	}

.formElement {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
	}

.formElement label {
	float: left;
	width: 200px;
	display: block;
	}

.formElement label.error{
	width:auto;
	margin-left:3px;
	}

.formElement label.hidden {
	display:none;
	}

.formElement p {
	clear: none;
	float: left;
	width: 600px;
	}
#formPostcode input {
	width: 114px;
	}
#formTelnr input {
	width: 178px;
	}

#selectDate {
	margin-top: 3.9em;
	}

.formElementDate input {
	width: 50px;
	}

.formElement p select {
	float: left;
	width: auto;
	}
.formElement p input {
	float: left;
	}

.formText p input {
	height:17px;
	width: 400px;
	}
.formSelect p select {
	width: 400px;
	}






/*
.td1 { width: 100%; overflow: hidden; }
.td1 p { float: left; width: auto; }
.td1 a { border: 1px solid red; width: auto; display: inline; }
.fig { border: 1px solid blue; width: auto; overflow: hidden; float: right; width: 300px; }
*/