html{height:100%}
body{padding: 0px; margin: 0px; font-size: 14px; line-height: 18px; font-family: Gill sans, sans-serif; background: url('../img/bg.gif') no-repeat scroll 50% 50% black; background-position: center center; width: 100%; height: 100%;}
ul{margin: 0px; padding: 0px;}
li{list-style: none;}
h1{padding: 0px; margin: 0px; font-weight: normal; font-size: 22px;}
a, a img{text-decoration: none; border: none; outline: none;}
.clear{clear: both; font-size: 1px; margin:0px; line-height: 1px;}

.scroll {height: 500px;width: 980px; overflow: auto;overflow-x: hidden; position: absolute; top:50%; left: 50%; margin-left: -490px; margin-top: -250px; clear: left;}
.scrollContainer div.panel { height: 500px;  width: 980px;}
.navigation{z-index: 999; position: absolute; left:50%; margin-left: -425px; top: 50%; margin-top: -130px; width: 120px; }
.navigation li a{display: block; width: 120px; height: 29px; text-indent: -1000em; margin-bottom: 1px;}
.navigation li a:hover{background-position: 0px 29px; cursor: pointer; border: none; outline-style: none;}
.active{background-position: 0px 29px;}
#extra{z-index: 999; position: absolute; left:50%; margin-left: -425px; top: 50%; margin-top: 50px; width: 120px; }

.content{display: block; width:980px; height: 345px; background-color: #9E0B0F; color: #e1e1e1;}
.content a{color: #daaeb0;}
.content a:hover{color: black; text-decoration: underline;}
.inner{padding-left: 200px; position: relative;}
.btn{cursor: pointer;}

form label{float: left; width:100px;}
form select{float: left; margin-bottom: 5px;border: 1px solid #5e0a0d;}
form input{float: left; margin-bottom: 5px; width: auto; border: 0px; font-size: 14px;padding: 2px; background-color: #870c10; color: #e1e1e1; border: 1px solid #5e0a0d;}
form textarea{font-family: Gill sans, sans-serif; margin-bottom: 3px; border: 0px; font-size: 14px; padding: 2px; background-color: #870c10; color: #e1e1e1; border: 1px solid #5e0a0d;}
.boeken label{width:100%; margin-top: 2px;}
.error{border: 1px solid red;}
.ok{border: 1px solid #e1e1e1;}
.respons{font-weight: normal; color: #daaeb0;}

#logo{position: absolute; left:80px; top: 50%; margin-top: -281px; width: 120px; left:50%; margin-left: -425px;}

#copyright{color: #B2B2B2; font-size: 14px; width:100%; display: block; text-align: center; position:absolute; top:50%; margin-top: 290px; margin-bottom: 20px;}

.object1{float: right; width: 360px; padding-right: 60px;}
.object2{float: right; width: 315px; margin-right: 60px;}
.object2 span{width: 152px; display: block; float: left;}
.object3{float: left; width: 375px; }
.object3 .large_btn{display: block; float: left; margin: 0px 6px 20px; padding: 15px 0; width: 175px; height: 115px; color: #e1e1e1; text-decoration: none; position: relative; background: url('../img/btn_bg.gif') right top no-repeat;}
.object3 .large_btn h1{margin-bottom: 15px; font-size: 16px;}
.object3 .large_btn .thumb { float: left; margin-right: 11px; }
.object3 .large_btn .info { cursor: pointer;}
.object3 .large_btn span{ display: block; margin: 40px 0 5px; }
.object4{float: left; width: 710px; margin-bottom: 10px;}
.object5{float: left; width: 720px; height: 300px;}
.object5 .large_btn{display: block; width:150px; height: 255px; padding: 40px 10px 0px 10px; background-image: url('../img/Bewoners.gif'); float: left; margin-right: 10px; text-align: center;}
.object5 .large_btn img{padding-bottom: 50px;}
.object5 .small_btn {display: block; width: 220px; height: 150px; float: left; background: url('../img/bewoners_bg_small.gif') no-repeat; margin: 0 10px; text-align: center;}
.object6{float: left; width: 520px; margin-left: 30px;}
.object7{float: left; width:170px; height: 270px; display: block; background: url('../img/bg_bewoners2.gif') left 30px no-repeat; text-align: center;}
.object8{float: left; width:195px; height: 270px;}
.object9{float: left; width: 486px; margin-left: 30px;}
.object10{float: left; width: 360px; margin-left: 0px;}

.verplicht{color: #bb7577; font-weight: normal; font-size: 12px;}

#homePic{position:absolute; left: 193px; top:-59px;}
#meeting{position:absolute; left: 480px; top: 180px;}

a.button {
	color: #fff;
	background: #220203;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 4px 12px;
	float: left;
	display: block;
	margin: 15px 0 7px;
}

small {
	font-size: 11px;
}

a.button:hover {
	color: #9E0B0F;
	text-decoration: none;
	background: #fff;
}

#btn_tehuur {
	float: left;
	margin: 30px 0 0 13px;
}