/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}




/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 80%/1.6em Arial, Helvetica, sans-serif;
	background: #C7C8CB;
	color: #223450;
}

/* ******************* LINK ************************ */


a {
	text-decoration:none;
	color: #5aa131;
	}

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

a[href$="pdf"]:after,
a[href$="doc"]:after,
a[href$="xsl"]:after,
a[href$="zip"]:after,
a[href$="rar"]:after,
a[href$="txt"]:after,
a[href$="ppt"]:after{
margin:0 0 0 3px;
font:normal 10px Arial, Helvetica, sans-serif;
content: " (PDF)";
}
a[href$=".doc"]:after {content: " (DOC)";}
a[href$=".xsl"]:after {content: " (XSL)";}
a[href$=".ppt"]:after {content: " (PPT)";}
a[href$=".zip"]:after {content: " (ZIP)";}
a[href$=".rar"]:after {content: " (RAR)";}
a[href$=".txt"]:after {content: " (TXT)";}


/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	color: #005282;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	padding:0px 0;
	color: #5aa131;
	font-size: 12px;
	font-weight: bold;
}

h3 {
	padding:0px 0;
	color: #24344F;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

h4 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
}
h5 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
}
h6 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


.note{
	color: #666666;
	font-size: 11px;
}

/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0;
}

img {
	border:0;

}




/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border: 1px solid #dfe1e0;
	padding: 1px;
	background: #FFFFFF;	
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }

.bottomspace{ padding-bottom:10px;}




/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 980px;
	padding: 0px 0px 15px;
	margin: 0px auto;
	position: relative;
	background: #FFF;
	border-bottom: 5px solid #93ABB0;
	border-top: 1px solid #93ABB0;
	border-right: 1px solid #93ABB0;
	border-left: 1px solid #93ABB0;
	}

#leftframe{
	float: left;
	width: 220px;
	margin-right:15px;
}

#rightframe{
	float: left;
	width: 745px;
	margin-top: 15px;
}

#rightframe2{
	float: left;
	width: 730px;
	margin-top: 15px;
}


/* ******************* TOP ************************ */
#logo  {
	float:left;
	width:220px;
	padding-top: 10px;
	padding-left: 15px;
}

#topzone{
	float:left;
	height:125px;
	width:745px;
	background: #223450;	
	
}

#search{
	position: absolute;
	top: 0px;
	right: 0px;
	background: #FFF;
	width:200px;
	padding: 5px;
}



/* ******************* CONTENT *********************** */

#main{}

.content{}



.middlecontent{
	width:510px;
	margin-right:15px;
	float:left;
	}

.rightcontent{
	width:220px;
	float:left;
	}

.contenthalf{
	width:350px;
	float:left;
	}


/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */

#nav   {
	margin: 0px;
	padding: 0px;
	height: 30px;
	position: absolute;
	top: 95px;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover {
	color: #00AEEF;
	text-decoration: none;
}

#navitem ul {
	font-size: 1.3em;
	text-align: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px;
	height: 40px;
}



#navitem li {
	display: inline;
	list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	font-weight:bold;
}


#navitem .navactif{
	color: #223450;
	text-decoration: none;
	height: 40px;
}

#navitem .navactif a {
	color: #223450;
	text-decoration: none;
	background: #FFF;
	padding: 5px 5px 15px;
	height: 40px;
}

#navitem .navactif a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #39C;
	padding: 5px 5px 15px;
	height: 40px;
}

/* ******************* CONTENTTOP ******************* */

.contenttop{
	padding-bottom: 10px;
	}

/* ******************* BREADCRUMB ******************* */

#breadcrumb   {
	color: #95ABB0;
	font-size: smaller;
	margin: 0px;
	padding: 0px;
	float:left;
	width:580px;
	}

#breadcrumb a { 
	color: #0099cc; 
	text-decoration: none;
	}
#breadcrumb a:hover { 
	color: #1a597e; 
	text-decoration: none;
	 }


/* ******************* PRINT ******************* */
.print{
	float:left;
	width:150px;
	text-align: right;
	font-size: smaller;
	}

/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */

.middlecontent ul, .middlecontent ol,.content ul, .content ol {
	margin-left:20px;
	} 

#gallery ul{
	margin:0px;
	}
/* ******************* INTRO ********************* */
.intro{
	margin-top:15px;
	padding: 15px;
	border: 1px solid #94ABB0;
	}

/* ******************* PARTNERS ********************* */
.partners{
	margin-top:15px;	
	}


/* ******************* SFEERBOX ********************* */
.sfeerbox{
	width:508px;
	height:218px;
	overflow:hidden;
	border: 1px double #93ABB0;
	}

/* ******************* BOXEN ********************* */

.box{
	margin-bottom: 15px;
}
.whitebox{
	background-color:#fff;
	
	padding:5px;
	
	}

.graybox{
	background-color:#eaeeef;
	border: 1px solid #96ABB0;
	padding:5px;
	}

.gamebox{
	
	overflow:hidden;
	width:493px;
	padding:0px;
	margin-bottom:15px;
	
	}

.gamebox img{
	margin:0px;
	padding:0px;
	border: 1px solid #96ABB0;
	}

.gamepicsmall{
	overflow:hidden;
	width:218px;
	padding:0px;
	margin-bottom:5px;
	}

.greenbox{
	background-color:#e5f3dc;
	border: 1px solid #6FB048;
	padding:5px;
	}

/* ******************* GREEN ********************* */

.greentop{
	background: #6DB045;
	padding: 5px;
}

.greenbottom{
	border: 1px solid #6FB048;
}

/* ******************* BLUE ********************* */

.bluetop{
	background: #0087C2;
	padding: 5px;
}

.bluebottom{
	border: 1px solid #0090CF;
}

.bluebottom .boximg{
	overflow: hidden;
	width: 218px;
	}

/* ******************* GRAY ********************* */

.graytop{
	background: #94ABB0;
	padding: 5px;
}

.graybottom{
	border: 1px solid #94ABB0;
}

/* ******************* H1 BOXEN ********************* */
.greentop h1, .bluetop h1, .graytop h1{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}



/* ******************* ITEMS ********************* */

.cont{
}

.cont:hover{
	background:#e5f3dc;
}
.date{
	font-size: smaller;
}

.title{
	font-weight: bold;
	font-size: 12px;
}

.txt{}

.line{
	border-top: 1px dotted #94ABB0;
}

.line2{
	border-top: 1px solid #94ABB0;
	height: 1px;
}


/* ******************* LISTS ********************* */

.listcont{}

.listcheck{
	width:20px;
	float:left;
	margin-right:15px;
	}

.listpic{
	width:95px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	}

.listtxtcont{
	width:575px;
	float:left;
	}



/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */

#zoeken{
	background: #71B04B;
	padding: 5px;
}

#adres{
	font-size: small;
	margin-top:15px;
	padding: 10px;
	}
	
	
/* ************************************************** */
/* ******************* TREE ************************* */
/* ************************************************** */
#tree{
	margin: 15px 0px 0px;
	padding: 0px;
	}
	
#tree .level1 li .active {
	display:block;
	width: 218px;
	background-color:#e5f3dc;
	padding: 2px 0px;
	color:#FFF;
	text-decoration: none;
	}

/* ******************* LEVEL 1 ********************* */

.level1{
	margin:0px;
	padding:0px;
	text-indent:0px;
	border: 1px solid #6DB045;
}



.level1 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 5px;
	background-color:#6FB048;
	list-style: disc;
	border-bottom: 1px solid #FFF;
}



.level1 li a{
	display:block;
	width: 218px;
	padding: 5px 0px;
	color: #FFF;
	text-decoration:none;
	}



.level1 li a:hover{
	display:block;
	width: 218px;
	background-color:#24344F;
	padding: 5px 0px;
	color:#FFF;
	text-decoration: none;
	}

	

	

/* ******************* LEVEL 2 ********************* */	

	

.level2{
	margin:0px;
	padding:0px;
	text-indent:0px;	

}



.level2 li {
	width: 218px;
	display:block;
	padding: 0px;
	background-color:#FFF;
}



.level2 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	color: #24344F;
	}



.level2 li a:hover{
	display:block;
	width: 218px;
	background-color:#e5f3dc;
	padding: 2px 0px;
	color:#71B04B;
	text-decoration: none;
	}







/* ******************* LEVEL 3 ********************* */	

.level3{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level3 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 10px;
	background-color:#faf9f4;
}



.level3 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	}



.level3 li a:hover{
	display:block;
	width: 218px;
	background-color:#f4f2e8;
	padding: 2px 0px;
	color:#cc9933;
	text-decoration: none;
	}









/* ******************* LEVEL 4 ********************* */	

	

.level4{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level4 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 20px;
	background-color:#fff;
	
}



.level4 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	}



.level4 li a:hover{
	display:block;
	width: 218px;
	background-color:#faf9f4;
	padding: 2px 0px;
	color:#cc9933;
	text-decoration: none;
	}


/* ******************* LEVEL 5 ********************* */	

	

.level5{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level5 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 30px;
	background-color:#fff;
	
}



.level5 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	color:#cc9933;
	}



.level5 li a:hover{
	display:block;
	width: 218px;
	background-color:#faf9f4;
	padding: 2px 0px;
	color:#555555;
	text-decoration: none;
	}


/* ************************************************** */
/* ******************* BOOM ************************* */
/* ************************************************** */
.boom{
	float:left;
	width:220px;
	margin-left: 15px;
	}

.boomcontent{
	border-top: 1px solid #96ABB0;
	padding-top: 15px;
	width: 495px;
	float: left;
	}

.boomcontent img{
	margin: 10px;
	}

.boomcontent img[alt="top pagina"]{
	margin: 0px;
	}

.boomcontent img.tabel, .boomcontent2 img.tabel, .content img.tabel{
	margin: 0px;
	}
	
.boomcontent2{
	
	width: 495px;
	float: left;
	}

.boomcontent2 img{
	margin: 10px;
	}

.boomcontent2 img[alt="top pagina"]{
	margin: 0px;
	}

.content img{
	margin: 10px;
	}

.content img[alt="top pagina"]{
	margin: 0px;
	}
	

/* ******************* LEVEL 1 ********************* */

.boom .level1{
	margin:0px 0px 10px;
	padding:0px;
	text-indent:0px;
	border: 1px solid #95ABB0;
}



.boom .level1 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 0px;
	background: #95ABB0;
	border-bottom: 1px solid #FFF;
}



.boom .level1 li a{
	display:block;
	width: 218px;
	padding: 5px 0px;
	color: #FFF;
	text-decoration:none;
	text-indent: 5px;
	}



.boom .level1 li a:hover{
	display:block;
	width: 218px;
	background-color:#24344F;
	padding: 5px 0px;
	color:#FFF;
	text-decoration: none;
	}

.boom .level1 li .active{
	display:block;
	width: 218px;
	background-color:#e3e9ea;
	color:#FFF;
	text-decoration: none;
	}	

	

/* ******************* LEVEL 2 ********************* */	

	

.boom .level2{
	margin:0px;
	padding:0px;
	text-indent:0px;	

}



.boom .level2 li {
	width: 218px;
	display:block;
	padding: 0px;
	background-color:#FFF;
}



.boom .level2 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	color: #24344F;
	}



.boom .level2 li a:hover{
	display:block;
	width: 218px;
	background-color:#e3e9ea;
	padding: 2px 0px;
	color:#4d767e;
	text-decoration: none;
	}







/* ******************* LEVEL 3 ********************* */	

.boom .level3{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.boom .level3 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 10px;
	background-color:#faf9f4;
}



.boom .level3 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	}



.boom .level3 li a:hover{
	display:block;
	width: 218px;
	background-color:#f4f2e8;
	padding: 2px 0px;
	color:#cc9933;
	text-decoration: none;
	}









/* ******************* LEVEL 4 ********************* */	

	

.boom .level4{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.boom .level4 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 20px;
	background-color:#fff;
	
}



.boom .level4 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	}



.boom .level4 li a:hover{
	display:block;
	width: 218px;
	background-color:#faf9f4;
	padding: 2px 0px;
	color:#cc9933;
	text-decoration: none;
	}


/* ******************* LEVEL 5 ********************* */	

	

.boom .level5{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.boom .level5 li {
	width: 218px;
	display:block;
	padding: 0px;
	text-indent: 30px;
	background-color:#fff;
	
}



.boom .level5 li a{
	display:block;
	width: 218px;
	padding: 2px 0px;
	text-decoration: none;
	color:#cc9933;
	}



.boom .level5 li a:hover{
	display:block;
	width: 218px;
	background-color:#faf9f4;
	padding: 2px 0px;
	color:#555555;
	text-decoration: none;
	}








/* **************** STYLES FOR BUTTONS ********************* */

a.button, button {
	display:block;
	float:left;
	margin:0 0.583em 0.667em 0;
	padding:5px 10px 5px 7px;   /* Links */
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#71B04B;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
	background-color:#95ABB0;
	border:1px solid #c2e1ef;
	color:#FFF;
}
a.button:active{
	background-color:#95ABB0;
	border:1px solid #6299c5;
	color:#fff;
}

/* Positive */
body .positive {
	color:#FFF;
}
a.positive:hover, button.positive:hover {
	background-color:#95ABB0;
	border:1px solid #C6D880;
	color:#FFF;
}
a.positive:active {
	background-color:#95ABB0;
	border:1px solid #529214;
	color:#fff;
}





/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer{
	margin: 0 auto;
	padding: 15px 0;
	width: 910px;
}


#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #58A3D1;
}

#footer a:hover {
	text-decoration: none;
	color: #1B6691;
}


/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */


/* ******************* PAGES ********************* */

.pagescont{
	margin-top:15px;
	
	}

.pagestxt{
	text-align:right;
	
	float: right;
}

.pages{
	float: right;
}


.pages ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

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

.pages a{
	text-decoration:underline;
	color: #003D6B;
	border:1px solid #F5F9FA;
	padding:1px 4px;
	}

.pages a:hover{
	text-decoration:none;
	color: #003D6B;
	border:1px solid #003D6B;
	padding:1px 4px;
	background: #FFF;
	}

.pages .selected{
	border-top: 1px solid #003D6B;
	border-bottom: 1px solid #003D6B;
}
.pages .selected a{
	text-decoration:none;
	color: #003D6B;
	border:1px solid #003D6B;
	padding:1px 4px;
	background: #FFF;
	}
.pages .selected a:hover{
	text-decoration:none;
	color: #003D6B;
	border:1px solid #003D6B;
	padding:1px 4px;
	background: #FFF;
	}


/* ******************* TOPPAGE **************** */
.toppage{
	text-align: right;
	padding-top: 15px;
	margin-top: 15px;
}


/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	margin: 15px auto 0px;
	padding: 0px;
	width: 980px;
	}