/*BASIC ---------------------------*/

html,
body {
padding: 0px;
margin: 0px;
background-color: #fff;
background-image:url('/gfx/sfeer/achtergrond.jpg');
background-position: center -45px;
background-attachment: fixed;
overflow-x: hidden;}

#totaal {
position: absolute;
top: 0px;
left: 50%;
height: 100%;
width: 896px;
margin-left: -450px;
}

#header {
position: relative;
top: 0px;
left: -30px;
height: 175px;
width: 1110px;
background-image:url('/gfx/sfeer/header.png');
background-repeat: no-repeat;
background-position: 5px 6px;
z-index: 1;
}

#logo {
position: absolute;
top: 0px;
left: 30px;
width: 170px;
height: 170px;
}

#adres {
position: absolute;
top: 105px;
left: 172px;
width: 150px;
height: 60px;
}

#hoofdgroepen {
position: absolute;
top: 15px;
left: 201px;
*left: 196px;
width: 700px;
height: 30px;
}

#actieknop {
position: absolute;
top: 0px;
left: 660px;
width: 155px;
height: 65px;
}

#zoeken {
position: absolute;
top: 20px;
left: 823px;
width: 90px;
height: 20px;
}

#nav {
position: absolute;
top: 48px;
left: 200px;
*left: 197px;
width: 700px;
height: 35px;
}

#pagetrail {
position: absolute;
top: 158px;
left: 296px;
width: 700px;
height: 13px;
}


/*3 COLUMN TOTALE HOOGTE ------- */

#container1 {
position: relative;
float: left;
width: 100%;
overflow: hidden;
background-image:url('/gfx/sfeer/herhaal.png');
background-position: -2px;
}

#container2 {
position: relative;
float: left;
width: 100%;
right: 161px;
}

#container3 {
position: relative;
float: left;
width: 100%;
right: 479px;
background-repeat: no-repeat;
background-position: bottom right;
}

#inhoud {
position: relative;
float: left;
width: 100%;
left: 641px;}

#subnav {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 255px;
height: 100%;
}

#hoofdfoto {
position: relative;
overflow: hidden;
top: 0px;
left: 0px;
margin-left: -18px;
width: 477px;
height: 320px;
}

#text {
position: relative;
top: 0px;
left: 275px;
width: 400px;
}

#rechts {
position: absolute;
top: 0px;
left: 50%;
width: 160px;
height: 100%;
margin-left: 274px;
}

#direct_actie {
position: absolute;
top: 210px;
left: 50%;
overflow: hidden;
width: 200px;
margin-left: 278px;
}

#beschikbaarheid {
position: absolute;
top: 283px;
left: 50%;
overflow: hidden;
width: 250px;
margin-left: 235px;
z-index:9999
}

#fotoos {
position: absolute;
width: 160px;
top: 335px;
}

#fotoos img,
#fotoos_hoofdgroep img {
border-top: 2px solid #fff;
}

#fotoos_hoofdgroep {
margin-left: -13px;
}


/*2 COLUMN ZOEK EEN PLEKKIE ------- */

#container2_2colloms {
position: relative;
float: left;
width: 100%;
overflow: hidden;
background-image:url('/gfx/sfeer/herhaal_groen.png');
background-position: -3px;}

#container3_2colloms {
position: relative;
float: left;
width: 100%;
background-color: #f60;
right: 642px;
background-repeat: no-repeat;
background-position: bottom right;
}

#container2_2colloms_plekkie {
position: relative;
float: left;
width: 100%;
overflow: hidden;
background-image:url('/gfx/sfeer/herhaal_plekkie.png');
background-position: -3px;}

#container3_2colloms_plekkie {
position: relative;
float: left;
width: 100%;
right: 641px;
background-repeat: no-repeat;
background-position: bottom right;
}


#inhoud_2colloms {
position: relative;
float: left;
width: 100%;
left: 642px;
}

#kaart {
position: relative;
top: 0px;
left: 0px;
margin-left: -18px;
width: 635px;
height:600px;
background-image:url('/gfx/plattegrond2010.jpg');
}

#zoekopties {
position: absolute;
top: 20px;
left: 20px;
bottom: 0px;
width: 255px;
height: 100%;
z-index:1;}


/*2 COLUMN HOOFDGROEP ------- */

#container3_2colloms_hoofdgroep {
position: relative;
float: left;
width: 100%;
right: 642px;
}

#rechts_hoofdgroep {
position: absolute;
top: 440px;
padding-top: 159px;
left: 50%;
margin-left: 286px;
width: 160px;
background-image:url('/gfx/sfeer/herhaal_groen.png');
}

#inleiding {
display: block;
margin-left: -18px;
margin-top: -160px;
width: 479px;
height: 160px;
}

#vlak {
width: 479px;
height: 160px;
background-color: #fff;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8; 
}

#hoofdgroep_rest_acties {
position: absolute;
top: 425px;
left: 0px;
width: 255px;
}

/* ------------- */

#onderbalk {
position: relative;
left: 0px;
height: 280px;
width: 897px;
clear: both;
float: left;
background-image:url('/gfx/sfeer/footer.png');
border-top: 2px solid #fff;
background-repeat: no-repeat;
}

#directnaar {
position: absolute;
left: 22px;
top: 20px;
width: 280px;
}

#nieuws {
position: absolute;
left: 256px;
top: 20px;
width: 280px;
}

#bellen {
position: absolute;
left: 617px;
top: 20px;
width: 260px;
height: 115px;
}

#footer {
position: relative;
float: left;
left: 0px;
height: 42px;
width: 894px;
z-index: 1;
}

#CMN_placeholder {
display: inline;
}

/* HOME ------------------- */

#grote_hoofdfoto {
width: 639px;
height: 425px;
overflow: hidden;
margin-left: -18px;
top: -200px;
}

#grote_hoofdfoto img {
width: 640px;
}

#acties {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 255px;
height: 100%;
}

#zoekplekkie_blok {
position: absolute;
top: 510px;
left: 50%;
height: 90px;
overflow: hidden;
width: 265px;
margin-left: -460px;
}

#home_deco {
position: absolute;
top: 399px;
left: 50%;
height: 205px;
width: 290px;
margin-left: 195px;
}

#hoofdgroep_balk {
position: relative;
left: 0px;
height: 185px;
width: 896px;
clear: both;
float: left;
background-image:url('/gfx/sfeer/homebalk.png');
border-top: 2px solid #fff;
}