


/*******************************/
/* REGULAR COMMANDS */
/*******************************/

html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#5b5b5b; font-size:0.75em; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;background:url(../images/bg.jpg) repeat-x top; #fff;}
body a{ text-decoration:none;color:#002f4b; font-weight:bold;}
body a:hover{text-decoration:underline;color:#002f4b;font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px;}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%;}
#container #inner{ width:940px; margin:0 auto;}


/*******************************/
/* TOP DIVISION */
/*******************************/
#container #top{position:relative; width:940px; padding:0px 0px 0px 0px; height:265px; background:url(../images/bg_top.jpg) no-repeat;}

#container #top #logo{ float:left; }
#container #top ul{ display:block; float:left; height:34px; padding:20px 0px 23px 28px;}
#container #top ul li{ display:block; float:left; }
#container #top ul li a{ display:block; float:left; padding:0px 20px 0px 15px; color:#fff; background:url(../images/bg_li.gif) no-repeat right; }
#container #top ul li.last a{ background:none; }
#container #top ul li a:hover{ color:#ffc000; }

#container #top #header{ clear:both; padding:0px 0px 0px 11px; position:relative; 
float:left;
width:918px;
height:178px;

}
#container #top #header img{ position:relative; z-index:2; }
#container #top #header ul{ float:none; position:absolute; z-index:3; top:0px; padding:0px 0px 0px 17px; height:178px; }
#container #top #header ul li{ float:left; display:block; width:120px; height:178px; }
#container #top #header ul li a{ padding:0px; text-indent:-3333px; float:left; display:block; width:114px; height:178px; background:none; }
#container #top #header ul li.bus a{ background:url(../images/btn1.jpg) no-repeat left; }
#container #top #header ul li.auto a{ background:url(../images/btn2.jpg) no-repeat left; }
#container #top #header ul li.vliegtuig a{ background:url(../images/btn3.jpg) no-repeat left; }
#container #top #header ul li a:hover{ filter:alpha(opacity=80); opacity:0.8; }

/*******************************/
/* MIDLE DIVISION */
/*******************************/
#container #midle {width:940px; padding:0px 0px 70px 0px; font-size:0.95em;}

#container #midle #breadcrumb{width:940px;}
#container #midle #breadcrumb ul{ width:912px; line-height:18px; padding:0px 0px 0px 18px; height:20px;}
#container #midle #breadcrumb ul li{ display:block; float:left; margin:0px 0px 0px 10px;}
#container #midle #breadcrumb ul li a{ display:block; float:left; padding:0px 17px 0px 0px; background:url(../images/bg_bread.jpg) no-repeat right;}

#home #midle #left{ width:388px; float:left; }
#home #midle #left h2{ position:relative; width:332px; padding:25px 28px 0px 28px; font-size:1.6em; color:#001d2e; height:38px; background:url(../images/bg_h2.jpg) no-repeat;}
#home #midle #left h2 span{ float:right; right:28px; position:absolute;}

#home #midle #left .lb{ position:relative; width:332px; padding:15px 28px 0px 28px; background:url(../images/bg_lb.jpg) repeat-y;}
#home #midle #left .lb form fieldset{ position:relative; margin:-15px 0px 0px 0px; }
#home #midle #left .lb form fieldset select{ display:block; width:188px; height:22px; margin:15px 0px 0px 0px; font-family:verdana; color:#5b5b5b; font-size:0.95em;}
#home #midle #left .lb form fieldset select.categorie{ float:right; width:126px;}
#home #midle #left .lb form fieldset button{ cursor:pointer; position:absolute; right:0px; bottom:0px; width:125px; height:58px; background:url(../images/btn_zoek.jpg) no-repeat; border:0;}
#home #midle #left .lb form fieldset button:hover{ filter:alpha(opacity=80); opacity:0.8; }
#home #midle #left .lb ul{ display:block; width:220px;}
#home #midle #left .lb ul li{ display:block; float:left; width:109px;}
#home #midle #left .lb ul li a{ font-weight:normal; color:#5b5b5b; line-height:18px; display:block; float:left; width:96px; padding:0px 0px 0px 13px; background:url(../images/bg_ul.jpg) no-repeat left;}
#home #midle #left .lb ul.categorie{ position:absolute; right:24px; top:14px; width:111px;}
#home #midle #left .lb ul.categorie li a{ font-weight:bold; }
#home #midle #left .lb .left{ float:left; width:139px; }
#home #midle #left .lb .left img{ border:1px solid #686868; margin:0px 0px 14px 0px; }
#home #midle #left .lb .left em a{ cursor:pointer; width:140px; display:block; text-indent:-3333px; margin:4px 0px 0px 0px; height:38px; background:url(../images/btn_bekijk.jpg) no-repeat; }
#home #midle #left .lb .left em.aanbiedingen a{ background:url(../images/btn_aanbiedingen.jpg) no-repeat; }
#home #midle #left .lb .left em a:hover{ filter:alpha(opacity=80); opacity:0.8; }
#home #midle #left .lb .right{ float:right; width:175px; line-height:18px; }
#home #midle #left .lb .right h3{ font-size:1.05em; color:#002f4b; margin:0px; padding:0px 0px 14px 0px; }
#home #midle #left .lb .right p{ margin:0px 0px 18px 0px; }
#home #midle #left .lbb{ width:388px; height:27px; background:url(../images/bg_lbbottom.jpg) no-repeat bottom; margin:0px 0px 4px 0px;}

#home #midle #left h2.zoek{ background:url(../images/bg_h2geel.jpg) no-repeat;}
#home #midle #left .zoek{ background:url(../images/bg_lbgeel.jpg) repeat-y; color:#001d2e;}
#home #midle #left .zoekb{ background:url(../images/bg_lbgeelbottom.jpg) no-repeat bottom;}

#home #midle #right{ width:548px; float:right; }
#home #midle #right h1{ position:relative; width:492px; padding:25px 28px 0px 28px; font-size:1.6em; color:#001d2e; height:38px; background:url(../images/bg_h1.jpg) no-repeat;}

.rb h1{
display:none;
}

#home #midle #right .rb{ position:relative; width:492px; padding:15px 28px 0px 28px; background:url(../images/bg_rb.jpg) repeat-y;}
#home #midle #right .rb .aanbieding{ width:464px; padding:14px 14px 12px 14px; background:url(../images/bg_aanbieding.jpg) no-repeat bottom;}
#home #midle #right .rb .aanbieding img{ width:137px; float:left; border:1px solid #686868; margin:0px 18px 0px 0px;}
#home #midle #right .rb .aanbieding h3{ float:left; font-size:1.05em; color:#002f4b; line-height:28px; margin:0px; padding:0px 0px 5px 0px; width:295px;}
#home #midle #right .rb .aanbieding h3 span{ float:left; display:block; height:28px; padding:0px 40px 0px 0px;}
#home #midle #right .rb .aanbieding h3 span.auto{ background:url(../images/auto.jpg) no-repeat right;}
#home #midle #right .rb .aanbieding h3 span.bus{ background:url(../images/bus.jpg) no-repeat right;}
#home #midle #right .rb .aanbieding h3 span.vliegtuig{ background:url(../images/vliegtuig.jpg) no-repeat right;}
#home #midle #right .rb .aanbieding p{ float:left; margin:0px; padding:0px 0px 18px 0px; width:200px; line-height:18px;}
#home #midle #right .rb .aanbieding strong{ margin:0 10px 0 0; padding:0px 0px 15px 0px; text-align:right; float:right; font-size:1.8em; font-weight:normal; color:#00395a; width:98px;}
#home #midle #right .rb .aanbieding strong span{ display:block; font-size:0.55em; color:#5b5b5b;}
#home #midle #right .rb .aanbieding em a{ float:right; text-indent:-3333px; width:120px; height:38px; display:block; background:url(../images/bekijkbungalow_button.png) no-repeat; cursor:pointer;}
#home #midle #right .rb .aanbieding em a:hover{ filter:alpha(opacity=80); opacity:0.8; }
#home #midle #right .rb .nieuws ul li{ position:relative; display:block; width:492px; height:35px;}
#home #midle #right .rb .nieuws ul li a{ line-height:27px; display:block; width:492px; height:27px; background:url(../images/bg_ulli.jpg) no-repeat;}
#home #midle #right .rb .nieuws ul li a span{ color:#fff; text-align:center; display:block; float:left; padding:0px 12px 0px 0px; width:102px; height:27px; background:url(../images/bg_date.jpg) no-repeat;}
#home #midle #right .rb .nieuws ul li a strong{ cursor:pointer; position:absolute; top:0px; text-indent:-3333px; right:0px; display:block; float:right; width:74px; height:27px; background:url(../images/btn_lees.jpg) no-repeat;}
#home #midle #right .rb .nieuws ul li a:hover{ text-decoration:none;}
#home #midle #right .rb .nieuws ul li a:hover strong{ filter:alpha(opacity=80); opacity:0.8; }
#home #midle #right .rbb{ width:548px; height:30px; background:url(../images/bg_rbbottom.jpg) no-repeat bottom; margin:0px 0px 4px 0px;}


/*******************************/
/* FOOTER DIVISION */
/*******************************/

#container #footer{ z-index:1000; position:absolute; bottom:0; width:100%; height:70px; background:url(../images/bg_footer.jpg) repeat-x bottom;}
#container #footer p{ width:924px; margin:0 auto; font-size:0.95em; padding:6px 0px 0px 0px; }


/*******************************/
/* VERVOLG PAGINA */
/*******************************/

#vervolg #midle #left{ width:269px; float:left; }
#vervolg #midle #left h2{ position:relative; width:213px; padding:25px 28px 0px 28px; font-size:1.6em; color:#001d2e; height:38px; background:url(../images/bg_h2geel2.jpg) no-repeat;}
#vervolg #midle #left .lb{ position:relative; width:213px; padding:15px 28px 0px 28px; background:url(../images/bg_lbgeel2.jpg) repeat-y;}
#vervolg #midle #left .lb form fieldset{ position:relative; }
#vervolg #midle #left .lb form fieldset select{ display:block; width:188px; height:22px; margin:0px 0px 15px 0px; font-family:verdana; color:#5b5b5b; font-size:0.95em;}
#vervolg #midle #left .lb form fieldset button{ cursor:pointer; width:189px; height:37px; margin:0px 0px 15px 0px; background:url(../images/btn_opnieuw.jpg) no-repeat; border:0;}
#vervolg #midle #left .lb form fieldset button:hover{ filter:alpha(opacity=80); opacity:0.8; }
#vervolg #midle #left .lb h4{ width:213px; display:block; line-height:50px; color:#fff; font-size:1.05em; margin:0px 0px -20px 0px; background:url(../images/bg_h4.jpg) no-repeat top; }
#vervolg #midle #left .lb ul{ padding:0px 0px 0px 0px;}
#vervolg #midle #left .lb strong{ display:block; color:#001d2e; padding:20px 0px 10px 0px;}
#vervolg #midle #left .lb ul li{ display:block; width:213px; height:30px; float:left; }
#vervolg #midle #left .lb ul li a{ color:#fff; line-height:26px; display:block; height:26px; background:url(../images/bg_btnright.jpg) no-repeat right; float:left; }
#vervolg #midle #left .lb ul li a span{ cursor:pointer; display:block; height:26px; padding:0px 6px 0px 6px; background:url(../images/bg_btnleft.jpg) no-repeat left; float:left;  }
#vervolg #midle #left .lb ul li a span strong{ font-weight:normal; display:inline; color:#fff; margin:0px; padding:0px; }
#vervolg #midle #left .lb ul li a:hover{ text-decoration:none; color:#009bf4; }
#vervolg #midle #left .lbb{ width:269px; height:27px; background:url(../images/bg_lbgeelbottom2.jpg) no-repeat bottom left; margin:0px 0px 4px 0px;}

#vervolg #midle #right{ width:667px; float:right; }
#vervolg #midle #right h1{ position:relative; width:611px; padding:25px 28px 0px 28px; font-size:1.6em; color:#001d2e; height:38px; background:url(../images/bg_h12.jpg) no-repeat;}
#vervolg #midle #right h1 strong{ font-weight:normal;}
#vervolg #midle #right h1 span{
float:left;
height:28px;
overflow:hidden;
padding:0 40px 0 0;
width:560px;}
#vervolg #midle #right h1 span.auto{ background:url(../images/auto.jpg) no-repeat right;}
#vervolg #midle #right h1 span.bus{ background:url(../images/bus.jpg) no-repeat right;}
#vervolg #midle #right h1 span.vliegtuig{ background:url(../images/vliegtuig.jpg) no-repeat right;}
#vervolg #midle #right .rb{ position:relative; width:611px; padding:15px 28px 0px 28px;  background:url(../images/bg_rb2.jpg) repeat-y;}
#vervolg #midle #right .rb img{ width:137px; float:left; border:1px solid #686868; margin:0px 18px 0px 0px;}
#vervolg #midle #right .rb p{ float:right; margin:0px; padding:0px 0px 18px 0px; width:452px; line-height:18px;}
#vervolg #midle #right .rb strong{ float:right; padding:0px 20px 0px 0px; text-align:right; font-size:1.8em; font-weight:normal; color:#00395a;}
#vervolg #midle #right .rb strong span{ display:block; font-size:0.55em; color:#5b5b5b;}
#vervolg #midle #right .rb em a{
background:url(../images/bekijkbungalow_button.png) no-repeat; 
cursor:pointer;
display:block;
float:right;
height:38px;
margin-left:20px;
text-indent:-3333px;
width:120px;	
}

hr {
float:left;
width:100%;
border:0px;
}
#vervolg #midle #right .rb em a:hover{ filter:alpha(opacity=80); opacity:0.8; }
#vervolg #midle #right .rbb{ width:667px; height:30px; background:url(../images/bg_rbbottom2.jpg) no-repeat bottom; margin:0px 0px 4px 0px;}


#vervolg #midle #right h3,
#vervolg #midle #right h2{
float:left;
line-height:18px;
margin:0;
padding:0 0 18px;
width:600px;
margin-left:0px
}


.imageBG {
background:url("../images/header_foto_as.png") no-repeat scroll left top transparent;
height:178px;
position:absolute;
top:0;
width:1000px;
z-index:600;}

.headerImages {
position:absolute;
top:0px;
left:11px;
z-index:300;
width:918px;
overflow:hidden;
}

#header {
overflow:hidden;
}

.headerImages img {
float:left;
z-index:300;
}



#header .simply-scroll {
height:200px;
margin-bottom:1em;
width:917px;
}

#header .simply-scroll .simply-scroll-clip {
height:200px;
width:999px;
}

#vervolg #midle #right #overzicht{ width:611px; margin:0px 28px 0px 28px;}
#vervolg #midle #right #overzicht p{ padding:0px 0px 12px 0px; margin:0px;}
#vervolg #midle #right #overzicht ul{ background:url(../images/bg_sorteer.jpg) no-repeat; padding:14px 0px 0px 0px; height:20px;}
#vervolg #midle #right #overzicht ul li{ float:left; display:block; padding:0px 3px 0px 0px; }
#vervolg #midle #right #overzicht ul li a{ float:left; display:block; }
#vervolg #midle #right #overzicht ul li a img{ margin:3px 0px 0px 2px; }
#vervolg #midle #right #overzicht ul li a:hover img{ filter:alpha(opacity=80); opacity:0.8; }
