/* HTML & BODY */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background-image:url(../images/bg.jpg) ;}

/* BALK BOVEN */
#balk { position:relative; float:left; width:100%; height:10px; background-color:#542d24;}

/*LOGO */
#logo { position:absolute; z-index:99; margin-left:50px; }
#logo a { border:0; outline:none; }
#logo img { outline:none; border:0; }

/* SLIDER */
#slider {width:920px; height:325px; padding:20px; background-color:#FFF; margin-top: 0px; margin:0 auto; position: relative; margin-top:100px; }

/* MENU */
#nav { position:relative; float:right; padding-top:50px;}
#navigatie, #navigatie ul { padding: 0px 0 0 0; margin: 0; list-style: none; }
#navigatie li { float: left; }
#navigatie li:hover { float: left; }
#navigatie ul { position: absolute; width: 145px; z-index:99999; left: -10000px; margin-top:-24px; background-color:#fff; }
#navigatie li:hover ul, #navigatie li.ie_does_hover ul { left: auto; background-position: 0 0; }
#navigatie a { display: block; text-decoration: none; font-family: 'JennaSueRegular'; font-size:28px; cursor:pointer; }
#navigatie a { color: #FFF; cursor: pointer; padding:4px 12px; height:50px; }
#navigatie ul li a {height:auto !important; font-size:22px; }
#navigatie a:hover { color:#FFF; }
#navigatie ul a:link, #navigatie ul a:visited{ font-weight: normal; color:#542d24; cursor: pointer; }
#navigatie ul a:hover, #navigatie ul a:active{ font-weight: normal; background:0; color: #000; cursor: pointer; }
#navigatie li{ }
#navigatie ul li{ width:100%; }

/* IE only hack \*/
* html ul li, * html ul ul li{ border-bottom: 3px solid #FFF; }
* html ul ul li{ border-top: 0; }
/* Einde IE only hack */ 

/* CONTAINER */
#container { width:100%; position:relative; float:left; }

/*CONTAINER INHOUD */
#containerinhoud { width:960px; margin:0 auto; position:relative; }
#topinhoud { width:960px; margin:0 auto; position:relative; }

/* INHOUD */
#inhoud {width:920px; height:auto;float:left; background:#FFF; position:relative; padding:20px; margin-top: 25px; }
#links { float:left; width:205px; margin-right:20px }
#midden { float:left; width:470px; margin-right:20px; }
#rechts { float:left; width:205px; }

/* KOPPEN */
h1 {font-family: 'JennaSueRegular'; font-size:28px; color:#fff; font-weight:100; letter-spacing:1px; background-image:url(../images/BGmenuitems.png); padding: 0px 3px 0px 10px; margin:0; }
h2 {font-family: 'JennaSueRegular'; font-size:28px; color:#fff; font-weight:100; letter-spacing:1px; background-image:url(../images/BGmenuitems.png); padding: 0px 3px 0px 10px;margin:0; }
h3 {font-family: 'JennaSueRegular'; font-size:28px; color:#000; font-weight:bold; letter-spacing:1px; padding:0px 0px 10px 0px; margin:0; }

/* REFERENTIES */
#referenties { margin-bottom:20px; }
#referentie { padding:20px; border-bottom: #cccccc dashed 1px; border-right:#cccccc dashed 1px; border-left:#cccccc dashed 1px; }
.referentie { margin-bottom:20px; }
#referentie p { margin:0; }
#referentie a:link { color:#000; }
#referentie a:visited { color:#000; }
#referentie a:active { color:#000; }

/* BEL MIJ TERUG */
#bel { padding:20px; background-image:url(../images/Belmijterugbg.png); float:right; }
#bel form { width:100%; }
#bel form input[type=text] { width:91%; height:25px; outline:none; padding-left:10px; border:1px solid #6f4838; line-height:25px; font-size:12px; }
#bel p { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; padding:0; margin:0 0 20px 0; }
#telefoonnummer { margin-top:10px; }
#verzendenknop { outline:none !important; width:auto !important; border:none !important; border-radius:6px!important; padding: 6px 10px 6px 10px !important; color:#fff !important; background:url(../images/BGmenuitems.png) repeat-x #542d24 !important; float:right !important; margin-top:10px!important; line-height:normal !important; cursor:pointer !important; font-size:12px; }

/* CONTENT */
#content { float:left; width:428px; padding:20px; border-bottom: #cccccc dashed 1px; border-right:#cccccc dashed 1px;border-left:#cccccc dashed 1px; }
#content img { border:0; outline:none; padding-bottom:20px; }
#content p { margin:0; padding:0; padding-bottom:20px; }
#content a:link { color:#000; }
#content a:visited { color:#000; }
#content a:active { color:#000; }
#content a:hover { color:#000; }

/* MERKEN */
#merk { padding:20px 20px 0px 20px; border-bottom: #cccccc dashed 1px; border-right:#cccccc dashed 1px; border-left:#cccccc dashed 1px; }
#merk img { margin-bottom:20px; }

/* FOOTER */
#footer { position:relative; width:100%; float:left; background-color:#542d24; margin-top:40px; }
#footercontainer { width:920px; margin:0 auto; padding:30px 20px 20px 20px; }
#footercontainer h3 { color:#FFF; }

/*CONTACT INFORMATIE */
#contactfooter { float:left; }
#contactfooter p { margin:0; padding:0; color:#aa9692; margin-top:10px; margin-bottom:40px; }
#contactfooter a:link { color:#aa9692; text-decoration:none;}
#contactfooter a:visited { color:#aa9692; }
#contactfooter a:active { color:#aa9692; }

/*SITEMAP */
#sitemap { float:left; margin-left:80px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#sitemap ul { float:left; list-style-type:none; margin:0; padding:0; margin-top:10px; position:relative; }
#sitemap ul li { margin:0; padding:0; display:block; position:relative; }
#sitemap ul li a:link { color:#aa9692; text-decoration:none; font-size:12px; }
#sitemap ul li a:visited { color:#aa9692; text-decoration:none; font-size:12px; }

#sitemap ul li a:hover { color:#aa9692; text-decoration:none; font-size:12px; }
#sitemap ul li a:active { color:#aa9692; }

/* CONTACTFORMULIER */
#contactformulier { margin-bottom:30px; }
#contactformulier input { float:left; outline:none; background-color:#FFF; padding:0; margin:0; border:#6f4838 1px solid; height:25px; width:40%; padding-left:5px; line-height:25px; vertical-align:middle; font-size:12px; }

#contactformulier textarea { width:97%; height:150px; padding:5px; max-width:97%; max-height:1000px; border:#6f4838 1px solid; outline:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important; font-size:12px; }

/* REFERENTIE PROGRAMMA */
#kader { width:204px; margin:0; padding:0; float:left; }
#kader img { width:100%; padding-bottom:0px !important; max-width:204px !important; }
#kader p { padding:5px 0px 20px 0px; }

/* REFERENTIEVERVOLG */
#content #ondertitel { width:430px; font-size:10px; font-weight:400; text-align:center; font-style:italic; margin:10px 0px 20px 0px;	}
#currentpage { width:430px; font-size:11px !important; font-weight:400; font-style:normal !important; text-align:left !important; margin:0px 0px 10px 0px !important; }
#vorige { width:430px; font-size:11px !important; font-weight:400; font-style:normal !important; text-align:left !important; margin:20px 0px 0px 0px !important; }

@font-face {
font-family: 'JennaSueRegular';
src: url('../fonts/JennaSue-webfont.eot');
src: url('../fonts/JennaSue-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/JennaSue-webfont.woff') format('woff'),
     url('../fonts/JennaSue-webfont.ttf') format('truetype'),
     url('../fonts/JennaSue-webfont.svg#JennaSueRegular') format('svg');
font-weight: normal;
font-style: normal;
}