html, body {
	height : 100%;
}
body {
	background : #1c71a6 url('../img/bg.png') fixed repeat-x bottom;
	color : black;
	font-family : Calibri,Tahoma,sans-serif;
	font-size: 12px;
	text-align : center;
	position : relative;
}

.mouseoverlay {
	position : absolute;
	left: 0px;
	top: 15px;
	width : 950px;
	height : 290px;
	z-index : 0;
}

#container {
	margin : 0 auto;
	position : relative;
	text-align : left;
	width : 952px;
	overflow : hidden;
	min-height : 100%;
}

#glow {
	background : url('../img/bg_glow.png');
	width : 1026px;
	height : 375px;
	display : block;
	position : absolute;
	left : 50%;
	margin-left : -513px;
	top : 0;
	z-index : 0;
}

#top {
	background : white;
	border-left : 1px solid #787878;
	border-right : 1px solid #787878;
	display : block;
	position : relative;
	overflow : hidden;
	width : 894px;
	padding : 28px 28px 0px 28px;
}

#slider {
	display : block;
	margin-bottom : 26px;
	position : relative;
	width : 894px;
	height : 262px;
}

#content {
	float : left;
	margin-right : 29px;
	width : 581px;
}

#fullcontent {
	width : 984px;
}

#sidebar {
	float : left;
	width : 284px;
}

.header {
	background : url('../img/header.png') no-repeat;
	border : 1px solid black;
	color : white;
	line-height : 39px;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 20px;
	padding-left : 12px;
	display : block;
	height : 39px;
	width : 270px;
}

.sidebarcontent {
	background : url('../img/sidebar_bg.png') repeat-x bottom;
	border : 1px solid black;
	border-top : none;
	margin-bottom : 19px;
	position : relative;
	padding : 11px;
	overflow : hidden;
	font-size: 12px;
}

.nopd {
	padding : 0;
}

.sidebarcontent b {
	display : block;
	font-size : 13px;
	margin-bottom : 5px;
}

.weermodule {
	display : block;
	height : 123px;
	width : 576px;
	background : url('../img/bg_weer.png') no-repeat bottom;
	border : 1px solid black;
	overflow : hidden;
}

.vandaag {
	position : relative;
	padding-left : 10px;
	float : left;
	display : block;
	overflow : hidden;
	height : 113px;
	width : 280px;
}

.vooruitzicht {
	display : block;
	position : relative;
	overflow : hidden;
	float : left;
	height : 123px;
	border-left : 1px solid black;
	width : 94px;
}

p.condition {
	text-align: center;
	width: 100%
	margin: 2px;
	margin-top: 14px;
}

.vandaagimage {
	float : left;
	margin-right : 5px;
	margin-top : 10px;
}

.vandaaginfo {
	float : left;
	margin-top : 15px;
}

.vandaagtemperatuur {
	position : absolute;
	top : 8px;
	right : 10px;
	font-weight : bold;
	font-size : 25px;
}

ul.nieuwsslider, ul.albumslider, ul.albumsliderstatic {
	display : block;
	list-style-type : none;
	overflow : hidden;
	position : relative;
	width : 284px;
}

ul.nieuwsslider li, ul.albumslider li {
	display : none;
	padding : 11px;
	position : absolute;
	left : 0px;
	top : 0px;
	width : 262px;
}

ul.albumsliderstatic li {
	padding : 11px;
}

ul.nieuwsslider, ul.nieuwsslider li {
	height : 115px;
}

ul.albumslider, ul.albumslider li, ul.albumsliderstatic {
	height : 95px;
}

.sidebarimg {
	background : gray;
	display : block;
	float : left;
	height : 73px;
	margin-right : 7px;
	width : 73px;
}

.agenda {
	background : url('../img/sidebar_agenda_bg.png') repeat-x bottom;
	cursor : pointer;
	margin-bottom : 0px;
	position : relative;
	padding : 5px 11px;
	overflow : hidden;	
}

.agenda:hover {
	background : url('../img/sidebar_bg.png') repeat-x bottom;
}

a.sliderlink:active, a.sliderlink:link, a.sliderlink:visited {
	position : absolute;
	bottom : 22px;
	right : 11px;
	color : black;
	text-decoration : none;
}

a.sliderlink:hover {
	color : gray;
	text-decoration : none;
}

#footer {
	background : url('../img/footer.png') no-repeat;
	border-left : 1px solid #787878;
	clear : both;
	display : block;
	height : 115px;
	position : relative;
	margin-bottom : 10px;
	width : 950px;
}

/* Tekst */
		.h1 {
			display : block;
			font-weight : bold;
			font-size : 20px;
			margin-top : 10px;
			text-transform : uppercase;
			vertical-align : top;
			float: left;
			width: 540px;
			clear: right;
			margin-bottom: 15px;
		}
		
		span.h1 a{
			color : black;
			text-decoration : none;
		}
		
		span.h1 a:hover{
			color : gray;
		}
		.h2 {
			font-weight : bold;
			font-size : 15px;
			text-transform : uppercase;
			margin-bottom : -15px;
		}
		
		.h3 {
			text-align : center;
		}
		
		p {
			font-size : 12px;
			line-height : 1.3;
		}
		
		.gray {
			color : gray;
		}
		
		.red {
			color : red;
		}
/* End-tekst */
/* Menu */
		.menuwrapper {
			display : block;
			position : absolute;
			bottom : 0;
			right : 0;
			width : 894px;
			z-index : 150;
		}
		ul#menu {
			display : block;
			height : 14px;
			position : relative;
			bottom : 0px;
			right : 0px;
			width : 894px;
			list-style : none;
			z-index : 150;
		}
		
		ul#menu li {
			padding : 0px 13px;
			z-index : 150;
		}
		
		ul#menu li a {
			position : absolute;
			display : block;
			height : 14px;
			top : 0;
			z-index : 150;
		}
		
		ul#menu li a.home {
			background : url('../img/menu_home.png') no-repeat;
			left : 68px;
			width : 57px;
		}
		
		ul#menu li a.nieuws {
			background : url('../img/menu_nieuws.png') no-repeat;
			left : 193px;
			width : 74px;
		}
		
		ul#menu li a.overons {
			background : url('../img/menu_overons.png') no-repeat;
			left : 293px;
			width : 95px;
		}
		
		ul#menu li a.vierdaagse {
			background : url('../img/menu_vierdaagse.png') no-repeat;
			left : 413px;
			width : 116px;
		}
		
		ul#menu li a.fotos {
			background : url('../img/menu_fotos.png') no-repeat;
			left : 555px;
			width : 64px;
		}
		
		ul#menu li a.gastenboek {
			background : url('../img/menu_gastenboek.png') no-repeat;
			left : 645px;
			width : 124px;
		}
		
		ul#menu li a.contact {
			background : url('../img/menu_contact.png') no-repeat;
			left : 795px;
			width : 86px;
		}
		
		ul#menu li a.home:hover, ul#menu li.current a.home {
			background : url('../img/menu_home_hover.png') no-repeat;
		}
		
		ul#menu li a.nieuws:hover, ul#menu li.current a.nieuws {
			background : url('../img/menu_nieuws_hover.png') no-repeat;
		}
		
		ul#menu li a.overons:hover, ul#menu li.current a.overons {
			background : url('../img/menu_overons_hover.png') no-repeat;
		}
		
		ul#menu li a.vierdaagse:hover, ul#menu li.current a.vierdaagse {
			background : url('../img/menu_vierdaagse_hover.png') no-repeat;
		}
		
		ul#menu li a.fotos:hover, ul#menu li.current a.fotos {
			background : url('../img/menu_fotos_hover.png') no-repeat;
		}
		
		ul#menu li a.gastenboek:hover, ul#menu li.current a.gastenboek {
			background : url('../img/menu_gastenboek_hover.png') no-repeat;
		}
		
		ul#menu li a.contact:hover, ul#menu li.current a.contact {
			background : url('../img/menu_contact_hover.png') no-repeat;
		}
/* End-Menu */
/* Logo & Submenus */
		.logo {
			margin-top : 85px;
			margin-left : 27px;
			width : 126px;
			height : 107px;
		}
		
		#logooverlay {
			background : url('../img/logooverlay.png') no-repeat;
			display : block;
			position : absolute;
			width : 165px;
			z-index : 3;
			top : -8px;
			height : 278px;
		}
		
		.menu_overons {
			position : absolute;
			left : 1px;
			top : 180px;
			display : none;
		}
		
		.menu_vierdaagse {
			position : absolute;
			left : 1px;
			top : 134px;
			display : none;
		}
		
		.menu_overons a, .menu_vierdaagse a {
			display : block;
			color : black;
			text-align : center;
			width : 165px;
			height : 23px;
			line-height : 23px;
			text-decoration : none;
			font-size : 13px;
		}
		
		a.een {
			background : url('../img/submenu_een.png') no-repeat;
		}
		
		a.twee {
			background : url('../img/submenu_twee.png') no-repeat;
		}
		
		a.drie {
			background : url('../img/submenu_drie.png') no-repeat;
		}
		
		a.vier {
			background : url('../img/submenu_vier.png') no-repeat;
		}
		
		a.vijf {
			background : url('../img/submenu_vijf.png') no-repeat;
		}
		
		a.een:hover, a.eencurrent {
			background : url('../img/submenu_een_hover.png') no-repeat;
		}
		
		a.twee:hover, a.tweecurrent {
			background : url('../img/submenu_twee_hover.png') no-repeat;
		}
		
		a.drie:hover, a.driecurrent {
			background : url('../img/submenu_drie_hover.png') no-repeat;
		}
		
		a.vier:hover, a.viercurrent {
			background : url('../img/submenu_vier_hover.png') no-repeat;
		}

		a.vijf:hover, a.vijfcurrent {
			background : url('../img/submenu_vijf_hover.png') no-repeat;
		}
/* End-Logo & Submenus */

.slideroverlay {
	background : url('../img/slider_overlay.png') no-repeat bottom;
	display : block;
	position : absolute;
	width : 894px;
	height : 262px;
	z-index : 1;
}

ul.fotoslider {
	height: 262px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 894px;
}

ul.fotoslider li {
	display : none;
	position : absolute;
	left : 0px;
	top : 0px;
}

.item {
	margin-bottom : 20px;
	clear : both;
}

.bb {
	border-bottom : 1px dotted black;
}

.title {
	height : 32px;
	display : block;
}

.nieuwstitle {
	height : 20px;
	display : block;
}

.nieuwsdatum {
	color : gray;
	font-size : 10px;
	text-transform : lowercase;
	font-weight : normal;
}

a.nieuwstitel {
	color : black;
	text-decoration : none;
}

a.nieuwstitel:hover {
	color : gray;
}

.itemcontent {
	display : block;
	padding-left : 15px;
	margin-top : 15px;
}

.nieuwscontent {
	display : block;
	padding-left : 15px;
	position : relative;
}

a.nieuwsleesverder {
	position : absolute;
	right : 0px;
	bottom : 2px;
	font-size : 12px;
	text-decoration : none;
	color : gray;
}

a.nieuwsleesverder:hover {
	color : black;
}

.welkomimg {
	border: 1px solid #262626;
	background : gray;
	display : block;
	float : right;
	height : 200px;
	margin-left : 10px;
	margin-bottom : 5px;
	width : 200px;
}

.header_small {
	border : 1px solid black;
	margin-right : 5px;
	height : 30px;
	width : 30px;
	float: left;
	display: block;
}

.input {
	width: 350px;
	border: 1px solid #a2a2a2;
	font-size: 11pt;
	font-family : Calibri,Tahoma,sans-serif;
}

.inputtop {
	float : left;
	margin-top : 0px;
	margin-left : 180px;
	margin-bottom : -2px;
	height : 32px;
	width : 44px;
}

.nieuwsbrieflabel {
	float : left;
	margin-bottom : -41px;
	margin-left : 25px;
	margin-top : 15px;
}

.projectfive {
	position : absolute;
	top : 52px;
	right : 28px; 
}

.penm {
	position : absolute;
	left : 28px;
	top : 26px;
}

.rabobank {
	position : absolute;
	left : 151px;
	top : 26px;
}

ul.nieuwsslider li.show, ul.albumslider li.show, ul.fotoslider li.show,  ul.albumsliderstatic li.show  {
	display : block;
}

.visitekaartje {
	background : url('../img/sidebar_bg.png') repeat-x bottom;
	display : block;
	float : left;
	width : 250px;
	padding : 11px;
	margin : 10px;
	border : 1px solid black;
}

.visitekaartjeimg {
	float : left;
	margin-right : 5px;
	margin-bottom : 2px;
	width : 80px;
	height : 103px;
}

.videoplayer {
	float : left;
	margin-right : 5px;
	margin-bottom : 3px;
	width : 320px;
	height : 265px;
}

#spacer {
	height: 50px; 
	display: block; 
	clear: both;
}

#loginform label {
	width: 150px;
	display: block;
	float: left;
	line-height: 23px;
}

#loginform input {
	width: 200px;
	margin-right: 100px;
	float: left;
}

#loginform #loginbutton {
	margin-left: 150px;
	width: 100px;
}

#bestandslijst li {
	list-style-type: square;
	list-style-position: inside;
}

/* Gallery */
		.caption {
			font-style : italic;
			color : #887;
		}
		
		#album {
			width : 894px;
		}
		
		a.gallerylink:link, a.gallerylink:visited, a.gallerylink:active {
			color : black;
			font-size : 12px;
			margin-bottom : 10px;
			text-decoration : none;
			margin-left: 55px;
		}
		
		a.gallerylink:hover {
			color : gray;
			text-decoration : none;
			margin-left: 55px;
			margin-bottom: 10px;
		}
		
		ul.gallery {
			margin : 10px auto;
			width : 768px;
			margin-left: 55px;
		}
		
		ul.gallery li{
			width : 82px;
			height : 82px;
			background : #000;
			cursor : pointer; 
			margin : 0px 3px 5px 3px;
			border: 1px solid #262626;
			overflow : hidden;
			display : block;
			float : left;
		}
		
		#main_image{
			margin : 0 auto 30px auto;
			height : 576px;
			width : 768px;
			background : black;
			overflow : hidden;
			border: 1px solid #262626;
			text-align: center;
			margin-left: 55px;
		}
		
		.gallerythumb {
			height : 150px;
			background : #000;
			overflow : hidden;
			border: 1px solid #262626;
			opacity: .80; 
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		
		.gallerythumb:hover {
			opacity: .99; 
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
		}
		
		.albumlink {
			display : block;
			float : left;
			margin : 0px 10px;
			text-decoration : none;
			color : gray;
			height : 200px;
			text-align : center;
		}
		
		.albumlink:hover {
			color : black;
		}
		
		.replaced {
			margin : 0px auto;
			height : 576px;
			width: auto;
			text-align: center;
		}
/* End-Gallery */

#contentdiv > ol {
    padding-top : 10px;
	width : 400px;
}

#contentdiv > ol > li {
    padding-top : 5px;
    padding-bottom : 10px;
    padding-left : 7px;
    padding-right : 7px;
}

#contentdiv > ol > li:hover {
    background-color : #aedfe5;
}

.highlight {
	background-color : #aedfe5;
}

/* Gastenboek */
		div.gastenboektoevoegen {
			width : 450px; 
			padding-top : 15px;
			padding-left : 15px;
		}
		
		div.gastenboektoevoegen label {
			display : block;
			float : left;
			font-size : 12px;
			line-height : 20px;
			width : 120px;
			text-align : left;
		}
		
		div.gastenboektoevoegen input {
			width : 300px;
			float : left;
			display : inline-block;
		}
		
		div.gastenboektoevoegen textarea {
			width : 300px;
			float : left;
			display : inline-block;
		}
		
		div.smileys {
			float : left;
			display : inline-block;
			background : #f3f3f3; 
			border : 1px solid #a0a0a0; 
			width : 298px; 
			height : 20px;
			padding-top : 5px; 
			padding-bottom : 3px; 
			text-align : center;
		}
		
		p.captcha {
			font-family: Times New Roman; 
			float: left; 
			font-weight : bold;
			width: 96px; 
			display: inline-block; 
			text-align : center;
			background : #f3f3f3; 
			border : 1px solid #a0a0a0; 
			margin-top : 2px;
			margin-right : 2px;
		}
		
		div.gastenboektoevoegen input.submit {
			width : 150px;
			margin-left : 150px;
			display : inline-block;
		}
/* End-Gastenboek */

