/* body { behavior:url("css/csshover.htc"); } */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;	
}
body {
	margin:0px;
	padding:20px 0 0 0;
	background-color:#73170A;
	background-image:url(/img/bg_body.gif);
}


a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #000000;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px 0px 1em 0px;
}
h2{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#fcaf17;
	text-transform:uppercase;
}

img {
	border:none;
	vertical-align:top;
}

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none; }

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }

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

.alert{
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
}

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
*+html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */


/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#wrapper{
	width:980px;
	margin:0px auto;
	background-color:#FFFFFF;
}

#header{
	position:relative;
	height:392px;
}

#main{
	position:relative;
	padding-bottom:25px;
}

#footer{
	position:relative;
	height:85px;
	padding:0 28px 0 0;
	background-color:#e3e3e3;
	text-align:right;
}
	

/*--------------------- */
/* HEADER				*/
/*--------------------- */

.logo{
	position:absolute;
	z-index:6;
	top:10px;
	left:200px;
}
.logo a{
	display:block;
	width:420px;
	height:70px;
	text-indent:-9999em;
}

.openhuis{
	position:absolute;
	z-index:6;
	top:200px;
	left:670px;
}

.header_img{
	position:absolute;
	top:140px;
	left:0;
	z-index:1;
}

.header_bg{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:980px;
	height:392px;
	background:url(../img/header_bg.png) no-repeat;
}


.title{
	position:absolute;
	top:80px;
	left:224px;
	z-index:5;
}
.title h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#11283b;
}


.pics{
	position:absolute; 
	top:152px;
	left:16px;
	width:383px; 
	height:233px; 
	overflow:hidden;
	z-index:3;
	background:url(../img/slideshow_bg.png) no-repeat;
}
.pics img{
	float:left;
	margin:3px 0 0 3px;
}


.nav{
	position:absolute;
	top:153px;
	left:409px;
	z-index:4;
}
.nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
.nav li{
	display:block;
	height:33px;
	margin:0;
	padding:0;
}
.nav a{
	display:block;
	float:left;
	width:147px;
	height:28px;
	padding:5px 0 0 8px;
	background:url(../img/nav_btn.png) no-repeat 0px 0px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#010100;
}
.nav a:hover, .nav a.active{
	background-position:0px -33px;
}

	

/*--------------------- */
/* MAIN					*/
/*--------------------- */

.leftcol{
	float:left;
	padding:63px 0 0 19px;
	width:370px; 
}
.thumbs{
}
.thumbs a{
	display:block;
	float:left;
	width:121px;
	height:82px;
	background:url(../img/thumb_bg.gif) no-repeat;
}
.thumbs img{
	margin:2px 0 0 2px;
}



.content{
	float:right;
	padding:25px 38px 0 0;
	width:550px;
	line-height:21px;
	text-align:justify;
	color:#000;
}

.appartementen{
	clear:both;
	padding-top:30px;
}
.appartementen h2{
	padding-bottom:3px;
}

.appartementen ul{
	margin:0 0 18px 0;
	padding:0 0 0 15px;
	color:#FCAE16;
}
.appartementen li{
	margin:0;
 	padding:3px 0 3px 5px;
	color:#FCAE16;
}

.appartementen a{
	text-decoration:none;
}

.appartementen a:hover{
	text-decoration:underline;
}

.appartementen a.active{
 	color:#FCAE16;
}




#bod_form{
	border:1px solid #CCC;
	background-color:#F2F2F2;
	padding:12px;
}

.error{
	border:1px solid #F00;
	background-color:#ffeded;
	padding:4px 8px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:1em;
}
div.actie{
    left: 590px;
    position: absolute;
    top: 255px;
    z-index: 4;
}