html, body, #wrap {height: 100%; padding:0px; margin:0px; }

body > #wrap {height: auto; min-height: 100%;}

body { 
	margin:0px; 
	padding:0px; 
	background-color:#ffffff;
	text-align:center;
}

/* ----- Intro pagina --------------------------------------------------------------------------------------------------------- */	

#intro-navigatie {
	position:absolute;
	margin:513px 0 0 -410px;
	width:830px;
	height:30px;
	z-index:200;
	left:50%;
	text-align:left;
}

#intro-flash {
	margin: 0 0 0 -430px;
	height: 560px;
	width: 930px;
	position:absolute;
	left:50%;
}

#link-presentatie {
	position:absolute;	
	top: 600px;
	text-align: center;
	width:100%;
	text-decoration:none;
}

a.menu:link, a.menu:visited {
	font: bold 18px/18px "Trebuchet MS";
	color: #ED1C24;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:27px;
}

a.menu:hover {
	font: bold 18px/18px "Trebuchet MS";
	color: #ED1C24;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:27px;
}

a.menu-red:link, a.menu-red:visited {
	font: bold 18px/18px "Trebuchet MS";
	color: #ED1C24;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:27px;
}

a.menu-red:hover {
	font: bold 18px/18px "Trebuchet MS";
	color: #787878;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:27px;
}

.navspace { float:left; margin-right:23px; }


/* ----- Slider navigatie intro pagina --------------------------------------------------------------------------------------------------------- */	

#slider UL {
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
	WIDTH: 850px; 
	HEIGHT: 30px;
	margin:0px;
}
#slider LI {
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
	WIDTH: 850px; 
	HEIGHT: 30px; 
	OVERFLOW: hidden;
}
#slider {
	WIDTH: 850px; 
	HEIGHT: 30px; 
	OVERFLOW: hidden;
}

#intro-navigatie a { z-index:100; }
#intro-navigatie a:hover { cursor:pointer; }


/* ----- Content pg's --------------------------------------------------------------------------------------------------------- */	

.bg {
	background: url(../img/bg.jpg) no-repeat center top;
}

#main {
	padding-bottom: 40px; /* must be same height as the footer */
	width:960px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}  

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
	background-color:#414345;
}

h1 {
	color:#333333;
	padding-top:12px;
	font: bold 18px "Trebuchet MS";
}

#adres {
	color:#dedede;
	padding-top:12px;
	padding-left:150px;
	text-align:center;
	font: bold 11px "Trebuchet MS";
}

#adres a:link, #adres a:visited {
	color:#dedede;
	font: bold 11px "Trebuchet MS";
	text-decoration:none;
}

#adres a:hover {
	color:#999999;
	font: bold 11px "Trebuchet MS";
	text-decoration:none;
}

#adres .spacer { text-align:center; margin-left:5px; margin-right:5px; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 

#left {
	width:300px;
	position:relative;
	padding-top:0px;
	text-align:left;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
	font-family:'Trebuchet MS'; 
	text-transform:uppercase;
	/*background-color:#999999;*/
}

#leftnav {
	width:202px;
	position:relative;
	padding-top:0px;
	text-align:left;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
	font-family:'Trebuchet MS'; 
	text-transform:uppercase;
	/*background-color:#999999;*/
}

#subnav { margin-bottom:0px; }

#main #content {
	width:650px;
	position:relative;
	padding-top:0px;
	text-align:left;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
	padding-bottom:20px;
}

a:link, a:visited {
	text-decoration:underline;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color:#EE3338;
}

.logo {margin-top:20px; margin-bottom:24px;}

#main #content #flash { margin-top:22px; margin-bottom:42px;}
#main #content #flash2 { margin-top:22px; margin-bottom:4px;}

.red { color:#EE3338; }
.small { font-size:11px; }

td {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

#ligging {
	width:150px; 
	float:right; 
	margin-left:35px; 
	padding-top:4px;
}

#googlemap {
	width:460px; 
	float:left; 
	margin:0px; 
	padding:0px;
}

iframe { 
	border: 1px dotted #555;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
}

iframe a:link, iframe a:visited {
	text-decoration:underline;
	color:#000000;
}

#content a.jep:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */
#content #grey { color:#999999; font-size:10px; line-height:12px; padding-top:14px; }
#content #grey a:link, #content #grey a:visited { color:#999999; text-decoration:underline; }
#content #grey a:hover { color:#000000; text-decoration:none; }



/* ----- Navigatie --------------------------------------------------------------------------------------------------------- */	


#leftnav a.menu1:link, #leftnav a.menu1:visited { font-size:57px; line-height:54px; color:#CFCFCF; letter-spacing:18px; font-weight:bold; text-decoration:none; }
#leftnav a.menu1-on:link, #leftnav a.menu1-on:visited, #leftnav a.menu1-on:hover { font-size:51px; width:200px; line-height:57px; color:#ffffff; background-color:#EA2429; letter-spacing:16px; font-weight:bold; text-decoration:none; padding-left:5px; padding-right:2px; }

#leftnav a.menu2:link, #leftnav a.menu2:visited { font-size:39px; line-height:38px; color:#CFCFCF; letter-spacing:3px; font-weight:normal; text-decoration:none; }
#leftnav a.menu2-on:link, #leftnav a.menu2-on:visited, #leftnav a.menu2-on:hover { font-size:34px; width:200px; line-height:38px; color:#ffffff; background-color:#EA2429; letter-spacing:5px; font-weight:normal; text-decoration:none; padding-left:5px; }

#leftnav a.menu3:link, #leftnav a.menu3:visited { font-size:17px; line-height:17px; color:#CFCFCF; letter-spacing:1px; font-weight:normal; text-decoration:none; }
#leftnav a.menu3-on:link, #leftnav a.menu3-on:visited, #leftnav a.menu3-on:hover { font-size:17px; width:200px; line-height:19px; color:#ffffff; background-color:#EA2429; letter-spacing:1px; font-weight:normal; text-decoration:none; padding-left:1px; padding-right:1px; }

#leftnav a.menu4:link, #leftnav a.menu4:visited { font-size:44px; line-height:44px; color:#ffffff; color:#CFCFCF; letter-spacing:11px; font-weight:normal; text-decoration:none; }
#leftnav a.menu4-on:link, #leftnav a.menu4-on:visited, #leftnav a.menu4-on:hover { font-size:40px; width:200px; line-height:44px; color:#ffffff; background-color:#EA2429; letter-spacing:11px; font-weight:normal; text-decoration:none; padding-left:5px; }

#leftnav a.menu5:link, #leftnav a.menu5:visited { font-size:24px; line-height:24px; color:#CFCFCF; letter-spacing:0px; font-weight:normal; text-decoration:none; }
#leftnav a.menu5-on:link, #leftnav a.menu5-on:visited, #leftnav a.menu5-on:hover { font-size:21px; width:200px; line-height:24px; color:#ffffff; background-color:#EA2429; letter-spacing:1px; font-weight:normal; text-decoration:none; padding-left:5px; padding-right:5px; }

#leftnav a.menu6:link, #leftnav a.menu6:visited { font-size:33px; line-height:34px; color:#CFCFCF; letter-spacing:1px; font-weight:normal; text-decoration:none; }
#leftnav a.menu6-on:link, #leftnav a.menu6-on:visited, #leftnav a.menu6-on:hover { font-size:32px; width:200px; line-height:34px; color:#ffffff; background-color:#EA2429; letter-spacing:1px; font-weight:normal; text-decoration:none; padding-left:2px; padding-right:2px; }

#leftnav a.menu7:link, #leftnav a.menu7:visited { font-size:24px; line-height:24px; color:#CFCFCF; letter-spacing:16px; font-weight:normal; text-decoration:none; }
#leftnav a.menu7-on:link, #leftnav a.menu7-on:visited, #leftnav a.menu7-on:hover { font-size:24px; width:200px; line-height:24px; color:#ffffff; background-color:#EA2429; letter-spacing:13px; font-weight:normal; text-decoration:none; padding-left:9px; }

#leftnav a.menu1:hover, #leftnav a.menu2:hover, #leftnav a.menu3:hover, #leftnav a.menu4:hover, #leftnav a.menu5:hover, #leftnav a.menu6:hover, #leftnav a.menu7:hover { color:#EE3338; text-decoration:none; }

#leftnav a.submenu:link, #leftnav a.submenu:visited {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	text-decoration:none;
	margin-left:22px;
}

#leftnav a.submenu:hover {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #EE3338;
	text-decoration:none;
}

#leftnav a.submenu-on:link, #leftnav a.submenu-on:visited, #leftnav a.submenu-on:hover {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #EE3338;
	text-decoration:none;
	margin-left:22px;
	
}

#leftnav a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#leftnav hr { border:none; border-bottom:1px dotted #bbbaba; height:1px; width:200px; text-align:left; clear:left; float:left; padding:0px; margin-top:6px; margin-bottom:6px; }
* html #leftnav hr { border:none; border-bottom:1px dotted #bbbaba; height:1px; width:200px; text-align:left; clear:left; float:left; padding:0px; margin-top:6px; margin-bottom:-6px; } /* targets IE only */


/* ----- Slider images --------------------------------------------------------------------------------------------------------- */	

#slider-img {
	WIDTH: 646px; 
	HEIGHT: 300px; 
	OVERFLOW: hidden;
}

#slider-img UL {
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
	WIDTH: 646px; 
	HEIGHT: 300px;
	margin:0px;
}
#slider-img LI {
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
	WIDTH: 646px; 
	HEIGHT: 300px; 
	OVERFLOW: hidden;
	margin:0px;
}

/* slider: numeric controls */	

ol#controls{
		margin:1em 0;
		padding:0;
		height:30px;
		float:left;
		padding-left:1px;
		text-decoration:none;
}

ol#controls li{
		margin:0px 10px 0 0; /* numerieke navigatie onder de slider plaatsen */ 
		padding:0;
		float:left;
		list-style:none;
		height:22px;
		line-height:22px;
		font-size:10px;
		text-decoration:none;
}

ol#controls li a{
		float:left;
		height:22px;
		line-height:20px;
		border:#dedede solid 1px;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		z-index:100;
}

ol#controls li.current a {
		background:#999999;
		border:#999999 solid 1px;
		color:#fff;
		text-decoration:none;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* will get rid of those annoying outlines the browser creates around clicked links. */



/* ----- Zoom images --------------------------------------------------------------------------------------------------------- */	

/* http://www.gruppo4.com/~tobia/cross-slide.shtml */

#zoomer {
    margin: 1em auto;
    border: 1px dotted #555;
    width: 646px;
    height: 250px;
}

#zoomer-midi {
    margin: 1em auto;
    border: 1px dotted #555;
    width: 620px;
    height: 140px;
}

/* ----- Formulier --------------------------------------------------------------------------------------------------------- */	

#contact {width:300px; padding:0px; left:0px; float:left; position:relative; }
#contact .item {display:block; clear:left; color:#000000; width:100px; float:left; margin:0px; font:12px verdana,arial,sans-serif; padding-top:2px; }
#contact .item2 {display:block; color:#000000; width:180px; float:left; margin:0px; font:12px verdana,arial,sans-serif; padding-top:2px; }

.inputveld {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 22px;
	width: 170px;
	border: 1px solid #CCCCCC;
}
.textarea {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height:160px;
	width: 320px;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:4px;
}

.send {
	padding: 2px;
	margin: 2px;
	width:120px;
	height:30px;
	border:none;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor: pointer;
	margin-top:15px;
	background-color:#EE3338;
	/*background: url(../img/bu-send.jpg) no-repeat left top;*/
}


/* ----- Accordeon menu visie --------------------------------------------------------------------------------------------------------- */	

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 650px;
}

ul.menu a {
  display: block;
  text-decoration: none;
  margin:0px;	
}

ul.menu li {
  margin: 0px;
}

ul.menu li a {
  color: #000000;	
  padding: 0px;
  padding-left:0px;
  text-decoration:underline;
  font-size:14px;
  margin:0px;	
}

/*ul.menu li a:hover {
  background: #EE3338;
  color:#ffffff;
  text-decoration:none;
}*/

ul.menu li a:hover {
  color:#ffffff;
  text-decoration:none;
  /*border:#999999 dotted 1px;*/
  background-color:#cccccc;
}

ul.menu li a.item1 {
	font: 19px/19px Arial, Helvetica, sans-serif;
	color: #666666;
}

ul.menu li a.item2 {
	font: 39px/39px Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-weight:normal;
}

ul.menu li a.item3 {
	font: 29px/29px Arial, Helvetica, sans-serif;
	color: #B9B8B8;
	font-weight:normal;
}

ul.menu li a.item4 {
	font: 22px/22px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

ul.menu li a.item5 {
	font: 14px/14px Arial, Helvetica, sans-serif;
	color: #4B4A4A;
}

ul.menu li a.item6 {
	font: normal 59px/59px Arial, Helvetica, sans-serif;
	color: #cccccc;
}

ul.menu li a.item7 {
	font: 25px/25px Arial, Helvetica, sans-serif;
	color: #919090;
	font-weight:normal;
}


ul.menu li a.item1:hover, ul.menu li a.item2:hover, ul.menu li a.item3:hover, ul.menu li a.item4:hover, ul.menu li a.item5:hover, ul.menu li a.item6:hover, ul.menu li a.item7:hover {
	color: #ffffff;
}



ul.menu li ul li {
  padding-left:20px;
  /*background: #eeeeee;*/
  margin-top:0px;
}

ul.menu li a:focus, ul.menu a:focus, ul.menu a:focus{outline:none;} /* will get rid of those annoying outlines the browser creates around clicked links. */