/*
	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;  }
h3 {  padding: 8px 0 10px;  }


h1 { color: #504444; font-size: 20px; }
	h1#logo { width: 178px; height: 30px; }
	h1#logo  span { clear: both; font-size: 12px; margin-top: 8px; display: block; width: 178px; font-weight: normal; }
	.offerte h1, .brown h1 { color: #FFF; }
		.offerte h1 { font-size: 18px; padding:  5px 0 8px 0;}
	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; }
	.header h1 { float: left; font-size: 28px; margin-top: 20px }	
	.c2 h2, .c4 h2 {   padding: 6px 6px 6px 10px; margin: 20px 0 10px 0; font-weight: 700; border-left: 3px solid #c90202; font-weight: normal  }
	.nieuws p { clear: both; }
h2 { color: #4d4e50; font-size: 18px; font-weight: normal; }
	.brown h2 { color: #FFF }

blockquote { padding: 15px; background: #; border: 1px solid #; margin: 20px 10px; background: #f5f7fa; border: 1px solid #ceddef; font-size: 14px; font-style: italic; color: #504444;}	 

.c2 ul { list-style-type: disc; }
	.c2 ul li { margin-left: 25px; padding-left: 20px; line-height: 23px; }



/*
	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 ; padding: 0 0 25px 0;  }
	.brown { background: #3e3333; color: #FFF; }
		.bar { line-height: 10px; height: 10px; overflow: hidden }
	.wrapper { width: 970px; margin: 0 auto; padding: 15px 0; overflow: auto;}
		.wrdark { border-bottom:1px solid #686060; padding: 50px 0 30px 0;}



/*
	Content
*/


.content { width: 740px; float: right; margin-bottom: 25px;}
	.c1 { float: left; width: 200px;  }
	.c2 { float: left; width: 440px; margin: 0 40px;  }
	.c3 { float: right; width: 250px;   }
	.c4 { float:left; width: 740px; margin: 0 0 0 30px; padding: 0 0 0 0; clear:right;}
	.c5 { float: left; width: 440px; margin: 0; }
	.c6 { float: right; width: 235px; margin: 0 0 0 30px; }
	
	
		.green { background: #93c139; padding: 15px; color:#FFF; width: 240px }
		.cbig { font-weight: 700; font-size: 16px; }
	
	.offerte { background: #c90202; border: 1px solid #a80101; color: #FFF; padding: 12px 12px 0 12px; margin-top: 36px; font-size: 14px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  }
		.offerte a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
			.offerte a:hover { color: #FFF; text-decoration: none; border-bottom: 0px solid #FFF; }
			.offerte a:active { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF; }
	
	.intro {  font-size: 13px; }
		.intro a { color: #e10b0b; font-weight: 700; text-decoration: none; border-bottom: 1px dotted #fbb7b7 }
			.intro a:hover { color: #59810d; text-decoration:none; border: 0; }
			.intro a:active { color: #504444; text-decoration:none; border: 0; }

		 a { color: #e10b0b; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #fbb7b7 }
			 a:hover { color: #59810d; text-decoration:none; border: 0; }
			 a:active { color: #504444; text-decoration:none; border: 0; }





	.nieuws { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 20px 20px 6px 20px; width: auto; margin-bottom: 15px;}		
	.werkzaam { padding-top: 30px; clear: both;}
	.werkzaam img{ width: 195px; height: 100px; border: 1px solid #d9d9d9; background: #f6f6f6; padding: 3px; float:left;  }
	.werkzaam blockquote{ width: 200px; float:right;  }


		/* Header */

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

		/* Nav */
		
		#nav { float: right; margin: 20px 0 20px 0; overflow: hidden;  }
			#nav li { display: inline; }
				#nav li a { color: #425763; text-decoration: none; padding: 8px 15px; display: block; float: left; margin-left: 8px; border: 0;  }
				#nav li a:hover {  color: #FFF;  padding: 8px 15px; background: #c90202; }
				#nav li a:active {  color: #FFF;  padding: 8px 15px; background: #504444; }
				#nav li a.current { color: #c90202;}
				#nav li a.current:hover { background: #FFF}
				#nav li a em { clear: both; float: left; font-size:11px;  cursor: pointer;}
				#nav li span { clear: both; font-size: 18px; float: left;  cursor: pointer; }

		/* SubNav */
		
		#subnav {  }
			#subnav li { overflow: auto;}
				#subnav li a { background: #504444; padding: 8px 15px; width: auto; color: #FFF; text-decoration: none; display: block; border-bottom: 1px solid #342a2a;  overflow: auto;     }
				#subnav li a:hover {  color: #FFF;  padding: 8px 15px; background: #c90202; }
				#subnav li a:active {  color: #FFF;  padding: 8px 15px; background: #FFF; color: #c90202 }
				#subnav li a.huidige { background: #FFF; color: #c90202; border-bottom: 1px solid #FFF}

				#subnav li a.last:hover{ border-bottom: 1px solid #FFF;}


		/* Diensten */
		
		.diensten {background: #FFF; 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 {  }
					.diensten li a:hover span { color: #191a1c;}
					.diensten li a:hover em { color: #7ba726; }
					.diensten li a:active span { color: #504444;}
					.diensten li a:active em { color: #9b9797; }					
					
				.diensten li a.last { border: 0; }
				.diensten li a span{ color: #e10b0b; font-size: 16px; clear: both; float: left;  cursor: pointer; }
				.diensten li a em{ color: #262525; font-size: 12px; clear: both; float: left; font-style: normal;  cursor: pointer; }


		/* Slider */
		
		.slider { width: auto; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9; height: 280px; clear: both; padding: 5px; margin: 0 0 25px 0; }
				#prev-slide { margin-left: 679px; margin-top: -45px; position: absolute; display: block; height: 30px; width: 30px; background: #504444 url(../images/icon-prev.jpg) -5px -5px no-repeat; cursor: pointer; }
				#next-slide { margin-left: 709px; margin-top: -45px; position: absolute; display: block; height: 30px; width: 30px; background: #504444 url(../images/icon-next.jpg) -5px -5px no-repeat; cursor: pointer;}
			.slider img { width: 728px; height: 245px;}
				.slide-item { position: absolute }
				.slide-item  a { border: 0 ; text-decoration: none;}
			#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 { width: 712px; 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;}



		/* Redenen */

		.redenen { float: left; width: auto; height: auto; margin-top: 30px;   }
			.getredenen { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px 15px 15px 50px; }
			.getredenen span {  background: #c90202; border: 1px solid #a80101; /*background: #a1c202; border: 1px solid #b9da1b; */ padding: 4px 14px; font-size: 24px; font-weight: 700; position: absolute; margin: 0 0 0 -58px; color: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; }


		/* Portfolio */

		.project { width: 208px; overflow: hidden; height: 290px;  float:left; margin: 0 0 25px 30px }
			.project a { float: left; clear: both; padding: 3px; background: #f6f6f6; border: 1px solid #e1e1e1; color: #504444; width: 120px; text-align: center; margin-top: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
					.project a:active { background: #504444!important; border: 1px solid #776b6b}
					.project a:hover { background: #3e3333; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }	
			.project img {background: #f6f6f6; border: 1px solid #d9d9d9; padding: 3px; margin-bottom: 15px; width: 200px; }



		/* Voorwaarden */
		
		.dot { list-style-type: disc; }
			.dot li { margin-left: 25px; padding-left: 20px; line-height: 23px; }


/*
	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; border:0 }
		.algemeen li a:active { }
		.algemeen li a:hover { border-bottom: 1px dotted #9e9898 }
	.algemeen p { display: block; clear: both; }
	.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 a { font-style: italic; color: #afafaf; border-bottom: 1px dotted f9f9f9 }
		.gettwitter p { }
		.gettwitter em { }


.twitter a { color: #908b8b; text-decoration: none;  }
		.twitter a {  padding: 4px; background: #332929;  border: 1px solid #504444 }
		.twitter a:active { background: #504444!important; border: 1px solid #776b6b}
		.twitter a:hover { background: #3e3333; }		


	
/* 
	Forms 
*/

.map { width: 238px; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9; height: 450px; clear: both; padding: 5px; margin: 0 0 25px 0; }
iframe { width: 238px; height: 450px; }


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


form { overflow: hidden; margin: 0 ; }
	fieldset {background: #f6f6f6; border: 1px solid #e1e1e1; padding: 20px ; }
	label { display:block; width: auto; padding: 3px;  }
	.input-form, textarea {  margin: 10px 0; width: 380px; 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 { display: block; width: 80px; height: 30px; padding: 4px 0 0 0; background: #FFF url(../images/button.jpg) no-repeat top left; color: #FFF; text-decoration: none; font-weight: 700; text-align: center; border:0; }
	.input-submit:hover { background: #FFF url(../images/button.jpg) 0 -30px no-repeat; color: #425763; border: 0;  }



label abbr { color:  #f1001c; cursor: help; }
.warning { color: #ea2425; padding: 5px; font-weight: bold; border: 1px solid #d34d29; background: #fef3f0  }
.berichtOK { color: #4f7918; padding: 5px; font-weight: bold; background: #f7fbec; border: 1px solid #a0ba57; }

.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; }