/* ---  reset --- */
body, html, div, h1, h2, h3, h4, h5, h6, p, a, ul, li {
	padding: 0;
	margin: 0;
}
ul, li {
	list-style-type: none;ƒ
}
a {
	text-decoration: none;
	color: #0C58B6;
}
h2 {
	font-weight: lighter;
}
/* --- taalkeuze --- */
#taalmenu{
	clear: both;
	background: url(img/bluemenu.png) left 62px no-repeat;
	height: 60px;
	padding-top: 17px;
}
#taalmenu p{
	background: url(img/gray.png) 0 0 repeat;
	height: 45px;
}
#taalkeuze{
	clear: both;
	background: url(img/bluemenu.png) left 130px no-repeat;
	height: 127px;
	padding-top: 17px;
}
	
#taalkeuze ul{
	background: url(img/gray.png) 0 0 repeat;
	height: 113px;
	text-align: center;
}
#taalkeuze ul li a{
	color:#fff;
}
#taalkeuze ul li a:hover{
	color:#0050B2;
}
#nederlands{
	float: left;
	text-align: center;
	margin:50px 60px 0 60px;
}
li#nederlands a, li#frans a{
	color: #fff;
	font-size: 23px;
}
li#nederlands a:hover, li#frans a:hover{
	text-decoration:underline;}
#frans{
	float: left;
	margin-right: 40px;
	text-align: center;
	margin-top: 50px;
}



/* --- style --- */
body {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: url(img/background.png) 0 0 repeat;
}
#container {
	width: 1050px;
	margin: 0 auto;
	background-color: #FFF;
	height: auto;
	background: url(img/shadow.png) center top repeat-y;
	overflow: hidden;
	padding-bottom: 10px;
}
#header {
	height: auto;
	width: 1050px;
}
#logo {
	height: 5px;
	background-color: #0050B2;
	width: 1020px;
	margin-left: 15px;
}
#logo img {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	padding: 5px 10px 5px 0;
	border-right: 1px solid #CCCCCC;
}
#tagline {
	float: left;
	padding: 65px 0 0 53px;
}
#tagline p a, #footer p a {
	color: #0C58B6;
	text-decoration: underline;
}
#language{
	float: right;
	background: url(img/shadowright.png) right 45px no-repeat;
	margin-top: 50px;
}
#language ul{
	background: url(img/blue.png) 0 0 repeat-x;
	height: 60px;
	width: 86px;
}
#language li{
	float:left;
	padding:15px 0 0 17px;
	font-size:16px;
}
#language li a{
	color:#fff;
}
#language li a:hover{
	text-decoration:underline;
}
#language li a.activelang{
	text-decoration:underline;
}
ul#menu {
	clear: both;
	background: url(img/bluemenu.png) left 62px no-repeat;
	height: 60px;
	padding-top: 17px;
}
ul#menu li {
	float: left;
	display: block;
}
ul#menu li:first-child {
	width: 196px;
	background: url(img/gray.png) 0 0 repeat-x;
	height: 45px;
}
ul#menu li.active {
	background: url(img/blue.png) 0 0 repeat-x;
}
ul#menu li {
	background: url(img/gray.png) 0 0 repeat-x;
	height: 45px;
	text-align: center;
	width: 213px;
	font-size: 16px;
}
ul#menu li:hover {
	background: url(img/blue.png) 0 0 repeat-x;
}
ul#menu li:hover .submenu {
	display: inline-block;
}
ul#menu ul#nav_categories li:hover ul {
	display:inline-block;
	
}
ul#menu li a {
	color: #fff;
	display: block;
	padding-top: 15px;
}
ul#menu ul.submenu {
	width: 213px;
	margin-top: 11px;
	display: none;
	z-index: 100;
	position: relative;
}
ul#menu ul.submenu li {
	background: url(img/gray.png) 0 0 repeat-x;
	font-size: 16px;
	/*margin-top: 2px;*/
	width: 213px;
	position:relative;
}
ul#menu ul.submenu li a {
	color: #fff;
}
ul#menu ul.submenu li:hover {
	background: url(img/blue.png) 0 0 repeat-x;
}
ul#menu ul#nav_categories li ul {
	width: 213px;
	display: none;
	z-index: 100;
	position: absolute;
	/*top:-2px;
	left:215px;*/
	top:0px;
	left:213px;
}

/* gallery */
.gallery{
	overflow:hidden;
	position:relative;
	width:1020px;
	height:285px;
}
.gallery .mask{overflow:hidden;}
.gallery .mask ul{
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	position:relative;
	min-height:300px;
}
.gallery .mask li{
	position:absolute;
	left:0;
	top:0;
}
.gallery .mask .content{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:240px;
	color:#fff;
	padding:52px 41px 20px 49px;
	line-height:17px;
	background:url(/images/bg-transparent.png);
}
.gallery .mask .title{
	display:block;
	margin:0 0 15px;
	font:40px/46px 'Bebas Neue Reg', Impact, Charcoal, sans-serif;
}
.gallery .mask p{margin:0 0 13px;}
.main-block .btn-link,
.gallery .mask .more{
	float:right;
	background:url(/img/sprite.png) no-repeat 100% -288px;
	padding:0 6px 0 0;
	color:#fff;
	text-decoration:none;
	font:21px/25px 'Bebas Neue Reg', Impact, Charcoal, sans-serif;
}
.gallery .mask .more{height:31px;}
.gallery .mask .more:hover{background-position:100% -350px;}
.main-block .btn-link em,
.gallery .mask .more em{
	float:left;
	background:url(/img/sprite.png) no-repeat 0 -257px;
	padding:3px 10px 3px 9px;
	cursor:pointer;
	position:relative;
	font-style:normal;
}
.gallery .mask .more em:after{
	content:'';
	position:absolute;
	width:6px;
	height:7px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:url(/img/sprite.png) no-repeat -193px -52px;
}
.gallery .mask .more:hover em{background-position:0 -319px;}
.gallery .prev,
.gallery .next{
	position:absolute;
	width:16px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	top:50%;
	left:14px;
	background:url(/img/sprite.png) no-repeat 0px -26px;
}
.gallery .next{
	background-position:-213px 0;
	left:305px;
}
.gallery .prev:hover{background-position:-196px -27px;}
.gallery .next:hover{background-position:-213px -27px;}

/* --- breadcrumb --- */

#breadcrumb {
	float: left;
	font-size: 12px;
	margin: 48px 0 0 40px;
	color: #0C58B6;
}
#breadcrumb a, #offerte a, .nieuws a {
	color: #0C58B6;
	text-decoration: underline;
}
#offerte {
	float: right;
	font-size: 12px;
	margin: 48px 40px 0 0;
	color: #0C58B6;
}
/* --- Content --- */


#content {
	position: relative;
	margin: -15px 0 0 15px;
}
#bluebox {
	background: url(img/bluebox.png) 0 0 no-repeat;
	width: 395px;
	height: 130px;
	position: absolute;
	right: 30px;
	margin-top: 75px;
	z-index:100;
}
#greenbox {
	position: absolute;
	background: url(img/greenbox.png) 0 0 no-repeat;
	width: 186px;
	height: 61px;
	bottom: 30px;
	right: 50px;
	z-index:100;
}
#greenbox p {
	font-size: 18px;
	padding: 13px 0 0 20px;
}
#greenbox p a {
	color: #fff;
}
#content h1 {
	text-align: right;
	font-size: 14px;
	color: #fff;
	margin: 33px 0 0 60px;
	width: 300px;
}
.sectie {
	width: 315px;
	float: left;
	margin: 40px 0 30px;
}
.text {
	width: 250px;
	margin: 0 auto;
}
.sectie h2 {
	font-size: 23px;
}
.sectie h3{
	padding-top: 35px;
	font-weight: lighter;
	color: #666666;
	font-size: 20px;
}
.sectie p{
	color: #999999;
	font-size: 15px;
	line-height: 20px;
	padding-top: 30px;
}
.sectie#ramen, .sectie#deuren, .sectie.latestnews {
	background: url(img/border.png) right bottom no-repeat;
}
#nieuws:nth-child(){
	background:transparent;
}
.sectie#ramen h2 {
	background: url(img/raam.png) left center no-repeat;
	width: 110px;
	margin: 0 auto;
}
.sectie#deuren h2 {
	background: url(img/deur.png) left center no-repeat;
	width: 116px;
	margin: 0 auto;
}
.sectie#veranda h2 {
	background: url(img/veranda.png) left center no-repeat;
	width: 150px;
	margin: 0 auto;
}
.promo{
	width: 510px;
	float: left;
	margin: 40px 0 30px;
	}
.promo h3 {
	padding-top: 20px;
	font-weight: lighter;
	color: #666666;
	font-size: 18px;
}
.promo p{
	color: #999999;
	font-size: 15px;
	line-height: 20px;
	padding-top: 20px;
}
.promotext{
	width: 450px;
	margin: 0 auto;
}
.promotext h2{
color: #666666;
font-size: 23px;
text-transform: uppercase;
}
.more {
	float: right;
	padding-top: 20px;
}
.more a {
	color: #0050B2;
	font-size: 12px;
}
#contentonder {
	clear: both;
	margin-left: 15px;
}
#balk {
	background: url(img/background.png) 0 0 repeat;
	height: 60px;
	width: 1020px;
	margin-bottom: 30px;
}
#balk h2 {
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
}
.Lblauw {
	clear: both;
	background: url(img/hoek.png) left 45px no-repeat;
	margin-left: -15px;
	height: 60px;
	
}
.Lblauw h2 {
	font-size: 18px;
	background: url(img/blue.png) 0 0 repeat-x;
	height: 45px;
	text-align: center;
	padding-top: 13px;
	color: #fff;
}
.Lgroen {
	clear: both;
	background: url(img/hoek.png) left 75px no-repeat;
	margin-left: -15px;
	width: 196px;
	float: left;
}
.Lgroen h2 {
	font-size: 18px;
	background: url(img/green.png) 0 0 repeat-x;
	height: 45px;
	text-align: center;
	padding-top: 13px;
	color: #fff;
	margin-top: 30px;
}
.Lgroen h2 a{
	color: #fff;
}
.Lgroen h2 a:hover{
	color:#0C58B6;
}
.Lgroen h2.none:first-child{
	display:none;
}
#contentonder .foto a{
	margin-bottom:0;
}
.foto {
	display: inline-block;
	width: 990px;
	margin-left: 30px;
	padding: 45px 0;
}
.foto a{
	width: 100px;
	height: 100px;
	display: inline-block;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	overflow:hidden;
}
.foto img {
	float: left;
	margin-right: 52px;
	height: 100%;
}
#profiel {
	margin: 25px auto 20px;
}

.profielimg{
	float:left;
	margin-right:61px;
	display:block;
}
.profielimg:last-child{
	margin-right:0;
}
.profielimg a{
	display:block;
}
.profielimg h3{
	text-align:center;
	padding-top:20px;
}
.profielimg a{
	color: #0C58B6;
	font-size: 16px;
}
.profiellinks{
	margin: 0 20px;
	float: left;
	width: 800px;
	text-align: justify;
}
.profielrechts{
	float: right;
	width:100px;
}
.profiellinks h2 {
	font-size: 23px;
}
.profiellinks h2:first-child{
	padding:0 0 10px 0;
}
.profiellinks h2{
	padding:20px 0 10px 0;
}

.profiellinks p {
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
}
.profielrechts #pdf{
	background: url(img/blue.png) 0 0 repeat;
	display:inline-block;
	margin-top:10px;
}
.profielrechts #pdf a{
	text-align: center;
	color: white;
	padding: 20px;
	display: block;
	font-size: 14px;
}
.omschrijving {
	clear: both;
	padding: 40px 50px 0 40px;
}
.omschrijvingtext {
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 10px;
}
.omschrijvingtext h2 {
	color: #666666;
	font-size: 20px;
	text-transform:uppercase;
}
.omschrijvingtekst h2 a {
	color: #0C58B6
}

ul#produktnaam {
	width: 916px;
	margin: 0 auto;
}
ul#produktnaam li {
	float: left;
	color: #0C58B6;
	font-size: 16px;
	margin-right: 61px;
	width: 101px;
	text-align: center;
}
ul#produktnaam li:last-child {
	margin-right: 0;
}
/* --- nieuws --- */
.nieuws{}
.nieuws p{
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0 30px;
	margin: 0 20px;
	text-align: justify;
}
/* --- contact --- */
#contactbox {
	clear: both;
	background: url(img/contactbox.png) 0 0 no-repeat;
	width: 293px;
	height: 195px;
	margin-left: -15px;
	float: left;
}
#contactbox h2 {
	font-size: 18px;
	color: #fff;
	padding: 35px 0 20px 45px;
}
#contactbox p {
	font-size: 15px;
	color: #fff;
	padding-left: 45px;
}
#map {
	float: left;
	margin-left: 97px;
}
#clientlogo {
	float: left;
	margin: 35px 0 0 255px;
}
#clientlogo img {
	margin-right: 75px;
}
/* --- footer --- */
#footer {
	background: url(img/blueshadow.png) center top no-repeat;
	width: 1050px;
	margin: 0 auto;
}
#footer p {
	padding: 30px 0 25px 0;
	text-align: center;
	font-size: 12px;
}
/* --- iframe --- */

small {
	background: url(img/green.png) 0 0 repeat;
	padding: 8px 0;
	margin-top: -39px;
	display: inline-block;
	z-index: 1;
	color: #fff;
	width: 612px;
	text-align: center;
	font-size: 18px;
}
/* --- contactform --- */

#mail, #offertform{
	float:left;
	position:relative;
}
#mail form, #offertform form{
	float:left;
}
#mail label, #offertform label{
	float:left;
	width:100px;
}
#mail input, #offertform input {
	height: 25px;
	width: 240px;
	display: block;
	margin-right: -10px;
}
#mail textarea, #offertform textarea {
	height: 120px;
	width: 240px;
	max-width: 240px;
	margin-right: -10px;
}
#mail p, #offertform p {
	margin-top: 30px;
	font-size: 14px;
	line-height: 14px;
}
#mail p #button, #offertform p #button {
	background: url(img/green.png) 0 0 repeat;
	color: #FFF;
	border: none;
	width: 246px;
	height: 30px;
	margin: 20px 0 20px 100px;
	font-size: 18px;
	font-weight: lighter;
}
#mail p span, #offertform p span{
	margin:15px 0 -15px 100px;
	display:block;
	color:#F00;
	font-style:italic;
}
#box p{
	display: inline-block;
	margin: 20px 50px 20px 0;
}

#box input{
	width:auto;
	display:inline;
	margin-right:0;
	height:auto;
	margin-right:5px;
}
#box label{
	float:none;
	width:auto;
}
#offertform #error{
	top:110px;
}
#error{
	/*margin: 9px 0 0 15px;
	float: left;*/
	display: block;
	position: absolute;
	top: 10px;
	left: 355px;
	width: 100%;
}
#error p{
	margin-bottom:43px;
	color:#F00;
	font-style:italic;
	height:17px;
}
#success p{
	font-size:16px;
	margin:40px 0;
	color:#666666;
}
input:focus, textarea:focus
{
	outline-color:#0050B2;
}
/* --- noMargins --- */
.nobottom {
	margin-bottom: 0;
}
.noLeft {
	margin-left: 0 !important;
}
.noPaddingleft h2 {
	padding-left: 0;
}
.noPaddingbottom {
	padding-bottom: 0 !important;
}
.marginBottom {
	margin-bottom: 20px;
}