@import url("layout.css");
@import url("menu.css");
@import url("extra.css");
@import url("media.css");
@import url("formulieren.css");
@import url("data.css");
@import url("content.css");
@import url("kalender.css");
@import url("reservatie.css");


@import url("promos/promos.css");

body {
/*
	scrollbar-arrow-color: #FF7500;
	scrollbar-face-color: #FFCC00;
	scrollbar-highlight-color: #FF9900;
	scrollbar-3dlight-color: #FFCC00;
	scrollbar-shadow-color: #FF9900;
	scrollbar-darkshadow-color: #FFCC00;
	scrollbar-track-color: #FFCC00;
*/
	/* voor absolute positionering van totaalprijs */
	height: 100%;
	overflow-y: auto;
	
	min-width: 990px;
}

body, html {
	background-image:  url("../images/layout/bg-body.gif");
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

h2 {
	margin: 10px 0px 10px 0px;
	padding: 2px 3px 3px 5px;
	
	font-size: 2.0em;
	font-weight: bold;
}
h3 {
	margin: 0px 0px 15px 0px;
	padding: 2px 3px 3px 5px;
	
	font-size: 1.8em;
	font-weight: normal;
}
h4 {
	margin: 0px 0px 10px 0px;
	padding: 2px 3px 3px 5px;
	
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 0px 0px 10px 0px;
	padding: 2px 3px 3px 5px;
	
	font-size: 1.0em;
	font-weight: normal;
}
h2, h3, h4, h5 {
	font-family: Georgia, Tahoma, Verdana;
	color: #858585;
	background-color: #EFF270;
	border-bottom: 3px solid #DEE238;
}
h2 {
	background-color: #E7EC28;
	border-bottom: 3px solid #CACE13;
}

h2 span.pre, h3 span.pre, h4 span.pre, h5 span.pre {
	margin-right: 2px;
	
	float: right;
	display: block;
}

h2 span.pre {
	width: 40px;
	height: 40px;
	
	background-image:  url("../images/layout/voetjes-h2.gif");
	background-repeat: no-repeat;
}
h3 span.pre {
	width: 30px;
	height: 30px;
	
	background-image:  url("../images/layout/voetjes-h3.gif");
	background-repeat: no-repeat;
}
h4 span.pre, h5 span.pre {
	width: 25px;
	height: 25px;
	
	background-image:  url("../images/layout/voetjes-h4.gif");
	background-repeat: no-repeat;
}

h3.link {
	padding: 0px;
	
	font-size: 1.8em;
	font-weight: normal;
	border: none;
}
h4.link {
	padding: 0px;
	
	font-size: 1.2em;
	font-weight: bold;
	border: none;
}
h5.transport {
	padding: 0px;
	
	background-color: transparent;
	border: none;
	
	color: #877010;
	font-size: 1.4em;
	font-weight: bold;
}
h3 a.home, h4 a.home {
	font-family: Georgia, Tahoma, Verdana;
	color: #858585;
	background-color: #EFF270;
	text-decoration: none;
	
	display: block;
	border-bottom: 3px solid #DEE238;
}
h3 a.home:hover, h4 a.home:hover {
	color: #964D26;
	font-style: italic;
	background-color: #F4F7A6;
	border-bottom: 3px solid #EFF271;
}
h3 a.home, h3 a.home:hover {
	padding: 2px 3px 3px 5px;
	font-weight: normal
}
h4 a.home, h4 a.home:hover {
	padding: 2px 3px 3px 5px;
	font-weight: bold;
}
h3 a.home span {
	font-size: 0.6em;
}

h2 span.hoe-reserveren-help {
	padding: 18px 10px 0px 0px;
	font-size: 0.4em;
	float: right;
}
h2 span.hoe-reserveren-help a {
	text-decoration: none;
}
h2 span.hoe-reserveren-help a:hover {
	background-color: transparent;
	text-decoration: none;
}
h2 span.trampaccess {
	display: none;
}
h3 span.promotie {
	font-size: 0.5em;
}

p.hoe-reserveren-help {
	margin: -7px 0px 10px 0px;
	padding: 0px 5px 0px 0px;
	
	font-size: 0.8em;
	text-align: right;
	/*float: right;*/
}

/****************************
 footer
****************************/
div.footer p {
	display: block;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #676910;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
}
div.footer p span {
	display: block;
	float: left;
	width: 185px;
}

div.footer p a {
	font-weight: bold;
	text-decoration: none;
	color: #676910;
	color: #FFFFFF;	
}
div.footer p a:hover {
	color: #F12B01;	
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
}
div.footer p.design {
	margin: 7px 7px 0px 10px;
	padding: 0px;
	float: right;
	text-align: center;
}
div.footer p.design img {
	margin-bottom: 4px;
	border: 1px solid #8B8E15;
	padding: 2px;
	background-color: #DEE237;
}
* html div.footer p.design img {	margin-bottom: 8px;	}
div.footer p.design a {
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
}
div.footer p.design a:hover {
	font-weight: normal;
	background-color: transparent;
	color: #FFFFFF;
}


/***************************************************************
	Allerlei
***************************************************************/

p {
	margin: 0px 0px 10px 0px;
	
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 1.0em;
	line-height: 1.3;
}
p.klein,
span.klein {
	font-size: 0.8em;
}
p.center {
	text-align: center;
}
p.nog-geen {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 15px 25px;
	
	background-image:  url("../images/icons/icon_info.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	
	font-weight: bold;
	color: #FA0404;
}
p.sql-error {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	
	font-family: "courier";
	font-weight: bold;
	color: #B90000;
	
	border-left: 1px solid #B90000;
}
p.ongeldig {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 15px 25px;
	
	background-image:  url("../images/icons/icon_verwijderen_klein.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	
	font-weight: bold;
	color: #FA0404;
}
p.ongeldig a, p.ongeldig a:hover, p.nog-geen a, p.nog-geen a:hover {
	font-weight: bold;
}
p.terug {
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	text-align: center;
}


p.mega-promo {
	margin: 10px 0px 15px 0px;
	
	font-size: 1.4em;
	font-family: Georgia, Tahoma, Verdana;
}
p.mega-promo a {
	padding: 0px 5px 5px 5px;
	
	display: block;
	
	color: #D13900;
	text-decoration: none;
}
p.mega-promo a:hover {
	color: #CACE13;
	background-color: transparent;
}
p.mega-promo a span.mega {
	padding-right: 10px;
	
	font-weight: bold;
	text-transform: uppercase;
}
p.mega-promo a:hover span.mega {
	font-style: normal;
}
p.mega-promo a span.onderaan {
	padding-left: 10px;
	
	font-size: 0.6em;
}

/*
p.mega-promo {
	margin: 10px 0px 15px 0px;
	
	font-size: 1.8em;
	font-family: Georgia, Tahoma, Verdana;
}
p.mega-promo a {
	padding: 9px 5px 9px 5px;
	
	background-image: url('../ezelsoor/kleine.gif');
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #F15208;
	border-bottom: 3px solid #D13900;
	
	display: block;
	
	color: #EEEEEE;
	text-decoration: none;
}
p.mega-promo a:hover {
	color: #DEE238;
	font-style: italic;
}
p.mega-promo a span.down {
	display: block;
	float: right;
	width: 20px;

	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
}
p.mega-promo a:hover span.down {
	font-size: 1.0em;
	font-style: normal;
}
p.mega-promo a span.mega {
	padding-right: 15px;
	
	font-weight: bold;
	text-transform: uppercase;
}
p.mega-promo a:hover span.mega {
	font-style: normal;
}
*/

div.knallende-trampolineactie {
	margin: 20px auto 20px auto;
	padding: 10px;
	
	background-image: url('../images/promo/promo_pakketten/25jaarberg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #B90000;
	
	width: 400px;
	
}
div.knallende-trampolineactie p.titel {
	margin-top: 5px;
	
	color: #B90000;
	font-size: 1.6em;
	font-weight: bold;
}
div.knallende-trampolineactie p.wat {	
	margin-top: 15px;
	
	color: #B90000;
	font-size: 1.2em;
}
div.knallende-trampolineactie p.wat span {
	font-size: 1.4em;
	font-weight: bold;
}
div.knallende-trampolineactie p.link {
	margin-top: 20px;
	
	font-size: 1.2em;
	text-align: center;
}
div.knallende-trampolineactie p.link a {
	color: #237500;
}
div.knallende-trampolineactie p.link a:hover {
	background-color: transparent;
	color: #309F00;
}

div.tweedehands {
	margin: 10px 0px 30px 0px;
	padding: 10px 20px 10px 20px;
	
	background-color: #F7BB0A;
	background-image: url('../images/afbeeldingen/koopjes.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
div.tweedehands h2 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: transparent;
	border: none;
	
	color: #33332D;
	font-size: 1.8em;
}
div.tweedehands p {
	color: #33332D;
	font-size: 1.2em;
}
div.tweedehands a {
	color: #F01818;
}

div.mega-promo {
	margin: 30px auto;
	padding: 0px 10px 0px 10px;
	
	background-color: #F15208;
	border: 3px solid #D13900;
	
	width: 96%;
	
	color: #EEEEEE;
}

div.mega-promo h2,
div.mega-promo h3,
div.mega-promo h4 {
	background-image: url('../ezelsoor/kleine.gif');
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	border-color: #DDDDDD;	
	
	color: #EEEEEE;
}
div.mega-promo h2 {	font-size: 2.6em;	padding-top: 10px;	}
div.mega-promo h3 {	font-size: 2.2em;	padding-top: 15px;	border-width: 1px;	margin-top: 40px;	}
div.mega-promo h4 {	font-size: 1.8em;	border: none;	color: #DEE238;	background-color: #D13900;	background-image: none;	}
div.mega-promo h2 span.pre,
div.mega-promo h3 span.pre,
div.mega-promo h4 span.pre {
	background-image: none;
}
div.mega-promo h4 span.stuks {
	padding: 5px 20px 5px 20px;
	
	display: block;
	float: right;
	
	color: #DDDDDD;
	font-family: Verdana;	
	font-size: 0.6em;
	font-weight: normal;
}
div.mega-promo img {
	padding: 3px;
	background-color: #D13900;
}
div.mega-promo p.promo-prijs span.nieuw {
	padding-right: 20px;
	
	font-size: 2.4em;
}
div.mega-promo p.promo-prijs span.voordeel {
	color: #DEE238;
	padding-left: 60px;
}
div.mega-promo p.promo-prijs span.voordeel span {
	color: #EEEEEE;
	font-size: 1.6em;
	font-weight: normal;
}
div.mega-promo p.bestellen {
	
	text-align: right;
}
div.mega-promo p.bestellen a {
	padding: 5px 45px 5px 45px;
	
	background-color: #D13900;
	
	color: #DEE238;
	font-size: 1.4em;
	text-decoration: none;
}
div.mega-promo p.bestellen a:hover {
	text-decoration: underline;
}
div.mega-promo p.hoe {
	margin-top: 25px;
	font-size: 1.2em;
}
div.mega-promo p.hoe span {
	color: #DEE238;
	font-size: 1.6em;
}

div.attentie, p.attentie {
	background-image:  url("../images/icons/icon_attentie.gif");
	background-repeat: no-repeat;
	background-color: #FFD7DE;
	background-position: 10px 5px;

	margin: 0px 20px 10px 20px;
	padding: 5px 5px 5px 35px;

	border: 1px dashed #FF0000;
}
div.attentie p {
	margin: 0px 0px 2px 0px;
}
div.attentie p.zeker, div.attentie p.buttons {
	margin: 20px 0px 0px 0px;
}
div.attentie ul {
	margin: 3px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}
div.attentie ul li {
	margin: 3px 0px 3px 30px;
	list-style-type: square;
}
div.aandacht {
	margin: 10px 10px 20px 10px;
	padding: 5px 5px 0px 5px;
	
	background-color: #F14400;
	border: 1px solid #CA3700;
	color: #FFFFFF;
}

div#error-js-cookies {
	padding: 0px 0px 0px 0px;
	display: block;
	position: fixed;
	
	top: 5px;		/*100*/
	right: 5px;
	
	background-color: #B90000;
	width: 180px;
	height: 320px;
	
	text-align: left;
	font-size: 1.0em;
	color: #FFFFFF;
	
	border: 1px solid #FFFFFF;
}
* html div#error-js-cookies {
	position: absolute;
	right: 20px;
}
div#error-js-cookies p.fout {
	background-image:  url("../images/icons/icon_attentie.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
	padding: 5px 5px 5px 25px;
	
	font-weight: bold;
}
div#error-js-cookies p.uitleg {
	padding: 0px 5px 0px 25px;
}

div.legende, p.legende {
	background-image:  url("../images/icons/icon_help.gif");
	background-repeat: no-repeat;
	background-color: #F4F4F4;
	background-color: #F8DE8F;
	background-position: 5px 5px;

	margin: 0px 10px 10px 10px;
	padding: 3px 5px 3px 25px;

	border: 1px dashed #AAAAAA;
	
	font-size: 0.8em;
}
div.legende p {
	margin: 0px 0px 2px 0px;
}

div.overflow {
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	width: 100%;
}
div.overflow img.left {
	float: left;
	margin-right: 15px;
	/*padding-right: 10px;*/
	/*background-color: #FFFFFF;*/
}
div.overflow img.right {
	float: right;
	margin-left: 15px;
	/*padding-left: 10px;*/
	/*background-color: #FFFFFF;*/
}

div.overflow img.promo-on-line-voordeel {
	margin: 15px 20px 5px 10px;
}
div.overflow img.promo-verkoop-huur {
	margin: 35px 20px 5px 10px;
}
div.overflow img.border {
	padding: 5px;
	border: 1px solid #DEE238;
	background-color: #DEE238;
}
div.overflow div.half {
	margin-right: 1%;
	width: 48%;
	float: left;
}


/*div.overflow-rand-rechts {	padding-left: 10px;		float: right;	background-color: #FFFFFF;	}
div.overflow-rand-links {		padding-right: 10px;	float: left;	background-color: #FFFFFF;	}*/

a {
 	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
	color: #E37439;
	/*border-bottom: 1px dotted #0000A0;*/
}
a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #964D26;
	background-color: #F8F9D0;
}
a.clear {
	text-decoration: none;
}
a.clear:hover {
	color: #964D26;
	text-decoration: none;
	
	background-color: transparent;	
}

a.ga-verder, a.ga-verder:hover {
	padding: 2px 6px 2px 6px;
	background-color: #EFF26F;
	font-weight: bold;
	text-decoration: none;
	color: #858585;
	border: 2px solid #8B8E15;
	
	cursor: default;
}
a.ga-verder:active {
	padding: 5px 5px 1px 9px;
	border: 1px solid #000000;
}
a.ga-verder-disabled, a.ga-verder-disabled:hover {
	padding: 2px 6px 2px 6px;
	background-color: #B7B7A6;
	font-weight: bold;
	text-decoration: none;
	color: #777777;
	border: 2px solid #777777;
	
	cursor: default;
}
a.skip {	display: none;	}
/*
a.ga-verder:hover {
	padding: 2px 6px 2px 6px;
	background-color: #E0DFE3;
	font-weight: bold;
	text-decoration: none;
	color: #45678C;
	border: 2px solid #CCCCCC;
	
	cursor: default;
}
*/
ul.fouten {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
ul.fouten li {
	margin: 3px 0px 3px 20px;
	color: #FF0220;
	list-style-type: square;
}

/***************************************************************
	Home
***************************************************************/
ul.home-huren {
	margin: 0px 0px 15px 200px;
	padding: 0px 0px 0px 0px;
}
div.home-tattoo {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	
	float: right;
	width: 170px;
	
	background-color: #F12B01;
	color: #FFFFFF;
}
div.home-tattoo p.titel {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	letter-spacing: 4px;
}
div.home-tattoo p.img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.home-tattoo p.uitleg {
	font-size: 0.8em;
	text-align: center;
}
div.home-tattoo p.link {
	padding: 0px 5px 0px 5px;
	font-size: 0.8em;
	text-align: center;
}
div.home-tattoo p.link a {
	color: #FFFFFF;
}
div.home-tattoo p.link a:hover {
	color: #C2C2B4;
}

div.home-nieuw {
	margin: 15px 25px 25px 25px;
	padding: 10px 10px 10px 10px;
	
	background-color: #9EA20F;
	border: 2px solid #FFFFFF;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	-webkit-box-shadow: 0px 0px 5px 0px #000000;
	box-shadow: 0px 0px 5px 0px #000000;
}
div.home-nieuw p.titel {
	
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
}
div.home-nieuw p.tekst {
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
}
div.home-nieuw p.tekst-klein {
	font-size: 0.8em;
}
div.home-nieuw p.tekst a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
div.home-nieuw p.tekst a:hover {
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

div.home-ingraven {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	
	background-color: rgb(241, 82, 8);
	background-color: #9EA20F;
	border: 2px solid #FFFFFF;
	
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	-webkit-box-shadow: 0px 0px 5px 0px #000000;
	box-shadow: 0px 0px 5px 0px #000000;
	
	float: right;
	width: 240px;
}
div.home-ingraven p.titel {
	
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
div.home-ingraven p.tekst {
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
}
div.home-ingraven p.tekst-klein {
	font-size: 0.8em;
}
div.home-ingraven p.tekst a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
div.home-ingraven p.tekst a:hover {
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*
div.home-ingraven {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	
	float: right;
	width: 170px;
	
	background-color: #EFF26F;
	color: #8B8E15;
}
div.home-ingraven p.titel {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
div.home-ingraven p.tekst {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 1.0em;
	text-align: center;
}
*/

/***************************************************************
	Tatto uitleg
***************************************************************/

div.tattoo-uitleg {
	margin: 20px 0px 10px 10px;
	padding: 5px 5px 5px 5px;
	
	float: right;
	width: 170px;
	
	background-color: #C0C512;
}
div.tattoo-uitleg p.img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div.tattoo-uitleg p.titel {
	margin: 5px 10px 5px 10px;
	padding: 0px 0px 5px 0px;
	
	font-weight: normal;
	font-size: 1.6em;
	color: #FFFFFF;
	text-align: center;
	
	border-bottom: 1px solid #EFF270;
}
div.tattoo-uitleg p.uitleg {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 15px 0px;
	
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
	
	border-bottom: 1px solid #EFF270;
}

div.tattoo-regels {
	
}
div.tattoo-regels h4,
div.tattoo-regels h5 {
	background-color: transparent;
	border: none;
	
	color: #6D7010;
}
div.tattoo-regels h4 {
	margin-top: 20px;
	
	font-size: 1.8em;
	font-weight: normal;
}
div.tattoo-regels h5 {
	margin-top: 10px;
	
	font-size: 1.4em;
	font-weight: normal;
}
div.tattoo-regels h4 span.pre,
div.tattoo-regels h5 span.pre {
	display: none;
}
div.tattoo-regels h4.waarschuwing,
div.tattoo-regels p.waarschuwing {
	color: #B90000;
}


/***************************************************************
	Vergelijken
***************************************************************/

div.vergelijken {
	margin-bottom: 20px;
	
	overflow: hidden;
	width: 100%;
}
div.vergelijken div.images {
	float: left;
	
	width: 200px;
	
	text-align: center;
}

div.vergelijken div.images img.logo {
	margin-top: 20px;
}

div.vergelijken img.goldspring {
	margin-left: 10px;
	
	float: right;
}
div.vergelijken ul.diameters {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
}
div.vergelijken ul.diameters li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	text-align: center;
	
	font-size: 0.8em;
}
div.vergelijken p {
	margin-left: 220px;
}
div.vergelijken div.garantie {
	margin: 20px 0px 0px 220px;
}
div.vergelijken table.garantie {
	/*margin-top: 20px;
	margin-left: 220px;*/
	
	font-size: 0.8em;
}

/***************************************************************
	Koopwijzer
***************************************************************/
h3.koopwijzer,
h4.koopwijzer {
	background: none;
	border: none;
	
	color: #6D7010;
}
h4.koopwijzer {
	font-size: 1.6em;
	font-weight: normal;
}
ol.koopwijzer li,
ul.koopwijzer li {
	padding-bottom: 10px;
}

div.koopwijzer {
	margin: 0px 20px 5px 20px;
	padding: 5px 5px 5px 5px;
	
	background-color: #C0C512;
	
	width: 280px;
	overflow: hidden;
}
div.koopwijzer-links 	{	float: left;	}
div.koopwijzer-rechts {	float: right;	}

div.koopwijzer img.links	{	float: left;	margin-right: 10px;	}
div.koopwijzer img.rechts	{	float: right;	margin-left: 10px;		}

div.koopwijzer p {
	font-size: 0.8em;
	color: #FFFFFF;
}
p.koopwijzer-opletten {
	margin: 20px 10px 30px 20px;
	
	font-size: 0.8em;
	font-style: italic;
}
p.koopwijzer-opletten span {
	font-weight: bold;
}

table.koopwijzer {
	margin: 0px 1px 5px 1px;
	border-collapse: collapse;
}
table.koopwijzer th,
table.koopwijzer td {
	border: 1px solid #8B8E15;
}
table.koopwijzer th.onderdeel {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	
	background-color: #F7F9B5;
}
table.koopwijzer th.trampoline,
table.koopwijzer th.meer {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
}
table.koopwijzer td {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	text-align: center;
}
table.koopwijzer td.legende {
	padding: 10px 0px 20px 0px;
	
	border: none;
}
table.koopwijzer td.meer {
	padding: 2px 6px 2px 6px;
	
	border: none;
	
	font-size: 1.0em;
	text-align: left;
}

/***************************************************************
	FAQ
***************************************************************/
h3.faq {
	background: none;
	border: none;
	
	color: #6D7010;
}
div.faq {
	margin: 30px 0px 5px 10px;
	padding: 5px 10px 5px 10px;
	
	border: 1px solid #8B8E15;
	background-color: #C0C512;
	
	width: 170px;
	overflow: hidden;
	
	float: right;
}
div.faq p {
	font-weight: bold;
	text-align: center;
	color: #8B8E15;
	color: #FFFFFF;
}
div.faq ul {
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.faq ul li {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	
	list-style-type: none;
	text-align: center;
	
	font-size: 0.9em;
	color: #8B8E15;
	color: #FFFFFF;
	
	border-top: 1px solid #EFF270;
}

/***************************************************************
	Ingraven
***************************************************************/
h3.ingraven {
	background: none;
	border: none;
	
	color: #6D7010;
}
ol.ingraven li {
	padding-bottom: 10px;
	
	font-size: 1.2em;
	font-weight: normal;
}
ol.ingraven li a {
	text-decoration: none;
}
ol.ingraven li a.this,
ol.ingraven li a.this:hover {
	background-color: transparent;
	color: #000000;
}
p.ingraven-afbeelding {
	margin: 30px 0px 30px 0px;
	
	font-size: 0.8em;
	text-align: center;
}

table.ingraven-afmetingen {
	margin: 15px 10px 20px 10px;
	
	border: 1px solid #000000;
	
	border-collapse: collapse;
}
table.ingraven-afmetingen th {
	padding: 2px 5px 2px 5px;
	
	background-color: #BFBFBF;
	border: 1px solid #000000;
	
	font-weight: bold;
	text-align: center;
}
table.ingraven-afmetingen td {
	padding: 2px 5px 2px 5px;
	
	border: 1px solid #000000;
	
	text-align: center;
}
div.ingraven-kader-inground {
	margin: 20px 20px 20px 20px;
	padding: 5px 10px 10px 10px;
	
	background-color: #FFFF99;
	border: 2px solid #D8DF34;
}
div.ingraven-kader-inground p.titel {
	color: #ABB019;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}


/***************************************************************
	Tuinaannemers
***************************************************************/
div.tuinaannemers-gezocht {
	margin: 30px 140px 20px 20px;
	
	background-color: #E7EC28;
	border: 2px solid #CACE13;
	
	color: #626262;
}
div.tuinaannemers-gezocht p {
	margin: 10px;
}

table.tuinaannemers {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
	border-collapse: collapse;
}
table.tuinaannemers td {
	padding: 2px 5px 2px 5px;
}
table.tuinaannemers td.naam {
	width: 180px;
}
table.tuinaannemers td.gemeente {
	width: 140px;
}
table.tuinaannemers td.tel {
	width: 90px;
	font-size: 0.8em;
}
table.tuinaannemers td.website {
	/*width: 120px;*/
	font-size: 0.8em;
}
p.tuinaannemers {
	margin: 0px 0px 0px 5px;
	
	color: #666666;
}
p.tuinaannemers-gezocht {
	margin: 15px 0px 30px 5px;
	
	color: #95980E;
	font-size: 0.8em;
	font-style: italic;
}

div.tuinaannemers-hulp {
	margin: 5px 5px 10px 10px;
	
	background-color: #EA0000;
	border: 2px solid #B90000;
	
	float: right;
	width: 200px;
}
div.tuinaannemers-hulp p {
	margin: 5px;
	
	color: #FFFFFF;
}
div.tuinaannemers-hulp p a {
	margin: 5px;
	
	color: #FFFFFF;
}
div.tuinaannemers-hulp p a:hover {
	background-color: transparent;
	
	color: #EEEEEE;
}

/***************************************************************
	Gebruik
***************************************************************/
ol.gebruik li {
	margin-bottom: 8px;
}

/***************************************************************
	Voordelen
***************************************************************/
ul.voordelen {
	list-style-type: none;
}
ul.voordelen li {
	margin: 2px 30px 4px 0px;
	padding: 4px 0px 4px 22px;
	
	background-image: url('../images/layout/voetjes-sport-spel-relax.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
	color: #6D7010;
	font-size: 1.0em;
}

/***************************************************************
	Sport - spel - relax
***************************************************************/
ul.sport-spel-relax {
	list-style-type: none;
}
ul.sport-spel-relax li {
	margin: 2px 30px 4px 0px;
	padding: 4px 0px 4px 22px;
	
	background-image: url('../images/layout/voetjes-sport-spel-relax.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
	color: #6D7010;
	font-size: 1.0em;
}

ol.sport-spel-relax li {
	margin-bottom: 8px;
}
ul.sport-spel-relax-overzicht {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
ul.sport-spel-relax-overzicht li {
	margin: 0px 15px 0px 0px;
	float: left;
}
ul.sport-spel-relax-overzicht li h3 {
	margin: 10px 0px 5px 0px;
	
	background-color: transparent;
	border: none;
	
	color: #6D7010;
	font-size: 1.4em;
}
ul.sport-spel-relax-overzicht li ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
ul.sport-spel-relax-overzicht li ul li {
	margin-bottom: 5px;
	
	float: none;
}
ul.sport-spel-relax-overzicht li ul li a {
	text-decoration: none;
}
ul.sport-spel-relax-overzicht li ul li a.this,
ul.sport-spel-relax-overzicht li ul li a.this:hover {
	background-color: transparent;
	color: #000000;
}
img.sport-spel-relax-sprong {
	margin: 10px 0px 10px 30px;
}

/***************************************************************
	Gouden tip
***************************************************************/
div.goudentip {
	margin: 0px auto 0px auto;
	
	width: 610px;
}

div.goudentip h3 {
	background: none;
	border: none;
	
	color: #6D7010;
	font-size: 1.0em;
}
div.goudentip h3.tip {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	
	color: #CCB511;
	font-size: 3.0em;
	font-weight: normal;
	text-align: center;
}
div.goudentip h3.hoe-wat {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-size: 1.6em;
}
div.goudentip h3.regio {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
	font-size: 1.6em;
}
div.goudentip h4 {
	background: none;
	border: none;
	
	color: #6D7010;
	font-size: 1.0em;
}
div.goudentip h4.tip {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	
	color: #CCB511;
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
}
div.goudentip h4.prijs {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
	color: #CCB511;
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
}

div.goudentip p {
	font-size: 1.0em;
}
div.goudentip p.intro {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	
	font-size: 1.2em;
	text-align: left;
}
div.goudentip p.regio {
	font-size: 1.2em;
	text-align: left;
}
div.goudentip p.img {
	text-align: center;
}
div.goudentip p.img img {
	border: 2px solid #CCB511;
}
div.goudentip p.waarde {
	color: #CCB511;
	text-align: center;
}


div.goudentip p.locatie {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
	color: #6D7010;
	font-size: 1.6em;
}
div.goudentip p.locatie-links {	text-align: left;		}
div.goudentip p.locatie-rechts {	text-align: right;	}
div.goudentip p.locatie span {
	display: block;
	
	font-size: 1.8em;
	font-weight: normal;
}
div.goudentip p.locatie-weten {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	
	color: #6D7010;
	font-size: 2.2em;
	font-weight: normal;
	text-align: center;
}
div.goudentip p.contacteer-ons {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	
	color: #6D7010;
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
}
div.goudentip p.contacteer-ons span {
	display: block;
	
	color: #6D7010;
	font-size: 1.4em;
}
div.goudentip p.contacteer-tip {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	color: #666666;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
}

div.goudentip ul.hoe-wat {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
}
div.goudentip ul.hoe-wat li {
	text-align: left;
}
div.goudentip ul.regio {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
}
div.goudentip ul.regio li {
	padding-right: 10px;
	
	float: left;
	
	font-size: 1.2em;
}


/***************************************************************
	Roadshow
***************************************************************/
ul.roadshow {
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}
ul.roadshow li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
	text-align: left;
}
ul.roadshow li.datum {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	
	font-weight: bold;
}
ul.roadshow li span.gemeente {
	float: left;
	display: block;
	width: 180px;
	padding-left: 10px;
}


/***************************************************************
	Waarom
***************************************************************/
h3.waarom {
	background: none;
	border: none;
	
	color: #6D7010;
}
div.waarom-quote {
	margin: 0px 60px 0px 40px;
	padding: 0px 0px 0px 18px;
	
	background-color: #FFFFFF;
	background-image: url(../images/afbeeldingen/quote-open.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}
div.waarom-quote blockquote {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/afbeeldingen/quote-close.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.waarom-quote blockquote img.right {
	margin: 0px 0px 10px 10px;
	float: right;
}
div.waarom p.logo {
	padding-top: 30px;
	text-align: center;
}

/***************************************************************
	Garantie
***************************************************************/

table.garantie {
	margin: 0px 1px 5px 1px;
	border-collapse: collapse;
}
table.garantie th,
table.garantie td {
	border: 1px solid #A80000;
}
table.garantie th.onderdeel {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	
	background-color: #FFCACA;
}
table.garantie th.trampoline,
table.garantie th.meer {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
}
table.garantie td {
	padding: 2px 6px 2px 6px;
	
	font-size: 1.0em;
	text-align: center;
}
table.garantie td.legende {
	padding: 10px 0px 10px 0px;
	
	border: none;
}
table.garantie td.meer {
	padding: 2px 6px 2px 6px;
	
	border: none;
	
	font-size: 1.0em;
	text-align: left;
}

ol.garantie li {
	margin-top: 5px;
	margin-bottom: 10px;
}
ol.garantie li ul li {
	margin-top: 5px;
}


/***************************************************************
	Afhaalcenter
***************************************************************/
h3.afhaalcenter {
	margin: 20px 0px 10px 0px;
	
	background: none;
	border: none;
	
	color: #6D7010;
}
h3.afhaalcenter span.kortingen {
	color: #B90000;
	font-weight: normal;
}
ul.afhaalkortingen {
	margin: 20px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
ul.afhaalkortingen li {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-size: 1.6em;
	color: #6D7010;
}
ul.afhaalkortingen li span.grens {
	display: block;
	width: 130px;
	float: left;
	
	font-size: 0.8em;
}
ul.afhaalkortingen li span.euro {
	font-size: 0.8em;
}
ul.afhaalkortingen li span.korting {
	color: #B90000;
	font-weight: bold;
}
ul.afhaalkortingen li span.afdekhoes {
	font-size: 0.8em;
}
p.afhaalcenter-voorbeeld {
	margin: 10px 0px 20px 30px;
	
	font-size: 1.4em;
}
p.afhaalcenter-voorbeeld span.wat {
	display: block;
	
	color: #15A800;
}
p.afhaalcenter-voorbeeld span.prijzen {
	margin-left: 20px;
}
p.afhaalcenter-voorbeeld span.oud {
	font-size: 1.2em;
	text-decoration: line-through;
}
p.afhaalcenter-voorbeeld span.korting {
	color: #B90000;
	font-size: 2.0em;
	font-weight: normal;
}
p.afhaalcenter-voorbeeld span.prijs {
	color: #15A800;
	font-size: 2.0em;
}
p.afhaalcenter-voorbeeld span.euro {
	font-size: 0.6em;
}
p.afhaalcenter-adres {
	margin: 20px 0px 10px 20px;
	
	color: #6D7010;
	font-size: 1.6em;
	font-weight: normal;
}

table.afhaalcenter-openingsuren {
	margin: 30px 0px 40px 0px;
	
	border-collapse: collapse;
	
	font-size: 0.8em;
}
table.afhaalcenter-openingsuren th {
	padding: 2px 3px 2px 3px;
	
	font-weight: normal;
	text-align: left;
}
table.afhaalcenter-openingsuren th.uur {
	/*padding-bottom: 10px;*/
	
	/*border-left: 1px solid #C8CC1E;*/
	
	color: #8B8E15;
	text-align: center;
}
table.afhaalcenter-openingsuren th.dag {
	padding-right: 20px;
	
	color: #8B8E15;
}
table.afhaalcenter-openingsuren th.streep {
	border-left: 1px solid #C8CC1E;
	
	height: 10px;
}
table.afhaalcenter-openingsuren th.extra {
	width: 15px;
}
table.afhaalcenter-openingsuren td {
	
	width: 15px;
	
	text-align: center;
}
table.afhaalcenter-openingsuren td.uur {
	border-left: 1px solid #C8CC1E;
}
table.afhaalcenter-openingsuren td.open {
	background-color: #8B8E15;
}
table.afhaalcenter-openingsuren td.gesloten {
	background-color: #F9FAC5;
}
table.afhaalcenter-openingsuren td.open,
table.afhaalcenter-openingsuren td.gesloten {
	border-top: 1px solid #C8CC1E;
	border-bottom: 1px solid #C8CC1E;
}
table.afhaalcenter-openingsuren td span {
	display: none;
}




table.afhaalcenter-voorbeelden {
	margin: 10px 0px 40px 0px;
	
	border-collapse: collapse;
	border: 1px solid #8B8E15;
	
	font-size: 1.0em;
}
table.afhaalcenter-voorbeelden tr.even {		background-color: #F9FAC5;	}
table.afhaalcenter-voorbeelden tr.oneven {	background-color: #F5F8A7;	}
table.afhaalcenter-voorbeelden th {
	border: 1px solid #8B8E15;
	border-top: none;
	border-right: none;
	border-left: none;
	
	color: #747612;
	font-size: 0.8em;
}
table.afhaalcenter-voorbeelden tr.head-top th 		{	border-bottom: none;	vertical-align: bottom;	}
table.afhaalcenter-voorbeelden tr.head-bottom th 	{	border-top: none;			vertical-align: top;	}
table.afhaalcenter-voorbeelden tr.head th {					height: 30px;			}
table.afhaalcenter-voorbeelden th.type {
	padding-left: 10px;
	
	width: 150px;
	
	text-align: left;
}
table.afhaalcenter-voorbeelden th.pakket {
	width: 350px;
}
table.afhaalcenter-voorbeelden tr.head-top th.oud,
table.afhaalcenter-voorbeelden tr.head-top th.korting,
table.afhaalcenter-voorbeelden tr.head-top th.prijs {
	font-size: 3.0em;
	font-weight: normal
}
table.afhaalcenter-voorbeelden th.oud,
table.afhaalcenter-voorbeelden th.korting,
table.afhaalcenter-voorbeelden th.prijs {
	text-align: center;
}
table.afhaalcenter-voorbeelden th.oud {				width: 60px;	}
table.afhaalcenter-voorbeelden th.korting {		width: 75px;	color: #B90000;	}
table.afhaalcenter-voorbeelden th.prijs {			width: 105px;	color: #15A800;	}
table.afhaalcenter-voorbeelden th.accessoire {
	padding-bottom: 3px;
	width: 55px;
}
table.afhaalcenter-voorbeelden th.afmeting {
	width: 100px;
}

table.afhaalcenter-voorbeelden td {
	padding: 2px 0px 4px 0px;
	
	border: 1px solid #8B8E15;
	
	vertical-align: middle;
}
table.afhaalcenter-voorbeelden tr.nieuwe td {
	border-top-width: 2px; 
}
table.afhaalcenter-voorbeelden td.type {
	padding-left: 10px;
	
	color: #747612;
	font-weight: bold;
}
table.afhaalcenter-voorbeelden td.accessoire {
	text-align: center;
}
table.afhaalcenter-voorbeelden td.oud,
table.afhaalcenter-voorbeelden td.korting,
table.afhaalcenter-voorbeelden td.prijs {
	text-align: center;
}
table.afhaalcenter-voorbeelden td.oud {
	padding-right: 5px;
	
	border-right: none;
	
	color: #747612;
	font-size: 1.4em;
	text-decoration: line-through;
}
table.afhaalcenter-voorbeelden td.korting {
	border-right: none;
	border-left: none;
	
	color: #B90000;
	font-size: 2.0em;
}
table.afhaalcenter-voorbeelden td.prijs {
	border-left: none;
	
	color: #15A800;
	font-size: 2.0em;
}
table.afhaalcenter-voorbeelden td.afmeting {
	
	color: #747612;
	font-size: 1.4em;
	text-align: center;
}

/***************************************************************
	Contact
***************************************************************/
	ul.contact {
		margin: 20px 0px 20px 30px;
		padding: 0px 0px 0px 0px;
	}
	ul.contact li {
		margin: 3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		list-style-type: none;
		font-weight: bold;
	}
	ul.contact li.contact {
		font-size: 1.4em;
		font-weight: normal
	}
	ul.contact li.contact span {
		color: #999999;
		font-size: 0.6em;
		font-weight: normal;
	}
	ul.contact li.adres {
		color: #333333;
		font-size: 1.2em;
	}
	ul.contact li.correspondentie {
		font-weight: normal;
	}
	ul.contact-verdeelhuizen {
		margin: 20px 0px 20px 40px;
		padding: 0px 0px 0px 0px;
	}
	ul.contact-verdeelhuizen li {
		margin: 5px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
	}

/***************************************************************
	Sorteren van data
***************************************************************/

ul.dragndrop {
	position: relative;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #DDDDDD;
	
	width: 570px;
}
ul.dragndrop li {
	margin: 4px 3px 4px 3px;
	padding: 4px 2px 4px 4px;
	list-style-type: none;
	cursor: s-resize;
	
	background-color: #DDDDDD;
	color: #595758;
	font-weight: bold;
}
ul.dragndrop li ul {
	margin: 5px 15px 5px 20px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	width: 500px;
}
ul.dragndrop li ul li {
	margin: 4px 3px 4px 3px;
	padding: 2px 2px 2px 4px;
	background-color: #CCCCCC;
	color: #595758;
	font-weight: normal;
}
/*
ul.dragndrop li ul li ul {
	margin: 5px 15px 5px 20px;
	border: 1px solid #80802B;
	width: 470px;
}
ul.dragndrop li ul li ul li {
	padding: 1px 2px 1px 8px;
	background-color: #DBDB95;
	color: #000000;
	font-weight: normal;
	font-size: 0.8em;
}
*/
ul.dragndrop li a.tonen {
	background-image: url('../images/icons/eye.png');
	background-repeat: no-repeat;
	
	margin-right: 5px;
	float: left;
	
	display: block;
	width: 16px;
	height: 16px;
}
ul.dragndrop li a.tonen span {
	display: none;
}
	
/***************************************************************
	Auto-save
***************************************************************/
div.auto-save {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	display: block;
	/*float: right;*/
	width: 250px;
	background-color: #EEEEEE;
	background-image: url('../images/icons/disk.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	/*clear: right;*/
}
div.auto-save p {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 25px;
	font-size: 0.8em;
}	
	
/***************************************************************
	Transport
***************************************************************/

ul.ad-postcodes-trans {
	margin: 0px 0px 30px 10px;
	padding: 0px 0px 0px 0px;
	
	float: left;
}
ul.ad-postcodes-trans li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
	
	width: 170px;
}

div.postcode-trans {
	margin-bottom: 20px;
	padding: 10px 10px 0px 10px;
	border: 1px dashed #DEE238;
}

ul.postcodes-trans {
	margin: 0px 0px 30px 10px;
	padding: 0px 0px 0px 0px;
	
	float: left;
}
ul.postcodes-trans li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
	
	width: 170px;
}

/***************************************************************
	Links
***************************************************************/

ul.links {
	margin: 10px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}
ul.links li {
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
}

/***************************************************************
	Reservatiestappen
***************************************************************/
div.reservatiestappen {
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 5px;
	background-color: #EFF270;
	border-top: 2px solid #DEE238;
	border-bottom: 2px solid #DEE238;
	
	/*background-image: url('../images/layout/voetjes-h4.gif');
	background-repeat: no-repeat;
	background-position: right bottom;*/
}
p.reservatiestap {
	font-size: 0.8em;
	color: #8B8E15;
}
p.reservatiestap span.stap {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 100px;
	float: left;
	
	color: #8B8E15;
	font-weight: bold;
	font-style: italic;
	font-size: 2.9em;
	font-family: "Times New Roman", Times, serif;
}
p.reservatiestap span.deze-stap {
	text-decoration: underline;
	color: #000000;
}
p.reservatiestap span.tussen {
	color: #000000;
	font-weight: bold;
}

div.hoe-reserveren {
	width: 100%;
	overflow: hidden;
}
div.hoe-reserveren h4 {
	border-bottom: none;
}
div.hoe-reserveren div.stap {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 150px;
	float: left;
	
	color: #8B8E15;
	font-weight: bold;
	font-style: italic;
	font-size: 3.8em;
	font-family: "Times New Roman", Times, serif;
}


/***************************************************************
	Opmaakcodes
***************************************************************/
ul.opmaak {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
ul.opmaak li {
	margin: 0px 0px 3px 15px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
}
ul.opmaak li.code {
	font-family: "Courier New", Courier, mono;
}
ul.opmaak li span.code {
	font-family: "Courier New", Courier, mono;
	width: 270px;
	display: block;
	float: left;
}
span.code {
	font-family: "Courier New", Courier, mono;
}
span.underline {
	text-decoration: underline;
}


/***************************************************************
	Wie is waar
***************************************************************/
table.wie-is-waar{
	margin: 15px 0px 15px 0px;
	padding: 0px;
	/*border: 1px solid #000000;*/
	border-collapse: collapse;
	font-size: 12px;
	/*float: left; FFD83C*/
	/*background-color: #FFCC00;*/
}
table.wie-is-waar th.naam,	table.wie-is-waar th.tijd,
table.wie-is-waar th.plaats {
	font-weight: bold;
	text-align: left;
}
table.wie-is-waar th.aantal {
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
}
table.wie-is-waar th.naam	{	/*width: 120px;*/ }
table.wie-is-waar th.tijd	{	width: 180px;	}
table.wie-is-waar td {	
	padding: 5px 5px 3px 0px;
	text-align: left;
	/*border: 1px solid #000000;*/
}
table.wie-is-waar td.aantal {
	padding-right: 5px;
	text-align: right;
}
table.wie-is-waar td.info {	
	font-size: 0.9em;
}
hr.wie-is-waar {
	margin: 4px 0px 4px 0px;
	background-color: #EFF270;
	color: #EFF270;
	border-color: #EFF270;
	width: 99%;
}

/***************************************************************
	Allerlei
***************************************************************/
img {
	border: none;
}
img.icon {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
/*
img.bbimage {
	float: none;
}
*/
img.bbimage {
	margin: 0px 0px 0px 0px;
	padding: 2px;
	
	/*background-color: #ECF3FB;*/
	background-color: #FFFFFF;
	/*border: 1px solid #45658C;*/
	
	float: none;
}

div.home-tattoo,
div.tattoo-uitleg,
div.koopwijzer,
div.faq,
div.product div.promotie {	
	border-top: 3px solid #A19E8F;
	border-left: 3px solid #A19E8F;
	border-right: 3px solid #605D4E;
	border-bottom: 3px solid #605D4E;
}


div.groupon {
	background-image: url('../images/afbeeldingen/groupon-bg.jpg');
	background-repeat: no-repeat;
	background-position: center 200px;
}
div.groupon h3.groupon {
	background-color: transparent;
	border: none;
	
	color: #000000;
	font-family: Arial;
	font-weight: bold;
}
div.groupon p.geldig {
	margin: 10px auto 10px auto;
	padding: 5px 10px 5px 10px;
	
	background-color: #ED5824;
	border: 2px solid #CC380D;
	
	width: 400px;
	
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
div.groupon p.geldig span {
	padding: 10px 0px 0px 0px;
	
	display: block;
	
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
}
div.groupon img.groupon {
	padding: 4px;
	
	border: 1px solid #E9E9E9;
	background-color: #F3F3F3;
}
div.groupon div.voorwaarden {
	padding: 5px;
	
	background-color: #8AB557;
	border: 2px solid #76A045;
	
	width: 290px;
	
	color: #FFFFFF;
}
div.groupon div.hoe {
	padding: 5px;
	
	background-color: #34B3DC;
	border: 2px solid #2197BE;
	
	width: 290px;
	
	color: #FFFFFF;
}
div.groupon div.hoe a {
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
}
div.groupon div.half ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
div.groupon div.half ul li {
	margin-bottom: 5px;
}

div.groupon ul.groupon-upgrades {
	overflow: hidden;
}
div.groupon ul.groupon-upgrades li {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	
	list-style-type: none;
	
	float: left;
}
div.groupon ul.groupon-upgrades li a {
	padding: 0px 0px 0px 0px;
	
	border: 2px solid #76A045;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFFFFF;
	
	
	display: block;
	width: 160px;
	height: 180px;
	
	position: relative;
	
	color: #8AB557;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
div.groupon ul.groupon-upgrades li a span {
	display: block;
	width: 160px;
	
	position: absolute;
	top: 140px;
	text-align: center;
}

div.groupon ul.groupon-upgrades li a:hover {
	border: 2px solid #2197BE;
	background-color: #FFFFFF;
	
	color: #34B3DC;
}

div.groupon ul.groupon-uitbreidingen {
	overflow: hidden;
}
div.groupon ul.groupon-uitbreidingen li {
	margin: 5px 5px 5px 5px;
	padding: 175px 5px 5px 5px;
	
	border: 2px solid #76A045;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFFFFF;
	
	display: block;
	width: 150px;
	height: 30px;
	
	list-style-type: none;
	
	float: left;
	
	color: #8AB557;
	font-weight: bold;
	text-align: center;
}

div.groupon div.scava {
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 30px 0px;
	
	background-image: url('../images/layout/bg-stripes.jpg');
	background-repeat: repeat;
	background-position: left top;
}
div.groupon div.scava p.divisie {
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 90px 0px;
	
	border-bottom: 15px solid #FFFFFF;
	background-image: url('../images/layout/scava-divisie.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	
	text-align: center;
}
div.groupon div.scava p.divisie span {
	display: none;
}

div.groupon div.scava ul.gamma {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	
	background-image: url('../images/layout/bg-stripes-white.jpg');
	background-repeat: repeat;
	background-position: left top;
	
	overflow: hidden;
}
div.groupon div.scava ul.gamma li {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	
	list-style-type: none;
	
	float: left;
}
div.groupon div.scava ul.gamma li a {
	
	margin: 0px;
	padding: 110px 0px 0px 0px;
	
	
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #FFFFFF;
	
	display: block;
	width: 110px;
	height: 15px;
	
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
}
div.groupon div.scava ul.gamma li a.kids {												 color: #EF5623;	}
div.groupon div.scava ul.gamma li a.kids:hover {				background-color: #EF5623;	}
div.groupon div.scava ul.gamma li a.wellness {									 	 color: #27769F;	}
div.groupon div.scava ul.gamma li a.wellness:hover {		background-color: #27769F;	}
div.groupon div.scava ul.gamma li a.body-health {									 color: #8C2139;	}
div.groupon div.scava ul.gamma li a.body-health:hover {	background-color: #8C2139;	}
div.groupon div.scava ul.gamma li a.patio {									 			 color: #86592B;	}
div.groupon div.scava ul.gamma li a.patio:hover {				background-color: #86592B;	}
div.groupon div.scava ul.gamma li a.eco {									 				 color: #7EA740;	}
div.groupon div.scava ul.gamma li a.eco:hover {					background-color: #7EA740;	}

div.groupon div.scava ul.gamma li a:hover {
	color: #FFFFFF;
}

div.scava-kortingsbonnen {
	padding: 5px 5px 10px 5px;
	
	background-image: url('../images/layout/bg-stripes.jpg');
}
div.scava-kortingsbonnen div.overflow {
	margin: 0px;
	padding: 5px 5px 5px 5px;
	
	background-color: #FFFFFF;
	
	width: auto;
}
div.scava-kortingsbonnen div.overflow img.left {
	margin: 0px;
	padding: 0px;
}
div.scava-kortingsbonnen div.overflow span.scava {
	margin: 5px 5px 5px 10px;
	
	background-image: url('../images/layout/scava-divisie.jpg');
	background-repeat: no-repeat;
	
	width: 150px;
	height: 70px;
	
	float: right;
}
div.scava-kortingsbonnen div.overflow h2 {
	margin: 5px 5px 5px 160px;
	padding: 0px;
	
	background-color: transparent;
	border: none;
	
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
	font-family: verdana;
}
div.scava-kortingsbonnen div.overflow p {
	margin: 5px 5px 5px 160px;
	padding: 0px;
	
	font-size: 1.2em;
}
div.scava-kortingsbonnen div.overflow p.afdeling {
	margin: 20px 5px 5px 160px;
	padding: 0px;
	
	font-size: 0.8em;
	text-align: left;
}
div.scava-kortingsbonnen div.overflow p a {
	color: #EF5623;
	font-weight: bold;
	text-decoration: none;
}
div.scava-kortingsbonnen div.overflow p a.divisie {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
div.scava-kortingsbonnen div.overflow p a:hover {
	background-color: transparent;
	border-bottom: 1px solid #EF5623;
	
	color: #EF5623;
	font-weight: bold;
	text-decoration: none;
}
div.scava-kortingsbonnen div.overflow p a.divisie:hover {
	font-weight: normal;
}


div.officiele-verdeler {
	margin: 15px auto 15px auto;
	padding: 70px 0px 2px 0px;
	
	background-image: url('../images/afbeeldingen/officieleverdeler.png');
	background-repeat: no-repeat;
	background-position: 50% 5px;
	border: 1px solid #CCCCCC;
	
	width: 210px;
	
	color: #777777;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}