@charset "utf-8";
/* CSS Document */

/*********OPMERKINGEN**********************
bg kleur #a8825d
tekst bruin #281705
beige #f3eed6



*****************EINDE OPMERKINGEN****************/



ol, ul {
	list-style: none;
}


h1 {
font-size:23px;
color:#261909;
font-weight:normal;
padding-bottom:15px;
}

h2 {
font-size:16px;
color:#4b3e32;
font-weight:normal;
}

h3 {
font-size:16px;
font-weight:bold;
color:#4b3e32;

}

p {
padding-bottom:15px;
}

.logo img {
border:none;
padding-top:0px;
margin-top:10px;
margin-left:5px;
}



a:link, a:visited {
text-decoration:underline;
color:#4b3e32;
	
    }

    a:hover {
    text-decoration:none;
	color:#4b3e32;
    }
	
.logo {
position:relative;
float:left;
width:350px;
border:none;
margin:0px;
padding:0px;
}

.logo img {
border:none;
}

.oneliner {
position:relative;
float:right;
width:335px;
height:53px;
background:url(images/onelinerBG.png) no-repeat;
text-align:center;
}

.oneliner h1 {
margin:0px;
padding:0px;
}
/********************BEGIN CSS**************/

body {
	background:url(images/bg.png) repeat-x #a8825d;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#281705;
}

#header {
	height:150px;
}

#contentcontainer {
width: 900px;
height:auto;
}


#left {   /*let op in ie6*/
	float:left;
	position:relative;
	width:250px;
	margin-top:25px;
	z-index:999;
	}

#content { /*let op in ie6*/
	float:left;
	position:relative;
	width:900px;
	margin-top:15px;

}


html, body {
	height: ;
}

#container {
	width: 900px;
	min-height: ;
	height: auto !important;
	height:;
	margin: 0 auto -100px auto;
	position: relative;


}

#footer {
	float:left;
	clear:left;
	position:relative;
	height:90px;
	width:100%;
	background:#bfc0bf;
	text-align:center;
	padding-top:25px;
	}


#footer p {
padding:0px;
margin:0px;
color:#261909;
font-size:10px;
}

#footer p a,  #footer p a:visited{
color:#261909;
}

#footer .footer_links {
margin-bottom:15px;
}

#footer .footer_links p {
font-size:10px;
}

/********************PORTFOLIO / SLIDESHOW*************************/

.slide {
position:relative;
float:left;
clear:right;
}


.siteview {
position:relative;
float:left;
width:512px;
height:310px;
background:url(portfolio/slidebg.png) no-repeat;
padding-left:33px;
padding-top:14px;
margin-bottom:25px;
}

.siteview .ce_imageslider h1{
display:none;
}

.buttons {
position:absolute;
top:80px;
left:0px;
width:540px;
height:50px;
text-align:center;
z-index:60;

}

.buttons #prev1 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next1 {
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev5 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next5{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}

.buttons #prev6 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next6{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev7 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next7{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}

.buttons #prev8 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next8{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev9 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next9{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev10 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next10{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev11 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next11{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev12 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next12{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}

.buttons #prev13 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next13{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}

.buttons #prev14 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next14{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev15 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next15{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}

.buttons #prev16 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next16{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
.buttons #prev17 {
position:absolute;
left:0px;
width:49px;
height:48px;
background:url(images/prev.png) no-repeat;
text-indent:-9999px;
}

.buttons #next17{
position:absolute;
right:0;
width:49px;
height:48px;
background:url(images/next.png) no-repeat;
text-indent:-9999px;
}
/**************************EINDE SLIDESHOW / begin tekst portfolio*************************/

.sitedetails {
position:relative;
float:right;
width:350px;

}

.sitedetails .ce_text{
height:auto;
width:350px;
min-height:350px;
margin-bottom:10px;
background:#CCCC99;

}

.sitedetails h1 {
background:url(images/sitedetails-bg.png) top repeat-y;
margin:0px;
padding:15px;
font-size:14px;
}

.sitedetails h2 {
position:relative;
font-size:30px;
height:60px;
color:#f1ecd4;
margin:0px;
margin-top:10px;
padding-left:10px;
padding-right:35px;
background:url(images/sitedetails-bg-h2.png) no-repeat;
text-align:center;
z-index:999;
}

.sitedetails h3 {
position:relative;
background:url(images/sitedetails-bg-top.gif) no-repeat;
margin:0px;
margin-top:-25px;
padding-top:25px;
padding-left:15px;
padding-right:35px;
font-size:16px;
color:#f08825;
z-index:990;
height:22px;

}
.sitedetails h4 {
background:url(images/sitedetails-bg-h4.png) top repeat-y;
margin:0px;
padding-top:10px;
padding-left:15px;
padding-right:35px;
font-size:16px;
color:#f08825;
}
.sitedetails h5 {
background:url(images/sitedetails-bg-h4.png) top repeat-y;
margin:0px;
padding:15px;
padding-right:35px;
font-size:13px;
font-weight:normal;
}
.sitedetails p {
background:url(images/sitedetails-bg-footer.png) bottom no-repeat;
text-indent:999px;
margin:0px;
}

/*********************MENU********************/


.mod_navigation a.invisible {  /****zorgt ervoor dat de skip navigation regel niet gehoverd wordt*****/
	display: none;
}

.mod_navigation /*let op in ie6**/
{
	position:relative;
    float:right;
    overflow:visible;
	width:500px;
	z-index:2;
	font-size:20px;
	height:50px;
	}

.mod_navigation a,
.mod_navigation a:visited  /***********maakt de niet actieve menu items tekst wit*****/
{
    text-decoration:none;
	color:#f6f3e1;	
	font-weight:bold;
}

.mod_navigation a:hover  /***********maakt de niet actieve menu items tekst wit*****/
{

	color:#e2e2e2;	

}


.mod_navigation li:hover, .mod_navigation li.sfhover
.mod_navigation li:hover visited, .mod_navigation li.sfhover visited   /*****Houdt de tekst in toplink wit wanneer er met de cursor naar het submenu item gegaan wordt************/
{

color:#e2e2e2;
text-decoration:none;
height:50px;
}

.mod_navigation li.overHOVER  {
	background:url(images/overHOVER.png)  top left;

	}

.mod_navigation ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.mod_navigation li
{
    width:125px; /* Define the width of an menu entry */
	text-align:right;
    position:relative; /* position */
    line-height:10px; /* defines the height of an menu entry */
	text-decoration:none;
	color:#f0f4e9;
	}
	
.mod_navigation li.active /*actief menu item*/
{

color:#ed871f;
font-weight:bold;
text-decoration:none;
height:50px;
}





/********************EINDE MENU*************************/

/***********OVER***********************************/

.over-wat {
position:relative;
width:400px;
float:left;

}

.over-wat h1 {
background:url(images/over-h1-bg.png) no-repeat;
margin:0px;
padding:30px 15px 0px 15px;
}
.over-wat p {
background:url(images/over-p-bg.png) repeat-y;
margin:0px;
padding:15px;
}
.over-wie{
position:relative;
width:475px;
float:left;
margin-left:25px;
margin-top:25px;
}

.over-wie .ce_text {
background: url(images/wie-bg.png) no-repeat;
padding:45px 15px 15px 15px;
}

.over-wie p {
margin:0px;
}
.over-wie .ce_text img {
position:relative;
padding:10px;

}
.over-waarom {
position:relative;
width:650px;
float:left;
clear:left;
}

.over-waarom .ce_text {
background: url(images/waarom-bg.png) no-repeat;
padding:45px 15px 15px 15px;
}

/********************CONTACT FORMULIER*************************/

.contact .ce_text {
position:relative;
float:left;
width:620px;
background:url(images/waarom-bg.png);
padding:45px 15px 15px 15px;
z-index:1px;
}

.contact .ce_form {
position:relative;
float:left;
clear:left;
width:445px;
background:url(images/wie-bg.png);
padding:45px 15px 15px 15px;
margin-top:25px;
margin-left:275px;
margin-top:-100px;
z-index:999;
}
	
span.mandatory {
color: #84151b;
font-weight:bold;
}

label {
    width:200px;
    text-align:left;
}

.select {
width:147px;
}


.textarea {
width:350px;
height:100px;
border:#523928 1px solid;
vertical-align:text-top;
margin-bottom:8px;
}

.text {
width:350px;
height:20px;
margin-bottom:8px;
border:#523928 1px solid;
}

.radio {

border:#523928 1px solid;
}

.submit_container {
margin:2px 0 0 10px;
color:#fdfaeb;
padding-bottom:20px;
}

.error {
color: #84151b;
}

.captcha {
width:350px;
height:20px;
border:#84151b 1px solid;
margin-bottom:8px;
}
.mandatory {
color: #84151b;

}
	
/********************EINDE CONTACT FORMULIER*************************/