/* Start of CMSMS style sheet 'debeverstylesheet' */
/* CSS Document behorend bij De Bever */
/* Ontwikkeld door Pieter Bezuijen */

/* Kleuren:													*/
/*						#bf6800 Bruine tekst					  */
/*						#003366 Blauwe tekst					*/

* {
	margin: 0px;
	padding: 0px;
}

img {
	border:none;
}

.clear {
	width:100%;
	clear:both;
}

body {
	background-image:url(uploads/images/template/achtergrond_blauw.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#003366;
}

/* ------------------------------- hoofditems -------------------------------- */

div#hoofdframe {
	width: 910px;
	margin-top:0px;;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px;
	z-index:1;
	text-align:left;
}

div#kop {
	position:relative;
	width:910px;
	height:32px;
	background-image:url(uploads/images/template/bg_topbalk.gif);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom:5px;
	z-index:20;
}

div#logoblok {
	position:relative;
	float:left;
	width:210px;
	height:130px;
	background-image:url(uploads/images/template/achtergrond_logoblok2.gif);
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:5px;
	z-index:11;
}

	div#logoblok img.logo {
		position:absolute;
		left:-14px;
		top:5px;
		z-index:12;
	}
	
	div#logoblok img.tekst {
		position:absolute;
		left:240px;
		top:15px;
		z-index:11;
	}

	div#logoblok div#taalkeuze {
		position:absolute;
		bottom:5px;
		right:9px;
		z-index:25;
	}
		
div#kopfoto {
	position:relative;
	float:right;
	clear:right;
	
	width:690px;
	height:130px;
	
	margin-top:5px;
	margin-bottom:5px;
	z-index:10;
}
	div#fotomasker {
		background:url(uploads/images/template/hoofdfoto_masker.gif) no-repeat;
		width:690px;
		height:130px;
		position:absolute;
		left:0px;
		top:0px;
	}

div#navigatie {
	position:relative;
	float:left;
	clear:left;
	
	width:210px;
	
	margin-top:5px;
	margin-bottom:5px;
	z-index:10;
}

		div#navigatie img.titel {
			position:absolute;
			top:0px;
		}
		
		div#navigatie img.onderkant {
			position:absolute;
			bottom:0px;
		}
		
		div#navigatie ul {
			margin-top:42px;
			margin-bottom:10px;
		}
		div#navigatie ul li {
			line-height:normal;
		}

div#zoeken {
	position:relative;
	float:left;
	clear:left;
	
	margin-top:5px;
	margin-bottom:5px;
	padding-top:63px;
	padding-right:15px;
	
	width:195px;
	height:75px;
	
	background-image:url(uploads/images/template/achtergrond_zoekfunctie.gif);
	background-repeat:no-repeat;
	
	text-align:right;
	
	color:#bf6800;
	font-weight:bold;
	font-size:13px;
}
		div#zoeken fieldset {
			border:none;
		}
		
		div#zoeken input {
			color:#bf6800;
			font-size:13px;
		}
		
		div#zoeken input.button {
			width:82px;
			height:33px;
			
			position:absolute;
			left:115px;
			top:90px;
			
			background-image:url(uploads/images/template/zoek_button.gif);
			background-repeat:no-repeat;
			border:none;
			font-weight:bold;
		}
		
div#lastminute {
	position:relative;
	float:left;
	clear:left;

	margin-top:5px;
	margin-bottom:5px;
}

div#content {
	position:relative;
	float:right;
	clear:right;

	margin-top:5px;
	margin-bottom:5px;
	z-index:10;
}
	
	div.kopvak {
		position:relative;
		width:630px;
		margin-bottom:10px;
		padding: 43px 30px 15px 30px;
		background:url(uploads/images/template/achtergrond_content_1.gif) left center repeat-y;
		overflow:hidden;
		z-index:15;
	}

div.kopvak div#tabbladen {
position:absolute;
left:5px;
top:5px;
width:679px;
height:37px;
z-index:9;
background-image:url(uploads/images/template/tabbladenbalk.gif);
font-weight: bold;
}

div.kopvak div#tabbladen.tab1 {
background-image:url(uploads/images/template/tabbladenbalk-1.gif);
}


div.kopvak div#tabbladen.tab2 {
background-image:url(uploads/images/template/tabbladenbalk-2.gif);
}

div.kopvak div#tabbladen.tab3 {
background-image:url(uploads/images/template/tabbladenbalk-3.gif);
}

div.kopvak div#tabbladen.tab4 {
background-image:url(uploads/images/template/tabbladenbalk-4.gif);
}

div.kopvak div#tabbladen.tab5 {
background-image:url(uploads/images/template/tabbladenbalk-5.gif);
}
div#tabbladen ul {
list-style:none;
position:relative;
}

div#tabbladen ul li {
border-right: 1px dotted #FFFFFF;
color: #FFFFFF;
float: left;
padding: 5px;
margin: 7px 0px 6px 0px;
line-height:normal;
list-style:none;
text-align:center;
width:120px;
}

div#tabbladen ul li a {
color:#ffffff;
}

div#tabbladen ul li.actief {
border-right: none;
color:#bf6800;
}
			

			
div.kopvak p.breadcrump {
text-align:right;
margin-bottom:0px;
}
			div.kopvak p.breadcrump a {
				color:#bf6800;
				text-decoration:none;
			}
			
			div.kopvak p.breadcrump a:hover {
				text-decoration:underline;
			}
			


			div.kopvak div.achtergrond-boven {
				position:absolute;
				left:0px;
				top:0px;
				width:690px;
				height:11px;
				background-image:url(uploads/images/template/achtergrond_content_2.gif);
				background-repeat:no-repeat;
				z-index:10;
				border:none;
				margin:0;
			}
			
			div.kopvak div.achtergrond-onder {
				position:absolute;
				left:0px;
				bottom:0px;
				width:690px;
				height:11px;
				background-image:url(uploads/images/template/achtergrond_content_3.gif);
				background-repeat:no-repeat;
				border:none;
				z-index:10;	
				margin:0;
			}
	
	div.extravak {
		position:relative;
		width:630px;
		margin-bottom:10px;
		padding: 15px 30px 15px 30px;
		background-image:url(uploads/images/template/achtergrond_content_1.gif);
		background-position:center;
		background-repeat:no-repeat;
		
		overflow:hidden;
		z-index:15;
	}
			div.extravak img.achtergrond-boven {
				position:absolute;
				left:0px;
				top:0px;
				z-index:10;
				border:none;
				margin:0;
			}
			
			div.extravak img.achtergrond-onder {
				position:absolute;
				left:0px;
				bottom:0px;
				border:none;
				z-index:10;	
				margin:0;
			}

	
	div.blauwebalk {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	div.voettekst {
		position:relative;
		
		margin-top:10px;
		margin-bottom:5px;
	}
	
	div.voettekst p.links {
		position:absolute;
		top:0px;
		left:4px;
		text-align:left;
		width:600px;
	}
	
	div.voettekst p.rechts {
		position:absolute;
		top:0px;
		right:10px;
		text-align:right;
		width:200px;
	}
	
	div.voettekst img {
		position:relative;
		top:-5px;
	}
	
	div.voettekst a {
		color: #003366;
		text-decoration:none;
	}

	div.voettekst a:hover {
		text-decoration:underline;
	}
div#clearer {
	clear:both;
}


/* ------------------------------- navigatie bovenbalk -------------------------------- */

#kop ul {
	position:relative;
	height:15px;
	left:90px;
	top:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	z-index:20;
}

#kop ul li {
	display: block;
	float:left;
	padding:7px 8px 7px 8px;
	margin:0px 25px 0px 25px;
	color:#bf6800;
	font-weight:bold;
	line-height:normal;
	position:relative;
	text-align:left;
	z-index:21;
}

#kop ul li ul { /* submenu lijst, bij openen */
	display: none;
	position: absolute;
	padding: 15px;
	margin:0px;
	top: 28px;
	left: 0px;
	z-index:22;
	background-color:#FFCC00;
	height:auto;
}

#kop ul li:hover ul, #kop ul li.over ul { /* submenu lijst, bij handover */
	display: block;
}

#kop ul li ul li { /* submenu lijstitem */
	width:165px;
	padding:0px 0px 7px 0px;
	margin:0px;
	position:relative;
	z-index:23;
	padding:0px 0px 5px 0px;}

#kop ul li.actief {
	list-style-image:url(images/template/pijltje.gif);
}

#kop ul li a {
	text-decoration:none;
	color:#bf6800;
}

#kop ul li:hover {
	background-color:#FFCC00;
}

#kop ul li a:hover {
	text-decoration:underline;
}

#kop ul li ul li:hover {
	text-decoration:underline;	
}

/* ------------------------------- hoofd navigatie -------------------------------- */

#navigatie ul {
	position:relative;	
	list-style:none;
	width:210px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#navigatie ul li {
	width:210px;
	height:33px;
	
	background-image:url(uploads/images/template/navigatie_knop.gif);
	
	line-height:normal;
	color:#FFFFFF;
	font-weight:bold;
	
	margin:0px;
	padding:0px;
}

#navigatie ul li a {
	position:relative;
	left:30px;
	top:8px;
	text-decoration:none;
	color:#FFFFFF;
}

/* ------------------------------- woningoverzicht -------------------------------- */
div.woning {
	position:relative;
	float:left;
	width:450px;
	padding-left:160px;
	margin-right:5px;
	margin-bottom:25px;
	font-size:11px;
        border: 1px solid;
        border-color: #bf6800;
}

div.woning img {
	position:absolute;
	left:0px;
	top:1px;
        margin:13px;
        border: 1px solid;
        border-color: #FFFFFF;
}

div.prijs {
	position: absolute;
        left: 470px;
        top: 0px;
        width: 106px;
        height: 101px;
        z-index: 3;
}

div.kopvak div.woning div.prijs img {
	border: 0px;
}

div#content div.prijstext {
        position: absolute;
        top: 60px;
        left: 0px;
        text-align: center;
        width: 132px;
        z-index: 4;
        font-weight: bold;
        font-size: 20px;
        color: #FFFFFF;
}

div#content div.prijstext a {
        color: #ffffff;
text-decoration:none;
}

div.woning h3 {
	margin-top: 13px;
        margin-left: 13px;
margin-bottom:0px;
font-size: 15px;
}

div.woning ul {
	margin-top: 5px;
        margin-left: 13px;
margin-bottom:0px;
}

div.woning p {
margin-left: 13px;
}


/* ------------------------------- woning detail -------------------------------- */
div.woningdetail h2.online-boeken {
	position:absolute;
	right:20px;
	top:80px;
}

div.woningdetail h2.online-boeken img {
border:none;
}

div.woningdetail div.fotos {
	position:relative;
	float:left;
	text-align:right;
	margin:0px 0px 20px 0px;
	width:253px;
}

div.woningdetail div.fotos img {
	position:relative;	
	float:none;
	margin:0px 1px 5px 0px;
	border:none;
}

div.woningdetail div.fotos img.fotogroot {
	border: solid #FFFFFF 1px;
}

div.woningdetail div.fotos a#meerfotos {
	position:absolute;
	top:218px;
	right:2px;
}

div.woningdetail div.kenmerken {
	float:right;
	width:350px;
	margin-bottom:15px;
}

div.woningdetail div.omschrijving {
	float:right;
	width:350px;
}

div.woningdetail div.overige {
	position:relative;
	float:left;
	clear:left;
	width:253px;
	margin:0px 0px 10px 0px;
}





/* ------------------------------ content ----------------------------------- */

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:22px;
	color:#003366;
	text-align:left;
	margin-bottom:12px;
}

h1 {
	margin-bottom:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003366;
	font-weight:bold;
	position:relative;
	z-index:15;
	text-align:left;
}

div#tabbladen h1 {
margin: 6px 0px 0px 20px;
color:#FFFFFF;
}

h2 {
	font-size:16px;
	color:#003366;
}

h3 {
	font-size:15px;
	color:#003366;
	font-weight:normal;
}

.bruin {
        color: #bf6800;
}

.lichtblauw {
        color: #14bfff;
}

.donkerbruin {
        color: #9d3200;
}

.groen {
color: #339933;
}

li {
	margin-left:20px;
	line-height:22px;
}

ul {
	margin-bottom:12px;
}

a, a:visited {
	color: #003366;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p a {
text-decoration:underline;
}

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

.clear {
clear:both;
}

div#content table {
        background-color: #FFFFFF;
}

div#content thead tr th {
        padding: 0px 8px 0px 8px;
        background: url(uploads/images/template/top_table.gif) no-repeat top center;
        font-size: 14px;
        height: 37px;
        color: #FFFFFF;
}

div#content thead tr th.linkerkopcel {
background-position: left;
}

div#content thead tr th.rechterkopcel {
background-position: right;
}

div#content thead tr.tabelkop-ondertitel {
font-size:0.8em;
}

div#content thead tr th.tabelkop-datum {
width:100px;
}

div#content thead tr th.tabelkop-klasse {
width:113px;
}

div#content td {
        padding: 8px;
        margin: 0px;
        height: 10px;
vertical-align: top;
}

div#content tbody tr.even {
background-color: #ddffff;
}

div#content tbody tr.oneven {

}

div.kopvak img {
	border: solid #FFFFFF 1px;
	margin-right: 15px;
}

div#content .geenrand {
border:0;
}



/* ------------------------------ formulier ----------------------------------- */



.fb_invalid {
        color: #FF6600;
}

.reserveren {
        position:relative;
        width:400px;
}

.reserveren fieldset {
border:none;
margin-top:20px;
}


.reserveren legend {
	font-size:16px;
	color:#003366;
	font-weight:bold;
}

.reserveren div {
        position: relative;
        height:25px;
}

.reserveren div.form-2 {
height:50px;
}

.reserveren div.form-3 {
height:75px;
}

.reserveren div.opmerkingen {
        height:210px;
}

.reserveren textarea {
width:300px;
height:200px;
}

.reserveren label {
        float:left;
}

.reserveren input, .reserveren select {
	background: #FFFFFF;
        float:right;
}

.reserveren .selectievak {
}

.reserveren .submit {
height:30px;
}

.reserveren .submit input {
        margin-top:10px;
        margin-bottom: 10px;
        float:right;
        z-index:50;
}

.reserveren .submit .fbsubmit_prev {
position:absolute;
left:255px;
}

.reserveren .submit .fbsubmit_next {
position:absolute;
left:325px;
}


/* ------------------------------ vraag en antwoord ----------------------------------- */
div#vragenlijst {
}

div#antwoordenlijst {
}

div#antwoordenlijst dl {
margin-top:15px;
}

div#antwoordenlijst dt {
	font-size:15px;
	color:#003366;
	font-weight:normal;
}

div#antwoordenlijst dd {
padding-bottom: 10px;
border-bottom: 1px solid #003366;
margin-bottom: 10px;
}

/* ------------------------------ fotoalbum ----------------------------------- */
ul.fotoalbum li {
width:100px;
height:100px;
}

/* ------------------------------ fietsen en skelters -------------------------- */
table.fietsverhuur td
{
  vertical-align:middle;
}

div#content td.fotocel
{
  padding:1px;
}

div#content td.fotocel img
{
  margin:0;
}

/* ------------------------------ fancybox ----------------------------------- */
.fancybox {}
.fancyboxgroup {}

/* End of 'debeverstylesheet' */