html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body, html{
	height: 100%;
	margin: 0;
	padding: 0;
	color:#686868;
}

body, html, input, textarea{
	font-family: 'Open Sans', sans-serif;
}

body{
	position: relative;
	max-width: 2000px;
	width: 100%;
	margin: 0 auto;
}

*{
	margin: 0;
	padding: 0;
}

img {border: 0;}

.clear{
	float: none!important;
	clear: both; 
	list-style: none;
}

.wrapper{
	max-width: 1018px;
	margin: 0 auto;
	padding: 0 20px;
}
.catintro a {
        font-size: inherit;
        font-family: 'Open Sans', sans-serif;
        color: black;
}
.outer-wrap {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}
.inner-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
/* ********************************************************************************************* */
/* Website */
/* ********************************************************************************************* */
.nav-btn-toggle{
	display: none;
}
.mobile-nav,
.inner-wrap{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-js .mobile-nav:target,
.mobile-nav.nav-open{
	right: 0;
}
.no-js .mobile-nav:target + .inner-wrap,
.mobile-nav.nav-open + .inner-wrap,
.mobile-nav.nav-open + .inner-wrap .push{
	right: 90%;
}

.mobile-nav{
	position: fixed;
	right: -90%;
	top: 0;
	width: 90%;
	height: 100%;
	overflow-y: auto;
	background: #393C42;
}

	.mobile-nav .nav-btn{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 50px;
		height: 50px;
		color: #fff;
		text-align: center;
	}

		.mobile-nav .nav-btn i{			
			line-height: 50px;
			font-size: 18px;
		}

		.mobile-nav .nav-btn.nav-btn-left{
			left: 0;
			right: auto;
		}

		.mobile-nav .nav-btn:hover,
		.mobile-nav .nav-btn:focus{
			background-color: #195b9b;
		}

	.mobile-nav ul{
		list-style: none;
		margin: 0;
		padding: 50px 0 0;
		width: 100%;
	}

		.mobile-nav ul ul{
			padding: 0;
		}

		.mobile-nav ul li a,
		.mobile-nav ul li span{
			display: block;
			width: 100%;
			font-size: 14px;
			line-height: 40px;
			color: #fff;
			text-decoration: none;
			padding: 0 20px;
			font-weight: bold;
		}

			.mobile-nav ul li a:hover,
			.mobile-nav ul li a:active{
				color: #fff;
				background:  #195b9b;
			}

		.mobile-nav ul li span{
			color:  #fff;
			background: #195b9b;
		}

		.mobile-nav ul ul a:before{
			content: "-";
			padding: 0 15px 0 0;
			font-weight: bold;
		}

#header{
	height: 100px;
	z-index: 1;
}

	#logo{
		float: left;
		padding: 17px 0;
	}
	
	#main-nav{
		position: relative;
		float: right;
		list-style: none;
		padding: 33px 0;
		z-index: 10;
	}
	
		#main-nav > li{
			position: relative;
			float: left;
		}
	
			#main-nav > li > a,
			#main-nav > li > span{
				display: block;
				padding: 0 15px;
				font-size: 14px;
				color: #747474;
				text-decoration: none;
				line-height: 34px;
			}
	
			#main-nav > li.current > span{
				color: #262626;
				font-weight: bold;
			}
			
			#main-nav > li:hover > a{
				line-height: 32px;
				padding: 0 14px;
				background: #f5f5f5;
				border: 1px solid #ededed;
				
				-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1.0);
				box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1.0);
				
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			
			#main-nav > li.has-submenu:hover > a{					
				position: relative;
				z-index: 1;					
				border-bottom: 0;
				padding: 0 14px 1px;
				
				-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 1.0);
				box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 1.0);
			}
	
			#main-nav > li > a.button{
				margin: 0 0 0 5px;
				padding: 0 10px;
				color: #fff;
				
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				
				background: #005bb4; /* Old browsers */
				background: -moz-linear-gradient(top,  #005bb4 1%, #00407f 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#005bb4), color-stop(100%,#00407f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #005bb4 1%,#00407f 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bb4', endColorstr='#00407f',GradientType=0 ); /* IE6-9 */					
			}
				
			#main-nav li a.button:hover{
				border: 0;
				line-height: 34px;
				
				-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 1.0);
				box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 1.0);
				
				background: #00407f; /* Old browsers */
				background: -moz-linear-gradient(top,  #00407f 0%, #005bb4 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00407f), color-stop(100%,#005bb4)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #00407f 0%,#005bb4 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407f', endColorstr='#005bb4',GradientType=0 ); /* IE6-9 */
			}
			
			#main-nav li:hover > ul{
				display: block;
			}
			
			#main-nav > li > ul{
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				list-style: none;
				margin: 31px 0 0 0;
				padding: 0;
				background: #f5f5f5;
				border-top: 1px solid #ededed;
				border-bottom: 1px solid #ededed;
				z-index: 0;
				
				-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1.0);
				box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1.0);
				
				-webkit-border-radius: 2px;
				-webkit-border-top-left-radius: 0;
				-moz-border-radius: 2px;
				-moz-border-radius-topleft: 0;
				border-radius: 2px;
				border-top-left-radius: 0;
			}
			
				#main-nav > li > ul > li{
					position: relative;
					width: 280px; /*voorheen 200px */
				}
				
					#main-nav > li > ul > li > a{
						display: block;
						padding: 0 15px;
						font-size: 12px;
						font-weight: 600;
						line-height: 28px;
						color: #747474;
						text-decoration: none;
						border-left: 1px solid #ededed;
						border-right: 1px solid #ededed;
					}
				
					#main-nav > li > ul > li:hover > a{
						color: #fff;
						background: #585858;
						border-left: 1px solid #585858;
						border-right: 1px solid #585858;
					}
					
					#main-nav > li > ul ul{
						list-style: none;
						display: none;
						position: absolute;
						top: 0;
						left: 0;
						margin: -3px 0 0 280px; /*voorheen 200px */
						padding: 3px 0;
						background: #585858;
						
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
					}
					
						#main-nav > li > ul ul li{
							width: 200px;
						}
					
							#main-nav > li > ul ul li a{
								display: block;
								padding: 0 15px;
								line-height: 28px;
								color: #fff;
								text-decoration: none;
							}
					
							#main-nav > li > ul ul li:hover a{
								background: #7f7f7f;
							}
			
#slideshow-wrapper{
	position: relative;	
	z-index: 0;
}
	
	.cycle-slideshow{
		min-height: 200px;
		height: 50vh;
		max-height: 500px;
		width: 100%;
	}

	.slide{
		display: block;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
#intro{
	background: #195b9b;
	color: #fff;
}
	
	#intro .text{
		padding: 27px 54px;
		background: #195b9b;
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		line-height: 40px;
		text-align: center;
	}
	
	#breadcrumb-big{
		padding: 40px 0;
        font-size: 24px;
        font-weight: 700;
	}
	
		#breadcrumb-big a{
			font-size: 18px;
			font-weight: 300;
			color: #fff;
			text-decoration: none;
		}
	
		#breadcrumb-big a:hover{
			text-decoration: underline;
		}
	
		#breadcrumb-big #current-bc{
			display: block;
			font-size: 45px;
			font-weight: bold;
			color: #fff;
		}
	
	#breadcrumb-small{
		padding: 30px 0 20px;
		font-size: 11px;
		font-weight: 300;
		font-style: italic;
		color: #858585;
	}
	
		#breadcrumb-small a{
			color: #858585;
			text-decoration: none;
		}
	
		#breadcrumb-small a:hover{
			text-decoration: underline;
		}
	
#main-search{
	padding: 40px 20px;
	border-bottom: 1px solid #d9d9d9;
}
	
	.search.widget{
		overflow: hidden;
		width: auto;
	}

	#main-search form{
	}

		#main-search .search-label{
			float: left;
			width: 230px;
			font-weight: 300;
			font-size: 30px;
			color: #3c3c3c;
			line-height: 40px;
		}
	
			#main-search .search-label strong{
				font-weight: 600;
			}
		
			#main-search input.search{
				float: left;
				width: 80%;
				padding: 0 20px;
				height: 38px;
				line-height: 38px;
				border: 1px solid #cdcdcd;
				font-size: 18px;
				font-weight: 300;
				color: #a5a5a5;
				
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				
				-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);        
				box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
			}
		
			#main-search input.search:focus{
				outline: none;
			}
		
			#main-search #search-overlay{
				position: absolute;
				top: 0;
				left: -5px;
				width: 12px;
				height: 40px;
				background: url(../image/layout/main-search.jpg) no-repeat center;
			}
		
		#main-search input.submit{
			float: right;
			height: 40px;
			line-height: 40px;
			color: #fff;
			border: 0;
			width: 18%;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			
			background: #005bb4; /* Old browsers */
			background: -moz-linear-gradient(top,  #005bb4 1%, #00407f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#005bb4), color-stop(100%,#00407f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #005bb4 1%,#00407f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bb4', endColorstr='#00407f',GradientType=0 ); /* IE6-9 */
		}
		
		#main-search input.submit:hover{
			background: #00407f; /* Old browsers */
			background: -moz-linear-gradient(top,  #00407f 0%, #005bb4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00407f), color-stop(100%,#005bb4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #00407f 0%,#005bb4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407f', endColorstr='#005bb4',GradientType=0 ); /* IE6-9 */
		}
		
		.list.search.module ul{
			margin: 0!important;
		}
		
		.list.search.module .item{
			margin: 15px 0 0 0!important;
			padding: 0!important;
		}
		
		.list.search.module h3 a{
			display: block;
			padding: 15px;
		}
		
		.list.search.module h3 a:hover{
			color: #195b9b!important;
		}

#content.home{
	padding: 65px 20px;
}

	#content.home .block{
		float: left;
		width: 50%;
		padding: 0 15px 0 0;
	}

	#content.home .block.no-margin{
		padding: 0 0 0 15px;
	}

		#content.home .block .icon{
			float: left;
			width: 84px;
		}

		#content.home .block .text{
			overflow: hidden;
			padding-left: 40px;	
		}

			#content.home .block .text h2{
				font-size: 30px;
				font-weight: 300;
				color: #060606;
				margin: 0 0 20px;
			}
	
			#content.home .block .text p{
				font-size: 14px;
				font-weight: 300;
				line-height: 26px;
				color: #6c6c6c;
			}
			
#contact{
	padding: 0 20px 50px;
	font-size: 12px;
}

	#contact #sidebar .contactinformation{
		background: #eeeeee;
		padding: 20px;
		font-size: 12px;
		line-height: 24px;
		
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

		#contact #sidebar .contactinformation .title{
			font-weight: 600;
			font-size: 24px;
			color: #3c3c3c;
			margin: 0 0 20px;
		}

		#contact #sidebar .contactinformation a{
			color: #3c3c3c;
		}

		#contact #sidebar .contactinformation a:hover{
			text-decoration: none;
		}
		
		.form-submit,
		.form-reset{
			background: #195b9b!important;
			color: #fff!important;
			font-size: 12px!important;
		}
		
		.form-submit:hover,
		.form-reset:hover{
			background: #0e4b86!important;
		}
			
#default{
	padding: 0 20px 50px;
	font-size: 12px;
}

	#default .content,
	#contact .content{
		float: left;
		width: 65%;
		padding-right: 50px;
	}

	#default #sidebar,
	#contact #sidebar{
		overflow: hidden;
	}

		#default #sidebar .search-widget{
			background: #eeeeee;
			padding: 20px;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}

		#default #sidebar .search-widget .title{
			font-weight: 300;
			font-size: 24px;
			color: #3c3c3c;
		}
	
			#default #sidebar .search-widget .title strong{
				font-weight: 600;
			}
		
		#default #sidebar .search-widget input.search{
			margin: 10px 0 0 0;
			width: 170px;
			padding: 0 20px;
			height: 38px;
			line-height: 38px;
			border: 1px solid #cdcdcd;
			font-size: 18px;
			font-weight: 300;
			color: #a5a5a5;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			
			-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);        
			box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
		}
	
		#default #sidebar .search-widget input.search:focus{
			outline: none;
		}
		
		#default #sidebar .search-widget input.submit{
			margin: 15px 0 0 0;
			height: 40px;
			line-height: 40px;
			color: #fff;
			border: 0;
			width: 212px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			
			background: #005bb4; /* Old browsers */
			background: -moz-linear-gradient(top,  #005bb4 1%, #00407f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#005bb4), color-stop(100%,#00407f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #005bb4 1%,#00407f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bb4', endColorstr='#00407f',GradientType=0 ); /* IE6-9 */
		}
		
		#default #sidebar .search-widget input.submit:hover{
			background: #00407f; /* Old browsers */
			background: -moz-linear-gradient(top,  #00407f 0%, #005bb4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00407f), color-stop(100%,#005bb4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #00407f 0%,#005bb4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407f', endColorstr='#005bb4',GradientType=0 ); /* IE6-9 */
		}

		#default .content h1,
		#contact .content h1{
			font-size: 24px;
			font-weight: bold;
			color: #747474;
			margin: 0 0 30px;
		}

		#default .content h2,
		#contact .content h2{
			font-size: 16px;
			font-weight: bold;
			color: #747474;
			margin: 0 0 0px;
		}

		#default .content p,
		#contact .content p{
			font-size: 12px;
			line-height: 24px;
			margin: 0 0 15px;
		}

		#default .content a,
		#contact .content a{
			color: #747474;
			font-size: 12px;
			line-height: 24px;
		}

		#default .content ul,
		#default .content ol,
		#contact .content ul,
		#contact .content ol{
			margin: 0 0 15px 20px;
			font-size: 12px;
			line-height: 24px;
			color: #747474;

		}

		.product.detail.module .content ol{
			margin: 0 0 15px 20px;
		}

/*uitgelicht*/

#assortiment .product.uitgelicht.module{
	padding: 0 0 20px 0;
}
			
	#assortiment .list.module .uitgelicht{
		float: left;
		position: relative;
		border-style: solid;      
		border-width: 2px;
		border-color: #195b9b;
		height: 255px;
		width: 306px;
		margin: 0 14px 19px 0;
	}
	
	#assortiment .list.module .uitgelicht.nr3,
	#assortiment .list.module .uitgelicht.nr6,
	#assortiment .list.module .uitgelicht.nr9,
	#assortiment .list.module .uitgelicht.nr12,
	#assortiment .list.module .uitgelicht.nr15,
	#assortiment .list.module .uitgelicht.nr18,
	#assortiment .list.module .uitgelicht.nr124
	{
		margin-right: 0;
	}
			
		#assortiment .list.module .uitgelicht .thumbnail{
			top: 0;
			left: 0;
			float: none;
			margin: 0;
			height: 100%;
			width: 100%;
			overflow: hidden;
			z-index: -1;	
		}
			
			#assortiment .list.module .uitgelicht .thumbnail a{
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center center;
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				background-size: contain;
			}
				
				#assortiment .list.module .uitgelicht .thumbnail img{
					display: block;
					height: auto;
                    width: 306px;
                    min-height: 222px;
                    min-width: auto;
					border: 0;
				}

	
		#assortiment .list.module .uitgelicht h2{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			text-align: center;
			margin: 0;
			background-color:#195b9b;
		}				
			#assortiment .list.module .uitgelicht h2 a{
				padding: 8px;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
			}
			
		#assortiment .list.module .uitgelicht:hover h2{
			background: #1d568e;
		}
			
			#assortiment .list.module .uitgelicht h2 a{
				margin: 0;
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #FFF;
			}
            
            #assortiment .list.module .uitgelicht .link a{
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: url(../image/layout/read-more.png) bottom right no-repeat;
                z-index: 1;				
            }
        
		#assortiment .list.module .uitgelicht {
			float: left;
			position: relative;
			border-style: solid;
			border-width: 2px;
			border-color: #686868;
			height: 255px;
			width: 32%;
			list-style-type: none;
			margin: 0 2% 19px 0;
		}			


/*einde uitgelicht*/	

#assortiment .product.item.module{
	padding: 0 0 20px 0;
}
			
	#assortiment .list.module .item{
		float: left;
		position: relative;
		border-style: solid;      
		border-width: 2px;
		border-color: #3c3c3c;
		height: 255px;
		width: 32%;
		margin: 0 2% 19px 0;
		overflow: hidden;
	}
			
	#assortiment .list.module .item:nth-child(3n){
		margin-right: 0;
	}
			
		#assortiment .list.module .item .thumbnail{
			/* position: absolute; */
			top: 0;
			left: 0;
			float: none;
			margin: 0;
			height: 100%;
			width: 100%;
			overflow: hidden;
			z-index: -1;	
		}
			
			#assortiment .list.module .item .thumbnail a{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center center;
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				background-size: contain;
			}
				
				#assortiment .list.module .item .thumbnail img{
					display: block;
						width: 100%;
					border: 0;
				}
				
		#assortiment .list.module .item h2{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			text-align: center;
			margin: 0;
			background-color: #3c3c3c;
			z-index: 1;
		}				
			#assortiment .list.module .item h2 a{
				padding: 8px;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
			}
			
		#assortiment .list.module .item:hover h2{
			background: #4d4d4d;
		}
			
			#assortiment .list.module .item h2 a{
				margin: 0;
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #FFF;
			}
			
		#assortiment .list.module .item .link a{
			 position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			
			 background: url(../image/layout/read-more.png) bottom right no-repeat;
			z-index: 1;				
		}
			
	#assortiment .product.detail.module{
		padding: 0 0 30px 0;
        margin-top: 30px;
	}

		#assortiment .product.detail.module .thumbnail{
			width: 50%;
			margin: 0;
			padding: 0;
			border: 0;
			text-align: center;
		}
				
			#assortiment .product.detail.module .thumbnail img{
				width: 100%;
				height: auto;
                margin-right: 30px;
                max-width: 450px;
			}

			#assortiment .product.detail.module h1{
				display: inline-block;
                margin-left: 50%;
			}
				
		#assortiment .product.detail.module h3{
			font-size: 18px;
			font-weight: bold;
			color: #747474;
		}
				
		#assortiment .product.detail.module .content{
			overflow: hidden;
			font-size: 14px;
			font-weight: 600;
			line-height: 28px;
			color: #454545;
            padding: 10px;
		}
				
			#assortiment .product.detail.module .content ul{
				margin: 0 0 20px 30px;
			}
				
			#assortiment .product.detail.module .content p{
				margin: 0 0 20px 0;
			}
				
		#assortiment .product.detail.module .product-images{	
			width: 570px;
		}
				
			#assortiment .product.detail.module .product-images a{	
				float: left;
				width: 100px;
				margin: 30px 30px 0 0;
				border: 1px solid #C5C5C5;
				padding: 5px;
				background: #eeeeee;
			}
			#assortiment .product.detail.module .product-images a:hover{
				background: #cccccc;
			}
					
				#assortiment .product.detail.module .product-images a img{
					display: block;
					width: 100px;
				}
				
		#assortiment .product.detail.module .link{	
			float: right;
			width: 50%;
			text-align: left;
			padding: 0;
			margin: 0;
		}
				
			#assortiment .product.detail.module .link a{
				background: none;
				padding: 0;
				font-size: 12px;
				font-weight: 600;
				color: #8c8c8c;
			}
				
			#assortiment .product.detail.module .link a:hover{
				text-decoration: underline;
			}
			
		#assortiment .product-button{
			float: left;
			margin-right: 20px;
			margin-bottom: 30px;
			height: 30px;
			line-height: 30px;
			background: red;
			font-size: 13px;
			font-weight: 600;
			color: #fff;
			text-decoration: none;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;			
		}
			
		#assortiment .product-information{
			padding: 0 28px;
			background: #005bb4; /* Old browsers */
			background: -moz-linear-gradient(top,  #005bb4 1%, #00407f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#005bb4), color-stop(100%,#00407f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #005bb4 1%,#00407f 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #005bb4 1%,#00407f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bb4', endColorstr='#00407f',GradientType=0 ); /* IE6-9 */
		}
			
		#assortiment .product-information:hover{
			background: #00407f; /* Old browsers */
			background: -moz-linear-gradient(top,  #00407f 0%, #005bb4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00407f), color-stop(100%,#005bb4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #00407f 0%,#005bb4 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #00407f 0%,#005bb4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407f', endColorstr='#005bb4',GradientType=0 ); /* IE6-9 */
		}
		
		#assortiment .product-order{
			padding: 0 20px;
			background: #de7800; /* Old browsers */
			background: -moz-linear-gradient(top,  #de7800 0%, #ac5d00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de7800), color-stop(100%,#ac5d00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #de7800 0%,#ac5d00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #de7800 0%,#ac5d00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #de7800 0%,#ac5d00 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #de7800 0%,#ac5d00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7800', endColorstr='#ac5d00',GradientType=0 ); /* IE6-9 */
		}
		
		#assortiment .product-order:hover{
			background: #ac5d00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ac5d00 0%, #de7800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac5d00), color-stop(100%,#de7800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ac5d00 0%,#de7800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ac5d00 0%,#de7800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ac5d00 0%,#de7800 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ac5d00 0%,#de7800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac5d00', endColorstr='#de7800',GradientType=0 ); /* IE6-9 */
		}
			
#footer{
	height: 358px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

	#footer-content{
		background: #3c3c3c;
		font-size: 12px;
		font-weight: bold;
		line-height: 24px;
		color: #bcbcbc;
	}

	#footer-content a{
		color: #fff;
		text-decoration: underline;
	}

	#footer-content a:hover{
		text-decoration: none;
	}
	
		#footer .column{
			float: left;
			width: 25%;
			margin: 0 0 50px 0;
		}

		#footer .column:nth-child(1){
			width: 20%;
		}

		#footer .column:nth-child(2){
			width: 30%;
		}
	
			#footer h3{
				margin: 50px 0 15px;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
			}
			
			#footer ul{
				list-style: none;
			}
			
				#footer ul a{
					display: block;
					color: #bcbcbc;
					font-weight: bold;
					text-decoration: none;
				}
			
				#footer ul a:hover{
					text-decoration: underline;
				}
	
	#footer-bottom{
		line-height: 60px;
		font-size: 12px;
		color: #a0a0a0;
		font-weight: 300;
	}
	
		#footer-bottom .left{
			float: left;
		}
	
		#footer-bottom .right{
			float: right;
		}
		
			#footer-bottom a{
				font-weight: bold;
				color: #737373;
				text-decoration: none;
			}
		
			#footer-bottom a:hover{
				text-decoration: underline;
			}
			
.form.module .form-row ul{ margin: 0!important; }
.form.module .form-required{ color: red; }
.form.module .form.module .form-inline-error { height: auto; }
.form.module .form-row .form-text{
	width: 290px;
}
.form.module .form-row .form-textarea{
	min-width: 290px;
	width: 290px;
}
.form.module .form-row#form-row-artikelnummer{
	float: left;
	width: 400px;
}
	.form.module .form-row#form-row-artikelnummer .form-text{
		width: 120px;
	}
.form.module .form-row#form-row-aantal{
	float: left;
	width: 200px;
}
	.form.module .form-row#form-row-aantal .form-label{
		width: 60px;
	}
	.form-row#form-row-aantal .form-text{
		width: 60px;
	}

.form.module .form-row label{
	width: 30%;
}

.form.module .form-row .form-text,
.form.module .form-description,
.form.module .form-row .form-textarea{
	margin: 0;
	min-width: 0;
	width: 70%;
	overflow: hidden;
}

.seo-menu{
	padding: 20px 0;
	border-top: 1px solid #6D6D6D;
	text-align: center;
}

	.seo-menu .title{
		font-size: 14px;
	}

	.seo-content{
		font-size: 11px;
	}

	#footer-content .seo-content a{
		text-decoration: none;
	}

	#footer-content .seo-content a:hover{
		text-decoration: underline;
	}

/* RESPONSIVE */

@media only screen and (max-width: 767px) {

	#main-nav{
		display: none;
	}

	.nav-btn-toggle{
		float: right;
		display: block;
		margin: 30px 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #195b9b;
		color: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

		.nav-btn-toggle i{
			line-height: 40px;
			font-size: 18px;
		}

	#intro .text{
		padding-left: 0;
		padding-right: 0;
	}
	#main-search input.search{
		width: 60%;
	}
	#main-search input.submit{
		width: 35%;
	}
	#content.home .block{
		width: 100%;
		padding: 0;
	}
	#content.home .block.no-margin{
		padding: 30px 0 0;
	}
			
	#assortiment .list.module .item{
		width: 49%;
		margin-right: 2%;
	}
			
	#assortiment .list.module .item:nth-child(3n){
		margin-right: 2%;
	}
			
	#assortiment .list.module .item:nth-child(2n){
		margin-right: 0;
	}
	
	#default .content,
	#contact .content{
		float: none;
		width: 100%;
		padding: 0;
	}

	#default #sidebar,
	#contact #sidebar{
		margin-top: 30px;
		overflow: visible;
	}

	.form.module .form-row label{
		width: 50%;
	}

	.form.module .form-row .form-text,
	.form.module .form-description,
	.form.module .form-row .form-textarea{
		width: 50%;
	}
}

@media only screen and (max-width: 599px) {

	#main-search{
		padding: 20px;
	}

	#intro .text{
		font-size: 16px;
		line-height: 32px;
	}

	#main-search .search-label{
		float: none;
	}

	.search.widget{
		margin-top: 10px;
		overflow: visible;
		clear: both;
	}

	#content.home .block .icon{
		width: 60px;
	}

	#content.home .block .text{
		padding-left: 10px;
	}

	#footer-content{
		padding: 20px 0;
	}

	#footer .column{
	    float: none;
    	width: 100%!important;
    	margin: 20px 0;
    }

    #footer h3{
    	margin: 0;
    }

    #footer-bottom{
    	padding: 20px;
    }

    #footer-bottom .left,
    #footer-bottom .right{
    	float: none;
    	display: inline;
    	line-height: normal;
    }
			
	#assortiment .list.module .item{
		width: 100%;
		margin-right: 0;
	}
			
	#assortiment .list.module .item:nth-child(3n){
		margin-right: 0;
	}

	#assortiment .product.detail.module .thumbnail{
		width: 100%;
	}
    
    #assortiment .product.detail.module h1{
				display: inline-block;
                margin-left: 2%;
                font-size: 24px;
			}
	#assortiment .product.detail.module .content{
		overflow: visible;
	}

	#assortiment .product.detail.module .link{
		float: none;
		width: auto;
	}
}