/* ------------------ */
/* ------------------ */

     /* ALGEMEEN */

/* ------------------ */
/* ------------------ */

@font-face {
  font-family: "Eurostile";
  src: url(/fonts/Eurostile.eot);
  src: local("Eurostile"), url(/fonts/Eurostile.ttf) format("truetype");
}

html{
	background-image:url(../images/bg_body.jpg); 
	background-repeat:repeat-x;
	background-position:bottom;	
	background-attachment: fixed;
	height:100%;
	background-color:#256196;
	overflow:hidden; }

body{
	margin: 0px 0px 0px 0px; font-family: Eurostile, tahoma, Helvetica, sans-serif;
	letter-spacing:0px;
	overflow:hidden; }

.container{	
	width: 1000px;
   	left: 50%;
   	top: 50%;
	height:600px;
	margin-left: -500px;
	margin-top: -300px;
	position: absolute;
	vertical-align: middle;
	background-color:#336699;
	border:10px solid #FFFFFF;}

.containerGrijs{	
	width: 1000px;
   	left: 50%;
   	top: 50%;
	height:600px;
	margin-left: -500px;
	margin-top: -300px;
	position: absolute;
	vertical-align: middle;
	background-color:#dddddd;
	border:10px solid #FFFFFF;}


.links{
	width:25px;
	background-color:#003366;
	height:600px;
	border-right:1px solid #FFFFFF;
	float:left;}
	
.rechts{
	width:974px;
	height:600px;
	float:left;}
	
.header{
	height:125px;
	width:974px;
	background-color:#336699;}	
	
.hoofdmenu{
	height:20px;
	width:974px;
	background-color:#CCCCCC;
	border-bottom:5px solid #ff6600;
	position:relative;
	z-index:1;}

	
.afbeeldingLinks{
	height:375px;
	width:375px;
	float:left;}
		
.content{
	height:335px;
	width:559px;
	float:left;
	padding:20px;}

.ticker{
	height:30px;
	width:974px;
	clear:both;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#003366;
	color:#FFFFFF;}


.tickerContact{
	height:30px;
	width:974px;
	clear:both;
	font-weight:bold;
	text-align:right;
	line-height:30px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#FF6600;
	color:#FFFFFF;}
	
.footer{
clear:both;
	height:43px;
	width:974px;
	background-color:#5f5f5f;}

.breaker{
	width:535px;
	height:20px;
	}

/* ------------------ */
/* ------------------ */

   /* TEKST BLOKKEN */

/* ------------------ */
/* ------------------ */


h1 {
	margin:0px;
	padding-top:0px;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:11px;
}

h2 {
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	letter-spacing:0px;}
	
.oranjeContent{
	background-image:url(../images/bg_oranje.jpg); 
	background-repeat:repeat-x;
	height:155px;
	width:535px;
	padding:11px;
	border:1px solid #9f9f9f;}
	
.oranjeTitel{
	height:20px;
	width:530px;
	font-size:12px;
	line-height:20px;
	font-weight:bold;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;}
	
.oranjeTekst{
	padding-top:10px;
	height:130px;
	width:530px;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	line-height:14px;
	color:#FFFFFF;}
	
	
.oranjeLeesMeer{
	position:absolute;
	top:310px;
	left:780px;
	height:30px;
	line-height:30px;
	width:188px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(../images/readmore_oranje.png); 
	background-repeat:no-repeat;
	background-position:  105%  -20%;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	letter-spacing:0px;}
	
.grijsContent{
	background-image:url(../images/bg_grijs.jpg); 
	background-repeat:repeat-x;
	height:116px;
	width:246px;
	padding:10px;
	float:left;
	border:1px solid #9f9f9f;}
	
.grijsTitel{
	height:20px;
	width:246px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	color:#464646;
	border-bottom:1px solid #464646;font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	
	
.grijsTekst{
	padding-top:10px;
	height:75px;
	width:248px;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	line-height:16px;
	color:#464646;}
	
.grijsLeesMeer{
	position:absolute;
	top:470px;
	left:495px;
	height:30px;
	line-height:30px;
	width:183px;
	font-weight:bold;
	color:#464646;
	font-size:12px;
	background-image:url(../images/readmore_grijs.png); 
	background-repeat:no-repeat;
	background-position:  105%  -20%;font-family: Eurostile, tahoma, Helvetica, sans-serif;}

.breakerVertical{
	float:left;
	height:116px;
	width:21px;}
	
.blauwContent{
	background-image:url(../images/bg_blauw.jpg); 
	background-repeat:repeat-x;
	height:116px;
	width:246px;
	float:left;
	padding:10px;
	border:1px solid #9f9f9f;}
	
.blauwTitel{
	height:20px;
	width:250px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	
	
.blauwTekst{
	padding-top:10px;
	height:75px;
	width:248px;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	line-height:16px;
	color:#FFFFFF;}
	
.blauwLeesMeer{
	position:absolute;
	top:470px;
	left:780px;
	height:30px;
	line-height:30px;
	width:188px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(../images/readmore_blauw.png); 
	background-repeat:no-repeat;
	background-position:  103%  -20%;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	letter-spacing:0px;}	
	
	
		
.downloadFlyer{
	position:absolute;
	top:470px;
	left:440px;
	height:30px;
	line-height:30px;
	width:188px;}	
	
	
/* ------------------ */
/* ------------------ */

 /* VERVOLGPAGINA'S */

/* ------------------ */
/* ------------------ */	
	
.horizontalImages{
	height:95px;
	width:974px;
	background-color:#DDDDDD;
	border-bottom:10px solid #dddddd;}

.horizontalContact{
	height:95px;
	width:974px;
	background-color:#DDDDDD;}
	
.sloganLinks{
	width:300px;
	height:270px;
	float:left;
	border-right:10px solid #dddddd;}
	
.sloganLinksNoBorder{
	width:310px;
	height:270px;
	float:left;}	
	
contactRechts{
	width:385px;
	height:280px;
	float:left;
	border-right:10px solid #dddddd;}	
	
.contentRechts{
	float:left;
	height:260px;
	width:654px;
	font-size:13px;
	line-height:16px;}

.contentContactRechts{
	float:left;
	height:280px;
	width:974px;
	font-size:13px;
	line-height:16px;
	background-image:url(../images/bg_contact.jpg); 
	background-repeat:no-repeat;
	background-position:bottom right;}

.linkscontact{
	height:280px;
	width:674px;
	float:left;	}
	
.rechtscontact{
	height:260px;
	width:300px;
	text-align:left;
	float:left;}


.paginaTitel{
	background-color:#336699;
	height:20px;
	line-height:20px;
	width:649px;
	border-bottom:10px solid #DDDDDD;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	padding-left:5px;}	

	
.paginaTitelkleinLinks{
	background-color:#336699;
	height:20px;
	line-height:20px;
	width:317px;
	border-bottom:10px solid #DDDDDD;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	letter-spacing:0px;
	padding-left:5px;}	
	
.paginaTitelPopup{
	background-color:#336699;
	height:20px;
	line-height:20px;
	width:400px;
	border-bottom:10px solid #DDDDDD;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	letter-spacing:0px;
	padding-left:5px;}	
	
.paginaTitelkleinRechts{
	background-color:#336699;
	height:20px;
	line-height:20px;
	width:317px;
	border-bottom:10px solid #DDDDDD;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;

	font-size:13px;
	float:left;
	letter-spacing:0px;
	padding-left:5px;}	
	
	
.contentkleinLinks{
	border:1px solid #9f9f9f;
	height:220px;
	line-height:16px;
	width:310px;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	padding:5px;
	float:left;} 

.verticalRuimte{
	float:left;
	width:10px;
	height:230px;}
	
.paginaTitelRuimte{
float:left;
width:10px;
height:20px;}
		
.contentkleinRechts{
	border:1px solid #9f9f9f;
	height:220px;
	line-height:16px;
	width:310px;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	padding:5px;
	float:left;}
/* ------------------ */
/* ------------------ */

     /* NAVIGATIE */

/* ------------------ */
/* ------------------ */	
	
/* MENU */
.suckertreemenu ul{margin: 0;padding: 0;list-style-type: none;height:20px; line-height:20px; background-color:#336699; font-size:10px; text-transform:uppercase;}
/*Top level list items*/
.suckertreemenu ul li{position: relative; height:20px;line-height:20px; float:left; background-color: #336699;}
/*Top level menu link items style*/
.suckertreemenu ul  a{display: block; padding-left:15px; padding-right:15px;/*Width of top level menu link items*/text-decoration: none;color: #FFFFFF;text-transform:uppercase;}
/*Top level menu link items style*/
.suckertreemenu  li a{display: block; float:left; padding-left:13px;   letter-spacing:1px;font-size:13px; text-decoration: none;color: #FFFFFF; background-color:#336699; border-left:1px solid #FFFFFF; text-transform:uppercase;}
/*1st sub level menu*/
.suckertreemenu ul li ul{left: 0;position: absolute; top:0px; display: block;visibility: hidden; background-color:#FFFFFF;}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{display: list-item;float: none;border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;height:20px;text-transform:uppercase;}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ left: 159px; top: 0;}
/* Sub level menu links style */
.suckertreemenu ul li ul li a{display: block;width: 210px;  line-height:20px; height:20px; font-size:11px; background-color:#829cb7; color: #FFFFFF;background-repeat:no-repeat;text-decoration: none; padding-left:10px; letter-spacing:1px;}
/* hoofdmenu hover */
.suckertreemenu ul li a:hover{background-color: #336699;color: #FF6600; text-transform:uppercase; float:left;}
/* sub menu hover */
.suckertreemenu ul li ul li a:hover{background-color: #336699;color: #FFFFFF; letter-spacing:1px; text-transform:uppercase;}
/*Background image for top level menu list links */

	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */	



a:link{ 
	color:#FFFFFFF; 
	text-decoration:underline; 
	}
	
a:visited{ 
	color:#FFFFFFF; 
	text-decoration:underline; 
	}
	
a:active{ 
	color:#FFFFFFF; 
	text-decoration:underline; }

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

a.submenu:link{ 
	color:#FFFFFFF; 
	text-decoration:underline; 
	}
	
a.submenu:visited{ 
	color:#FFFFFFF; 
	text-decoration:underline; 
	}
	
a.submenu:active{ 
	color:#FFFFFFF; 
	text-decoration:underline; }

a.submenu:hover{ 
	color:#FFFFFFF; 
	text-decoration:underline; 
	}


a.linkZwart:link{ 
	color:#000000; 
	text-decoration:underline; 
	font-size:13px;
	}
	
a.linkZwart:visited{ 
	color:#000000; 
	text-decoration:underline; 
	font-size:13px;
	}
	
a.linkZwart:active{ 
	color:#000000; 
	text-decoration:underline; 
	font-size:13px;	}

a.linkZwart:hover{ 
	color:#000000; 
	text-decoration:underline; 
	font-size:13px;
	}	
	

a.linkWit:link{ 
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;
	}
	
a.linkWit:visited{
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;
	}
	
a.linkWit:active{
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;}

a.linkWit:hover{ 
	color:#FFFFFF;  
	font-size:12px;
	text-decoration:underline;
	}	


a.linkWitGroot:link{ 
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;
	}
	
a.linkWitGroot:visited{
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;
	}
	
a.linkWitGroot:active{
	color:#FFFFFF; 
	text-decoration:underline; 
	font-size:12px;}

a.linkWitGroot:hover{ 
	color:#FFFFFF;  
	font-size:12px;
	text-decoration:underline;
	}	
	
#gallery { position: relative; width:375px; height:375px; margin:0; padding:0; }
#gallery li { display: block; }

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	z-index:1;
	display: block;
	height:345px;
	position:absolute;
	top:150px;
	right:0px;
	margin-top:10px;
	padding-left:10px;
	width:240px;
	float:left;
	background-color:#003366;
	font:#FFFFFF;
	color:#FFFFFF;font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-right:10px;
	letter-spacing:0px;
	border-top:10px solid #DDDDDD;
	border-left:10px solid #DDDDDD;
	}

.zoekenState{font-family: Eurostile, tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;}

.zoekTitel{
	font-weight:bold;
	padding-top:20px;
	height:20px;
	padding-left:10px;
	line-height:20px; 
	width:530px;
	font-size:14px;font-family: Eurostile, tahoma, Helvetica, sans-serif;}

.zoekFormulier{
	font-weight:bold;
	height:20px;
	line-height:20px; 
	width:530px;font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	
select{font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	

form{padding-left:10px;padding-top:0px;}

.ruimteHorizontaal{
height:10px;
width:974px;
float:left;}

.formulier{
	background-color:#dddddd;
	width:400px;
	height:400px;
	}

.containerItem{
	float:left;
	width:400px;
	height:25px;
	}

.links{
float:lef;
}

.rechts{
float:left;}
	
.itemLinks{
	width:120px;
	height:25px;
	float:left;
	line-height:25px;font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	
.itemRechts{
	width:250px;
	height:25px;
	line-height:25px;	
	float:left;font-family: Eurostile, tahoma, Helvetica, sans-serif;}
	
	
	.select span span span {
	filter:alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0; 
	color: #ee83bd;  
	padding: 0; 
	text-align: center;
}