/**
 * Developed by Insite E-Solutions & DTP
 * Design by Peter Nobel, 2010
 * p.nobel@insitesolutions.nl
 * http://www.insitesolutions.nl/
**/

/* CSS Document */
body{
	padding:0; margin:0;
	background-color:#FFFFFF;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
	
h1{
font-size: 18px;
color:#204168;
}

h2{
font-size:16px;
color:#204168;
padding-top:10px;
}

h3{
font-size:14px;
color:#204168;
}

p{
text-align:justify;
padding-bottom:5px;
}
ul{
padding-left:15px;
padding-bottom:5px;
}

a{
color: #204168;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
/*--------------------------------main-------------------*/
#main_top{
	width:1030px; margin:0 auto;  margin-top:10px; background:url(../images/main-top.png);  height:30px;
	}
#main_body{
	width:1030px; margin:0 auto;  background:url(../images/main-body.png) repeat-y; height:auto;
	}
#main_bottom{
	width:1030px; margin:0 auto;  background:url(../images/main-bottom.png) bottom;  height:30px; clear:both; 
	}
	
/*--------------------------------wrapper-------------------*/
#top{
	width:944px; margin:0 auto;  padding-top:10px; background:url(../images/top.jpg) #FFFFFF no-repeat;  height:62px;
	}
#top #menu{
	width:944px; margin:0 auto; margin-top:3px; height:52px; 
	}
	
#top #menu ul.navi{
	width:920px; display:block;
	margin-left:20px;
	padding-top:5px;
	}
#top #menu ul.navi li{
	height:45px;
	width:117px;
	display:block;
	float:left;
	text-indent:inherit;
	text-align:center;
	}
#top #menu ul.navi li:hover{
	height:45px;
	width:117px;
	display:block;
	float:left;
	background-image:url(../images/menubutton.png); 
}

#top #menu ul.navi li a{
	font-size:14px;
	color:#FFFFFF; text-decoration:none;
	font-weight:bold; margin:0 auto;
	text-align:center;
	display:block;
	width:117px;
	height:20px;
	padding-bottom:15px;
	padding-top:10px;
	}
#top #menu ul.navi li a:hover{
	color:#204168; text-decoration:none;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:10px;
  
	}
#top #menu ul.navi li a.active{
	color:#FFFFFF; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; background-image:url(../images/navi-hover.jpg); background-position:left; background-repeat:no-repeat;
	}
	
	
#head{
	width:944px; margin:0 auto; background:url(../images/head.jpg) #FFFFFF no-repeat;  height:217px;
	}
	
#head img{
	margin-left:5px;
	margin-top:2px;
	}	
	

#content{
	width: 944px;
	margin:0 auto;
	}
	
#content_body{
	width:944px; 
	margin:0 auto;
	background-color:#ffffff;
	background-image:url(../images/content-body.jpg);
	background-repeat:repeat-y;
	}

#side{
	width:252px;
	margin-top:-1px;
	margin-right:1px;
	padding:10px;
	min-height:500px;;
	background:url(../images/righttop.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#204186;
	float:right;
	color:#FFFFFF;
	}
#side img{
	padding-right:15px;
	margin-right:5px;
	float:right;
	}

#side h1{
font-size:14px;
	color:#FFFFFF;
	}

	

#foot{
	width:944px; margin:0 auto;  background:url(../images/foot.jpg) #FFFFFF no-repeat;  height:32px;
	padding-top:22px;
	color:#FFFFFF;
	}
#foot p{
	padding-left:10px;
	padding-right:40px;
	display:inline-block;
	vertical-align:top;
	}
#foot a{
	color:#FFFFFF;
	text-decoration:none;
	}
#foot a:hover{
	text-decoration:underline;
	}

/*--------------------------------Pages and Boxes-------------------*/
#welcome{
	width:650px;
	min-height:115px;
	margin-right:1px;
	padding:10px;
	}
#welcome img{
	margin-right:5px;
	float:left;
	}

#sub1{
	width:300px;
	margin-right:1px;
	padding:10px;
	min-height:225px;
	display:inline-block;
	vertical-align:top;
	}
#sub1 img{
	margin-right:5px;
	float:left;
	}
	
#sub2{
	width:300px;
	margin-right:1px;
	padding:10px;
	min-height:225px;
	display:inline-block;
	vertical-align:top;

	}
#sub2 img{
	margin-right:5px;
	float:left;
	}
	
#sub3{
	width:650px;
	margin-right:1px;
	padding:10px;
	}
#sub3 img.icon{
	margin-right:5px;
	float:left;
	}
#sub3 img{
	padding-left:10px;
	}

#page{
	width:650px;
	min-height:499px;;
	margin-right:1px;
	padding:10px;
	}
#page img{
	margin-right:5px;
	float:left;
	}
#page ul.traject{
padding-left:120px;
padding-bottom:5px;
}

	
#side #contact{
padding-bottom:50px;
}	

#side #nieuws{
padding-bottom:50px;
}

#side #nieuws ul{
	padding-left:15px;
	display:block;
	}
#side #nieuws ul li{
	list-style:circle;
	text-indent:inherit;
	padding-bottom:5px;
	}

#side #nieuws ul li a{
	color:#FFFFFF; text-decoration:none;
	 margin:0 auto;
	 display:block;
	}
#side #nieuws ul li a:hover{
	color:#FFFFFF; text-decoration:underline;
	display:block;
	}