/* oranje - #ED8A15 */
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background-color:#FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#414042;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-weight:normal;
	}
h3 {
	font-weight:bold;
	font-size:13px;
	color:#000;
	}
a {color:#000;}
a:hover {}
h1,h2 {
	margin-bottom:1px;
	padding:0 0 5px 0;
	color:#414042;
	font-size:14px;
	background:transparent url(../layout/dots_wide.gif) no-repeat left bottom;
	font-family:Arial, Helvetica, Sans-serif;
	font-weight:bold;
	}
h2 {
	color:#d71920;
	}
h1 a, h2 a {
	display:block;
	padding-top:3px;
	float:right;
	color:#939598;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	}
	h1 a:hover, h2 a:hover {color:#d71920;}
	
h1.large,h2.large {font-size:16px;background-image:none;padding:0 0 2px 10px;}
h3 {font-size:16px;margin-bottom:15px;}
h4 {
	font-size:11px;
	font-weight:bold;
	}
h5 {
	font-size:11px;
	color:#414042;
	font-weight:bold;
	}
h6 {}	
p {margin:0px 0 15px 0;}
img {border:none;}
ol {}
ul {}
li {}
li li {}

form {margin:0;}
label {}
.cB {clear:both;font-size:1px;}
fieldset {
	border:none;
	margin:0;
	padding:0;
	}
/* ============================================================	*/ 
/* ========	CONTAINER		  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:925px;
	text-align:left;
	background-color:#FFF;
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:925px;
	overflow:hidden;
	margin:0;
	padding:0;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	position:relative;
	height:100px;
	}
.logo 		{
	position:absolute;
	top:30px;
	left:0px;
	width:173px;
	height:48px;
	z-index:10;
	}
.logo img 	{margin-bottom:7px;}
.logo a img {margin:0 5px 0 0;}

.slogan {
	position:absolute;
	top:50px;
	right:0px;
	width:441px;
	height:34px;
	z-index:10;
	}
	
/* ============================================================	*/ 
/* ========	TOP NAVIGATIE		===============================	*/
/* ============================================================	*/

.topNav {
	float:right;
	padding-top:6px;
	color:#939598;
	}
.topNav a {
	font-size:10px;
	color:#939598;
	text-decoration:none;
	}
.topNav a:hover {
	color:#ED8A15;
	text-decoration:none;
	}

/* ============================================================	*/ 
/* ========	TOPSEARCH			===============================	*/
/* ============================================================	*/

form.topSearch {
	position:absolute;
	top:55px;
	right:0px;
	width:213px;
	height:15px;
	z-index:100;
	text-align:right;
	color:#414042;
	font-size:10px;
	}

.topSearch div {
	float:left;
	height:15px;
	line-height:17px;
	font-weight:bold;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

.navigatie {
	position:relative;
	height:33px;
	color:#FFF;
	text-align:right;
	background:transparent url(../layout/nav_back.jpg) repeat-x left top;
	}
.navigatie2 {
	position:relative;
	height:33px;
	text-align:right;
	background:transparent url(../layout/nav_back2.jpg) repeat-x left top;
	}

div.navigatie a {
	display:block;
	float:right;
	height:25px;
	padding:8px 8px 0px 8px;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, Sans-serif;
	text-decoration:none;
	background:transparent url(../layout/navHover.gif) no-repeat 0px 0px;
	}
div.navigatie a:hover,
div.navigatie a.active {
	color:#FFF;
	background:transparent url(../layout/navHover.gif) no-repeat 0px -41px;
	}
.navigatie div.leftStripe,
.navigatie div.rightStripe {
	float:right;
	width:1px;
	height:27px;
	font-size:1px;
	background-color:#000;
	}
.navigatie div.leftStripe {
	float:left;
	}

/* ============================================================	*/ 
/* ========	BREADCRUMB			===============================	*/
/* ============================================================	*/

.breadcrumb {
	position:absolute;
	top:118px;
	left:0px;
	width:900px;
	height:15px;
	z-index:100;
	font-size:10px;
	color:#808284;
	}
.breadcrumb span {
	color:#414042;
	}
.breadcrumb a {
	color:#808284;
	text-decoration:none;
	}
.breadcrumb a:hover {
	color:#D71920;
	}

	
/* ============================================================	*/ 
/* ========	KOLOMMEN		  	===============================	*/
/* ============================================================	*/ 

.mainContent {
	padding:27px 0;
	width:925px;
	overflow:hidden;
	}
.mainContent  ul {margin-bottom:15px;}
.mainContent .link-overview {padding:0 0 20px 0px;}
.mainContent .link-overview ul {width:930px;overflow:hidden;margin:0;padding:0;list-style:none;background:transparent url(../gfx/double_split.gif) repeat-y left top;}
.mainContent .link-overview li {float:left;width:270px;margin:0;padding:0 10px 0 30px;height:33px;list-style:none;font-size:11px;background:transparent url(../gfx/arrow_grey.gif) no-repeat 15px 4px;}
.mainContent .link-overview a {font-size:16px;font-weight:bold;color:#000;text-decoration:none;font-size:11px;}
.mainContent .link-overview a:hover {color:#ED8A15;text-decoration:underline;}

.mainVisual {
	position:relative;
	margin-bottom:10px;
	}
.mainVisual img {
	display:block;
	}
		
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 
.col,
.col-small,
.col-wide,
.col-grey {float:left;border-left:20px solid #FFF;line-height:1.6em;}
.col-grey {background-color:#EEE;padding:10px;height:145px;}
.mainContent a {color:#ED8A15;}
.mainContent a:hover {color:#ED8A15;text-decoration:underline;}

.triple-column,
.double-column {
	width:945px;
	margin-left:-20px;
	overflow:hidden;
	}
.double-column .col {width:445px;}
.double-column .col-small {width:295px;}
.double-column .col-wide {width:610px;}
.triple-column .col {width:295px;}
.triple-column .col-grey {width:275px;}


.singleCol {
	width:217px;
	margin-right:19px;
	float:left;
	}
.doubleCol {
	float:left;
	margin-right:19px;
	width:453px;
	}
.tripleCol {
	float:left;
	margin-right:19px;
	width:689px;
	}
.noMargin {
	margin:0;
	}
	
.block {
	margin-bottom:15px;
	padding:0 0 2px 0;
	color:#414042;
	background:transparent url(../layout/dots_wide.gif) no-repeat left bottom;
	}
.block .content {
	padding:7px 0 7px 7px;
	}	
.block ul.links {
	position:relative;
	margin:0 0 1px 0;
	padding:0;
	width:217px;
	list-style:none;
	
	}
.block ul.links li {
	margin:0 0 0 0;
	padding:0;
	width:217px;
	list-style:none;
	}
.block ul.links a {
	display:block;
	padding:4px 5px;
	color:#414042;
	text-decoration:none;
	background-color:#FFF;
	}
.block ul.links a:hover {
	color:#D71920;
	background-color:#E6E7E8;
	}
.block ul.links a.active {
	color:#D71920;
	text-decoration:none;
	}
.greyBlock {
	padding:10px;
	background-color:#F1F1F2;
	height:222px;
	}
.greyBlock a {
	color:#D71920;
	text-decoration:none;
	}
.greyBlock a:hover {
	text-decoration:underline;
	}
	
.bannerLink {
	margin-bottom:11px;
	}
.logoCenter {
	padding:5px 0;
	text-align:center;
	}
div.links {margin-bottom:10px;}
div.links a {
	display:block;
	color:#D71920;
	text-decoration:none;
	}
div.links a:hover {
	color:#D71920;
	text-decoration:underline;
	}
	
.homebuttons {margin-left:15px;}
.homebuttons img {margin-right:15px;}

ul.porfolio-list {
	float:left;
	width:224px;margin:0;padding:0;list-style:none;}
ul.porfolio-list li {margin:0;padding:0;list-style:none;}
ul.porfolio-list img {background-color:#000;vertical-align:middle;}
ul.porfolio-list a {
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:1px 0;
	width:224px;
	position:relative;
	z-index:100;
	}

ul.porfolio-list a:hover {
	padding:0;
	border-top:1px solid #ED8A15;
	border-bottom:1px solid #ED8A15;
	background-color:#FFF;
	width:225px;
	color:#ED8A15;text-decoration:none;}
ul.porfolio-list a:hover img {background-color:#ED8A15;}
div.subBlok {
	display:none;
	padding:10px;
	border:1px solid #ED8A15;
	min-height:200px;
	}
#subBlok1 {display:block;}

.porfolio-specs {
	float:left;
	width:700px;
	}

.sitemap {
	width:925px;
	overflow:hidden;
	}
.sitemap ul {
	width:215px;
	float:left;
	margin:0;
	padding:0 0 0 25px;
	list-style:none;
	border-left:1px solid #DDD;
	height:200px;
	}
.sitemap li {
	margin:0;
	padding:0;
	list-style:none;
	background:transparent url(../gfx/li-stripe.gif) no-repeat 0px 5px;
	}
.sitemap .head-ul li {padding-bottom:5px; }
.sitemap h3 {font-size:13px;color:#000;margin:0;}
.sitemap a {font-size:11px;color:#000;text-decoration:none;margin-left:12px;}
.sitemap h3 a {font-size:13px;margin-left:0;background-color:#FFF;}
.sitemap a:hover {color:#ED8A15;text-decoration:underline;}


ul.head-ul {border:none;padding:0;width:150px;}
ul.nieuws-ul {}
ul.diensten-ul {}
ul.werkwijze-ul {}

/* ========	BLOCK BLOG		  	===============================	*/
	
.date {
	color:#808284;
	font-size:10px;
	font-weight:normal;
	}
.blog a {
	color:#D71920;
	text-decoration:none;
	}
.blog a:hover {
	text-decoration:underline;
	}

.biglinks {}
.biglinks a {
	display:block;
	margin-top:1px;
	width:197px;
	height:70px;
	padding:10px 10px 0px 10px;
	color:#414042;
	text-decoration:none;
	background-color:#F1F1F2;
	}
.biglinks a b {
	display:block;
	font-size:14px;
	color:#414042;
	margin-bottom:6px;
	font-weight:normal;
	font-family:Arial, Helvetica, Sans-serif;
	}
.biglinks a:hover b {
	color:#D71920;
}
.biglinks a:hover {
	text-decoration:none;
	background-color:#E6E7E8;
	}
	
/* ============================================================	*/ 
/* ========	OVERVIEW			===============================	*/
/* ============================================================	*/

	
.xtraInformation {
	padding:8px 0;
	font-size:10px;
	color:#414042;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
.xtraInformation a 			{color:#D71920;text-decoration:none;}
.xtraInformation a:hover 	{color:#D71920;text-decoration:underline;}
.printMail {
	margin:-10px 0 15px 0;
	font-size:10px;
	}
.printMail a 		{color:#D71920;text-decoration:none;}
.printMail a:hover 	{color:#D71920;text-decoration:underline;}

/* ========	NEWS OVERVIEW		===============================	*/

.newsOverview {
	padding-bottom:1px;
	}
.newsOverview a {
	display:block;
	padding:10px;
	color:#414042;
	text-decoration:none;
	}
.newsOverview b {
	display:block;
	}
.newsOverview a:hover {
	color:#D71920;
	text-decoration:none;
	background-color:#E6E7E8;
	}
.newsOverview a:hover .date {
	color:#808284;
	}
	
/* ========	DETAILPAGES		===============================	*/

.detail {}
.detail a 		{color:#D71920;text-decoration:none;}
.detail a:hover 	{color:#D71920;text-decoration:underline;}

.detail img {
	display:block;
	float:left;
	margin-right:10px;
	
	}
.detail .detailHead {
	margin-top:10px;
	font-weight:bold;
	width:453px;
	}
.auther {
	margin-bottom:15px;
	padding-top:5px;
	color:#808284;
	font-size:10px;
	font-weight:normal;
	}

	
.divider {	
	height:3px;
	font-size:1px;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}	
.twoColumns .divider {
	width:217px;
	float:left;
	}
/* ============================================================	*/ 
/* ========	DETAIL OVERVIEW		===============================	*/
/* ============================================================	*/

.detailOverzicht {}
.detailOverzicht a {
	display:block;
	padding:5px;
	width:443px;
	overflow:hidden;
	margin-bottom:1px;
	cursor:pointer;
	text-decoration:none;
	}
.detailOverzicht a:hover{
	background-color:#F1F1F2;
	}
.detailOverzicht span.image {
	display:block;
	float:left;
	width:175px;
	overflow:hidden;
	}
.detailOverzicht span.tekst {
	display:block;
	float:left;
	width:268px;
	color:#414042;
	}
	
.detailOverzicht b {
	margin-top:3px;
	display:block;
	}
.detailOverzicht .red b {
	color:#D71920;
	}
.detailOverzicht em {
	font-style:normal;
	color:#D71920;
	}
.detailOverzicht a:hover em {
	font-style:normal;
	color:#D71920;
	text-decoration:underline;
	}
	
.twoColumns {
	width:453px;
	
	overflow:hidden;
	background:transparent url(../layout/dots_vert.gif) repeat-y 226px 0px;
	}
.twoColumns a {
	display:block;
	float:left;
	padding:5px;
	width:207px;
	height:175px;
	overflow:hidden;
	margin-bottom:1px;
	cursor:pointer;
	text-decoration:none;
	}
.twoColumns span.image {
	display:block;
	float:left;
	padding:0 5px;
	width:217px;
	font-size:1px;
	overflow:hidden;
	}
.twoColumns span.image img {margin:5px 0;}
.twoColumns span.tekst {
	display:block;
	padding:0px 5px 0 5px;
	float:left;
	width:auto;
	color:#414042;
	}

/* ========	DOWNLOADS		===============================	*/

.downloads {
	padding:8px 0;
	font-size:10px;
	color:#414042;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
.downloads a {
	display:block;
	color:#D71920;
	text-decoration:none;
	}
.downloads a:hover 	{
	color:#D71920;
	text-decoration:underline;
	}
.downloads a.pdf {
	padding:2px 0px 7px 25px;
	background:transparent url(../layout/icon_pdf.gif) no-repeat left top;
	}

/* ========	SOURCE			===============================	*/

.source {
	padding:8px 0;
	font-size:10px;
	color:#414042;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
.source a {
	color:#D71920;
	text-decoration:none;
	}
.source a:hover 	{
	color:#D71920;
	text-decoration:underline;
	}

/* ============================================================	*/ 
/* ========	MENU			  	===============================	*/
/* ============================================================	*/ 

.menu {
	padding-bottom:1px;
	}
.menuItem a {
	display:block;
	padding:5px 20px;
	color:#414042;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	background:#DCDDDE url(../layout/menuBack.gif) no-repeat 0px -80px;
	}
.menuItem a:hover,
.menuItem a.active {
	color:#D71920;
	background-position:0px -40px;
	}
.menuSubItem {display:none;}
.menuSubItem a {
	display:block;
	padding-left:36px;
	font-weight:normal;
	background-color:#E6E7E8;
	}
.menuSubSubItem {display:none;}
.menuSubSubItem a {
	display:block;
	padding-left:56px;
	font-style:italic;
	font-weight:normal;
	font-size:10px;
	padding-bottom:6px;
	background-color:#F1F1F2;
	}
.menuItem a.activeMask {
	color:#D97B7F;
	background-position:0px 0px;
}


/* ============================================================	*/ 
/* ========	SEARCH RESULTS	  	===============================	*/
/* ============================================================	*/ 

.results {
	padding:8px 0;
	font-size:10px;
	color:#414042;
	}
.searchResult {
	padding:10px 0 0 0;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
.noResults {
	padding:0 0 10px 0;
	}
.searchItem {
	margin:0 0 10px 0;
	}
.searchItem a {
	display:block;
	font-weight:bold;
	color:#D71920;
	text-decoration:none;
	}
.searchItem a:hover{
	color:#D71920;
	text-decoration:underline;
	}
.pageNav {
	padding:8px 0;
	font-size:10px;
	color:#414042;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
.pageNav a 			{color:#939598;text-decoration:none;}
.pageNav a:hover	{color:#D71920;text-decoration:none;}

.pageNext {
	float:right;
	}
.pagePrevious {
	float:left;
	}
.pageNumbers {
	text-align:center;
	}
/* ============================================================	*/ 
/* ========	WEBLOG			  	===============================	*/
/* ============================================================	*/ 

.webLog {
	margin-bottom:15px;
	}
.blogItem {
	padding:8px 0;
	width:525px;
	background:transparent url(../layout/dots_wide.gif) no-repeat left bottom;
	}
.blogItem .date {
	margin-bottom:10px;
	}
.blogItem .visual img {
	display:block;
	margin-bottom:8px;
	}

.blogItem a 		{color:#D71920;text-decoration:none;}
.blogItem a:hover	{color:#D71920;text-decoration:underline;}
.react {
	margin-top:10px;
	font-size:10px;
	}




/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formGrid {
	margin:10px 0;
		}
.formGrid td {
		}
.formGrid .nameCell {
	padding:2px 0;
	width:136px;
	}
.formGrid .inputCell {
	padding-bottom:4px;
	}
.formGrid .btnCell {
	text-align:right;
	}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	padding-left:2px;
	width:128px;
	height:11px;
	font-size:10px;
	font-weight:normal;
	color:#000;
	border:1px solid #BFBFBF;
	}
label {
	vertical-align:middle;
	cursor:pointer;
	margin-right:10px;
	}
select.select {
	
	}
textarea.textarea {
	
	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {
	/*
	position:absolute;
	bottom:0;
	left:0;  
	*/
	position:relative;
	margin-top:5px;
	padding:8px 0;
	width:925px;
	clear:both;
	background:transparent url(../layout/dots_wide.gif) no-repeat left top;
	}
div.footer .footerText {
	float:right;
	text-align:right;
	color:#939598;
	font-size:10px;
	}
div.footer .footerText span {
	color:#414042;
	font-weight:normal;
	}
div.footer .footerText a,
div.footer .footerText a:hover {
	color:#939598;
	text-decoration:none;
	font-size:10px;
	}
div.footer .footerText a:hover {
	color:#D71920;
	}

/* tc */
	
div.buttons {
	background-color:#FFF;
	padding-bottom:10px;
	}
	
.intro{
		font-size: 16px;
    	font-weight: Bold;
	}	
	
	
/* NEW */

.newsletter {border:1px solid #CDCDCD;padding:10px;}
.newsletter form {margin:0;}
.newsletter h4 {margin-bottom:10px;font-size:13px;color:#999;padding-bottom:3px; }
.newsletter h4 span {border-bottom:1px solid #ED8A15;}
.newsletter h4 strong {color:#000;}
.newsletter div {}
.newsletter label {
	display:block;
	float:left;
	width:73px;
	margin:0;
	}
.newsletter .type-text {
	border:none;
	width:200px;
	height:18px;
	margin-bottom:5px;
	border-bottom:2px solid #CCC;
	background:#FFF url(../gfx/input_back.png) repeat-x left top;
	}
.newsletter .button {text-align:right;margin:10px 0;}
.newsletter .checkbox {}
.newsletter .checkbox label {width:auto;display:inline;float:none;}