@import url(/include/css/editor.php);
body 	{
	background-color: #FFFFFF;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
	background-image: url(../../image/background.gif);
	background-position: top;
	background-repeat: repeat-x;
	min-height:100%;
}

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

#bodyContainer {
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}

#top {
	height:216px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../../image/top.jpg);
}

#scroller {
	height: 245px;
	overflow-y: hidden;
	}
#scroller, #scroller img {
	line-height:1px;
}

.index #top {
	height:369px;
	height:319px;
}

.searchContainer {
	height:29px;
	text-align:right;
	padding-right:10px;
}

.searchContainer a {
	margin-right:15px;
}

#searchBox {
	width:230px;
	float:right;
}
#searchBox a { width:36px; overflow:hidden; }

#searchBox input {
	line-height:normal;
}

#menu {
	background-image: url(../../image/menubalk.gif);
	background-position: top;
	background-repeat: no-repeat;
	height:35px;
}

#logo {
	color: #007500;
	font-size: 14px;
	font-style: italic;
	margin-top:25px;
}

#logo img {
	float:left;
	margin-left:20px;
	margin-right:15px;
}

#logo div {
	padding-top:23px;
}

#contentContainer {
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	zoom:1;
}

#content {
	background-image: url(../../image/backgroundContent.gif);
	background-position: top;
	background-repeat: repeat-y;
	zoom:1
}

#subnavigation {
	margin-left:20px;
	padding-bottom:30px;
}

#subnavigation #subLeft{
	float:left;
	width:180px;
}

#subnavigation #subRight{
	float:right;
	width:175px;
}

#subnavigation a.pijl {
	float:none;
	text-align: left;
	padding-left:18px;
}

#subnavigation a.pijl div {
	padding-left:3px;
}

#subnavigation a.active div{
	background-color: #ebf5d5;
	font-weight:bold;
}

#subnavigation a.open div{
	font-weight:bold;
}

#subnavigation a.open, #subnavigation a.active {
		background-image: url(../../image/pijl_subactive.gif);
}

#subnavigation .sub {
	margin-left:18px;
}

#columnLeft {
	float:left;
	width:510px;
	margin-left:20px;
	_margin-left:10px;
	padding-bottom: 20px;
	border: 1px solid #FFF;
}

#columnLeft a:link, #columnLeft a:active, #columnLeft a:visited, #columnLeft a:hover {
	color: #6db41d;
}

#columnRight {
	float:right;
	width:366px;
	/*
	padding-left: 15px;
	padding-right:21px;
	*/
	border-top: 1px solid #FFF;
}
#hp #columnRight {
	padding-left: 15px;
	padding-right: 21px;
	}


.home-block {
	float: left;
	width: 244px;
	height: 147px;
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
	}
.home-block-even {
	margin-left: 10px;
	}

.home-block img {
	border: 0;
	display: block;
	}
.home-block h2 {
	margin: 8px;
	margin-bottom: 3px;
	}
.home-block h2 a {
	font-size: 110%;
	}
.home-block p,
.home-block ul {
	margin-left: 8px;
	margin-right: 8px;
	}
#columnLeft .home-block ul {
	margin-top: 8px;
	margin-left: 8px;
	padding-left: 13px;
	}
.home-block p.img {
	margin: 0;
	}
.home-block p a,
.home-block li a {
	color: #444444 !important;
	text-decoration: none;
	}

#technicalMessages {
	border: 1px solid #d4d4d4;
	height:150px;
	margin-bottom:10px;
	width: 504px;
}

#technicalMessages ul {
	padding: 0;
	margin: 0 !important;
	list-style: none;
	line-height: 1;

}

#technicalMessages #cat1 {
	margin-left:0px;
}

#technicalMessages #cat2 {
	margin-left:-84px;
}

#technicalMessages #cat3 {
	margin-left:-168px;
}

#technicalMessages #cat4 {
	margin-left:-252px;
}

#technicalMessages #cat5 {
	margin-left:-336px;
}

#technicalMessages #cat6 {
	margin-left:-420px;
}

#technicalMessages li {
	float: left;
	width: 84px; /* width needed or else Opera goes nuts */
	background-color: #ebf5d5;
	height:28px;
}

#technicalMessages li a {
	display:block;
	border-bottom:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color: #444 !important;
}
#technicalMessages li.last {
	width:84px;
	_width:84px;
}

#technicalMessages li.last a {
	border-right:none;
}

#technicalMessages li a.noStyles {
	border:none;
	display:inline;
	padding:0px;
}

#technicalMessages .messages {
	position: absolute;
	width: 494px;
	height:120px;
	/*left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#technicalMessages .open {
	left: auto;
}

#technicalMessages .closed {
	left: -999em;
}

#tabItems a {
	color: #444 !important;
}

.messages table {
	margin: 14px;
	width:474px;
}

.messages table td {
	border-top: 1px solid #d4d4d4;
}

.messages table .last td {
	border-bottom: 1px solid #d4d4d4;
}

#technicalMessages li a.active {
	color:#6db41d !important;
	font-weight:bold;
	background-color: #FFF;
	border-bottom:0px;
}

#news {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding-top:2px;
	padding-bottom:2px;
}

#news a{
	display:block;
	float:right;
	color: inherit;
	background-color: #FFF;
	width:175px;
	border:none;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:normal;
}

#news a.green {
	background-color: #6EB41E;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#newslist,
.itemlist {
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #d4d4d4;
}

#newslist li {
	border-top:1px solid #d4d4d4;
	padding:2px 0 2px 20px;
	background:url('/image/item.gif') no-repeat 0px 6px;
}
.itemlist li {
	border-top:1px solid #d4d4d4;
	padding:2px 0;
	}
.itemlist li span {
	color: #6DB41D;
	}
	
.itemlist li span.date {
	float: right;
	margin-right: 2px;
}

#attractionContainer {
	background-color: #ebebeb;
	padding:23px 20px 40px 15px;
	border-top:1px solid #d4d4d4;
	clear: both;
	margin-top: 10px;
	padding-top:13px;
	margin-left: -15px;
	margin-right: -21px;
	float: left;
	width: 100%;
}
#attractionContainer .home-banner {
	float: right;
	}
#attractionContainer .home-banner.last {
	float: left;
	padding-top: 3px;
	}
#attractionContainer .banner-first {
	float: left;
	}
#attractionContainer .home-banner img {
	border: 0;
	}

.block {
	width:212px;
	width:242px;
	vertical-align:bottom;
	height:185px;
	/* margin-right:20px; */
	float:left;
	background-position: 0px 15px;
	background-repeat: no-repeat;
}
.block .blockContainer {
	border: 1px solid #d4d4d4;
	height:173px;
	height:153px;
	margin-top:14px;
}

.home-block-list {
	list-style: none;
	margin-left: 0 !important;
	padding-left: 0;
	}
.home-block-list li {
	padding-left: 15px;
	background: url('/image/generator_pijl.gif') no-repeat left center;
	}

.actie {
	background-position: top;
}

.actie .blockContainer {
	border-top:1px solid transparent;
	_border-top:none;
}

.blockContainer div {
	background-color: #FFF;
	margin-top:70px;
	margin-top:50px;
	height:83px;
	padding:10px;
}

.actie .blockContainer div {
	margin-top:50px;
	vertical-align: bottom;
}

#socialMedia {
	padding-top:15px;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	padding-left:20px;
	padding-bottom:1px;
	position: relative;
}

	#socialMedia h1 {
		width: 300px;
		position: absolute;
		bottom: 0;
	}
	
	#socialMedia img {
		border: 0;
	}

	#socialMedia p {
		float: right;
		margin: 0 10px 6px 0;
	}
	
	#socialMedia p a.atcenter img {
		margin: 0 4px 6px 0;
	}
	
	#socialMedia .push {
		clear: both;
	}

#get-pdf {
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	}
#get-pdf p {
	margin-top: 12px;
	margin-right: 16px;
	text-align: right;
	}
#get-pdf a img {
	border: 0;
	}

#addressBox {
	background-color: #6db41d;
	background-image: url(../../image/backgroundAddress.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:1px;
}

#addressBox td {
	color: #FFF;
	padding-left:20px;
}

#footer {
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:20px;
}

#copyright {
	float:left;
}

.clear{
	clear:both;
}

#print {
	float: right;
	margin-right:20px;
	_margin-right:10px;
	margin-top:5px;
}


#tabPanel .tab {
	padding:7px 0px;
	text-align: center;
	width: 84px !important;
	border: 1px solid #d4d4d4;
	border-right:none;
	background-color: #ebf5d5;
}

#tabPanel .tab a {
	color: #444 !important;
}

#tabPanel .last {
	border-right: 1px solid #d4d4d4;
}

#tabPanel .active {
	border-bottom:none;
	background-color: #FFF;
}

#tabPanel .active a {
	color: #6db41d !important;
	font-weight:bold;
}

#tabPanel .end {
	border-bottom: 1px solid #d4d4d4;
}

#tabPanel #contentPane {
	/*border: 1px solid #d4d4d4;*/
	border-top: none;
	padding:15px;
}

#tabPanel #tabItems td {
	border-bottom: 1px solid #d4d4d4;
}

#tabPanel #contentPane .last td {
	border-bottom:none;
}

img.inline {
	float: left;
	margin-right:10px;
	margin-bottom:5px;
}



/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:212px; height:185px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

/* BESTELLEN */

p#productinput_info {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.article {
	margin-top: 0;
	border-top: 1px solid #D4D4D4;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 39px;
}

div#articles {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #D4D4D4;
}

div.fastoption {
	background-color: #EBEBEB;
	height: 39px;
	width: 425px;
	float: left;
}


div.fastoption input {
	margin: 11px 0 0 10px;
	width: 284px;
	height: 17px;
	font-size: 10px;
	border: 1px solid #AAAAAA;
}

div.fastoption img.button_snelkeuze {
	margin: 11px 0 0 10px;
}

div.units {
	float: left;
	width: 183px;
	margin-left: 10px;
	border-right: 1px solid #D4D4D4;
}

div.units select{
	width: 50px;
	height: 19px;
	border: 1px solid #AAAAAA;
	font-size: 10px;
}

div.units table	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.units table td.first {
	width: 65px;
}
div.units table tr td input {
	width: 59px;
	height: 17px;
	font-size: 10px;
	border: 1px solid #AAAAAA;
	font-size: 10px;

}


div.delete {
	width: 35px;
	height: 39px;
	float: left;

}

div.delete img {
	margin: 8px 0 0 10px;
}

form#orderform {
	margin-top: 0;
}

form#orderform button {
	margin-top: 10px;
	float: right;
	background-color: #6EB41E;
}

a.orderformlink {
	float: left;
}

div.remaining_info {
	margin-top: 10px;
	padding-top: 20px;
	background-color: #EBEBEB;
	overflow: auto;
	padding-bottom: 20px;
}

p.location {
	font-weight: bold;
}

div.textbox {
	float: left;
	padding: 0 15px 0 15px;

	width: 298px;
}

div.userdata {
	float: left;
	width: 305px;
	padding-left: 17px;
	border-left: 1px solid #D4D4D4;
	padding-bottom: 5px;
}

div.userdata textarea {
	width: 285px;
	height: 85px;
	overflow: hidden;
	margin-bottom: 10px;
}

div.userdata div.input_element {
	width: 300px;
	height: 18px;
	margin-bottom: 4px;
}

div.userdata div.input_element label {
	float: left;
	width: 70px;
}

div.userdata div.input_element div.input {
	float: left;
	width: 214px;
}

div.userdata div.input_element sup, div.userdata sup {
	font-size: 16px;
	color: #6EB41E;
}

p#legenda {
	clear: both;
}

div.userdata div.input_element div.input input {
	width: 200px;
	height: 15px;
	font-size: 10px;
	border: 1px solid #AAAAAA;
}

input#postcode {
	width: 50px;
}

div#bevestigingsemail {
	margin-left: 70px;
	margin-right: 5px;
	width: 10px;
	float: left;
}

div#bevestigingsemail input {
	width: 10px;
}

label.text_label {
	width: 200px !important;
	float: left;
}

span.clear { display:block; overflow:hidden; clear:both; height:0; line-height:0; }

ul.contactpersonen {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
}

ul.contactpersonen li {
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
}

ul.contactpersonen li a {
	color: #6EB41E;
}

p.invisible {
	float: left;
	clear: both;
	display: none;
}

p.visible {
	display: block;

	clear: right;
	margin: 0 0 0 70px;
	padding: 0 0 0 0;
	color: red;
	font-size: 10px;
}

p.visibleLong {
	display: block;

	clear: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: red;
	font-size: 10px;
}

ul.bedanktpagina {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
}

ul.bedanktpagina li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#weather {
	border-collapse:collapse;
}

#weather td {
	border:1px solid #DEDEDE;
	text-align:center;
}

#weather .first {
	border-left:none;
}

#weather .last {
	border-right:none;
}

#weather .description td {
	background-color: #ebf5d5;
}

a.pijl_blauw {
	display:block;
	background:url('/image/pijl_blauw.gif') no-repeat 3px 3px;
	padding-left:20px;
	margin-top:5px;
	float:right;
	text-align:right;
	color: #444 !important;
}