/* FOOTER DOWN ===============================================================*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -195px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 195px; /* .push must be the same height as .footer */
}
/* END FOOTER DOWN ===========================================================*/


/* OPMAAK ====================================================================*/
body {
	text-align: center;
	background: #fff;
	color: #000;
	background-image: url(../media/all/bg_wrapmx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*  afmetingen----------- */
#container800{ width:800px; margin: 0 auto; text-align:left; position: relative;}
#header {height: 92px; position: relative;}
#nav {height: 65px; position: relative; /*minimaal 60 voor afbeelding plus 1px laten zakken: minimaal 61 dus*/}
/*  --------------------- */

/*  main opmaak---------------- */
#main p {
	padding:10px 100px 10px 145px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #5D5D5D;
}
#main h2 {
	padding:3px 100px 30px 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	/*color: #006699;*/
	color: #dc0000;
}

#main h3 {
	padding:10px 100px 10px 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	/*color: #006699;*/
	color: #dc0000;
}

#main ul { list-style:disc; padding:10px 100px 10px 160px;}
#main li {font-family: Verdana, Geneva, sans-serif;	font-size: 12px; color: #5D5D5D;}
#main ol { padding:10px 100px 10px 160px;}/* list-style:disc;*/
#main li {font-family: Verdana, Geneva, sans-serif;	font-size: 12px; color: #5D5D5D;}

#main .kleingedrukt { font-size:10px;}

#main img {
	float:left; margin: 0 10px 10px 0; border:1px solid #CCC; padding: 5px;	
}

#main a:link {
	color: #00F;
	text-decoration: none;
}
#main a:visited {
	color: #00F;
	text-decoration: none;
}
#main a:hover, #main a:active, #main a:focus { 
	text-decoration: underline;
	color:#C00;
}
/*  --------------------- */

/*  footer opmaak -------- */
#footer {
	background-color: #363758;
	background-image: url(../media/all/bg_footermx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#footer p {
	padding-top: 35px;
	text-align:center;
	font-size: 10px;
	color: #C3C3C3;
	font-family: Verdana, Geneva, sans-serif;
}
/*  --------------------- */


/* END OPMAAK ================================================================*/




/* navigatie =================================================================*/
#navcontainer {margin: 0 0 0 0;}
#navcontainer {padding: 1px 0 0 36px;}
#navcontainer ul {margin: 0; padding:0;}
#navcontainer li {margin: 0; padding:0;}
#navcontainer a {margin: 0; padding:0;}

	#navcontainer ul {list-style:none;}
	#navcontainer li {display:inline;}
	#navcontainer a { display:block; float:left; height:60px; text-indent:-9999px;}
	#navcontainer a.clhome { width:59px; background-image:url(../media/all/nav_home.jpg)}
	#navcontainer a.clhome:hover {background-image: url(../media/all/nav_home_rol.jpg);}
	
	#navcontainer a.clwerkwijze {width:93px; background-image:url(../media/all/nav_werkwijze.jpg)}
	#navcontainer a.clwerkwijze:hover {background-image: url(../media/all/nav_werkwijze_rol.jpg)}
	
	#navcontainer a.clproblematiek {width:106px; background-image:url(../media/all/nav_problem.jpg)}
	#navcontainer a.clproblematiek:hover {background-image: url(../media/all/nav_problem_rol.jpg)}
	
	#navcontainer a.clkosten {width:68px; background-image:url(../media/all/nav_kosten.jpg)}
	#navcontainer a.clkosten:hover {background-image: url(../media/all/nav_kosten_rol.jpg)}
	
	#navcontainer a.clberoepscode {width:105px; background-image:url(../media/all/nav_beroep.jpg)}
	#navcontainer a.clberoepscode:hover {background-image: url(../media/all/nav_beroep_rol.jpg)}
	
	#navcontainer a.clcontact {width:80px; background-image:url(../media/all/nav_contact.jpg)}
	#navcontainer a.clcontact:hover {background-image: url(../media/all/nav_contact_rol.jpg);}
	
	#navcontainer a.cloverons {width:89px; background-image:url(../media/all/nav_about.jpg)}
	#navcontainer a.cloverons:hover {background-image: url(../media/all/nav_about_rol.jpg)}
	
	#navcontainer a.clafspraak {width:128px; background-image:url(../media/all/nav_afspraak.jpg)}
	#navcontainer a.clafspraak:hover {background-image: url(../media/all/nav_afspraak_rol.jpg)}
	
	#navcontainer a { outline: none;} 
/* END navigatie =============================================================*/

/*--route formulier---------------------------------------------*/
#route {padding:10px 100px 10px 145px; margin:0;}
#route form, #route input {padding:0; margin:0;}
#route input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;}
#route .startadres {border:1px solid #CCC; background:#FFF; width:400px; padding: 9px 0 9px 9px; margin-top:10px;}
#route .subroute {
	border:1px solid #CCC;
	width:310px;
	cursor: pointer;
	margin-top:10px;
	background-color: #EFEEF7;
	background-image: url(../media/all/bg_button.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:30px;
}
#route p {
	margin:0; padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
/*---contact formulier--------------------------------------------*/
#contactcontainer {padding:10px 100px 10px 145px;}
#contactcontainer form, #contactcontainer input, #contactcontainer textarea {padding:0; margin:0;}
#contactcontainer input, #contactcontainer textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;}
#contactcontainer .enkellineinput {border:1px solid #CCC; background:#FFF; width:400px; padding: 9px 0 9px 9px; margin:5px 0 10px 0;}
#contactcontainer .enkellineinputcapt {border:1px solid #CCC; background:#FFF; width:130px; padding: 9px 0 9px 9px; margin:5px 0 10px 0;}
#contactcontainer .multilineinput {border:1px solid #CCC; background:#FFF; width:400px; padding: 9px 0 9px 9px; height:200px; margin:5px 0 10px 0;}
#contactcontainer #submitbericht {
	border:1px solid #CCC;
	width:310px;
	cursor: pointer;
	background-color: #EFEEF7;
	background-image: url(../media/all/bg_button.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:30px;
}
#contactcontainer p {
	margin:0; padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
#contactform p img {float: none; border: none; margin: 0px 0px -4px 0px; padding: 0;}
#toonSubmitted {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #dc0000;}
.errFormulier {color: #dc0000;}

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


#containerGroterExemplaar  {margin:0; padding:0 0 0 11px; position:relative;}
#containerGroterExemplaar img {
	float: none; border:1px solid #CCC; padding: 5px;	
}
/*--------------------------------------------------------------*/
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*--------------------------------------------------------------*/
#updatebrowser { 
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0; padding:0;
	background-color: #DFFFFF;}