/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address{ margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; }
ol, ul { list-style:none; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
a:focus { overflow: hidden; }
* { outline: none; }


/*
	Typo
*/

p { margin: 0 0 14px 0 }


h1, h2, h3, h4 { line-height: 1.2; overflow: hidden }

h1, h2 {  padding: 12px 0 20px;  }

h1 { color: #749101; font-size: 20px; }
	.offerte h1, .intro h1, .brown h1 { color: #FFF; }
		.offerte h1 { font-size: 14px;}
	h1#replace a { width: 190px; height: 88px; }
	.h-diensten h1 { color: #1a74b0; padding: 0 0 14px 0; font-size: 16px; }
		.h-diensten p { margin-left: 100px; }
		

h2 { color: #4d4e50; font-size: 18px; font-weight: normal; }
	.brown h2 { color: #FFF }



/*
	Body
*/

body { background: #3e3333; line-height: 1.5; color: #262525; font-family: Arial, sans-serif; font-size:12px;}

.container { width: auto; overflow: auto; }
	.white { background:#FFF   }
	.brown { background: #3e3333; color: #FFF; }
	.wrapper { width: 970px; margin: 0 auto; padding: 15px 0; overflow: auto;}
		.wrdark { border-bottom:1px solid #686060; padding: 50px 0 30px 0;}



/*
	Sidebar
*/

.sidebar { width: 210px; float: left; background: #000 }
	.intro { background: #504444; padding: 130px 20px 6px 20px; margin-top:-15px; color: #FFF;  font-size: 13px; }
	.offerte { background: #3f90c8; color: #FFF; padding: 20px; margin-top: 25px; font-size: 14px;  }


/*
	Content
*/


.content { width: 740px; float: right; margin-bottom: 25px;}
	.c0 { float: left; width: 210px; padding-right: 40px; background: #000 }
	.c1 { float: left; width: 430px; padding-left: 10px; }
	.c2 { float: right; width: 270px; }
		.green { background: #93c139; padding: 15px; color:#FFF; width: 240px }
		.cbig { font-weight: 700; font-size: 16px; }



		/* Header */

		.header { width: auto; clear: both; overflow: auto; padding: 0 0 0 0; border-bottom: 1px solid #d9d9d9 }

		/* Nav */
		
		#nav { float: right; margin: 20px 0 30px 0; overflow: auto;  }
			#nav li { display: inline; }
				#nav li a { color: #425763; text-decoration: none; padding: 9px 16px; display: block; float: left; border-left: 1px solid #d8dcdf; }
				#nav li a:hover {   border-bottom: 3px solid #a1c202; color: #000;  padding: 9px 16px 6px 16px;}
				#nav li a:active { border-bottom: 3px solid #504444; padding: 9px 16px 6px 16px;}
				#nav li a.current { border: 1px solid #383b3d;padding: 8px 15px;}
				#nav li a em { clear: both; float: left }
				#nav li span { clear: both; font-size: 18px; float: left; }

		/* Slider */
		
		.slider { width: auto; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9; height: 280px; clear: both; padding: 5px; margin: 30px 0 25px 0; }
			.slider img { width: 728px; height: 245px;}
			#pauze { background: #f6f6f6; color:#504444; padding: 5px; width: 20px; text-align: center; position: absolute; top: 300px; display: none; font-size: 14px; font-weight: 700; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
			
		/* H-caption */
		
		.h-caption { width: auto; background: #504444; color: #FFF; border-left: 1px solid #282020; border-right: 1px solid #282020; border-bottom: 1px solid #282020; border-top: 1px solid #FFF; padding: 10px 5px 5px 10px; clear: both; overflow: auto; margin:0 0 20px 0}
		
		
		/* H-diensten */
		
		.h-diensten { margin-bottom: 25px; overflow: auto ;}
		.h-diensten-1, .h-diensten-2, .h-diensten-3   { padding: 15px; float: left; width: 201px; background: #f2f8fc; border: 1px solid #d9d9d9; margin-bottom: 15px;}
			.wd { background:#FFF url(images/wd.jpg) no-repeat 10px 50px; }
			.an { background:#FFF url(images/wd.jpg) no-repeat 10px 50px; }
			.go { background:#FFF url(images/wd.jpg) no-repeat 10px 50px; }
			.cm { background:#FFF url(images/wd.jpg) no-repeat 10px 50px; }

			.h-diensten-2 { margin: 0 20px; }


		/* Diensten */
		
		.diensten {background: #f6f6f6; border: 1px solid #e1e1e1; padding: 3px;  }
			.diensten li { margin: 2px 0 }
			.diensten li a { padding: 13px 10px; display:block; text-decoration: none; overflow: auto; border-bottom: 1px solid #e1e1e1;  }
				.diensten li a:hover { background: #FFF!important; }
					.diensten li a:hover span { color: #59810d;}
					.diensten li a:hover em { color: #7ba726; }
				.diensten li a.last { border: 0; }
				.diensten li a span{ color: #1a74b0; font-size: 16px; clear: both; float: left; }
				.diensten li a em{ color: #262525; font-size: 12px; clear: both; float: left; font-style: normal }



/*
	Footer
*/


.algemeen { width: auto; float: left; overflow: auto; margin: 0 0 0 230px;}
	.algemeen ul { float: left; width: 220px; margin: 0 15px 25px 0; }
	.algemeen li { padding: 1px 0 }
		.algemeen li a { color: #FFF; text-decoration: none; }
		.algemeen li a:active { }
		.algemeen li a:hover { border-bottom: 1px dotted #9e9898 }
	.algemeen p, .algemeen p a { color: #908b8b; text-decoration: none;  }
		.algemeen p a {  padding: 4px; background: #332929;  border: 1px solid #504444 }
		.algemeen p a:active { background: #504444!important; border: 1px solid #776b6b}
		.algemeen p a:hover { background: #3e3333; }		

.twitter { float: right; width: 237px; height: 134px;   }
	.gettwitter { background: #504444; border: 1px solid #635656; padding: 15px; }
		.gettwitter p { }
		.gettwitter em { }

.redenen { float: left; width: auto; height: 134px; margin-top: 15px;   }
	.getredenen { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px 15px 15px 50px; }
	.getredenen span {  background: #3f90c8; border: 1px solid #57aae3; /*background: #a1c202; border: 1px solid #b9da1b; */ padding: 4px 14px; font-size: 24px; font-weight: 700; position: absolute; margin: 0 0 0 -58px; color: #FFF }


	
/* 
	Forms 
*/

.freecon {  background: #3f90c8; border: 1px solid #57aae3; padding: 15px 15px; font-size: 14px;}


form { overflow: hidden; margin: 0 ; }
	fieldset {background: #504444; border: 1px solid #635656; padding: 20px; }
	label { display:block; width: auto; padding: 3px;  }
	.input-form, textarea {  margin: 10px 0; width: 340px; padding: 5px; border: 1px solid #d3d3d3; background: #FFF url(../images/input-bg.jpg) top left repeat-x; font-family: Arial, sans-serif }
	.input-warning { border: 1px solid #ea2425; }
	textarea { height: 160px;   }


.form-small fieldset{ background: #f9f9f9; border: 1px solid #ebebed; padding: 15px; margin: 15px 0;  }
.form-small label { font-size: 12px; }
.form-small .input-form { width: 228px; margin: 3px;}


.input-submit { float: right; clear: both; width: 120px; border: 1px solid #c8c8c8; display: block; line-height: 28px; padding: 0 10px; height: 30px; margin: 15px 0 0 0; padding: 0 0 0 0; background: #FFF url(../images/banner-link.jpg) repeat-x top left; font-weight: 700; text-align: color: #39393d; cursor: pointer;}
.input-submit:hover { background: #FFF; border: 1px solid #707070;}
.verplicht { color:  #f1001c; cursor: help; }
.warning { color: #ea2425; padding: 5px; font-weight: bold; font-variant: small-caps;  clear: both; text-align: right}
.berichtOK { color: #4f7918; padding: 5px; font-weight: bold; font-variant: small-caps; }
.error { background: #d24927;  width: auto; height: auto; padding: 10px 10px 10px 10px; margin: 0;}
.errorarrow { background: url(../images/error.jpg) no-repeat right top;margin: 0 0 25px 0; height: 15px; width: auto;}

.errorok { background: #80c443;  width: auto; height: auto; padding: 10px 10px 10px 10px; margin: 0;}
.errorokar { background: url(../images/error2.jpg) no-repeat right top;margin: 0 0 25px 0; height: 15px; width: auto;}

.frontform { margin: 0 15px 0 15px ; width: 444px; float: right; }
legend { color: #b62b02; font-style: italic; font-weight: 700; font-family: Arial, sans-serif; font-size: 1.6em; margin: 0 0 80px 0; padding: 0; }