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

/*********OPMERKINGEN**********************
tekstkleur: #3e434f

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

/********************BASICS**********************/
    * {
    margin: 0;
    padding: 0;
    }
	

	
	body {
	background:url(images/bg.jpg) repeat-x #777777;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3e434f;
	}
	
	a:link, a:visited {
    color:#3e434f;
	text-decoration:underline;
	}
    a:hover {
    color:#3e434f;
	text-decoration:none;
    }
	
	h1 {
	font-size: 18px;
	font-weight:normal;
	margin-top:15px;
	width:85%;
	}
	
	h2 {
	background:url(images/diensten.png) no-repeat;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	width:220px;
	height:41px;
	margin:10px 10px 0 13px;
	padding:10px 0 0 10px;
	} 
		
	p {
	font-size:12px;
	margin-top:10px;
	width:85%;
	}

	p.onder {
	font-size:11px;
	}
	
/*******************EINDE BASICS****************/

/********************CONTAINER*****************/


html #container {

    margin: 0 auto;
    width: 1000px;
    position: relative;
    text-align: left;
    }

  #container   {

    width: 1000px;
    }
	
	#content_container { /** Let op! ook in ie6.css **/
	width:980px;
	height:auto;
	overflow:auto;
	clear:left;
	background:url(images/content_container.png) no-repeat;
	padding: 75px 0 0 0;
		}
		
	#content_container_bg { 
	background:url(images/content_container_bg.png) no-repeat;
	border-bottom:#d7d7d7 5px solid;
	width:980px;
	height:auto;
	overflow:auto;
	clear:left;

		}

/*****************EINDE CONTAINER*************/




/**********************BODY***************************/

    #header {
	float:left;
	width: 980px;
	height:130px;
	margin-top:7px;
	}
	
	.logo img{
	margin-top:23px;
	border:none;
	}	
	
	.headerfoto img {
	margin-top:-45px;
	}

	#linkerveld { /**LET OP!!! ook in ie6****/
	float:left;
	width: 261px;
	height:100%;
	min-height:480px;
	margin:0 0 0 7px;
	background:#fff;
	border-left:#d7d7d7 5px solid;
	border-right:#d7d7d7 8px solid;
	padding-bottom:25px;
	z-index:100;
	}
	.diensten {
	margin-left:15px;
	background:url(images/bg-linkerveld.png) no-repeat #dee3e6;
	width:220px;
	padding:5px;
	
	}
	.diensten img{
	border:none;
	margin-top:10px;
	}
	
	.diensten-titel {
	margin-top:-45px;
		}
		
	#tekstveld{ /**LET OP!!! ook in ie6 en ie7****/
	float:left;
	width: 657px;
	height:100%;
	min-height:480px;
	text-align:left;
	background:#fff;
	border-left:#d7d7d7 5px solid;
	border-right:#d7d7d7 5px solid;
	border-top:none;
	padding-left:25px;
	padding-bottom:25px;
	z-index:101;
	}
		


	
/******************EINDE BODY**************************/

/******************SERVICE NAVIGATIE**************************/

.servicenav {
float:right;
width:450px;
height:25px;
text-align:right;
margin-top:-115px;
}
/******************EINDE SERVICE NAVIGATIE**************************/

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

#menuwrapper {
	float:left;
   	width:790px;
	height:110px;
	}

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

.mod_navigation
{
    float:right;
    overflow:visible;
	width:710px;
	height:28px;
	margin-top:80px;
	margin-left:80px;
	}


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



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

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

.mod_navigation li
{
    width:auto; /* Define the width of an menu entry */
	margin:0 5px 0 5px;
	padding:0 10px 0 10px;
	text-align:center;
    position:relative; /* position */
    float:left; /* arrange left-aligned */
    line-height:28px; /* defines the height of an menu entry */
	text-decoration:none;
	}
	
.mod_navigation li.active /*actief menu item*/
{
color:#fff;
font-weight:bold;
background:url(images/menu.jpg);
}

.trail /*actief menu item*/
{
color:#fff;
font-weight:bold;
background:url(images/menu.jpg);
}

.mod_navigation li ul
{

    bottom:0px;
    left:-1px;
    right:0px;
    top:28px;
    position:absolute;
    display:none; /* hide the submenus */
}


.mod_navigation li ul ul
{
    left:151px;
    top:0px;
    position:absolute;
}


.mod_navigation li:hover,
.mod_navigation li.sfhover
{
	background:url(images/menu.jpg);
	height:28px;

}

.mod_navigation li:hover ul
.mod_navigation li.sfhover ul
{
    display:block;

}


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


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

.ce_form {
	float:left;
	clear:left;
	width:400px;
	}
	
span.mandatory {
color:#CC0000;
font-weight:normal;
float:right;
margin-top:-10px;
}

label {
	width:120px;
	float:left;
	margin:5px 0 0 0;

}

.select {
width:147px;
}


.textarea {
width:300px;
height:100px;
border:#bbbfc2 1px solid;
margin:5px 0 0 10px;
}

.text {
width:300px;
height:20px;
border:#bbbfc2 1px solid;
margin:5px 0 0 10px;
}

.upload{
width:300px;
height:25px;
border:#bbbfc2 1px solid;
margin:5px 0 0 10px;
}

.submit_container {
margin:2px 0 0 10px;
color:#fdfaeb;
}

.error {
color:#CC0000;
}


/********************EINDE CONTACT FORMULIER *************************/
/*****Footer********/


#footer {
float:left;
width:980px;
height:15px;
text-align:left;
padding-left:5px;
}