@font-face {
    font-family: 'HandOfSean';
    src: url('handsean-webfont.eot');
    src: url('handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('handsean-webfont.woff') format('woff'),
         url('handsean-webfont.ttf') format('truetype'),
         url('handsean-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: url(../img/bg_curtain.jpg) repeat-x top center;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
div#wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 1024px;
	background: url(../img/bg_content.jpg) no-repeat top center;
}
div#header {
	position: relative;
	z-index: 1000;
}
	div#header img#logo {
		position: relative;
		left: 19px;
	}

/* Menu */
div#nav {
	background: url(../img/bg_menu.png) no-repeat top left;
	height: 34px;
	position: relative;
	margin-top: -2px;
}
	ul.menu {
		margin: 0 240px;
	}
		ul.menu li {
			float: left;
			position: relative;
		}
			ul.menu li a {
				display: block;
				height: 24px;
				margin: 5px 2px;
				text-indent: -999em;
				background-position: top left;
				background-repeat: no-repeat;
				position: relative;
			}
				ul.menu li a:hover,
				ul.menu li.hier a {
					background-position: bottom left;
				}
				
				ul.menu li#menu_band a { background-image: url(../img/menu_band.png); width: 63px; }
				ul.menu li#menu_agenda a { background-image: url(../img/menu_agenda.png); width: 82px; }
				ul.menu li#menu_nieuws a { background-image: url(../img/menu_nieuws.png); width: 81px; }
				ul.menu li#menu_boekingen a { background-image: url(../img/menu_boekingen.png); width: 102px; }
				ul.menu li#menu_media a { background-image: url(../img/menu_media.png); width: 72px; }
				ul.menu li#menu_gastenboek a { background-image: url(../img/menu_gastenboek.png); width: 120px; }

				ul.menu li:hover div.submenu,
				ul.menu li.sfhover div.submenu {
					display: block;
				}

			/* submenu */
			ul.menu li div.submenu {
				position: absolute;
				z-index: 100;
				width: 118px;
				display: none;
			}
				div.submenubottom {
					background: url('../img/bg_submenu_bottom.png') no-repeat top left;
					height: 13px;
					width: 118px;
				}
				ul.menu li ul.submenu li {
					background: transparent url(../img/bg_submenu_mid.png) repeat-y left top;
					float: none;
					position: relative;
				}
				ul.menu li ul.submenu li a {
					display: block;
					background: none;
					color: #bf2000;
					font-size: 0.7em;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					line-height: 2em;
					height: 2em;
					margin: 0;
					padding: 0 15px;
				}
					ul.menu li#menu_band ul.submenu li a,
					ul.menu li#menu_agenda ul.submenu li a,
					ul.menu li#menu_nieuws ul.submenu li a,
					ul.menu li#menu_boekingen ul.submenu li a,
					ul.menu li#menu_media ul.submenu li a,
					ul.menu li#menu_gastenboek ul.submenu li a {
						background: none;
						text-indent: 0;
						width: 83px;
					}
					ul.menu li ul.submenu li.first {
						padding-top: 5px;
					}
						ul.menu ul.submenu>li.hier>a {
							text-decoration: underline;
						}
						
						ul.menu li#menu_band ul.submenu li a:hover,
						ul.menu li#menu_agenda ul.submenu li a:hover,
						ul.menu li#menu_nieuws ul.submenu li a:hover,
						ul.menu li#menu_boekingen ul.submenu li a:hover,
						ul.menu li#menu_media ul.submenu li a:hover,
						ul.menu li#menu_gastenboek ul.submenu li a:hover {
							background: url(../img/bg_submenu_mid_hover.png) no-repeat left top;
						}
						
			/* subsubmenu */
			div.subsubmenu {
				display: none;
				position: absolute;
				right: -112px;
				top: -12px;
				width: 118px;
				z-index: 2000;
			}
				div.subsubmenutop {
					background: url(../img/bg_subsubmenu_top.png) no-repeat left top;
					height: 36px;
					width: 151px;
				}
				div.subsubmenubottom {
					background: url(../img/bg_subsubmenu_bottom.png) no-repeat left top;
					height: 13px;
					width: 118px;
				}
					ul.submenu img {
						display: block;
					}
						li.hier ul.submenu li.hier a,
						ul.submenu.level3 li a:hover {
							text-decoration: underline;
						}
				ul.submenu li:hover div.subsubmenu,
				ul.submenu li.sfhover div.subsubmenu {
					display: block;
				}

/* Kruimelpad */
ul#kruimelpad {
	list-style: none;
	margin-bottom: 10px;
}
	ul#kruimelpad li {
		color: #86210d;
		float: left;
		font-size: 0.9em;
		margin-right: 0.5em;
	}
		ul#kruimelpad li a {
			color: #86210d;
			margin-right: 0.5em;
			text-decoration: underline;
		}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}


/* Headings */
h1 {
	color: #bf2000;
	font-family: HandOfSean, Georgia, Times, serif;
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 1.2em 0 0.5em;
	text-transform: uppercase;
}
	.sIFR-active h1 {
		color: #bf2000;
		font-size: 1.3em;
		margin: 0.2em 0 0.5em;
		visibility: hidden;
	}

h2 {
	color: #bf2000;
	font-family: HandOfSean, Georgia, Times, serif;
	margin: 0.5em 0 1em;
	clear: both;
}
	.sIFR-active h2 {
		font-size: 1.1em;
		margin-top: 0;
		visibility: hidden;
	}
	
h3 {
	font-family: HandOfSean, Georgia, Times, serif;
	color: #bf2000;
	margin: 1em 0;
}
	.sIFR-active h3 {
		font-size: 1em;
		margin-bottom: 0.2em;
		visibility: hidden;
	}

h4 {
}
	.sIFR-active h4 {
		font-size: 21px;
		letter-spacing: -5px;
		visibility: hidden;
	}

h5 {
}
	.sIFR-active h5#pullquote {
		font-size: 24px;
		letter-spacing: -4px;
		visibility: hidden;
	}
	
h6 {
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

div.hr {
	background: url(../img/ruler.gif) repeat-x left top;
	float: left;
	height: 2px;
	margin-bottom: 0;
	width: 100%;
}
	div.hr hr {
		display: none;
	}

/* Content */
div#contentcontainer {
	background: url(../img/bg_page_mid.png) repeat-y top center;
	position: relative;
	z-index: 0;
}
	div.content {
		background: url(../img/bg_page_top.jpg) no-repeat top center;
		margin: 0 162px;
		padding: 80px 80px 0;
		position: relative;
		width: 540px;
		z-index: 3;
	}
		div.content_mid {
			min-height: 220px;
			padding-bottom: 80px;
		}
		body#home div.content_mid {
			padding-bottom: 300px;
		}
		body#home div.content_mid,
		body#bandlid div.content_mid {
			float: left;
			width: 420px;
		}
		body#nieuws div.content_mid {
			width: 400px;
		}
			
		div#content_bottom {
			background: url(../img/bg_page_bottom.png) no-repeat bottom center;
			bottom: 0;
			clear: both;
			height: 163px;
			position: absolute;
			width: 1024px;
		}
		
		body#nieuws div.content img {
			max-width: 100%;
		}		
		div.content img.floatleft {
			margin: 0.5em 1em 0.5em 0;
		}
		div.content img.floatright {
			margin: 0.5em 0 0.5em 1em;
		}
		div.content img.center {
			display: block;
			margin: 0 auto;
		}
		
		div.content p {
			color: #86210d;
			font-size: 0.75em;
			line-height: 1.6em;
			margin: 1em 0;
		}
			div.content div.intro {
				margin-bottom: 30px;
			}
			div.content div.intro p {
				font-weight: bold;
			}
			div.content p.date {
				color: #000000;
				font-style: italic;
				font-weight: bold;
				margin: 0 0 0 0;
			}
			div.content p.author {
				color: #000000;
				font-size: 0.7em;
				font-style: italic;
				margin-top: 0;
			}

		div.content a {
			color: #ff5a00;
			text-decoration: none;
		}
			div.content a:hover {
				text-decoration: underline;
			}
		div.content ul {
			list-style: disc inside;
		}
			div.content ul li {
				color: #86210d;
				font-size: 0.75em;
				line-height: 1.4em;
			}
				div.content ul li ul {
					margin-left: 16px;
				}
					div.content ul li ul li {
						font-size: 1em;
					}
					
			div.content ul.overzichtslijst {
				list-style: none;
			}
			div.content div.socialbookmarks {
				background: url("../img/bg_infobox.png") repeat scroll left top transparent;
				border: 1px dotted #BF2000;
				float: right;
				height: 110px;
				margin-left: 15px;
				padding: 10px;
				width: 125px;
			}
				body#nieuws div.content div.socialbookmarks {
					float: none;
					position: absolute;
					right: 60px;
				}
				
				div.facebooklike,
				div.plusone {
					height: 20px;
				}
				div.content div.socialbookmarks h2 {
					font-size: 0.75em;
					margin-bottom: 0.5em;
				}
				div.content ul.socialbookmarks li {
					float: left;
					margin-right: 5px;
				}
			
		div.content ol {
			list-style: decimal;
			list-style-position: inside;
		}
			div.content ol li {
				color: #86210d;
				font-size: 0.75em;
				line-height: 1.4em;
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
					}
					
		div.content dl {
		}
			div.content dt {
				clear: both;
				color: #86210d;
				float: left;
				font-size: 0.75em;
				font-weight: bold;
				line-height: 1.4em;
				margin-bottom: 0.5em;
				width: 88px;
			}
			div.content dd {
				color: #86210d;
				display: inline;
				float: left;
				font-size: 0.75em;
				line-height: 1.4em;
				margin-bottom: 0.5em;
				width: 230px;
			}
		
		/* Schaduw om plaatje */
		div.content div.image1 {
			display: inline-block;
			margin: 1em 0;
			padding: 22px 0 0 24px;
			position: relative;
		}
			div.content div.corner1 {
				background: url(../img/bg_photo.gif) right top no-repeat;
				height: 22px;
				position: absolute;
				right: 0;
				top: 0;
				width: 24px;
			}
			div.content div.corner2 {
				background: url(../img/bg_photo.gif) left bottom no-repeat;
				bottom: 0;
				height: 22px;
				left: 0;
				position: absolute;
				width: 24px;
			}
			div.content div.image2 {
				background: url(../img/bg_photo.gif) right bottom no-repeat;
			}
				div.content div.image3 {
					background: url(../img/bg_photo.gif) left top no-repeat;
					left: -24px;
					position: relative;
					top: -22px;
				}
					div.content div.image4 {
						left: 11px;
						position: relative;
						top: 11px;
					}
			
		table {
		}
			tr {
			}
				td {
				}

/* BANDLEDEN */
div.content div.bandoverzicht {
	height: 558px;
	position: relative;
	width: 494px;
}
	div.content div.bandoverzicht a {
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		text-indent: -999em;	
	}
		div.content div.bandoverzicht a.jord {
			background-image: url(../img/overzicht_jord.png);
			height: 311px;
			left: 160px;
			top: 107px;
			width: 196px;
			z-index: 5;
		}
		div.content div.bandoverzicht a.maren {
			background-image: url(../img/overzicht_maren.png);
			height: 306px;
			left: 252px;
			top: 0;
			width: 241px;
			z-index: 3;
		}
		div.content div.bandoverzicht a.mathilde {
			background-image: url(../img/overzicht_mathilde.png);
			height: 307px;
			left: 273px;
			top: 8px;
			width: 248px;
			z-index: 3;
		}
		div.content div.bandoverzicht a.frank {
			background-image: url(../img/overzicht_frank.png);
			height: 314px;
			left: 0;
			top: 243px;
			width: 274px;
			z-index: 4;
		}
		div.content div.bandoverzicht a.niek {
			background-image: url(../img/overzicht_niek.png);
			height: 252px;
			left: 1px;
			top: 22px;
			width: 241px;
			z-index: 1;
		}
		div.content div.bandoverzicht a.david {
			background-image: url(../img/overzicht_david.png);
			height: 250px;
			left: 260px;
			width: 222px;
			top: 296px;
			z-index: 2;
		}

		div.content div.bandoverzicht a:hover {
			background-position: bottom left;
		}

div.content div.bandlid {
}
	div.content div.right {
		float: right;
		margin: 0.5em 0 0.5em 15px;
	}
	div.content div.left {
		float: left;
		margin: 0.5em 15px 0.5em 0;
	}

/* NIEUWS */

div.content div.nieuwsitem {
	background: url(../img/ruler.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
	div.content div.nieuwsitem h2 {
		margin-bottom: 0.25em;
	}

/* FOTOS */

div.content ul.fotos {
	list-style: none;
	float: left;
	margin-left: 0;
	margin-right: -8px;
}
	div.content ul.fotos li ul {
		list-style: none;
		margin-left: 0;
	}
	div.content ul.fotos li ul li {
		background-position: center center;
		background-repeat: no-repeat;
		color: #bf2000;
		display: block;
		float: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 15px;
		margin: 0 5px 5px 0;
		overflow: hidden;
		white-space: nowrap;
	}
		div.content ul.fotos li ul li.liggend {
			background-image: url(../img/bg_foto_liggend.gif);
			height: 122px;
			padding: 20px 7px 0 5px;
			width: 120px;
		}
		div.content ul.fotos li ul li.staand {
			background-image: url(../img/bg_foto_staand.gif);
			height: 137px;
			padding: 5px 22px 0 20px;
			width: 90px;
		}
		div.content ul.fotos li ul li.liggend a {
			height: 90px;
			width: 120px;
		}
		div.content ul.fotos li ul li.staand a {
			height: 120px;
			width: 90px;
		}
		div.content ul.fotos li img {
			display: block;
			position: relative;
			z-index: 1;
		}
		div.content ul.fotos li a {
			background: transparent;
			display: block;
			cursor: pointer;
			position: absolute;
			font-size: 99em;
			overflow: hidden;
			z-index: 2;
		}
			div.content ul.fotos li.staand a {
				height: 120px;
				width: 90px;
			}
			div.content ul.fotos li.liggend a {
				height: 90px;
				width: 120px;
			}
			div.content ul.fotos li a:hover {
				background: url(../img/white20.png) repeat top left;
			}
					
					
div.content ul.fotoalbums {
	list-style-type: none;
	margin-left: 0;
}
	div.content ul.fotoalbums li {
		background: url(../img/bg_albumcover.gif) no-repeat top left;
		min-height: 50px;
		margin: 20px 0;
		padding: 5px 5px 7px;
	}
			div.content ul.fotoalbums li a.thumb {
				background: transparent;
				display: block;
				font-size: 99em;
				height: 50px;
				position: absolute;
				overflow: hidden;
				width: 50px;
			}
				div.content ul.fotoalbums li a.thumb:hover {
					background: url(../img/white20.png) repeat top left;
				}
			div.content ul.fotoalbums li img {
				float: left;
				margin-right: 25px;
			}
		div.content ul.fotoalbums li a.titel {
			font-size: 1.2em;
			line-height: 1em;
		}
		div.content ul.fotoalbums li p {
			font-size: 1em;
			line-height: 1.4em;
			margin: 3px 0 0 75px;
		}
	
/* AUDIO */
div.content div.amp {
	background: transparent url(../img/amp.png) no-repeat scroll left top;
	height: 576px;
	left: -60px;
	margin: 2em 0 -60px;
	padding: 330px 0 0 100px;
	position: relative;
	width: 544px;
}
	div.content div.amp.versie2 {
		background-image: url(../img/ampv2.png);
	}

	div.amp ul {
		font-size: 1.6em;
		line-height: 24px;
	}
		div.content div.amp ul li a {
			color: #bf2000;
		}


div.amp div.player {
	left: 216px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 141px;
}

div.amp.versie2 div.player {
	left: 265px;
	position: absolute;
	top: 141px;
}

/* VIDEO */

div.tv {
	background: transparent url('../img/tv.png') no-repeat left top;
	height: 651px;
	left: -25px;
	margin: 0 -25px -170px 0;
	position: relative;
	top: -170px;
	width: 582px;
	z-index: 200;
}
	div.tv a.button {
		display: block;
		height: 20px;
		position: absolute;
		width: 20px;
	}
		div.tv a.button.power { height: 20px; left: 507px; top: 475px; width: 20px;}
		div.tv a.button.volumeup { height: 10px; right: 38px; top: 506px; width: 30px; }
		div.tv a.button.volumedown { height: 10px; right: 71px; top: 506px; width: 30px; }
		
div.player {
	left: 45px;
	margin: 0 -45px -275px 0;
	position: relative;
	top: -365px;
	z-index: 1;
}

div.remote {
	background: transparent url(../img/remote.png) no-repeat scroll right top;
	min-height: 280px;
	margin: 0 -99px -62px 0;
	position: relative;
}
	div.remote p {
		width: 250px;
	}
	div.remote a.button {
		display: block;
		height: 10px;
		position: absolute;
		width: 10px;
	}
		div.remote a.button.power { right: 326px; top: 32px; }
		div.remote a.button.stop { right: 302px; top: 82px; }
		div.remote a.button.play { right: 287px; top: 69px; }
		div.remote a.button.pauze { right: 270px; top: 55px; }
		div.remote a.button.forward { right: 260px; top: 62px; }
		div.remote a.button.rewind { right: 277px; top: 76px; }
		
		div.remote a.button.nummer1 { right: 186px; top: 150px; }
		div.remote a.button.nummer2 { right: 167px; top: 132px; }
		div.remote a.button.nummer3 { right: 149px; top: 116px; }
		div.remote a.button.nummer4 { right: 172px; top: 160px; }
		div.remote a.button.nummer5 { right: 153px; top: 142px; }
		div.remote a.button.nummer6 { right: 135px; top: 125px; }
		div.remote a.button.nummer7 { right: 159px; top: 169px; }
		div.remote a.button.nummer8 { right: 140px; top: 151px; }
		div.remote a.button.nummer9 { right: 122px; top: 134px; }
		div.remote a.button.nummer0 { right: 126px; top: 160px; }
		div.remote a.button.nextchannel { right: 185px; top: 96px; }
		div.remote a.button.prevchannel { right: 166px; top: 108px; }
		div.remote a.button.nextchannel2 { height: 20px; right: 239px; top: 79px; width: 20px; }
		div.remote a.button.prevchannel2 { height: 20px; right: 209px; top: 99px; width: 20px; }

		div.remote a.button.mute { right: 183px; top: 122px; }
		div.remote a.button.volumeup { right: 220px; top: 126px; }
		div.remote a.button.volumedown { right: 201px; top: 138px; }
		div.remote a.button.volumeup2 { height: 20px; right: 209px; top: 77px; width: 20px; }
		div.remote a.button.volumedown2 { height: 20px; right: 239px; top: 101px; width: 20px; }

/* GASTENBOEK */
div.content div.gastenboekitemcontainer {
	background: url(../img/bg_gastenboekitem_mid.gif) repeat-y center top;
	float: left;
	position: relative;
	width: 540px;
}
	div.content div.gastenboekitem {
		background: url(../img/bg_gastenboekitem_top.gif) no-repeat top center;
		padding: 1em 1.5em;
		position: relative;
	}
		div.content div.gastenboekitem_mid {
			position: relative;
			z-index: 2;
		}
			div.content div.gastenboekitem_mid p.authordate {
				color: #bf2000;
				font-size: 0.75em;
				margin-top: 0;
				text-align: right;
				font-style: italic;
			}
	div.content div.gastenboekitem_bottom {
		background: url(../img/bg_gastenboekitem_bottom.gif) no-repeat bottom center;
		bottom: 0;
		height: 60px;
		position: absolute;
		width: 540px;
	}

/* BANDLEDENMODULE */

div.content div.bandleden {
	background: url(../img/bg_memo3a.png);
	height: 221px;
	padding: 0 0 0 45px;
	position: absolute;
	right: -40px;
	top: 90px;
	width: 156px;
}
	div.content div.bandleden h3 {
		font-size: 0.9em;
		margin-bottom: 27px;
	}
	
	div.content div.bandleden ul {
		list-style: none;
		margin-top: 0px;
		margin-left: 0;
	}
		div.content div.bandleden ul li {
			font-size: 0.9em;
			line-height: 1.45em;
		}
	div.content div.bandleden a {
		color: #86210d;
	}


/* NIEUWSARCHIEFMODULE */

div.content div.archief {
	background: url(../img/bg_memo2.png);
	height: 406px;
	padding: 50px 0 0 30px;
	position: absolute;
	right: -43px;
	top: 89px;
	width: 216px;
}
	div.content div.archief h3 {
		font-size: 0.9em;
	}
	
	div.content div.archief ul {
		list-style-position: outside;
		margin-top: 13px;
	}
		div.content div.archief ul li {
			font-size: 0.7em;
			line-height: 1.5em;
		}
	div.content div.archief a {
		color: #86210d;
	}
	
/* NIEUWSHOME */

div.content div.nieuws {
	background: url(../img/bg_memo3a.png);
	height: 206px;
	padding: 13px 0 0 45px;
	position: absolute;
	right: -40px;
	top: 338px;
	width: 156px;
}
	div.content div.nieuws h3 {
		font-size: 0.9em;
		margin: 0 0 5px;
	}
	
	div.content div.nieuws ul {
		list-style: none;
		margin-left: 0;
		margin-bottom: 22px;
	}
		div.content div.nieuws ul li {
			font-size: 0.7em;
			line-height: 1.9em;
		}
	div.content div.nieuws ul li a {
		color: #86210d;
	}
	
	div.content div.nieuws p.readmore {
		bottom: 2px;
		position: absolute;
		right: 17px;
	}
	
/* AGENDAMODULE */

div.agenda {
	background: url(../img/bg_memo.png) no-repeat top left;
	height: 286px;
	padding-top: 10px;
	position: absolute;
	right: -65px;
	top: 52px;
	width: 262px;
}
	div.agenda h2 {
		font-family: HandOfSean, Georgia, Times, serif;
		font-size: 1em;
		margin: 16px 40px 1em 40px;
	}
	div.agenda p {
		padding: 0 40px;
		width: 200px;
	}
		div.agenda p.readmore {
			bottom: 10px;
			position: absolute;
			right: -10px;
			text-align: right;
		}
	div.agenda ul {
		list-style-position: outside;
		padding: 0 40px;
		width: 200px;
	}
		div.agenda ul li {
			color: #16052a;
			font-size: 0.7em;
			line-height: 1.6em;
			margin-bottom: 1em;
		}
			div.agenda ul li a {
				color: #86210d;
				text-decoration: none;
			}
				div.agenda ul li a:hover,
				div.agenda ul li a:hover em {
					text-decoration: underline;
				}
			div.agenda ul li span {
				font-weight: bold;
			}

div.infobox {
	background: url(../img/bg_infobox.png) repeat top left;
	border: 1px dotted #bf2000;
	display: block;
	padding: 10px;
	width: 100%;
}
	div.infobox div.socialbookmarks {
		background: none;
		border: none;
		padding: 0;
	}
	div.infobox dl {
		float: left;
	}
	div.infobox img.info {
		float: left;
		margin-right: 20px; 
	}

/* RANDOM PHOTO MODULE */

div.randomphoto {
	background-repeat: no-repeat;
	background-position: top left;
	left: 50px;
	position: absolute;
}
	div.randomphoto.staand {
		background-image: url(../img/bg_randomphoto_staand.png);
		height: 243px;
		top: 408px;
		width: 167px;
	}
		div.randomphoto.staand a {
			bottom: 11px;
			left: 16px;
			position: absolute;
		}
	div.randomphoto.liggend {
		background-image: url(../img/bg_randomphoto_liggend.png);
		height: 183px;
		top: 437px;
		width: 226px;
	}
		div.randomphoto.liggend a {
			bottom: 14px;
			left: 10px;
			position: absolute;
		}

/* TWITTERMODULE */
div.twitter {
	background: url(../img/bg_memo4.png) no-repeat top left;
	height: 250px;
	left: 263px;
	position: absolute;
	top: 385px;
	width: 266px;
}
	div.twitter ul {
		list-style: none;
		margin: 65px 20px 0 40px;
	}
		div.twitter ul li {
			color: #16052a;
			font-size: 0.7em;
			line-height: 1.6em;
			margin-bottom: 0.5em;
		}
			div.twitter ul li a {
				display: block;
				font-size: 0.8em;
			}

/* FACEBOOK LIKE BOX */
div.facebook {
	background: #ffffff;
	border: 1px solid #cccccc;
	top: 577px;
	right: -40px;
	position: absolute;
}

/* BLADEREN */

div.content div.bladeren {
	clear: both;
	color: #bf2000;
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 1em 0;
}
	div.content div.bladeren div.vorige {
		float: left;
		margin-right: 0.5em;
	}
		div.content div.bladeren div.vorige a {
			color: #bf2000;
			font-size: 1.4em;
			line-height: 0.7em;
		}
	div.content div.bladeren div.volgende {
		float: left;
	}
		div.content div.bladeren div.volgende a {
			color: #bf2000;
			font-size: 1.4em;
			line-height: 0.7em;
		}
	div.content div.bladeren div.paginas {
		float: left;
		margin-right: 0.5em;
	}
		div.content div.bladeren div.paginas span {
			float: left;
		}
		div.content div.bladeren div.paginas a {
			border: 1px solid transparent;
			color: #bf2000;
			display: block;
			float: left;
			padding: 0 0.3em 0.1em;
		}
			div.content div.bladeren div.paginas a:hover,
			div.content div.bladeren div.vorige a:hover,
			div.content div.bladeren div.volgende a:hover {
				color: #ff5a00;
				text-decoration: none;
			}
			div.content div.bladeren div.paginas a.hier {
				background-color: #ffffff;
				border: 1px solid #bf2000;
			}

/* FORMULIER */

form {
	margin-top: 2em;
}
	form fieldset {
		width: 540px;
	}
		body#contact form fieldset,
		body#contact form p,
		body#gastenboek form fieldset,
		body#gastenboek form p {
			width: 450px;
		}
		form fieldset label {
			clear: both;
			color: #bf2000;
			float: left;
			font-size: 0.9em;
			font-weight: bold;
			line-height: 24px;
			margin-bottom: 15px;
			width: 180px;
		}
		form fieldset input {
			background: url(../img/input.gif) no-repeat left top;
			border: none;
			color: #bf2000;
			font-family: Georgia, Times, serif;
			height: 20px;
			line-height: 20px;
			margin-bottom: 15px;
			padding: 4px 3px 0;
			width: 261px;
		}
			form input.button {
				background-position: left top;
				background-repeat: no-repeat;
				float: right;
				height: 24px;
				line-height: 24px;
				text-indent: -999em;
				cursor: pointer;
				clear: both;
			}
				form input.verstuur {
					background-image: url(../img/button_verstuur.png);
					width: 88px;
				}
				form input.plaatsbericht {
					background-image: url(../img/button_plaatsbericht.png);
					width: 138px;
				}
				form input.button:hover {
					background-position: left bottom;
				}
		form fieldset div {
		}
			form fieldset div#boekinginfo {
				display: none;
			}
			form fieldset div.radiolist input {
			}
			form fieldset div.custom.checkboxfield input {
			}
			form fieldset div.humanityfield input {
				margin-left: 180px;
			}
				form fieldset div.humanityfield.error input {
					margin-left: 160px;
				}
		form fieldset select {
			background: url(../img/input.gif) no-repeat left top;
			border: none;
			color: #bf2000;
			font-family: Georgia, Times, serif;
			font-size: 0.9em;
			margin-bottom: 15px;
			padding: 3px 2px 2px;
			width: 267px;
		}
		form fieldset textarea {
			background: url(../img/textarea.gif) no-repeat left top;
			border: none;
			color: #bf2000;
			font-family: Georgia, Times, serif;
			font-size: 0.9em;
			height: 139px;
			margin-bottom: 12px;
			padding: 4px 3px 3px;
			width: 261px;
		}
		form fieldset div img {
			margin: 0 0 5px 147px;
		}
			form fieldset div.error img {
				margin-left: 129px;
			}
		
		/*form fieldset div.error_border input.error {
			width: 245px;
		}*/
		.error span {
			display: block;
			clear: both;
			color: #FF0000;
			display: block;
			font-size: 0.7em;
			font-style: italic;
			margin: 0.5em 5px 2em;
			padding: 0 0 0.5em 0;
			text-align: right;
		}
			div.error_border.error span {
				margin-bottom: 0;
			}
			
		div.error input {
			border: 1px solid #ff0000;
			background-color: #fff2f2;
		}
		.error textarea {
			border: 1px solid #cc0000;
		}
		
		div.error_border {
			border: 1px solid #cc0000;
			margin: 0.8em 0 0.5em;
			padding: 10px;
			width: 430px;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		
	}
		div.systemfeedback_error p {
			color: #ff0000;
		}


/* FOOTER */

div#footer-wrapper {
	margin-bottom: 20px;
}
	div#footer {
		text-align: right;
		margin: 0 190px;
	}
		div#footer p {
			font-family: Tahoma, Arial, sans-serif;
			font-size: 0.6em;
			color: #878787;
			line-height: 1.6em;
		}
			div#footer p span {
				font-weight: bold;
				display: block;
			}
			div#footer a {
				color: #878787;
				text-decoration: none;
			}
				div#footer a:hover {
					text-decoration: underline;
				}
	ul.utilitymenu {
	}
		ul.utilitymenu li {
		}
			ul.utilitymenu li a {
			}
				ul.utilitymenu li.hier a,
				ul.utilitymenu li a:hover {
				}


/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
input.button,
button {
	background-color: transparent;
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after,
div.bladeren_top:after,
div.bladeren_bottom:after,
div.socialbookmarks:after,
div.content ul.overzichtslijst:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}