/*
-------------------------------
-        header               -
-------------------------------
-m -                          -
-e -                          -
-n -     content              -
-u -                          -
-  -                          -
-  -                          -
-------------------------------
    footer (altijd onder)
-------------------------------
*/

/* ---------------------- lay-out kenmerken body ---------------------*/
body{
	color:2b2a2a;
	background-color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/* prachtig standaard lettertype om mee te beginnen*/
	font-size:10pt;
	line-height:16pt;
}

/* ---------------------- opbouw en structuur site -----------*/
body,
	html {
		margin:0;
		padding:0;
		background:#FFFFFF;
	}
	body {
		height:100%;
		min-width:750px;
		background:#FFFFFF;
	}
	#site {
		margin:0 auto;
		width:965px;
		height:100%;
		background:#08487a;
	}
	
	#header{
		width:965px;
		height:260px;
		position:relative;
	}
	
	
	#content {
		float:right;
		width:732px; /*normaal 772 maar de padding moet hiervanaf getrokken...*/
		padding-left:20px;
		padding-bottom:20px;
		padding-right:20px;
		padding-top:0px;
		margin-top:0px;
		background: url(images/content.jpg) no-repeat #FFFFFF top left;
		min-height:480px !important;
		height:100%;
		color:#163f68;
	}

	#sidebar {
		float:left;
		width:20%;
		background:url(images/sidebar.jpg) repeat-x top left #08487a;
		min-height:500px !important;
		height: auto !important;
		height:500px;
	}

	#footer {
		background: url(images/voeter_top.jpg) top left no-repeat #08487a;
		clear:both;
		height:60px;
		padding-top:10px;
		color:#FFFFFF;
	}
	#footer a:link {
		color:#FFFFFF;
		text-decoration:underline;
	}
	#footer a:visited {
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	

/*  -----------------------opvulling van website------------------------------*/
#logo{
	background:url(images/logo.gif) no-repeat;
	width:300px;
	height:100px;
	position:absolute;
	color:#3f0d0a;
	font-size:12px;
	z-index:5;
	top:35px;
}
#slogan{
	width:200px;
	height:60px;
	position:absolute;
	color:red;
	font-size:16pt;
	z-index:5;
	top:35px;
	right:0px;
	color:#08487a;
	padding-left:40px;
	padding-top:20px;
}
/* ------deel 2 header foto */

#header_pic{
	background:url(images/header_pic.jpg) no-repeat;
	width:965px;
	height:260px;
}

/* ------------- opmaak website tekst --------*/

	#center_footer{
		text-align:center;
		line-height:40px;/*hoogte van het element waarin de tekst staat...*/
	}
	
	
	h1{
		margin:0;
		font-size:16pt;
		font-weight:bold;
		color:#08487a;
		height:40px;
		background:url(images/h1-bg.gif) no-repeat;
		padding-left:10px;
		text-transform:uppercase;
	}
	
	h2{
		font-size:13pt;
		color:#08487a;
		margin-top:20px;
		margin-bottom:7px;
		padding:0;
	}
	
	h3{
		font-weight:normal;
		font-size:11pt;
		line-height:40px;
		color:#08487a;
		padding-top:20px;
		margin-bottom:4px;
		border-bottom:1px dotted #08487a;
		display:inline;
	}
	
	/*stylen van horizontal rule*/
	hr {
	height: 0;
	border: 0;
	border-top: 1px solid #7eb5e0;
	}
	
	/*-------------------link opmaak-----------*/
	a:link{
		color:#08487a;
		text-decoration:underline;
	}
	a:visited{
		color:#08487a;
		text-decoration:underline;
	}
	
	/*---------opmaak van de JS boodschap bij contact form */
	.formjsmessagespan{
		font-size:11px;
	}
	
	/*----------------------------opmaak buttons------*/
	.button{
		background:url(images/button.gif);
		display:inline;
		color:#555555;
		height:30px;
		line-height:29px;
		margin-bottom:14px;
		text-decoration:none;
		width:120px;
		font-size:11px;
		border:none;
		cursor:hand;
	}
	
	/*---------menu opmaak-----*/

		/* gn list items */
			#sidebar ul{
			list-style:none;
			}
	#Menu1{
		line-height:18pt;
		padding-left:30px;
	}
	
	#Menu1 a:link{
		border-bottom:1px dotted white;
		width:150px;
		display:outline;
		text-decoration:none;
		color:white;
		height:22px;
	}
	#Menu1 a:visited{
		border-bottom:1px dotted white;
		width:150px;
		display:outline;
		text-decoration:none;
		color:white;
		height:22px;
	}
	#Menu1 a:active{
		border-bottom:1px dotted #08487a;
		width:150px;
		display:outline;
		text-indent:20px;;
		border-bottom-width:100%;
		background:url(structimages/menuitemselected.gif) no-repeat;
		height:22px;
		color:#08487a;
	}
	
	#Menu1 a:hover{
		border-bottom:1px dotted #08487a;
		width:150px;
		display:outline;
		text-indent:20px;;
		border-bottom-width:100%;
		color:#08487a !important;
		background:url(structimages/menuitemselected.gif) no-repeat;
		height:22px;
	}
	
	#Menu1 li{
		height:40px;
	}
	
	.Menu1niv1cur a{
		border-bottom:1px dotted #08487a !important;
		width:150px;
		display:outline;
		text-indent:20px;;
		border-bottom-width:100%;
		color:#08487a !important;
		background:url(structimages/menuitemselected.gif) no-repeat;
		height:22px;
	}
				
.Menu1,.SM,.Menu1 li,.SM li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
.Menu1 li,.SM li{position:relative;background:none;}
.Menu1 a,.SM a{display:block;position:relative;}
* html>body .Menu1 a,* html>body .SM a{position:static;}
* html .Menu1 li,* html .SM li{display:inline;width:100%;display/**/:block;float/**/:left;}
*:first-child+html .Menu1 li,*:first-child+html .SM li{width:100%;float:left;}
* html>body .Menu1 li,* html>body .SM li{display:block;width:auto;}
.Menu1 ul,.SM ul{display:none;position:absolute;top:-9999px;width:11px;overflow:hidden;z-index:11111;}
ul/**/.Menu1 ul,ul/**/.SM ul{display:block;}
* html .Menu1 ul,* html .SM ul{display:block;}
.NOSEPARATOR{border-width:0 !important;padding:0 !important;margin:0 !important;}
.NOLINK{cursor:default !important;}