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


	h1, h2, h3 {
		font-family: verdana;
		font-size: 14px;
		color: #4b98d3;
		line-height: 1em;
		
		}
	img {
		border: 0;
		}
	.clear {
		clear: both;
		}

html {
	height: 100%;
	}
	body {
		background-color: #fff;
		margin: 20px;
		font-family: sans-serif;
		font-size: 11px;
		line-height: 16px;
		height: 100%;
		}
		#container {
		height: 100%;
			}
		#wrapper {
			width: 940px;
			height: 100%;
			}
		#menu {
			}
			.submenu {
				width: 940px;
				height: 25px;
				position: absolute;
				top: 38px;
				left: 0px;
				}
		#header {
			width: 940px;
			height: 239px;
			background: url(/img/header.jpg) no-repeat;
			margin-bottom: 25px;
			position: relative;
			}
			#header .tooltip, #header a {
				position: absolute;
				display: block;
				}
			#header .tooltip {
				background-color: #36602E;
				color: #fff;
				padding: 4px;
				border: 1px solid #fff;
				z-index: 3;
				}
			#header a {
				text-indent: -3000px;
				}
			#link_oudekerk {
				width: 110px;
				height: 113px;
				left: 8px;
				top: 31px;
				}	 
			#link_bussemakershuis {
				width: 87px;
				height: 67px;
				left: 118px;
				top: 88px;
				}
			#link_klopjeswoningen {
				width: 120px;
				height: 67px;
				left: 205px;
				top: 88px;
				}
			#link_drempelloos {
    			height: 208px;
    			left: 699px;
    			top: 28px;
    			width: 215px;
				}
			#tooltip_oudekerk {
				width: 120px;
				height: 50px;
				position: absolute;
				left: 50px;
				top: 40px;
				}
			#tooltip_bussemakershuis {
				width: 163px;
				height: 33px;
				left: 186px;
				top: 62px;
				}
			#tooltip_klopjeswoningen {
				width: 163px;
				height: 48px;
				left: 256px;
				top: 42px;
				}
			#tooltip_drempelloos {
				width: 163px;
				height: 48px;
				left: 530px;
				top: 80px;
				}

		#left {
			float: left;
			width: 220px;
			background-color: #fff;
			}
		#main {
			float: left;
			width: 480px;
			background: url(/img/content_bg.jpg) repeat-y;
			margin-left: 10px;
			}
			#content {
				width: 458px;
				height: 100%;
				margin: 0px 11px;
				
				padding-bottom: 18px;
				}
				#content .inhoudsopgave{
					margin-top: 10px;
					margin-bottom: 10px;	
					}
		#right {
			float: right;
			width: 220px;
			background-color: #fff;
			}
			#right a.cta {
				font-size: 16px;
				background-color: #184691;
				font-weight: normal;
				color: #fff;
				padding: 8px 0px 8px 21px;
				margin-bottom: 10px;
				display: block;
				border-radius: 5px;
				}
				#right a.cta:hover {
					background-color: #009DE0;
					}
			#right a.cta-rood {
				background-color: #66AF20;
				}
				#right a.cta-rood:hover {
					background-color: #8FB500;
					}

		#footer {
			margin-top: 20px;
			width: 940px;
			height: 13px;
			background: url(/img/footer_bg.jpg) no-repeat;
			}

/******** Menu ********/

	#menu {
		width: 940px;
		height: 63px;
		background: url(/img/menu.jpg) no-repeat;
		position: relative;
		}
		#menu .mainitem {
			display: block;
			height: 38px;
			width: 100px;
			float: left;
			text-indent: -3000px;
			}
			#menu .menuitem_home {
				width: 103px;
				}
			#menu .menuitem_de_vakantiewoning {
				width: 169px;
				}
			#menu .menuitem_prijzen_en_boekingen {
				width: 187px;
				}
			#menu .menuitem_fotos {
				width: 112px;
				}
			#menu .menuitem_stichting_dov {
				width: 166px;
				}
			#menu .menuitem_contact {
				width: 203px;
				}
		
		
    /* Tijdelijke styling */
    
    #menu .mainitem {
    	/*
		display: block;
		float: left;
		line-height: 38px;
		height: 38px;
		padding: 0px 10px;
		font-size: 12px;
		*/
	}
    
/******** Submenu ********/

	.submenu_container {
		position: absolute;
		left: 0px;
		top: 38px;
		height: 25px;
		line-height: 25px;
		width: 940px;
		background-color: #fff;
		color: #fff;
		font-size: 12px;
		}
		.submenu_container a {
			color: #fff;
			padding: 0px 10px;
			}
	.submenu_container_home {
		background-color: #fff;
		margin-left: 18px;
		width: 922px;
		}
		.submenu_container_home a {
			color: #00A0D9;
			}
	.submenu_container_de_vakantiewoning {
		background-color: #CD010D;
		}
	.submenu_container_prijzen_en_boekingen {
		background-color: #66af20;
		}
	.submenu_container_fotos {
		background-color: #EBB90C;
		}
	.submenu_container_stichting_dov {
		background-color: #184691;
		}
	.submenu_container_contact {
		background-color: #4D99D3;
		}

/******** Links *******/

	#left {
		position: relative;
		/*padding-top: 150px;*/
		}
	#left #lblockImages {
		position: absolute;
		top: -21px;
		left: 0;
		}
		#left #lblockImages div.mask {
			width: 228px;
			height: 186px;
			background: url(/img/masker.png) no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 20;
			}
		#left #lblockImages img {
			}
	#left .foto {
		width: 220px;
		height: 214px;
		background: transparent url(/img/foto_schuin.png) no-repeat;
		position: absolute;
		left: 0px;
		top: -65px;
		}
	#left .overrotary {
		background-color: #fffdee;
		margin-bottom: 20px;
		margin-top: 170px;
		}
		#left .overrotary h2 {
			display: block;
			width: 220px;
			height: 51px;
			background: url(/img/h_rotary.jpg) no-repeat;
			text-indent: -3000px;
			}
			#left .border {
				border: 1px solid #64af1e;
				padding: 10px 20px;
				}
			#left .overrotary, #left .overrotary a {
				color: #64af1e;
				}
	.sponsoren {
		position: relative;
		margin-bottom: 20px;
		background: url(/img/blok_sponsoren_bg.jpg) no-repeat;
		width: 220px;
		height: 165px;
		}
	.banner_joy {
		display: block;
		width: 220px;
		text-align: center;
		margin-bottom: 20px;		
		}
		#left .colofon {
			margin: 0px 10px;
			}
			.colofon h2 {
				color: #EBB90C;
				border-bottom: 2px dotted #EBB90C; 
				padding-bottom: 5px;
				margin-bottom: 5px;
				}
			.colofon i {
				display: block;
				float: left;
				width: 50px;
				font-style: normal;
				color: #999;
				}
			.colofon b {
				display: block;
				float: left;
				width: 150px;
				font-weight: normal;
				color: #555;
				}
			.colofon a {
				color: #555;
				text-decoration: none;
				}
				.colofon a:hover {
					color: #CD010D;
					}
			.colofon br {
				clear: both;
				}
	#content {
		
		}
		#content h1 {
			margin-bottom: 10px;
			}
		#content h2 {
			margin-bottom: 4px;
			font-size: 12px;
			}
		#content p {
			margin-bottom: 10px;
			}
		#content ul {
			margin-left: 15px;
			}
			#content ul li {
				list-style: disc;
				}
		#content a {
			color:#000;
			text-decoration: underline;
			}
			#content a:hover {
				text-decoration: underline;
				}
	#right .activiteiten {
		margin-bottom: 20px;
		background: #eaf5fb;
		}
		#right .activiteiten h2 {
			display: block;
			width: 220px;
			height: 35px;
			text-indent: -3000px;
			background: url(/img/h_activiteiten.jpg) no-repeat;
			}
			#right .activiteiten .border {
				border: 1px solid #009ee0;
				padding: 10px 20px;
				}
			#right .activiteiten, #right .activiteiten a {
				color: #009ee0;
				}
	#right .attracties {
		margin-bottom: 20px;
		background: #eaf5fb;
		}
		#right .attracties h2 {
			display: block;
			width: 220px;
			height: 34px;
			text-indent: -3000px;
			background: url(/img/h_attracties.jpg) no-repeat;
			}
			#right .attracties .border {
				border: 1px solid #184690;
				padding: 10px 20px;
				}
			#right .attracties, #right .attracties a {
				color: #184690;
				}
	.sideblok {
		
		}
		.sideblok p {
			line-height: 24px;
			background: url(/img/bg_line.gif) repeat top left;
			}
		.sideblok ul {
			margin-bottom: 10px;
			}
			.sideblok li {
				line-height: 38px;
				font-size: 13px;
				border-bottom: 2px solid #bde4f7;
				position: relative;
				}
			#left .sideblok li {
				border-color: #c4da99;
				}
			.sideblok li a:hover {
				text-decoration: underline;
				}
			.sideblok li span {
				display: block;
				position: absolute;
				left: 170px;
				top: 0px;
				*top: -10px;
				}


/******** Nieuwsoverzicht ********/

	.nieuwsoverzicht {
		
		}
		.nieuwsoverzicht .item {
			background: url(/img/lijn.jpg) no-repeat bottom;
			margin-bottom: 15px;
			}
			.nieuwsoverzicht .item .inner {
				padding-bottom: 15px;
				}
			.nieuwsoverzicht .item img {
				margin-right: 15px;
				}
			.nieuwsoverzicht .item_first img {
				margin-right: 0px;
				margin-left: 15px;
				}
		#content .nieuwsoverzicht .item h1 {
			margin-bottom: 4px;
			}
				
/******** Images ********/
				
	.images {
		text-align: left;
		}
		.images img {
			border: 12px solid #d8d9da;
			margin-right: 15px;
			margin-bottom: 15px;
			}
		.images img.last {
			margin-right: 0px;
			}

/******** Startpagina ********/

	.startpagina {
		}
		.startpagina_blok {
			background: transparent url(/img/horizontal_split.jpg) no-repeat bottom;
			padding-bottom: 14px;
			padding-top: 14px;
			padding-right: 0px; 
			}
			.startpagina_blok img {
				float: left;
				margin-right: 10px;
				}
		.startpagina_blok1 {
			padding-top: 0px;
			}
			.startpagina_blok1 img {
				float: right;
				margin-right: 0px;
				margin-left: 10px;
				}
		.startpagina_blok2 {
			float: left;
			width: 222px;
			margin-right: 14px;
			}
		.startpagina_blok3 {
			float: left;
			width: 222px;
			}
		.startpagina_blok4 {
			float: left;
			width: 222px;
			margin-right: 14px;
			background-image: none;
			}
		.startpagina_blok5 {
			float: left;
			width: 222px;
			background-image: none;
			}
/******** Reactieform ********/

	#reactieform {
		}
		#contact h3 {
			margin-bottom: 20px;
			}
		#reactieform p {
			margin-bottom: 2px;
			}
			#reactieform p label {
				display: inline-block;
				width: 120px;
				}
			#reactieform p input.text {
				border: 1px solid #999;
				padding: 2px;
				width: 200px;
				display: inline-block;
				}
			#reactieform p textarea {
				border: 1px solid #999;
				padding: 2px;
				width: 200px;
				display: inline-block;
				}
			#reactieform p input.submit {
				background-color: #999;
				color: #fff;
				border: 1px solid #fff;
				font-weight: bold;
				padding: 4px 8px;
				cursor: pointer;
				}


	#content ul.sponsorenoverzicht {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#content ul.sponsorenoverzicht li.sponsor {
			display: block;
			float: left;
			width: 142px;
			border: 1px solid #ddd;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
			padding-top: 10px;
			margin-right: 8px;
			margin-bottom: 8px;
			}
			#content ul.sponsorenoverzicht li.sponsor a {
				text-decoration: none;
				}
			#content ul.sponsorenoverzicht li.sponsor span {
				display: block;
				font-size: 12px;
				padding: 4px;
				font-weight: bold;
				}
			#content ul.sponsorenoverzicht li.sponsor i {
				display: block;
				font-size: 11px;
				padding: 4px;
				}
							
		#content ul.sponsorenoverzicht li.clear {
			clear: both;
			list-style: none;
			}
		.sponsorencycle {
			overflow: hidden;
			width: 198px;
			height: 115px;
			position: absolute;
			left: 10px;
			top: 38px;
			}
		.sponsoren a {
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 10;
			opacity: 0.5;
			width: 220px;
			height: 165px;
			text-indent: -3000px;
			}

/******** Etc. ********/

:-moz-any-link:focus {
	outline: none;
	}

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