@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
}
/*Floatfix*/
.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 */

/* end Floatfix*/

@font-face {
    font-family: "Univers LT 57 CondensedLt";
    src: url(../img/LTe50144.ttf);
	font-weight:400;
	
}
@font-face {
    font-family: "Univers LT 47 CondensedLt";
    src: url(../img/LTe50146.ttf);
	font-weight:400;
}	
body {
	background-image: url(../img/background_2.jpg);
	background-repeat:repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color: #333;
	}
#menubalk {
	width:990px;
	height:28px;
	position:absolute;
	z-index:5;
	background:url(../img/bg_menu.png);
}

/* HOOFDMENU */
#hoofdmenubalk {
	width:990px;
	height:28px;
	position:absolute;
	z-index:5;
	background:#45729b;
	}

.hoofd_menu {
	float:left;
	width:635px;
	height:28px;
	text-align:left;
	margin-top:5px;
}
.hoofd_menu img {
	margin-top:-5px;
}
.hoofd_menu ul {
	margin-top:0px;
 }

.hoofd_menu ul li {
	display: inline;
	list-style-type: none;
	
}	

.hoofd_menu ul li a {
	color:#fff;
	text-decoration:none;
	padding:5px 32px 3px 32px;
	height:20px;
	font-family:"Univers LT 57 Condensed", "Univers LT 47 CondensedLt";
	font-size:16px;
	margin-right:5px;
}

.hoofd_menu ul li a:hover {
	text-decoration:none;
	background:#002147;
}

#current_hoofd {
	text-decoration:none;
	background:#002147;
}
.nonpaint_menu  a{
	float:left;
	width:135px;
	height:23px;
	padding:4px 0 0 4px;
	background-position:-15px;
	color:#FFF;
	text-decoration:none;
	font-family:"Univers LT 57 Condensed", "Univers LT 47 CondensedLt";
	font-size:16px;
}

.nonpaint_menu a:hover {
	text-decoration:none;
    background: #002147;
	}
.nonpaint_menu #current_hoofd_np {
	text-decoration:none;
    background:#002147;
	margin-left:3px;
	}

/* MENU ONDER */
#menubalkonder {
	width:305px;
	height:25px;
	position:absolute;
	z-index:6;
	top:28px;
	left:684px;
	background:url(../img/bg_menu.png);
}
.home_menuonder {
	float:left;
	width:292px;
	height:25px;
	text-align:right;
	margin-top:5px;
}
.home_menuonder img {
	margin-top:-5px;
}
.home_menuonder ul {
	margin-top:0px;
 }

.home_menuonder ul li {
	display: inline;
	list-style-type: none;
	padding-right:10px;
}	

.home_menuonder ul li a {
	color:#fff;
	margin-left:5px;
	text-decoration:none;

}
.home_menuonder ul li a:hover {
	text-decoration:underline;
}
/* einde menu onder */

/* ZOEKEN */

#vlaggen {
	width:100px;
	float:right;
	margin-right:5px;
	margin-top:3px;	
	border:none;
}
#zoekbox {
	width:165px;
	float:right;
	margin-right:5px;
	margin-top:3px;	
}

	
#zoekbox #searchbox{
	border: none;
	background:#00CC00;
	width: 118px;
	font-size: 11px;
	margin-left:20px;
}
#zoekbox #rounded{
	background:url(../img/bg_zoeken.png) no-repeat;
	width:138px;
	height:18px;
	float:right;
}
#zoekbox #search{
	width:138px;
	height:19px;
	padding:3px 0 0 3px;
	margin:0px 0 0 10px;
	border:none;
	background:none;
	font-size:11px;
	color:#999;
}
.searchbutton img {
	width:26px;
	height:18px;
	float:right;
	margin:-22px 5px 0 0;
	border:none;
}

#wrapper {
	width:990px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0 px;
	position: relative;		
}


#slider {
	background-color: #999;
	height: 347px;
	width: 990px;
	margin-top:0 px;
	position:absolute;
	z-index:-1;
	left: 0px;
	top: -2px;
}

#content {
	width: 990px;
	margin-top: 10px;
}


#crumb {
	width:720px;
	padding:10px 0 0px 250px;
	}
	
.breadcrumb{
font: 10px Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
}


.breadcrumb a{
background: transparent url(../img/breadcrumb.png) no-repeat center right;
text-decoration: none;
padding-right: 15px; 
padding-left: 2px;/*adjust bullet image padding*/
color: #000;
font-weight:normal;
}

.breadcrumb a:visited, .breadcrumb a:active{
color:#666;
font-weight:normal;
}

.breadcrumb a:hover{
text-decoration: underline;
}

#contactvak {
	height:159px;
	width:202px;
	background-color:#00F;
	float:left;
	margin-top:25px;
	background:url(../img/contact_blok.jpg) no-repeat;
}

#contactvak p { 
	font-size:12px;
	color:#666;	
	margin-top:130px;
	margin-left:52px;

}

#nieuwsbriefvak {
	height:184px;
	width:202px;
	background-color:#00F;
	float:left;
	margin-top:25px;
	background:url(../img/nieuwsbrief_blok.jpg) no-repeat;
}

#nieuwsbriefvak p { 
	font-size:10px;
	width:180px;
	color:#FFF;	
	margin-top:30px;
	margin-left:10px;
}

#nieuwsbriefvak .velden {
	width:202px;
	height:95px;
	margin-top:19px;	
}
.velden {
	width:202px;
	height:95px;
	margin-top:89px;	
}
/* VELDEN */

.veldbox {
	width:183px;
	margin-right:5px;
	float:left;
	margin-left:8px;
	margin-bottom:5px;
}
.veldbox .searchbox{
	border: none;
	background:#00CC00;
	width: 149px;
	font-size: 11px;
}
.veldbox .rounded{
	background:url(../img/veld_contact.jpg) no-repeat;
	width:183px;
	height:18px;
	float:right;
}
.veldbox .search{
	width:170px;
	height:21px;
	padding:0px 0 0 8px;
	margin:0px 0 0 0px;
	border:none;
	background:none;
	font-size:11px;
	color:#999;
}
.searchbutton2 img {
	width:11px;
	height:11px;
	float:right;
	margin:0px 10px 0 0;
	border:none;
}

.searchbutton2img {
	background-image:url(../img/leesmeer.png);
	width:11px;
	height:11px;
	float:right;
	margin:0px 10px 0 0;
	border:none;
}
	


#leftbar {
	width:202px;
	float:left;
}
#leftbar h2 {
	font:18px "Univers LT 57 Condensed", "Univers LT 47 CondensedLt";
	color:#002147;
	height:30px;
	border-bottom:1px solid #ccc;
	width:185px;
	margin-bottom:3px;
	padding-left:17px;
}

/* --------
  The CSS rules offered here are just an example. You can style the 'accordion' in any way you like.
  The styles for the Page Structure are needed just for the purpose of this demo page.
  If you decide to use the CSS rules in 'Accordion' (see below) as a base, 
  be sure to rename the selectors as to satisfy the elements in your site.
 --------- */
* {margin:0; padding:0}

/* --- Page Structure  --- */

#menu_wrapper{
width:202px;
  margin-bottom:30px;
  background:#fff;
  text-align:left;
  overflow:hidden
}
#menu_container {
  float:left;
  width:100%;
  position:relative;
  min-height:0
}
#menu_main{
  margin-right:19em;
  position:relative; 
  min-height:0
}
#side{
  float:left;
  display:inline;
  width:18em;
  padding-bottom:1.3em;
  position:relative;
  overflow:hidden
}
.strong{font-weight:700}
.clear {clear:both}

/* --- Headings --- */
#main h2 {background-color:#f0f0f0}

#side, #side h2, #side h3 { color:#002147;
}

#side h2 {  border-bottom:0px solid #ccc;}

/* --- Links --- */

#side a {display:block; border-width:0 0 0px; border-color:#fff; color:#002147;}

#side a:hover, #side a:active, #side a:focus {}

/* --- Accordion --- */
.js #main .accordion {visibility:hidden}

.js #side .accordion {display:none}

.accordion {margin:0; padding:0 0px}

.accordion li {list-style-type:none;  margin-bottom:0px; background-color:#ccc; padding:5px 0 0px 0; border-bottom:2px solid #FFF;}
.accordion ul{list-style-type:none;  margin-bottom:0px;}
.accordion ul li  {list-style-type:none;  margin-bottom:0px; background-color:#fff;
}

.accordion li.last-child {padding-left:19px; list-style-type:none;}

#side ul.accordion ul {width:202px; margin:0; padding:5px 0 5px 0;  background-color:#fff;}

.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff}

.accordion .inner {margin-bottom:0; overflow:hidden}

.accordion .inner .inner {padding-bottom:0}

.accordion .h {padding-top:.3em}

.accordion p {margin:.5em 0 1em}

#current {
	text-decoration:underline;
	}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/    

a.trigger {text-decoration:none; padding-left:20px;   background-position: 1px 50%;}
a:hover.trigger.open {text-decoration:underline;}
a.trigger.open {}

.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal;}

#main a.trigger { }

#main a.trigger.open {border-color:;}

#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open { border-color:#bcd; cursor:default}

#side a.active{font-weight:700; color:#f72; text-decoration:none;}

#rightbar {
	width:788px;
	float:right;
}
#rightbar h1 {
	width:738px;
	height:30px;
	border-bottom:1px solid #ccc;
	float:right;
	font:18px "Univers LT 57 Condensed", "Univers LT 47 CondensedLt";
	color:#002147;
	margin-bottom:3px;
	margin-right:2px;
 }
#rightbar p {
	margin-bottom:8px;
	
	}
	
#footer {
	background-image: url(../img/GET_footer_bg.png);
	height:58px;
	width: 990px;
	text-align:center;
	float:left;
	margin-top:5px;
}

#footer p {
	font-size: 13px;
	font-family:"Univers LT 47 CondensedLt";
	color:#999;
	padding-top:10px;

	}
.blauw {
	color: #0CF;
	margin:0 5px 0 5px;
}

.image_footer a img {
	width:91px;
	height:20px;
	border:none;
	margin:-15px 100px 0 0;
	float:right;
}

.donkerblauw {
	color: #002147;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#footer_gr {
	height:200px;
	width:975px;
	float:left;
	margin-top:25px;
	padding-left:15px;
	background-color:#E5E5E5;
}

#footer_gr h6 {
	font-family:"Univers LT 47 CondensedLt";
	font-size:16px;
	font-weight:normal;
	color: #002147;
	padding:0px 0px 8px 0px;
}
.balk_staand {
	width:1px;
	height:140px;
	background-color:#FFF;
	margin: 40px 3px 3px 3px;
	float: left;
}
.blokfooter1 {
	height:180px;
	width:140px;
	padding:10px 5px 10px 5px;
	float: left;
	}
	
.blokfooter {
	height:180px;
	width:180px;
	padding:10px 4px 10px 8px;
	float: left;
	}
	
#footer_gr a {
		font-size:11px;
		line-height:18px;
		text-decoration:none;
		color:#333;

	}

#footer_gr a:hover {
	text-decoration:underline;
	color:#5E84A5;
    
	}
	#footer_gr p {
		font-size:11px;
		line-height:18px;
		color:#333;

	}
	



	
/* SLIDER */

#slider_container {
	width:990px;
	height:346px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:990px;
	height:346px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:990px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:-2px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:990px;
	height:350px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:990px;
	height:346px;
	display:block;
}

.slides_container a img {
	display:block;
	border: none;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:25px auto 0;
	width:220px;
	position:absolute;
	right:-60px;
	bottom:15px;
	z-index:15;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:15px;
	height:15px;
	background-position:0 0;
	float:left;
	overflow:hidden;
	background-image:url(../img/slider/pagination_01.png);
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background-position:bottom;
	padding-top:12px;
	background-repeat:no-repeat;
}

.pagination li.current a {
	background-position:0 0px;
	background-image:url(../img/slider/pagination.png);
	background-repeat:no-repeat;
	height:26px;
		padding-top:12px;

}
.pagination li a img {
	border:none;
}