/* CSS design by Pixelman.be | V2.0 31/01/2008/ */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright protected by Canalazzo & Pixelman */

/* CSS tested on:

	MAC OSX  
	- Safari 2.0: OK
	- Firefox(Mozilla 5) 2.0: 
	- IE 5.2.3: NOT TESTED

	MAC OS9
	- IE 5.0: NOT TESTED

	PC WIN98
	- IE 5.0: NOT TESTED

	PC WINXP WIN2000 VISTA
	- IE 6.0:  
	- IE 7.0:  
	- VISTA IE 7.0:  
	- Firefox(Mozilla 5) 2.0:  

	
*/



body {
	margin: 0;
	padding: 0;
	/*background: #55C0D8 url(../images/golf.gif) bottom left repeat-x;	*/
	/*background: #b9cfc5 url(../images/bg.gif) bottom left repeat-x;*/
	background-color: #FFF;	
}
		
html, dl, div,  { 
	margin: 0; 
	padding: 0; 
	}



#sitebg { /* float hack */
	position: relative;
	width:100%;
	margin: 0;
	padding:0;
	float: left;
	background: #FFF url(../images/bg_2.gif) 0 0 repeat-x;
	} /* xtra container voor ganse site */

#site {
	position: relative;
	width:760px;
	margin: 0 auto;
	padding:0;
	} /* container voor ganse site */



#wrapper { /* float hack */
	position: relative;
	width:760px;
	margin: 0;
	padding:0;
	float: left;
	background: #b9cfc5 url(../images/bg.gif) 0 0 repeat-x;	
	} /* xtra container voor ganse site */


	
#header {
	position: relative;
	top:0;
	left:0;
	width:760px;
	height:160px;
	margin: 0; 
	padding: 0;
	background: #fff;
	}

#logo {
	position: absolute;
	top: 30px;
	left: 554px;
	width:205px;
	height:85px;
	margin: 0;
	padding: 0;
	}

#banner {
	position: absolute;
	top:0;
	left:220px;
	width:380px;
	height:160px;
	margin: 0; 
	padding: 0;
	background: #fff;
	}

#vlak {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:160px;
	margin: 0; 
	padding: 0;
	background: #fff;
	}

#footer {
	position: relative;
	margin: 0 0 0 0;
	left: 0;
	top: 0;
	float:left;
	clear: both;
	width: 100%;
	height: 200px;
	/*border: #000 solid 1px;*/
	background: #b9cfc5 url(../images/golf.gif) bottom left repeat-x;
	z-index: 0;
	}

#footerbox {
	position: relative;
	margin: 60px auto 0 auto;
	padding: 0 0 0 160px;
	height: 90px;
	left: 0;
	top: 0;
	clear: both;
	width: 400px;
	/*border: #000 solid 1px;*/
	}


	
#bg_patroon {
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: -1;
	border: 1px #000 solid;	
	}

#bg_patroon tr td {
	margin: 0;
	padding: 0;
	background: #E2DBD7 url(../images/bg.gif) bottom left repeat-x;	
	}


#bg_navbot1 {
	position: absolute;
	top: 0;
	left: 50px;
	width: 170px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 0;
	}

#bg_navbot2 {
	position: absolute;
	top: 15px;
	left: 50px;
	width: 170px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: #004964;
	line-height: 0;
	display: none;
	}

#bg_logobot1 {
	position: absolute;
	top:0;
	left:460px;
	width:250px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 0;
	border: #000 solid 1px;
	display: none;
	}


#content {
	position: relative;
	top: 0;
	left: 0;
	width: 760px;
	margin: 0;
	padding: 0;
	z-index: 10;
	float: left;
}



#contentbox {
	position: relative;
	top: 20px;
	left: 240px;
	width: 490px;
	margin: 0 0 10px 0;
	padding: 10px 0 20px 20px;
	float: left;
	/*border: 1px #000 solid;*/
	}

/*typgografie*/

p, div {
	/*hieronder de globale compatible zaken*/
	padding: 5px 0 5px 0; 
	margin: 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	color: #112c36;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	/*hieronder IE6 PC*/
	font-size: 11px;
	line-height:18px;
	}
	
html>body p {
	/*hieronder SAFARI & Netscape 6/7*/
	font-size: 11px;
	line-height:18px;
	}	
	
a {
	color: #E0FF9E;
	color: #EAFFB0;
	color: #0083b1;
	text-decoration: none;
	border-bottom: 1px dotted #0083b1;	
	}

a:hover {
	/*font-family: Georgia, Times New Roman, Times, serif;*/
	color: #000;
	border-bottom: 1px dotted #000;	
	/*border-bottom: 1px solid #E64100;	*/
	}

	
#footer p {
	font-size: 10px;
	text-align:left;
	margin: 40px 20px 0 0;
	padding: 0;
	color: #7e8d86;
	float: left;
	line-height: 15px;
	/*border: 1px #000 solid;*/
	}

#footer p a {
	color: #7e8d86;
	border-bottom: 1px dotted #7e8d86;	
	}

#footer p a:hover {
	color: #000;
	border-bottom: 1px dotted #000;	
	}



h1 {
	/*color: #00425F;*/
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 35px;
	margin: 0 0 10px 0;
	font-weight: lighter;
	padding: 0 0 0 0;
	text-transform: uppercase;
	}



h2 {
	/*color: #00425F;*/
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
	font-weight: lighter;
	padding: 0 0 0 0;
	text-transform: uppercase;
	}
	

h3
{
	/*color: #00425F;*/
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 13px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	text-transform: uppercase;	
}
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	line-height: 13px;
	font-variant: bold;
	padding: 0;
	}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-align: left;
	line-height: 13px;
	font-variant: bold;
	padding:0 0 0 10px;
	}

h6 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00528c;
	text-align: left;
	line-height: 13px;
	font-variant: bold;
	padding:10px 0 0 0px;
	margin:0;
	}

	
b {
	font-weight: bold;
	color: #00528c;
	text-align: left;
	font-variant: bold;
	}

.box {
	border-top: 1px solid #CBBFB7;
	border-bottom: 1px solid #CBBFB7;
	font-weight: bold;
	color: #00528c;
	text-align: center;
	font-variant: bold;
	padding:10px;
	margin:15px 0 15px 0;
}


/*end typografie*/

/* contentbox image styling */

#contentbox img {
	border: #d1eadf solid 2px;
	margin:  0 15px 10px 0;
	padding: 0 0 0 0;
	}



/* begin lists */

#contentbox ul{
	margin:  10px 10px 10px 0;
	padding: 0 10px 10px 15px;
	}

#contentbox li {
	/*hieronder de globale compatible zaken*/
	font-family: Georgia, Times New Roman, Times, serif;
	color: #2B2B2B;
	text-decoration: none;
	text-align: left;
	padding: 0 10px 0 5px; 
	margin:  0 10px 5px 0;
	list-style:square;
	list-style-position:outside;
	}
	
#contentbox li  {
	/*hieronder IE5 PC*/
	font-size: 13px;
	line-height:16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*hieronder IE6 PC*/
	font-size: 12px;
	line-height:16px; 
	}

html>body #contentbox li  {
	/*hieronder SAFARI & Netscape 6/7*/
	font-size: 12px;
	line-height:16px;
	}	
	
/* end lists */



/* navigation */

#nav {
	position: absolute;
	top: 0;
	left: 50px;
	width: 170px;
	height: 160px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_top_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	}

#nav ul {
	position: absolute;
	bottom: -5px;
	left: 0;
	margin: 0 0 0 0;
	padding:0;
	list-style:none;
	color: #00425F;
	font-size: 13px;
	line-height: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: lighter;
	/*border: #000 solid 1px;*/
	text-transform: uppercase;
	width: 170px;
	text-decoration:none;

	
	}
	
#nav ul li {
	margin:0;
	padding:8px 0 8px 0;
	color: #E64100;
	text-decoration: none;
	border-bottom: 1px solid #E3DCD8;
	text-indent:15px;
	}

#nav ul li.last {
	border-bottom: 0;
	}

	
#nav ul li a {
	margin:0;
	padding:0;
	text-decoration: none;
	color: #E64100;
	color: #41C4DC;
	border: 0;
}

#nav ul li a:hover {
	color: #00425F;
	text-decoration:none;
	border: 0;
	}

#nav #current_nav
{
	/*border-bottom: 1px solid #E64100;*/
	color: #00425F;
	/* background-color: #FFEBC7; */
}

#nav ul li#current_nav a {
	color: #00425F;
	font-weight: bold;
	}

/*subnav*/
#subnav {
	position: absolute;
	top: 0;
	left: 50px;
	width: 170px;
	height: 400px;
	margin: 0;
	padding: 0;
	background: #b9cfc5 url(../images/bg_subnav.gif) no-repeat top left;
	}	


#subnav ul {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding:0;
	list-style:none;
	color: #00425F;
	font-size: 13px;
	line-height: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: lighter;
	/*border: #000 solid 1px;*/
	text-transform: uppercase;
	width: 170px;
	}
	
#subnav ul li {
	position: relative;
	top: 0;
	left: 0;
	margin:0;
	padding: 8px 0 8px 0;
	color: #E64100;
	text-decoration: none;
	border-bottom: 1px solid #d1eadf;
	text-indent:15px;
	width: 170px;
	}


	
#subnav ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	border-bottom: 0px;	
	color: #FFF;
	}

#subnav ul li a:hover {
	color: #00425F;
	text-decoration:none;
	}

#subnav #current_subnav {
	/*border-bottom: 1px solid #CBBFB7;*/
	color: #00425F;
	font-weight: bold;
	}

#subnav #current_subnav a {
	/*border-bottom: 1px solid #CBBFB7;*/
	color: #00425F;
	font-weight: bold;
	}

/*language*/

/* language selector */

#language {
	position: absolute;
	top:0;
	left:10px;
	margin:0;
	padding:0;
	line-height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #91B7DA;
	background: #FFF;
	text-align: left;
	}

#language ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	}
	
#language li {
	display:inline;
	margin:0;
	padding:5px;
	border-bottom: 0px solid #CBBFB7;
	border-right: 1px solid #CBBFB7;
	}
	
#language li a {
	padding:0px;
	text-decoration:none;
	color: #41C4DC;
	border-bottom: 0px solid #CBBFB7;
	}

#language a:hover {
	color: #0F5A7D;
	}

#language #current_language {
	color: #0F5A7D;
	font-weight:bold;
	}


/*niet gebruikt*/


#dummy {
	/*hieronder de globale compatible zaken*/
	}

#dummy {
	/*hieronder IE5 PC*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*hieronder IE6 PC*/
	}

	/*border: 1px #000 solid;*/
	
html>body #dummy {
	/*hieronder SAFARI & Netscape 6-7*/
	}	

/* news stuff */


.nieuws {
	position: relative;
	width: 92%;
	padding: 10px;
	border: #d1eadf solid 2px;
	margin: 0 0 0 0;
	float: left;
}