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

body, html		{ margin:0; padding:0; font-family:Verdana, Arial, Geneva, sans-serif; background:url(../webimages/achtergrond.jpg) top left no-repeat #000; }


	#wrapper			{ width:950px; height:auto; margin-left:40px; }
	#navigatie			{ width:950px; height:180px; float:left; }
	#logo				{ width:950px; height:84px; float:left; }
	#hoofdnav			{ width:930px; height:45px; padding:15px 0 0 20px; float:left; background:url(../webimages/border-nav.jpg) left top no-repeat; }
	
		/* hoofdnav links */
		#hoofdnav a 		{ font-size:20px; font-weight:bold; color:#e0f1ff; text-decoration:none; padding:0 15px 0 15px; margin-right:10px; float:left; }
		#hoofdnav a:hover	{ color:#fff; }
		#hoofdnav #set		{ float:left; margin-top:-15px;  background:url(../webimages/achtergrond-navigatie.jpg) repeat-x; }
		#hoofdnav #set img	{ float:left; }
		#hoofdnav #set span	{ width:auto; float:left; height:45px; padding:15px 10px 0 10px; font-size:20px; font-weight:bold; color:#fff; }
		
	#subnav				{ width:910px; height:31px; padding:5px 0 0 40px; background:url(../webimages/border-subnav.png) left bottom no-repeat; float:left; }
	
		/* subnav links */
		#subnav a 			{ color:#205a9b; text-decoration:none; font-size:12px; padding-right:10px; border-right:1px solid #3ba4fe; margin-right:10px; }
		#subnav a:hover		{ color:#fff; text-decoration:none; }
		#subnav a#set		{ color:#fff; }
		
	
#content			{ width:940px; height:auto; float:left; padding-left:30px; background:url(../webimages/achtergrond-content.jpg) 30px 0 repeat-y; }
	#contactinfo		{ width:231px; padding:10px; font-size:11px; color:#399ef6; height:auto; float:left; border-top:1px solid #fff; background:#e7e7e9; }
	#afbeelding			{ width:250px; height:auto; float:left; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #e6e7e9; background:#e6e7e9; overflow-x:hidden; }
		#klanten div.klant		{ margin:5px 5px 0 5px; padding:5px; float:left; text-align:center; font-size:11px; width:230px; height:130px; background:#fff; border-bottom:1px solid #aaa; }
		#klanten div.klant:hover { background:#000059; color:#fff; }
		#klanten div.klant img 	{ max-width:100px; max-height:100px; margin-bottom:10px; border:1px solid #ddd; }
		#klanten div.toelichting	{ position:absolute; margin:135px 5px 5px -5px; padding:15px; text-align:justify; font-size:13px; width:430px; height:auto; float:left; background:#000059; color:#fff; border-bottom:1px solid #aaa; }
		#klanten div.toelichting p { color:#fff; }
		
	#tekst				{ width:580px; height:auto; float:right; padding:20px; margin-right:58px; }
	
		/* tekst elementen */
		#tekst h1		{ font-size:24px; font-weight:bold; color:#000059; margin:0 0 10px ; padding:0; }
		#tekst h2		{ font-size:17px; font-weight:lighter; letter-spacing:-1px; color:#629fdd; margin:0 0 10px ; padding:0; }
		#tekst p		{ text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242424; line-height:20px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
		#tekst a 		{ color:#205a9b; }
	
#ervaring			{ width:897px; height:auto; float:left; margin-left:30px; }
	#ervaring-top		{ width:896px; height:9px; float:left; background:url(../webimages/border-top-ervaringen.jpg) no-repeat; }
	#ervaring-content	{ width:896px; min-height:155px; height:auto !important; height:155px; background:url(../webimages/achtergrond-ervaringen.jpg) #2e80c6 no-repeat; float:left; }
		#ervaring-content	h2 	{ color:#fff; }
		#ervaring-content	h3 	{ color:#fff; }
		#ervaring-content	p 	{ color:#fff; font-size:12px; line-height:18px; }
		#ervaring-content	img	{ border:1px solid #2059ab; max-height:200px; padding:5px; background:#fff; }
		#ervaring-content	a img	 { border:none; padding:0; }
	#ervaring-bottom	{ width:896px; height:22px; float:left; background:url(../webimages/border-bottom-ervaringen.png) no-repeat; }

#copyright		{ width:auto; float:left; clear:left; color:#fff; font-size:11px; margin-left:100px; margin-bottom:10px; }

/* misc */

a img 				{ border:none; }

/* contact form */
#invulvelden	{ font-size:11px; color:#000059; line-height:28px; }

#invulvelden label { cursor:pointer; }

#invulvelden select {
	width: 206px;
	margin:3px 0 3px 0;
}


#invulvelden input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#invulvelden #PostcodeCijfers {
	width:30px;
	margin-right:5px;
	float: left;
}

#invulvelden #PostcodeLetters {
	width:15px;
	float: left;
	margin-right:0;
}

#invulvelden #Woonplaats {
	width:140px;
}

#invulvelden  #Rekeningnummer, #Email, #Achternaam, #Telefoonnummer, #Adres, #Voornaam, #Onderwerp, #Bedrijfsnaam {
	width:301px;
}

#invulvelden #Reactie	{
	width:301px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#invulvelden #Submit { 
font-size:10px; color:#fff; background:#000059; padding:5px; float:right;
}