/*Fullmoon CSS*/ 

/* Reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%; /* Required */
	width:100%;
}

body {
	background:#FFF url(../images/h_header.jpg) no-repeat 50% 0;
	font:12px Arial, sans-serif;
	text-align:center;
	behavior:url("csshover.htc");
}

img {
	border:0px;
}

p {
	margin:0px;
	line-height:1.5em;
	font-size:12px;
}

h1{
	font-size:26px;
	color:#C7E135;
	font-weight: normal;
	margin-bottom: 14px;
}

h2{
	font-size:19px;
	color:#04ACD0;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top:5px;
}

h3{
	font-size:16px;
	font-weight: normal;
	color:#C7E135;
	margin: 0; 
	margin-bottom: 8px;
}

h4{
	font-size:14px;
	color:#04ACD0;
	font-weight: normal;
	margin-bottom:5px;
}

h5{
	font-size:14px;
	color:#04ACD0;
	font-weight: normal;
	margin-bottom:10px;
}

#contentrechts h2 {font-size: 18px;}
div.archief h2	{color:#C7E135;}
.titelpagina	{color:#C7E135;}
.nieuwsitem h3 {padding-top:25px; color:#04ACD0; font-size:17px;}
h3.contentrotator {margin-left:10px; visibility:hidden; margin-top:-20px;}


#navigatie a{
	padding-right: 4px;
	color:#000;
	}

hr {
	border: 1px solid #F0F1F1;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}

strong{
	font-weight: bold;
}

.clr {clear: both}

.clear {
    clear:both;
    display:block;
    height:1px;
    overflow:hidden;
    margin:0;
    padding:0;
}

.green {color:#c7e135}


/*firefox stippellijn fixes*/

a:active
{
	outline:none;
}
:focus
{
	-moz-outline-style:none;
}

#wrapper{
	margin:0 auto;
	width:1000px;
	text-align:left;
	position:relative;
}

#header {
	width:100%;
	height:158px;
}

.menu{
	padding-left:72px;
	padding-top:109px;
	height: 32px;
	width: 900px;	
}

.menu li {
	float:left;
	display:block;
	margin:8px;
	padding-top:3px;
	padding-bottom:12px;
	padding-right:14px;
	text-transform:uppercase;
	list-style:none;
	line-height:1em;
	font-size:14px;
	font-family:Tahoma, Helvetica, sans-serif;
	font-weight:normal;
}

.menu a {
	display:block;
	color:#04ACD0;
	font-weight:normal;
	text-transform:uppercase;
}

.menu a:link	{
  	color: #04ACD0;	
	text-decoration:none;
}

.menu a:visited {
  	color: #04ACD0;
	text-decoration:none;
}

.menu a:hover  {
	display:block;
  	color: #006599;	
	text-decoration: none; 
}

.menu a:active  {
  color: #006599;
  text-decoration:underline;
}

.menuactief  {
  color: #006599;
  text-decoration:underline;
}


#logo{
	position:absolute;
	left:80px;
	top:40px;
	width:170px;
	height:42px;
	behavior: url("iepngfix.htc")
}

#breadcrumb{
	margin-left:7px;
	margin-bottom:15px;
	color:#cccccc;
	font-size:10px;
}

#breadcrumb a{
	color:#cccccc;
}


.introTop {
	width: 533px;
}


#content{		
	padding-left: 80px;
}

#contentlinks{
	width:570px;
	margin-top:20px;
	float:left;
	position:relative;
	left: 0px;
	margin-right: 20px;
}

#contentlinks ol {margin: 0px; margin-left: 25px; padding: 0px}
#contentlinks ul {margin: 0px; margin-left: 25px; padding: 0px}
#contentlinks li {margin: 0px; padding-left: 0px; color: #000000; line-height:1.5em;}


#contentrechts{
	width:270px;
	float:left;
	margin-top: 23px;
	margin-left:3px;
}

.homekader h3	{margin-left:0px; text-align:left; clear:both;}
.homekader {width:870px; margin-bottom: 10px}

.homekaderBg {
	background:#FFF url(../images/h_helder_uitlegvlak_top.gif) no-repeat;
	width:870px;
	margin-top: 5px;
	position: relative; left: -11px;
}

.homekaderBottom {
	background: url(../images/h_helder_uitlegvlak_bottom.gif) no-repeat;
	width:870px;
	height: 10px;
	position: relative; left: -11px;
}

.homekader_img{
	float:right;
	width:262px;
	margin:10px 10px 0px 25px;
}

.homekader_tekst{
	float:left;
	width:532px;
	padding-left:12px;
	padding-top:10px;
}

#footer{
	width:100%; 
	min-width:1000px;
	height:187px;
	background:#FFF url(../images/h_footer.jpg) no-repeat 50% 0;
	clear:both;
}

#footer h2{
	font-size:12px;
	/*margin-left:367px;*/
	padding-right:223px;
	padding-top:40px;
	text-align:center;
	color:#04ACD0;
}

.xsitebadge	{
	height:95px;
	width:179px;
	padding-left:811px;
	margin-bottom:-100px;
}

#footer a{
	color:#04ACD0;
}

.navigatieonder{
	display: inline; 
	font-size:14px;
	font-weight:normal;
	color:#04ACD0;
	margin-top:25px;
	margin-right: 30px;
}

.navigatieonder a {display: inline; font-weight:normal;color:#04ACD0;height:25px;}
.navigatieonder a:link {display: inline; font-weight:normal;color:#04ACD0;height:25px;}
.navigatieonder a:visited {display: inline; font-weight:normal;color:#04ACD0;height:25px;}
.navigatieonder a:hover {display: inline; font-weight:normal;color:#04ACD0;height:25px;}
.navigatieonder a:active {display: inline; font-weight:normal;color:#04ACD0;height:25px;}


#zoeken{
	position:absolute;
	left:867px;
	top:119px;
	width: 137px;
}

.zoekentekst{
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight: normal;
	color:#666666;
	float:left;
}

.submit {
	background: #FFFFFF url(../images/zoekpijl.gif) no-repeat left top;
	text-indent:-999999em;
	height:15px;
	width:15px;
	float:left;
	margin-top:2px;
}

#name{
	width:70px;
	height:13px;
	font-size:11px;
	float: left;
	margin:0px 2px 0px 3px;
}

/*input velden*/
input[type=text]{
	width:83px;
	height:13px;
	font-size:11px;
}

/*NEWSLETTER*/
h2.subscribe_unsubscribe	{
	display:none;
}


/* smaken */
.smaak{
	width:150px;
	height:180px;
	padding:10px;
	text-align: center;
	float:left;
}

.smaaktitel{
	text-align: center;
	font-size:16px;
	color:#04ACD0;
	font-weight:bold;
}

.smaak a{
	color:#000;
	font-weight:bold;
}

.smaak a:hover{
	text-decoration:none;
}

.leesmeer a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	display: inline;
}

.leesmeer a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#04ACD0;
	display: inline;
}

.lijst ul {margin: 0px; margin-left: 15px; padding: 0px}
.lijst li {margin: 0px 0px 3px 0px; padding-left: 0px; color: #C7E135}
.lijst li a {font-weight: normal}


.menustreep{
	border-right:1px solid #84CBDD;
}

.laatstenieuwsimg{
	width:85px; 
	height:100px;
	padding-left:10px;
}

.nieuwsArtAfb {float: left; margin: 5px 30px 10px 0px;}


/*TESTIMONIALS*/
.testimonialContainer {height: 123px}

.testimonialnaam{
	font-size:12px;
	display: inline;
	font-style:normal;
}

/*excerpt*/
.testimonial{
	font-size:12px;
	color:#000;
	font-style:normal;
	font-weight:normal;
}

/* Testimonial slider */

.navigation{
	margin-left:245px;
	margin-top:20px;
}

#testimonials{
	width: 270px;
	height: 140px;
}

#testimonials .slides div{
	width: 270px;
}

.headertekst{
	padding-left:180px;
	padding-top:100px;
	width:450px;
}

.datum{
	padding-bottom:15px;
	color:#04ACD0;
}

.datumgroen {
	color:#C7E135;
	padding-bottom:15px;
}

.nieuwsafbeelding {
	display: inline; 
	float:left;
	width:200px;
	margin-bottom:15px;
}

.nieuwsbericht{
	display: inline; 
	float:right;
	width:330px;
	margin-right:20px;
	margin-bottom:15px;
}

.nieuwsitem{
	min-height:180px;
	width:550px;
}

/*Archief*/
#contentrechts.archief {width: 270px;}

.whitespace {margin-bottom: 25px;}


/*werk*/

#werkcontainer	{margin:2px 0px;}


.werk img { 
	float: left; 
	display: inline;
	margin-bottom:3px;
}

.werk { 
	float: left; 
	position: relative; 
	height:150px;
	width:150px;
	padding: 6px; 
	background: #C7E135; 
	display: inline; 
	margin-bottom:5px;
}

.werkitem { 
	float: left;
	height:200px;
	width:162px; 
	position: relative; 
	padding: 0px 24px 20px 0px; 
	background: #FFF; 
	display: inline; 
}

.werkuitleg{
	font-size:9px;
	letter-spacing: 0.1em;
	font-weight:bold;
	color:#04ACD0;
}

.werksoort{
	font-size:9px;
	font-weight:bold;
	color:#000;
}


.werk:hover { 
	background: #04ACD0; 
}

.links{
	float:left;
}

.rechts{
	float:right;
	margin-left:50px;
}

.onsimg{
	float:left;
	height:120px;
	width:258px;
}



/* Content rotator specific */

#contentrotator{
	width: 538px;
	background: url(../images/h_contentrotator_achtergrond.jpg);
	background-color: #FFFFFF;
	height: 174px;
	padding: 8px 0px 8px 8px;
	top:-8px;
	margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	left:-12px;
}

#contentrotator a{
	text-decoration: none;
	color: #000;
}

#cr-images{
	width: 296px;
	height: 160px;
	float: left;
	position: relative;
	top: 5px;
	left: 5px;
	overflow: hidden;
	border: 1px solid #B9E3EC;
}

#cr-images div.slide{
	position: absolute;
	height: 160px;
	top: 0px;
	left: 0px;
	z-index: 8;
}

#cr-images div.current-image{
    z-index: 10;
}

#cr-images div.last-image{
    z-index: 9;
}

#cr-images div.current-image-mouseover{
	z-index: 15;
}

#cr-images div.caption{
	background-image: url(../images/h_contentrotator_zwart.png);
	width: 280px;
	height: 41px;
	position: relative;
	top: -24px;
	padding: 4px 20px 2px 10px;
}

div.caption{
	color: #fff;
	font-size:12px;
}

/* Vertical align via: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */

#cr-titles{
	list-style: none;
	display: table;
	height: 161px;
	overflow: hidden;
	width: 230px;
	float: right;
	font-size: 1em;
	word-spacing: 0.1em;
	margin-top: 5px;
	padding-right:5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#cr-titles-wrapper	{
	display: table-cell;
	vertical-align: middle;
	margin: 0px;	
}

ol#titles	{margin-left:0px;}

#titles li{
	width: 205px;
	padding: 4px 5px 4px 14px;
	line-height:1.2em;
}

.active{
	background-color: #B9E3EC;
	font-weight: bold;
}



/*accordion*/

#accordion{
	margin-left: 0px;
}

#contentlinks #accordion{
	margin-left:0px;}


.ui-accordion p{
	padding:0px 0px 5px 0px;
}

#accordion h3{
	color:#FFFFFF;
	margin:0px;
}

.accordioncontent	{
	position:relative;	
	padding: 7px 0px 5px 0px;
	cursor:default;
}

.accordioncontent img	{behavior: url("iepngfix.htc");}

.ui-accordion { margin:0; padding:0; list-style-type:none; }
.ui-accordion li { margin:0; margin-bottom:2px; padding:0;}
.ui-accordion li .ui-accordion-header {
	display:block;
	margin:3px 0px 3px 0px;
	padding-left:5px;
	margin-right:15px;
	height:35px;
	background-image:url(../images/accordion-middle.gif);
	color:#000;
	text-decoration:none;
	line-height:35px;
	position:relative;
	left:8px;
}

.ui-accordion li .ui-accordion-right {
	display:block;
	background-image:url(../images/accordion-right.gif);
	position:absolute;
	top:0px;
	right:-15px;
	height:35px;
	width:15px;
}
.ui-accordion li .ui-accordion-left {
	display:block;
	background-image:url(../images/accordion-left.gif);
	background-repeat:no-repeat;
	position:absolute;
	height:35px;
	width:8px;
}

.ui-accordion li:hover .ui-accordion-left { background-image:url(../images/accordion-left-over.gif);}
.ui-accordion li:hover .ui-accordion-header {background-image:url(../images/accordion-middle-over.gif); text-decoration:none  }
.ui-accordion li:hover .ui-accordion-right { background-image:url(../images/accordion-right-over.gif); }

.ui-accordion li.selected .ui-accordion-left { background-image:url(../images/accordion-left-act.gif); }
.ui-accordion li.selected .ui-accordion-header { background-image:url(../images/accordion-middle-act.gif); }
.ui-accordion li.selected .ui-accordion-right { background-image:url(../images/accordion-right-act.gif); }


/* lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #04ACD0;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

#lightboxIframe {
	display: none;
}	

li{
cursor: pointer;
}

a	{
  	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a:link	{
  	color: #000000;	
	text-decoration:none;
}

a:visited {
  	color: #000000;
	text-decoration:none;
}

a:hover  {
  	color: #04ACD0;	
	text-decoration: underline; 
}

a:active  {
  	color: #04ACD0;
	text-decoration:none;
}


/*------------- GOOGLE MAPS --------------*/
.googleMap {width:360px; height:300px; border:1px solid #000; }


/*FORMS*/
.textVeld {border: 1px solid #04ACD0; padding: 3px;}
.buttonNormal {height: 21px; background-color: #04ACD0; border: 0px; color: #FFFFFF;  padding:4px;}
.buttonHigh {height: 21px; background-color: #C7E135; border: 0px; color:#333333;  padding:4px;}

/*FORMBUILDERSTYLES*/

.formBuilderformulier {padding-top: 15px;}
.formBuilderformulier p {margin: 8px 0px 0px 0px}
.formLabel {width: 135px; float:left; display:inline;}
.formBuilderformulier .xsformbuilder_simple_textbox {width: 350px; height: 18px; font-size: 12px; padding-left: 4px; border: 1px solid #84cbdd; background-color:#FFFFFF;}
.xsformbuilder_large_textbox {width: 350px; border: 1px solid #84cbdd; background-color:#FFFFFF;}
.xsformbuilder_button {border: 1px solid #84cbdd; background-color:#e2f3fb; font-weight: bold; padding: 0px 5px; margin: 10px 0px 0px 135px;}
.xsformbuilder_button_high {border: 1px solid #84cbdd; background-color:#00a1e1; font-weight: bold; padding: 0px 5px; margin: 10px 0px 0px 135px; color:#FFF;}


/*FAQ*/

.vraag {margin-bottom: 10px; margin-left: 10px}
.antwoord {margin: 0px 0px 20px 0px; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 30px}
hr.faq {height: 1px; border: 1px solid #3bacd0; margin: 20px 0px 10px 0px}

#smaakselector	{
	position:absolute;
	left:666px;
	top:29px;
}
.pngBehavior {behavior: url('iepngfix.htc')}