@CHARSET "UTF-8";
/*
_____________________________________________________

QForma layout file
URL: http://www.qforma.nl
_____________________________________________________

01. ROOT
02. HEADINGS
03. NAVIGATION
04. SITE
05. GLOBAL OBJECTS
06. VENDOR SPECIFIC
07. LAYOUT SPECIFIC
08. MODERNIZR

*/


/*=============== 01. ROOT ================*/

	/* commented backslash hack \*/ 
	html, body { height: 100%; }
	html.oldie,
	.oldie body{
	   height: auto;
	}
	/* end hack */
	* html #wrapper { height: 100%; }
	* html.oldie #wrapper { height: auto; }
	
	body{
	   position: relative;
	   min-height: 100%;
	   background: #000;
	}
	
	#wrapper {
	   position: relative;
	   min-height: 100%;
	   height: auto;
	   width: 100%;
	   margin: 0 auto;
	   z-index: 3;
	   min-width: 990px;
	   background-color: #000000;
	}
	
	   .site-width {
	   	position: relative;
	      width: 990px;
	      margin: 0 auto;
	   }

/*=============== 02. HEADINGS ============*/
/*=============== 03. NAVIGATION ==========*/

	#menu-top {
      position: absolute;
      top: 12px;
      right: 15px;
      z-index: 40;
   }
      #menu-top .menu {
         float: right;
         margin-left: 10px;
      }
      #menu-top .menu img{
         vertical-align:text-top;
      }
      #menu-top a {
         padding: 3px 6px;
         font-size: 11px;
         color: #fff;
         text-decoration: none;
      }
         #menu-top a:hover {
            text-decoration: underline;
         }
         
	#menu-main {
      position: absolute;
      bottom: 25px;
      right: 15px;
      z-index: 25;
   }
   
	   #menu-main li{
	   	height: 35px;
	   	border-right: 1px solid #6c6c6c;
	   }
	   #menu-main ul li:last-child{ border-right: 0px; }
   
	   	#menu-main li a{
	   		padding: 4px 15px 5px;
	   		line-height: 26px;
		   	color: #fff;
		   	font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
		   	font-size: 20px;
		   	font-weight: normal;
		   }
		   
		   #menu-main li.active a,
		   #menu-main li a:hover{
		   	color: #fe0601;
		   	text-decoration: none;
		   }
		   
	#menu-sub{
		padding: 15px;
		background: #fe0201;
		-webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	}
	
		#menu-sub .inner{
			padding: 15px;
			background: #c70700; /* Old browsers */
			background: -moz-linear-gradient(top,  #c70700 0%, #b50100 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#b50100)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #c70700 0%,#b50100 100%); /* IE10+ */
			background: linear-gradient(top,  #c70700 0%,#b50100 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#b50100',GradientType=0 ); /* IE6-9 */
		}
		
		#menu-sub .inner h2{
			padding: 0px 20px 10px;
			
			font-size: 25px;
			color: #fff;
			font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
			border-bottom: 1px solid #d40201;
			text-shadow: 1px 1px 1px #000000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		
			#menu-sub ul li{
				padding: 3px 20px;
				float: none;
				display: block;
			}
			
			#menu-sub ul#newsMenu li{
				border-bottom: 1px solid #D40201;
				padding: 5px 20px;
			}
		
				#menu-sub ul li a{
					float: none;
					display: block;
					font-size: 17px;
					color: #fff;
					text-shadow: 1px 1px 1px #000000;
					filter: dropshadow(color=#000000, offx=1, offy=1);
				}
				
				#menu-sub ul li a:hover,
				#menu-sub ul li.active a{ color: #ffdf08; text-decoration: none; }
				
				#menu-sub ul li ul{
					margin: 0;
				}
				
					#menu-sub ul li ul li a,
					#menu-sub ul li.active ul li a{
						font-size: 14px;
						color: #fff;
					}
					
					#menu-sub ul li ul li a:hover,
					#menu-sub ul li.active ul li a:hover,
					#menu-sub ul li.active ul li.active a{ color: #ffdf08; }

/*=============== 04. SITE ================*/

	#container-header{
		height: 330px;
		background: url(../gfx/header-def.jpg) no-repeat center top #fff;
	}
	
		#header{
			height: 140px;
			background: #000;
		}
		
			.logo{
				position: absolute;
				left: 25px;
				top: 28px;
			}
		
	#container-main{
		background: #dbdbdb; /* Old browsers */
		background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* W3C */
	}
	
		#main { }
		
	#container-footer{}
		#footer{ padding: 25px 0; overflow: hidden; }
			#newsletter{
				background: #222222;
				float: left;
				width: 280px;
				padding: 15px;
				color: #fff;
			}
			
				#newsletterInput{
					background: #323232;
					border: 0px;
					color: #c0c0c0;
					margin-right: 5px;
					float: left;
					
				}
				
				#newsletterSubmit{
					height: 29px;
					color: #fff;
					border-color: #c70700;
					background: #c70700; /* Old browsers */
					background: -moz-linear-gradient(top,  #c70700 0%, #a50600 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#a50600)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #c70700 0%,#a50600 100%); /* IE10+ */
					background: linear-gradient(top,  #c70700 0%,#a50600 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#a50600',GradientType=0 ); /* IE6-9 */
					text-shadow: none;
				}
				
				#newsletterForm label{
					color: #fe0601;
					font-size: 19px;
					font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
					margin-bottom: 5px;
				}
				
				p#returnMsg,
				#newsletterSubmit{
					margin-bottom: 0px;
				}
			
			.footer-right{
				float: right;
				font-size: 11px;
				color: #949494;
				text-align: right;
			}
				.footer-right a{ color: #949494; text-align: right; }
			
				.footer-right .highlight{
					color: #fff;
					font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
					font-size: 17px;
					margin-bottom: 5px;
				}
				.footer-right .highlight a{ color: #fff; }
				
				#menu-social{
					padding-top: 10px;
				}
			
			
			

/*=============== 05. GLOBAL OBJECTS ======*/

.box{
	padding: 15px;
	background: #fe0201;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	margin-bottom: 15px;
	color: #fff;
}

	.box .inner{
		background: #c70700; /* Old browsers */
		background: -moz-linear-gradient(top,  #c70700 0%, #b50100 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#b50100)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c70700 0%,#b50100 100%); /* IE10+ */
		background: linear-gradient(top,  #c70700 0%,#b50100 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#b50100',GradientType=0 ); /* IE6-9 */
	}
	
	.box .boxContent,
	.box .titleContainer{
		padding: 0 15px;
		color: #fff;
	}
	
	.box .titleContainer{
		padding: 15px 15px 0;
	}
	
	.box .titleContainer h2,
	.box .titleContainer h2 a{
		color: #fff;
		font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
	}


/*=============== 06. VENDOR SPECIFIC =====*/
/*=============== 07. LAYOUT SPECIFIC =====*/

	.homePage #container-header{
		height: 550px;
		background: url(../gfx/header-home-def.jpg) no-repeat center top #fff;
	}
	
	.content-title{
		position: absolute;
		width: 440px;
		top: 70px;
		left: 0px;
		background: url(../gfx/transp.png);
	}
	
		.content-title h1{
			padding: 10px 30px;
			margin: 0px;
			float: left;
			background: #fe0201;
			font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
			color: #fff;
		}
		
		.content-title .inner{
			clear: left;
			padding: 30px;
			color: #fff;
			line-height: 30px;
		}
	
	.news-block{
		position: absolute;
		width: 440px;
		top: 70px;
		right: 0px;
		padding: 15px;
		background: #fe0201;
		-webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	}
		
			.news-block .inner{
				padding: 15px;
				line-height: 30px;
				background: #c70700; /* Old browsers */
				background: -moz-linear-gradient(top,  #c70700 0%, #b50100 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#b50100)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #c70700 0%,#b50100 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #c70700 0%,#b50100 100%); /* IE10+ */
				background: linear-gradient(top,  #c70700 0%,#b50100 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#b50100',GradientType=0 ); /* IE6-9 */
			}
			
			.news-block .inner .promi-news-block{
				color: #fff;
				border-bottom: 0px solid #da0201;
			}
			
			.news-block .inner .promi-image{
				float: right;
				margin-left: 10px;
				margin-bottom: 10px;
				width: 170px;
				height: auto;
			}
			
				.news-block h3,
				.news-block h3 a,
				.newsLink{
					font-size: 17px;
					color: #fff;
					font-family: 'EurostileLTStdMedium', Lucida Sans Unicode, Lucida Grande, sans-serif;
					text-shadow: 1px 1px 1px #000000;
					filter: dropshadow(color=#000000, offx=1, offy=1);
				}
				
				.news-block h3 a:hover,
				.newsLink:hover{
					color: #fe0601;
					text-decoration: none;
				}
			
			.newsLink{
				display: block;
				border-bottom: 1px solid #da0201;
				padding: 5px 0px;
			}
			
			.inner .newsLink:last-child,
			.inner .newsLink:only-child{ border-bottom: 0px; }
	
	
	/* boxes */
	.homePage .box{
		width: 280px;
		float: left;
		margin-right: 30px;
	}
	
	.homePage #main{ 
		padding: 30px 0 15px;
	}
	
	.homePage #main .box.item-2 { margin-right: 0px; }
	
	.homePage #main .box.item-0,
	.homePage #main .box.item-2{ 
		background: #587b2b;
	}
	
	.homePage #main .box.item-0 .inner,
	.homePage #main .box.item-2 .inner{ 
		background: #446020; /* Old browsers */
		background: -moz-linear-gradient(top,  #446020 0%, #446020 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#446020), color-stop(100%,#446020)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #446020 0%,#446020 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #446020 0%,#446020 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #446020 0%,#446020 100%); /* IE10+ */
		background: linear-gradient(top,  #446020 0%,#446020 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446020', endColorstr='#446020',GradientType=0 ); /* IE6-9 */
	}
	
	.homePage #main .box.item-1{ 
		background: #006aa7;
	}
	
	.homePage #main .box.item-1 .inner{ 
		background: #0a6ca5; /* Old browsers */
		background: -moz-linear-gradient(top,  #0a6ca5 0%, #0b89d2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a6ca5), color-stop(100%,#0b89d2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0a6ca5 0%,#0b89d2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0a6ca5 0%,#0b89d2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0a6ca5 0%,#0b89d2 100%); /* IE10+ */
		background: linear-gradient(top,  #0a6ca5 0%,#0b89d2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6ca5', endColorstr='#0b89d2',GradientType=0 ); /* IE6-9 */
	}
	
	
	
			
	.contactPage #container-header{
		height: 440px;
		background: #DBDBDB;
	}
	
	.contactPage #header{ z-index: 30; }		
	#gmapsContainer{
		height: 300px;
	}
	
	.contactPage #left{
		width: 580px;
	}
	
	.contactPage #right{
		width: 390px;
	}
	
		label#naam,
		label#email,
		label#telefoon,
		label#bericht{ display: none; }
		
		label#recaptcha{
			padding-right: 10px;
			margin-bottom: 5px;
		}
		
		#recaptcha_widget_div{
			margin-bottom: 10px;	
		}
		
		#contactForm input:not(#submit),
		#contactForm #contactForm_bericht{
			width: 308px;
		}
		
		#contactForm #contactForm_bericht{
			height: 100px;
		}
		
		#container-maps{
			width: 100%;
			height: 300px;
		}
		
		#map_canvas{
			width: 100%;
			height: 300px;
			border: 0px;
			padding: 0px;
		}
		
		#route-controller{
		   position: absolute;
		   bottom: 10px;
		   right: 10px;
		   font-size: 11px;
		   z-index: 10;
		   padding: 10px;
		   border: 1px solid #ccc;
		   background: url(../gfx/transp.png) repeat top left;
		   width: 260px;
		}
		
		#input-address{ float: left; margin-bottom: 0px; }
		
		#calcRoute{
			background: #c70700; /* Old browsers */
			background: -moz-linear-gradient(top,  #c70700 0%, #a50600 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#a50600)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #c70700 0%,#a50600 100%); /* IE10+ */
			background: linear-gradient(top,  #c70700 0%,#a50600 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#a50600',GradientType=0 ); /* IE6-9 */
			border-color: #C70700;
			color: #FFFFFF;
			text-shadow: none;
			height: 30px;
			margin-left: 5px;
			margin-bottom: 0px;
		}
		
		
		#contactForm #submit{
			color: #fff;
			border-color: #c70700;
			background: #c70700; /* Old browsers */
			background: -moz-linear-gradient(top,  #c70700 0%, #a50600 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70700), color-stop(100%,#a50600)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #c70700 0%,#a50600 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #c70700 0%,#a50600 100%); /* IE10+ */
			background: linear-gradient(top,  #c70700 0%,#a50600 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70700', endColorstr='#a50600',GradientType=0 ); /* IE6-9 */
			text-shadow: none;
		}
		
		
	.nieuwsPage #left{
		width: 600px;
		margin-right: 60px;
	}

/*=============== 08. MODERNIZR ===========*/
      #logo {
         display: block;
         position: absolute;
         top: 14px;
         left: 0;
      }
      #main .column {
         padding: 20px 0;
      }
      #left {
         width: 660px;
      }
      #right {
         width: 310px;
         margin-left: 20px;
      }
        



.menu,
.blocks {
   list-style: none;
   margin: 0;
}
   .column,
   .blocks li,
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}