/* General html styles */
html body{height: 100%; font-family: verdana; background-color:#FFFFFF; font-size:12px; margin:10px 0px; padding: 0; color:#008fd0}
img {border:0}
h1{font-size: 20px; font-weight: bold; color: #008fd0; margin:0px;}
h2{font-size: 16px; font-weight: bold; color: #008fd0}
h3{font-size: 13px; font-weight: bold; color: #008fd0}
h4{color: #ffffff;} /* used for large introduction headers */

a{cursor: pointer}
a:link{color: #008fd0}
a:visited{color: #008fd0}
a:hover{color: #008fd0}
a:active{color: #008fd0}

/*-------------- sifr ------------ */
.sIFR-hasFlash #weetjes h1 {visibility:visible; font-size:32px; font-weight: bold; margin-top:0px;}
.sIFR-hasFlash #testimonial_intro_content h1, .sIFR-hasFlash #detailpage_intro_content h1 {visibility:visible; font-size:24px; font-weight: bold;}
.sIFR-hasFlash h3.teaser_title {visibility:visible; font-size:23px;}
.sIFR-hasFlash #introduction h1, .sIFR-hasFlash #special h1 {visibility:visible; font-size:33px;}
.sIFR-hasFlash .teaser_uitgelicht h1 {visibility:visible; font-size:23px;margin:0 0 5px 0;}
.sIFR-hasFlash .teaser_uitgelicht h2 {visibility:visible; font-size:18px;margin:0 0 5px 0;}

/* Website structure CSS */
#page_wrapper{width: 930px; height: 100%; margin: 0 auto;}

/* Header, banner, menu */
#header{width: 927px; height: 150px;}		
	#menu{margin-left:7px; width: 920px; height: 30px;}
	#menu h1{margin:0px; padding:0px;}
	.menuitem {float:left; padding:10px; height:10px; padding:5px 8px 8px 8px;}
	.menuitem_sel {float:left; background-color:#008fd1; padding:5px 8px 8px 8px;}
	.menuitem a:link {color:#008fd1; text-decoration:none; font-size:13px; font-weight:bold}
	.menuitem a:visited {color:#008fd1; text-decoration:none; font-size:13px; font-weight:bold}
	.menuitem_sel a:link {color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold}
	.menuitem_sel a:visited {color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold}

#content_wrapper{width: 913px; margin:0px; background-image: url(../gfx/content_bg.gif); padding:0px 7px;}

	/* Homepage specific styles */
	#column_left{float:left; width: 290px; margin-right: 5px;} /* set div inline, avoids ie6 problem with margin */
	#column_middle{float:left; width: 290px;}
	#column_right{float:left; width: 320px; margin-left: 5px;}
	
	/* Detailpage specific styles */
	#detailpage_left{float:left; width: 580px; height: 100%;}
		#detailpage_top{width: 580px; height: 197px; background-color:#008fd0;}
		/* Set widgets to white */
		#detailpage_top	.default_placeholder{border:white; color: white;}
		#detailpage_bottom{clear: both; width: 580px; height: 100%;}
			#detailpage_bottom_content{float:left; width: 405px; height: 100%;}
				#detailpage_bottom_content_wrapper{margin: 10px 10px 10px 10px;}
			#detailpage_bottom_knoppen{float:right; width: 175px; height: 100%;}
				.detailpage_knop{margin-top: 10px; margin-left: 10px;}		
	#detailpage_right{display:inline; float:left; width: 290px; height: 100%; margin-left: 20px;}
		#detailpage_right_content{width: 290px; height: 100%;}
		#flash_banner{width: 290px; height: 240px; margin-top: 10px;}
	
	/* Testimonial specific style */
	#testimonial_related_link{width: 290px; height: 185px; margin-bottom: 3px;}	
	
	/* Opleiding specific styles */
	#opleiding_left{float:left; width: 580px; height: 100%;}
			#opleiding_content_intro{width: 580px; height: 212px;}
			#opleiding_left_content{width: 580px; height: 100%;  background-color: #ffffff;}
				#opleiding_content{margin-left: 10px; margin-right: 10px;}
			#opleiding_content_bottom{width: 580px; height: 8px;}
	#opleiding_right{display:inline; float:left; width: 290px; height: 100%; margin-left: 20px;}
	
	/* 1 column page */
	#intro{width: 907px;}
	#content_main{width: 907px; height: 100%;}
	
	/* 1 Top Column, 2 Content column*/
	#content_left{display:inline; float:left; width: 430px; height: 100%; margin-right: 20px;}
	#content_right{float:right; width: 430px; height: 100%;}
	
	/* Special & 2 column styles */
	#content_special_left, #content_2col_left{float:left; width: 580px; height: 100%;}
		#content_special_top, #content_2col_top{width: 580px; height: 10px;}
		#content_special, #content_2col{background-color: #ffffff;}
		#special, #content_2col_wrapper{margin: 0px 10px 0px 10px;}
	#content_special_bottom, #content_2col_bottom{float:left; width: 580px; height: 10px;}
	#content_2col_right{float:right; width: 290px; height: 100%;}
			
#footer{width: 930px; height: 40px; background-image: url(../gfx/content_bottom_bg.png); background-repeat:no-repeat; background-position: top;}	
	#special_link{color: #000000; font-size: 11px; text-decoration:none;}
	#special_link:hover{text-decoration:underline;}