@import url(/shared/css/default.css);

	
/*******( general )***********/

html { overflow: -moz-scrollbars-vertical; } /* always show vertical scrollbar */
html { overflow-x: auto; } /* avoid hiding horizontal scrollbar */
:-moz-any-link:focus {outline: none; } /* no outline around focussed links */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}


.clear {
	clear: both;
	margin: 0; padding: 0;
	height: 0; line-height: 0%; font-size: 0;
	overflow: hidden; visibility: hidden;
}

img {
	border: 0px solid white;
	
}

a {
	color: #666666;
}
a:hover {
	text-decoration: underline;
}

pre {
	font-size: 6pt;
	line-height: 6pt;
}

.main_left .inner a,
.main_right .inner a  {
	color: #FF7300;
	text-decoration: underline;
}
.main_left .inner a:hover,
.main_right .inner a:hover {
	color: #FF7300;
	text-decoration: none;
}

h2 {
	margin: 1em 0;
	line-height: 21px;
}




html {
	background-color: #9CCDD2;	
}
body.page_home {
	background:  url(/img/test/fotos/home/main_home_bg.gif) no-repeat center top;
	
}
body.page_vervolg {
	background:  url(/img/test/fotos/vervolg/main_vervolg_bg.gif) no-repeat center top;
}
body {
	margin-bottom: 20px;	
	font-family:verdana, arial;	
	line-height: 17px;
	color: #494949;
}

#wrapper {
	background: none;
	width: 978px;
	margin: 0 auto;		
	
}

#header {
	background: none;	
	height: 136px;
	position: relative;
}
#header #top_menu {
	left: 733px; top: 7px;
	position: absolute;	
	display: block;
	text-align: right;
}
#header #top_menu a {
	font-weight: bold;
	color: #808080;
	font-size: 11px;
}
#header #top_menu li {
	float: left; display: inline;	
}


/* logo */
.logo {
	position: absolute;
	top: 42px; left: 57px;
	height: 57px; width: 378px;
	background: url(/img/test/fotos/global/logo.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	cursor: pointer;
}
	
/* menu */	
#menu {	
	height: 57px; width: 978px;	
}
#menu .main_menu {
	background: url(/img/test/fotos/global/menu_bg.gif) no-repeat left top;
	height: 49px; width: 587px;
	overflow : hidden;
	float: left; display:inline;
	padding: 8px 0  0 81px;
	margin-left: 1px;
}

	* html body #menu .main_menu {		
		padding: 8px 0  0 70px;
		width: 598px;
	}
	* + html body #menu .main_menu {		
		padding: 8px 0  0 70px;
		width: 598px;
	}
#menu .main_menu ul {
	float: left; display: inline;
	margin-right: 19px;	
}
	* html #menu .main_menu ul {
		margin-right: 0px; 		
	}
	* + html #menu .main_menu ul {
		margin-right: 0px; 		
	}
#menu .main_menu ul.last {
	float: left; display: inline;
	margin-right: 0px;	
}
#menu .main_menu li {
	margin-bottom: 6px; 		
}
#menu .main_menu li.last {	
	margin-bottom: 0px; 		
}
#menu .main_menu li a {
	background: url(/img/test/fotos/global/main_menu_bullet.gif) no-repeat left 4px;
	padding-left: 9px;	
	color: white;	
	font-weight: bold;		
}
body.page_home #menu .search {	
	height: 20px;	width: 309px;
	overflow : hidden;	
	float: left; display:inline;
	padding: 37px 0 0 0px;	
} 
body.page_vervolg #menu .search {	
	height: 20px;	width: 309px;
	overflow : hidden;	
	float: left; display:inline;
	padding: 27px 0 0 0px;	
}  
#menu .search_box {			
	float: right; display:inline;	
}
#menu .search .input {	
	border: 1px solid #999999;
	padding: 0px; margin: 0px;
	height: 16px;
	vertical-align: middle;	
	width: 154px;	
	padding: 2px 3px 0px 3px;
}  
	* html #menu .search .input {			
		height: 15px;		
	} 
	* +html #menu .search .input {			
		height: 15px;		
	} 
#menu .search .submit_image {	
	padding: 0px; margin: 0px;
	padding-top: 0px;
	vertical-align: middle;	
	margin-left: -4px;	
}  



/* visual home*/
body.page_home #visual  {
	width: 978px;
	height: 379px;
	overflow: hidden;
}
body.page_home #visual .item {
	float: left; display: inline;	
}
body.page_home #visual .visual_image {	
	position: relative;
	width: 668px;	height: 379px;	
	overflow: hidden;
	margin-left: 1px;
}
	html>/**/ body.page_home #visual .visual_image {		
		margin-left: 0px;
	}
body.page_home #visual .visual_image .png_lijst {	
	background: url(/img/test/fotos/home/home_visual_bg.png) no-repeat left top;
	position: absolute;
	height: 379px; width: 669px;	
	display: block;
	overflow: hidden;
	z-index: 5;		
}
* html body.page_home #visual .visual_image .png_lijst {	
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/test/fotos/home/home_visual_bg.png');	 
}
body.page_home #visual .visual_image .title {		
	position: absolute;
	top:337px; left: 57px;
	font-size: 20px;
	color: #666666;
	z-index: 6;	
	line-height: 30px;		
}
body.page_home #visual .visual_side {	
	width: 291px;
	padding-left: 18px;
}
body.page_home #visual .visual_side ul {	
	margin-top: 56px;
}




/* visual vervolg*/
body.page_vervolg #visual  {
	width: 978px;
	height: 284px;
	overflow: hidden;
}
	html>/**/ body #visual  {
		margin-left: 1px;		
	}
body.page_vervolg #visual .item {
	float: left; display: inline;	
}
body.page_vervolg #visual .visual_image {	
	position: relative;
	width: 668px;	height: 284px;	
	overflow: hidden;
	margin-left: 1px;	
}
	
body.page_vervolg #visual .visual_image .png_lijst {	
	background: url(/img/test/fotos/vervolg/vervolg_visual_bg.png) no-repeat left top;
	position: absolute;
	height: 284px; width: 669px;	
	display: block;
	overflow: hidden;
	z-index: 5;		
}
	* html body.page_vervolg #visual .visual_image .png_lijst {	
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/test/fotos/vervolg/vervolg_visual_bg.png');	
		
	}
body.page_vervolg #visual .visual_image .title {		
	position: absolute;
	top:232px; left: 57px;
	font-size: 41px;	
	color: #fff;
	z-index: 6;	
	line-height: 38px;	
	height: 45px;	
}
body.page_vervolg #visual .visual_side {	
	width: 291px;
	padding-left: 18px;
}





#visual .visual_side li {	
	display: block;
	margin-bottom: 8px;
}
#visual .visual_side li.last {	
	display: block;
	margin-bottom: 0px;
}
#visual .visual_side .item {	
	float: none;
	width: 240px; height: 82px; 
	padding: 20px 33px 0 18px;
	line-height: 13px;
}
#visual .visual_side .item h3 {	
	font-size: 23px;
	margin-bottom: 3px;
	line-height: 1em;
}
#visual .visual_side .item a {	
	color: white;
}
#visual .visual_side .button1 {	
	background: url(/img/test/fotos/global/sidebar_button_1.png) no-repeat left top;	
}
	* html #visual .visual_side .button1 {	
		background: url(/img/test/fotos/global/sidebar_button_1.gif) no-repeat left top;	
	}
#visual .visual_side .button2 {	
	background: url(/img/test/fotos/global/sidebar_button_2.png) no-repeat left top;	
}
	* html #visual .visual_side .button2 {	
		background: url(/img/test/fotos/global/sidebar_button_2.gif) no-repeat left top;	
	}
#visual .visual_side .button3 {	
	background: url(/img/test/fotos/global/sidebar_button_3.png) no-repeat left top;	
}
	* html #visual .visual_side .button3 {	
		background: url(/img/test/fotos/global/sidebar_button_3.gif) no-repeat left top;	
	}





/* content home*/
body.page_vervolg #main_content {
	margin-top: 22px;
}

body.page_vervolg #main_content .item {
	float: left; display: inline;
}
body.page_vervolg #main_content .main_left {
	width: 302px;
	margin-bottom: 30px;	
}
	
body.page_vervolg #main_content .main_left .content {
	margin-left: 57px;
	margin-right: 41px;	
	width: 201px;
}
	* html body.page_vervolg #main_content .main_left .content {		
		margin-right: 31px;		
	}
body.page_vervolg #main_content .main_left h4 {
	color: #308C99;
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
	height: 50px;
}
body.page_vervolg #main_content .main_left .inner {
	margin-top: 15px;
	color: #7b7b7b;
}
body.page_vervolg #main_content .main_left .more_of_this {
	padding-left: 12px;
	background: url(/img/test/fotos/vervolg/arrow_content_more.gif) no-repeat 0px 5px;
	text-align: left;
	width: 201px;
	margin-top: 10px;
}
body.page_vervolg #main_content .main_left .more_of_this a {	
	color: #308C99;
	font-weight: bold;	
	font-size: 10px;
}

body.page_vervolg #main_content .main_right {
	width: 384px;
	margin-bottom: 30px;		
}
body.page_vervolg #main_content .main_right .content {	
	width: 367px;
}
body.page_vervolg #main_content .main_right h1 {	
	font-size: 22px;
	line-height: 13px;
	color: #494949;
	height: 30px;
}
body.page_vervolg #main_content .main_right .inner {	
	width: 325px;
}
body.page_vervolg #main_content .main_side {
	width: 291px;		
}



body.page_vervolg #visual .visual_side ul {	
	margin-top: 12px;
}
body.page_vervolg #visual .visual_side li {	
	display: block;
	margin-bottom: 8px;
}
body.page_vervolg #visual .visual_side li.last {	
	display: block;
	margin-bottom: 0px;
}
body.page_vervolg #visual .visual_side .item {	
	float: none;
	width: 240px; height: 72px; 
	padding: 10px 33px 0 18px
}
body.page_vervolg #visual .visual_side li.item {
	line-height: 13px;
	}
body.page_vervolg #visual .visual_side .item h3 {	
	line-height: 1em;	
	font-size: 23px;
	margin-bottom: 2px;
}
body.page_vervolg #visual .visual_side .item a {	
	color: white;
}
body.page_vervolg #visual .visual_side .button1 {	
	background: url(/img/test/fotos/vervolg/sidebar_button_1.png) no-repeat left top;	
}
	* html body.page_vervolg #visual .visual_side .button1 {	
		background: url(/img/test/fotos/vervolg/sidebar_button_1.gif) no-repeat left top;	
	}
body.page_vervolg #visual .visual_side .button2 {	
	background: url(/img/test/fotos/vervolg/sidebar_button_2.png) no-repeat left top;	
}
	* html body.page_vervolg #visual .visual_side .button2 {	
		background: url(/img/test/fotos/vervolg/sidebar_button_2.gif) no-repeat left top;	
	}
body.page_vervolg #visual .visual_side .button3 {	
	background: url(/img/test/fotos/vervolg/sidebar_button_3.png) no-repeat left top;	
}
	* html body.page_vervolg #visual .visual_side .button3 {	
		background: url(/img/test/fotos/vervolg/sidebar_button_3.gif) no-repeat left top;	
	}







/* content vervolg*/
body.page_home #main_content .item {
	float: left; display: inline;
}
body.page_home #main_content .main_left {
	width: 686px;
	margin-bottom: 30px;	
}
	
body.page_home #main_content .main_left .content {
	margin-left: 57px;	
	width: 572px;
}
body.page_home #main_content .main_left h1 {	
	font-size: 30px;
	line-height: 35px;
	color: #666666;
}
body.page_home #main_content .main_left h4 {
	color: #d66b1f;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
body.page_home #main_content .main_left .inner {
	margin-top: 25px;
	color: #7b7b7b;
}
body.page_home #main_content .main_left .banner {
	margin-top: 45px;	
}

body.page_home #main_content .main_side {
	width: 291px;		
}









body.page_home .main_side .nieuws {
	margin: 22px 0 30px 0;
}
body.page_vervolg .main_side .nieuws {
	margin: 0px 0 30px 0;
}
.main_side .nieuws h3{
	font-size:25px;
	margin-bottom:12px;
	font-weight: normal;
}
.main_side .nieuws_box li {
	background: url(/img/test/fotos/global/nieuws_button_bg.png) no-repeat left top;
	height: 39px;
	padding-top: 11px;
	padding: 5px 0 0 13px;	
	line-height: 17px;
	margin-bottom: -1px;
}
	* html .main_side .nieuws_box li {
		background: url(/img/test/fotos/global/nieuws_button_bg_ie6.gif) no-repeat left top;
	}

.main_side .nieuws_box li .date{
	padding-left: 25px;
	font-weight: bold;
}
.main_side .nieuws_box li .title{
	padding-left: 25px;
	background: url(/img/test/fotos/global/news_arrow.gif) no-repeat 0px 5px;
}



.main_side .veelgesteldevragen {
	margin: 14px 0 30px 0;
}
.main_side .veelgesteldevragen h3{
	font-size:21px;
	margin-bottom:14px;
	color: #308C99;
	font-weight: normal;
}
.main_side .veelgesteldevragen .veelgesteldevragen_box .top{
	background: url(/img/test/fotos/global/vgesteldevragen_top_bg.gif) no-repeat left top;
	height: 7px;
	overflow: hidden;
}
.main_side .veelgesteldevragen .veelgesteldevragen_box .inner {
	background: #308C99;
	color: white;
}
.main_side .veelgesteldevragen .veelgesteldevragen_box .inner li{
	padding-left: 11px;
	padding: 2px 0 3px 11px;
}
.main_side .veelgesteldevragen .veelgesteldevragen_box .inner li a{
	color: white;
}
.main_side .veelgesteldevragen .veelgesteldevragen_box .bottom{
	background: url(/img/test/fotos/global/vgesteldevragen_bottom_bg.gif) no-repeat left top;
	height: 7px;
	overflow: hidden;
}
.main_side .more_of_this {
	text-align: right;
	width: 291px;
	margin-top: 10px;
	font-weight: bold;	
}
.nieuws .more_of_this a {	
	color: #494949;
}
.veelgesteldevragen .more_of_this a {
	color: #308C99;
	
}
.nieuwsContainer h2 {
	margin-top: 0px;
}

.nieuwsContainer .nieuwsKop {
	margin-bottom: 20px;
	line-height: 18px;
}
.nieuwsContainer .nieuwsKop h2 {
	margin-bottom: 0px;
	font-size: 12px;	
}
.nieuwsContainer .nieuwsKop h2 a{		
	text-decoration: none;
}
.nieuwsContainer .nieuwsKop h2 a:hover{	
	text-decoration: underline;
}

.nieuwsContainer .nieuwsKop .nieuwsDatum,
.nieuwsItem .nieuwsDatum {
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
}
.nieuwsItem .nieuwsDatum {
	margin-bottom: 1em;
}
.nieuwsItem h2{
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #308C99;
	color: #308C99;
}
.nieuwsItem .nieuwsBericht {
	
	
}

.go_back_link a {
	text-decoration: none !important;
}	
.go_back_link a:hover {
	text-decoration: underline !important;
}	


.sitemap li {
	margin-bottom: 25px; 
}
.sitemap li a {
	font-weight: bold;
	padding: 4px;	
	text-decoration: none !important;	
}
.sitemap li a:hover {	
	text-decoration: underline !important;	
}
.sitemap li li {
	margin-top: 4px;
	margin-bottom: 0px; 
	list-style:circle;
	margin-left: 19px;
}
.sitemap li li a {	
	font-weight: normal;
	background: none;
	color: #D66B1F !important;
	margin-bottom: 0px;
}


#search_overview #search_field {
	background: #eafafe;
	padding: 3px;
	border: 1px solid #b4b4b4;
}
#search_overview #search_button {
	cursor: pointer;
	padding: 3px;
	background: #FF7300;
	color: white;
	font-weight: bold;
}
#search_overview .search_result {
	border: 1px solid #b4b4b4;
	padding: 5px 10px 7px 10px;
	background: #f9f9f9;
}
#search_overview .search_result:hover {	
	background: #fff;
	border: 1px solid #6e6e6e;
}
#search_overview .search_result a {
	font-weight: bold;	
	display: block;
	margin-bottom: -10px;	
}

#reactieform {
	margin-bottom: 20px;
	}
	#reactieform p {
		margin-bottom: 2px; 
		}					
	#reactieform label {
		display: block;
		float: left;
		width: 120px;
		}
	#reactieform input.text,  #reactieform textarea {
		border: 1px solid #999;
		background-color: #f2f2f2;
		width: 200px;
		}
	#reactieform textarea {
		height: 80px;
		}
	#reactieform input.submit {
		border: 1px solid #FF7300;
		background-color: #FF7300;
		color: #fff;
		padding: 2px 10px;
		font-weight: bold;
		cursor: pointer;
		}
		#reactieform input.submit:hover {
			border: 1px solid #000;
			}

ul.veelgestelde_vragen {
	}
	ul.veelgestelde_vragen li {
		list-style-type: circle;
		margin-left: 20px;
		}
		.main_right ul.veelgestelde_vragen li a {
			text-decoration: none;
			}
			.main_right ul.veelgestelde_vragen li a:hover {
				text-decoration: underline;
				}
				
div.formStappen {
	padding: 25px 0 0 40px;
	}
	div.formStappen ul {
		list-style-type: none;
		margin-top: 30px;
		padding-left: 52px;
		background: url(/img/aanmelden/text_stap.png) no-repeat 0 8px ;
		}
		div.formStappen ul li a {
			text-decoration: none;
			}
		div.formStappen ul li a:hover, div.formStappen ul li.active a {
			color: #FF7300;
			font-weight: bold;
			}
			div.formStappen ul li span {
				background-repeat: no-repeat;
				background-position: top left;
				line-height: 30px;
				padding-left: 40px;
				display: block;
				color: #4A8091;
				}
			div.formStappen ul li.step1 span { background-image: url(/img/aanmelden/bol_1.png); }
			div.formStappen ul li.step2 span { background-image: url(/img/aanmelden/bol_2.png); }
			div.formStappen ul li.step3 span { background-image: url(/img/aanmelden/bol_3.png); }
			div.formStappen ul li.step4 span { background-image: url(/img/aanmelden/bol_4.png); }
			div.formStappen ul li.step5 span { background-image: url(/img/aanmelden/bol_5.png); }
			div.formStappen ul li.step1.active span, div.formStappen ul li.step1 a:hover span { background-image: url(/img/aanmelden/hover/bol_1.png); }
			div.formStappen ul li.step2.active span, div.formStappen ul li.step2 a:hover span { background-image: url(/img/aanmelden/hover/bol_2.png); }
			div.formStappen ul li.step3.active span, div.formStappen ul li.step3 a:hover span { background-image: url(/img/aanmelden/hover/bol_3.png); }
			div.formStappen ul li.step4.active span, div.formStappen ul li.step4 a:hover span { background-image: url(/img/aanmelden/hover/bol_4.png); }
			div.formStappen ul li.step5.active span, div.formStappen ul li.step5 a:hover span { background-image: url(/img/aanmelden/hover/bol_5.png); }

div.aanmelden {
	width: 350px;
	}
	div.aanmelden p {
		margin: 8px 0;
		}
	div.aanmelden div.navContainer {
		margin: 8px 0;
		height: 26px;
		}
	div.aanmelden input.nav {
		width: 84px;
		height: 26px;
		color: white;
		text-align: center;
		background: url(/img/aanmelden/button.png);
		font-size: 110%;
		cursor: pointer;
		overflow: hidden;
		}
		div.aanmelden input.nav:hover {
			font-weight: bold;
			}
		div.aanmelden input.previous.nav {
			float: left;
			}
		div.aanmelden input.next.nav {
			float: right;
			}

		div.aanmelden form {
			margin-bottom: 20px;
			}
			div.aanmelden form dt {
				margin-bottom: 2px; 
				float: left;
				width: 160px;
				clear: both;
				}
			div.aanmelden form dd {
				margin: 0;
				padding: 0;
				float: left;
				}
			div.aanmelden form label, div.aanmelden form label input {
				padding-right: 5px;
				margin-right: 5px;
				}
			div.aanmelden form input[type="text"], div.aanmelden form input.text, div.aanmelden form textarea {
				border: 1px solid #999;
				background-color: #f2f2f2;
				width: 175px;
				}
			div.aanmelden form textarea {
				height: 80px;
				}
			div.aanmelden form input.submit {
				border: 1px solid #FF7300;
				background-color: #FF7300;
				color: #fff;
				padding: 2px 10px;
				font-weight: bold;
				cursor: pointer;
				}
				div.aanmelden form input.submit:hover {
					border: 1px solid #000;
					}
		div.aanmelden form ul {
			color: red;
			margin-bottom: 8px;
			}
					
			div.aanmelden div.contact dt {
				width: 145px;
				}
			div.aanmelden div.contact input[type=text], div.aanmelden div.contact input.text {
				width: 150px;
				}
	div.aanmelden h2 {
		margin: 0;
		}
		div.aanmelden td {
			padding: 4px;
			vertical-align: top;
			}
			div.aanmelden td p {
				margin: 0;
				}
		div.aanmelden td.change {
			}
		div.aanmelden td.change a {
			text-decoration: none;
			}
			div.aanmelden td.change a:hover {
				text-decoration: underline;
				}
		div.aanmelden td td {
			padding: 0 4px;
			}