body{background-image:url(../img/sitecontainer-background.gif);font-family :Arial,Helvetica,sans-serif;font-size :12px;margin:0px;padding:0px;}
h1{font-size:16px;}
h2{font-size:12px;}
p{font-size:13px;}
#subsitecontainer{width:990px;min-height:685px;height:auto;background:#FFF;border-radius: 10px;margin: 0 auto;overflow: hidden;margin-top: 25px;margin-bottom: 25px;}
#hoekjesbalk-top{width:974px;height:7px;float:left;background-color:#fff;border-top:solid #E5E5FF 1px;}
#hoekjesbalk-bottom{width:974px;height:7px;float:left;background-color:#fff;border-bottom:solid #E5E5FF 1px;}
#rondhoekje-links-bovenin{width:8px;height:8px;float:left;background-image:url(../img/hoek-linksboven.png);background-repeat:no-repeat;}
#rondhoekje-rechts-bovenin{width:8px;height:8px;float:left;background-image:url(../img/hoek-rechtsboven.png);background-repeat:no-repeat;}
#rondhoekje-links-onderin{width:8px;height:8px;float:left;background-image:url(../img/hoek-linksonder.png);background-repeat:no-repeat;}
#rondhoekje-rechts-onderin{width:8px;height:8px;float:left;background-image:url(../img/hoek-rechtsonder.png);background-repeat:no-repeat;}
#rondehoekjes-bovenin #cornertopleft{width:8px;margin:0px;padding:0px;float:left;}
#rondehoekjes-bovenin #topcornerbalk{width:974px;height:8px;background-color:#FFF;margin:0px;padding:0px;float:left;}
#rondehoekjes-bovenin #cornertopright{width:8px;margin:0px;padding:0px;float:right;}
#rondehoekjes-onderin{width:990px;height:8px;margin:0px;padding:0px;float:left;}
#rondehoekjes-onderin #cornerbottomleft{width:8px;margin:0px;padding:0px;float:left;}
#rondehoekjes-onderin #bottomcornerbalk{width:1076px;height:8px;border-bottom:solid #E5E5FF 1px;background-color:#FFF;margin:0px;padding:0px;float:left;}
#rondehoekjes-onderin #cornerbottomright{width:8px;margin:0px;padding:0px;float:right;}
#top{float:left;width:990px;height:358px;}
#logo{float:left;margin-left:8px;margin-top: 5px;}
#taalkeuze{float:left;margin-left:492px;margin-top:15px;height:20px;}
#top #taalkeuze a:hover{color:#5C63D3;}
#taalkeuze #nl{width:36px;height:20px;float:left;border:solid #E5E5FF 0.25px;border-right:solid #E5E5FF 0.125px;text-align:center;padding-top:3px;background-color:#fff;border:solid 1px #D7D7FF;}
#taalkeuze #en{width:36px;height:20px;float:left;border:solid #E5E5FF 0.25px;border-left:solid #E5E5FF 0.125px;text-align:center;padding-top:3px;background-color:#F5F5FF;border:solid 1px #D7D7FF;}
#taalkeuze a{font-weight:bold;text-decoration:none;}
#taalkeuze #nl a{color:#FF6600;}
#taalkeuze #en a{color:#D50000;}
#topmenu{width:990px;height:36px;top:2px;margin-top:74px;/* position:absolute; *//* z-index:1; */background-image:url(../img/top-menu.png);background-repeat:repeat-x;background-position:left bottom;font-family:Verdana;}
#topmenu ul{float:left;margin:0;padding:0;}
#topimage{float:left;width:990px;height:167px;float:left;margin-top:13px;}
#top li div{display:block;}
#top li.active div{display:block;position:relative;left:0px;top:17px;width:156px;height:168px;background-image:url(../img/custom/top-images/topmenu-active-transparant-vlak.png);margin-top:-1px;z-index:3;}
#top_bovenkant{float:left;width:1091px;height:85px;}
#top_bovenkant a img{border:none;}
#top ul{width:1092px;height:20px;padding-left:0px;list-style-type:none;}
#top li{float:left;width:140px;font-size:11px;text-align:center;color:#9293FF;}
#top li{color:red;}
#topmenu a{color:#494E61;font-weight:bold;text-decoration:none;font-size:11px;}
#topmenu a:hover{color:#9292FF;}
#top li.active a{color:#FF6600;}
#topmenu a:active{color:#FF6600;border-bottom:0px;}
#left{float:left;width:160px;height:372px;color:#9293FF;}
#leftinner{}
#info{/* position:absolute; */left:0px;width:173px;height:120px;text-align:right;color:#9293FF;margin-top:63px;}
#info *{font-size:13px;font-family:Verdana;}
#info a{text-decoration:none;color:#9293FF;}
#info a:hover{font-weight:bold;}
#main{float:left;width:784px;margin-left:44px;color:#494E61;}
#main #main-text p{padding-top:4px;font-family:Verdana;}
#main #main-text img.mainimageright{float:right;margin-top:20px;padding-left:100px;}
#main a{color:#494E61;}
#main a:hover{font-weight:bold;}
#main-text img{border-width:0px;}
#footer{float:left;width:988px;height:43px;margin-top:-6px;border-top:solid 2px #E5E5FF;}
#footer ul{list-style-type:none;height:20px;width:700px;margin:0;margin-top:4px;padding-left:0px;float:left;}
#footer li{float:left;width:158px;font-size:11px;text-align:center;}
#zetkoers{width:194px;float:left;font-size:13px;color:#7F7FFF;margin-left:70px;margin-top:2px;font-size:12px;text-align:center;font-family:"Verdana";}
#footer ul li a{color:#9293FF;text-decoration:none;}
#footer a:hover{font-weight:bold;}

#main #main-text img.mainimageright {
  margin-top: 20px;
  padding-left: 100px;
  width: 26%;
}

@media screen and (max-width:1003px){
	body {
		padding:0px;
		margin:0px;
	}
	#subsitecontainer {
		width:100%;
	}
	h1 {
		font-size: 16px;
		overflow: hidden;
		margin-top: 50px;
	}
	#subsitecontainer {
		width:100%;
		margin: 0 auto;
	 	overflow: hidden;
	 	margin-top: 0px;
	 	margin-bottom: 0px;
	 	border-radius:0px;
	}
	#info {
		left: 0px;
		height: 120px;
		width:auto;
		margin-top:100px;
		text-align: center;
	}
	#left {
		float: left;
		height: auto;
		width:25%;
		
	}
	#main {
		float: left;
		width: 75%;
		color: #494E61;
		margin-left:0px;
	}
	#topmenu {
		height: 36px;
		width: 100%;
		top: 2px;
		background:none;
		font-family: Verdana;
	}	
	#jqb_object {
		position: relative;
		width: 100%;
		height: 250px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.mainimageright {
		margin-right:25px;
	}
	#top ul {
		width:100%;
	}
	#top li {
		width: auto;
		margin-left:2%;
	}
	#top_bovenkant {
		float: left;
		width: 1091px;
		height: 85px;
		margin-top: 25px;
	}
	#zetkoers {
		display:none;
	}
	#footer {
		width:100%;
		margin: 0px;
	}
	#footer ul {
		width: 100%;
 		margin: 0 auto;
  		padding-left: 2%;
  		padding-top: 1.5%;
	}
	#footer li {
		width:auto;
		margin-right:2%;
	}
}
@media screen and (max-width:945px){
	#taalkeuze {
		float: right;
		margin-left:0px;
		margin-right:2%;
		height: 20px;
	}
	#logo {
		float: left;
		margin-left: 8px;
		margin-top: 5px;
	}
	#top_bovenkant {
		width:100%;
	}

	
}
@media screen and (max-width:830px){
	#topmenu a {
 		color: #FFFFFF;
		}	
		#main #main-text img.mainimageright{
		float:right;
		margin-top:20px;
		padding-left:1%;
		padding-top:2%;
		}
		#top li.active a {
 		 color: #FFD500;
		}
		
		#top li {
			float:none;
			margin-left:0px;
			width:100%;
			padding-top: 1%;
			padding-bottom: 1%;
			background-color:#8889FF;
		}
		#topmenu a:hover {
			color: #234579;
		}
		#top {
			height:auto;
			width: 100%;
		}
		#top ul {
		  margin-bottom: 21%;
		  width:100%;
		}
		#jqb_object {
			display:none;
		}
}

@media screen and (max-width:630px){
	#left {
		display:none;
	}
	div#main-text {
	  margin-top: -40px;
	}
	#main {
		padding-left:2%;
		padding-right:2%;
		width:100%;
		margin-top: 50px;
		padding-top:2%;
	}
}
@media screen and (max-width:480px){
	.logo_img {
		width:90%;
	}
	#taalkeuze #nl {
 		 float:none;
	}
	#taalkeuze {
		margin-top: 0px;
	}
}

@media screen and (max-width:480px){
	#logo {
		width:70%;
	}
}