@charset "utf-8";

* {margin:0px;padding:0px;}
body{background:url(afbeeldingen/algemeen/achtergrond.jpg);}

/*---------*/
/*--Fonts--*/
/*---------*/

@font-face{font-family:AmbleLight;src:url(fonts/Amble-Light.ttf);}
@font-face{font-family:AmbleRegular;src:url(fonts/Amble-Regular.ttf);}
@font-face{font-family:AmbleBold;src:url(fonts/Amble-Bold.ttf);}
@font-face{font-family:AmbleItalic;src:url(fonts/Amble-Italic.ttf);}

/*--------------*/
/*--Fluid Grid--*/
/*--------------*/

.container {
	width:100%;
	max-width:1050px;
	margin:0px auto;
	overflow:hidden;

}

.container .col-1  {width:10%;}
.container .col-2  {width:20%;}
.container .col-25 {width:25%;}
.container .col-3  {width:30%;}
.container .col-35 {width:35%;}
.container .col-4  {width:40%;}
.container .col-5  {width:50%;}
.container .col-6  {width:60%;}
.container .col-7  {width:70%;}
.container .col-8  {width:80%;}
.container .col-9  {width:90%;}
.container .col-10 {width:100%;}

@media only screen and (max-width:600px) {
	.container [class*=col-] {
		width:100%;
	}
}

/*----------*/
/*--Header--*/
/*----------*/

/*--Top--*/

.header {width:100%;display:block;margin-bottom:12px;box-shadow:0px 2px 10px #1A1C1E;}

@media only screen and (max-width: 1050px) {
	.header {margin-bottom:0px;}
}

.header .header-top {padding:8px 0px;background-color:#FFF;border-bottom:solid 1px #DDD;}
.header .header-top [class*=col-] {display:inline-block;vertical-align:bottom;}

#logo {width:100%;}
#logo img {width:100%;max-width:333px;margin:0px auto;display:block;}

#contact-1 {width:100%;display:block;}
#contact-2 {width:100%;display:block;}
#contact-3 {width:50%;display:none;float:left;}
[id*=contact-] img {width:92%;max-width:260px;margin:0px auto;display:block;}

@media only screen and (max-width: 600px) {
	.header .header-top {padding-bottom:0px;}
	.header .header-top [class*=col-] {display:block;}

	#logo img {max-width:280px;}

	#contact-1 {display:none;}
	#contact-2 {width:50%;float:left;}
	#contact-3 {display:inline;}
}

/*--Navbar--*/

.header .navbar {width:100%;height:auto;display:block;background-color:#ECECEC;border-bottom:4px solid #004080;}

.header .navbar ul {list-style-type:none;width:100%;max-width:1000px;margin:0px auto;overflow:hidden;}
.header .navbar ul li {float:left;width:160px;height:40px;}
.header .navbar ul li a {display:block;padding:10px 0px;font-family:AmbleRegular;font-size:17px;text-align:center;text-decoration:none;color:#1A1C1E;}
.header .navbar ul li a:hover {background-color:#303338;color:#FFF;}

.header .navbar .dropdown ul {width:160px;display:none;z-index:1;position:absolute;background-color:#FFF;border-bottom:4px solid #004080;box-shadow:0px 3px 5px #1A1C1E;}
.header .navbar .dropdown ul li {float:left;width:100%;height:auto;}
.header .navbar .dropdown ul li a {padding:11px 7px;font-size:15px;text-align:left;}

@media only screen and (max-width: 1016px) {
	.header .navbar > ul {max-width:840px;}
	.header .navbar > ul > li:first-of-type {display:none;}
}

@media only screen and (max-width: 856px) {
	.header .navbar > ul > li {width:20%;}
}

@media only screen and (max-width: 600px) {
	.header .navbar > ul > li a {font-size:12px;padding:13px 0px;}
	.header .navbar ul li:nth-of-type(2) .dropdown ul {min-width:112px;z-index:2;}
	.header .navbar .dropdown ul {width:20%;}
	.header .navbar .dropdown ul li a {padding:8px 7px;font-size:10px;text-align:left;}
}

@media only screen and (max-width: 460px) {
	.header .navbar > ul > li:nth-of-type(5) {display:none;}
	.header .navbar > ul > li {width:25%;}
}

/*-----------*/
/*--Content--*/
/*-----------*/

.content {display:block;}
.content .container {width:100%;margin:0px auto;background-color:#FFF;box-shadow:0px 2px 10px #1A1C1E;}
.content .content-container {padding:5%;}
.content .content-container-front {padding:5%;}
.content .content-container hr {margin:30px auto;width:100%;border-top:none;border-bottom:dotted 1px #565C64;}

@media only screen and (min-width: 1050px) {
	.content .content-container {min-height:429px;}
}

/*--Page components--*/

/*--Article--*/

.content .article {width:100%;height:auto;background-color:#FFF;}
.content .article p {font-family:AmbleRegular;color:#1A1C1E;font-size:14px;line-height:140%;margin-bottom:16px;}
.content .article i {font-family:AmbleItalic;font-size:19px;color:#666;}
.content .article h1 {font-family:AmbleBold;color:#1A1C1E;font-size:20px;margin-bottom:30px;}
.content .article h2 {font-family:AmbleBold;color:#1A1C1E;font-size:16px;margin-bottom:20px;}
.content .article ul {list-style:square inside;margin-bottom:16px;}
.content .article li {font-family:AmbleRegular;color:#1A1C1E;font-size:14px;}
.content .article iframe {max-width:640px;width:100%;margin:0px auto 25px auto;display:block;}

#inozet4 {max-width:800px;}
#inozet4 img {height:128px;margin:0px 5px 14px 0px;}

@media only screen and (max-width: 875px) {
	#inozet4 {max-width:400px;}
	#inozet4 img {height:110px;}
}

/*--Technishow banner--*/
.banner-technishow {width:100%;}
.banner-technishow img {width:100%;display:block;margin:0px auto 50px;}
.banner-technishow h1 {text-align: center;font-family:AmbleBold;color:#1A1C1E;font-size:20px;margin-bottom:30px;}

/*--Product links--*/

.content .product-links {width:88%;margin:0px auto;}
.content .product-links ul {max-width:840px;width:100%;margin:0px auto;list-style-type:none;overflow:hidden;}
.content .product-links li {width:48%;margin:1%;float:left;background-color:#FFF;box-shadow:0px 0px 5px #1A1C1E;border-radius:7px;border-bottom:6px solid #004080;}
.content .product-links a {display:block;width:100%;overflow:hidden;text-align:center;text-decoration:none;font-family:AmbleRegular;color:#1A1C1E;}
.content .product-links img {float:left;display:block;width:20%;margin:2.5%;}
.content .product-links .description {float:left;display:block;width:75%;height:100%;text-align:center;}
.content .product-links .description h4 {font-family:AmbleLight;font-size:15px;color:#1A1C1E;text-decoration:none;margin-top:14%;}

@media only screen and (min-width: 894px) {
	.content .product-links.small li {width:31%;margin:1.16%;}
	.content .product-links.small img {width:30%;}
	.content .product-links.small .description {width:65%;}
	.content .product-links.small .description h4 {margin-top:22%;}
	.content .product-links.small .description h4.v {margin-top:16%;}
}

@media only screen and (max-width: 893px) {
	.content .product-links .description h4 {font-size:12px;}
}

@media only screen and (max-width: 730px) {
	.content .product-links ul {max-width:420px;}
	.content .product-links li {width:96%;margin:2%;}
}

.content .product-links-box {margin:0px auto;}
.content .product-links-box ul {max-width:880px;width:100%;margin:0px auto;list-style-type:none;overflow:hidden;}
.content .product-links-box li {max-width:200px;width:23%;margin:1%;float:left;background-colro:#FFF;box-shadow:0px 0px 5px #1A1C1E;border-radius:7px;border-bottom:6px solid #004080;}
.content .product-links-box a {display:block;width:100%;overflow:hidden;text-align:center;text-decoration:none;font-family:AmbleRegular;color:#1A1C1E;}
.content .product-links-box img {display:block;width:55%;margin:10% auto;}
.content .product-links-box .description {width:100%;height:50px;}
.content .product-links-box .description h4 {font-family:AmbleRegular;font-size:14px;color:#1A1C1E;}
.content .product-links-box .description p {font-family:AmbleLight;font-size:12px;color:#999;line-height:100%;margin-top:4px;}
.content .product-links-box .description p.small {font-size:10px;margin-top:2px;}

@media only screen and (max-width: 880px) {
	.content .product-links-box ul {max-width:660px;}
	.content .product-links-box li {width:34.5%;margin:1.5%;}
}

@media only screen and (max-width: 750px) {
	.content .product-links-box ul {max-width:440px;}
	.content .product-links-box li {width:46%;margin:2%;}
}

@media only screen and (max-width: 460px) {
	.content .product-links-box .description h4 {font-size:12px;}
	.content .product-links-box .description p {font-size:10px;margin-top:8px;}
	.content .product-links-box .description p.small {font-size:8px;margin-top:4px;}
}

.content .product-links-front {width:100%;padding:5% 0px 9% 0px;display:inline-block;background-color:#ECECEC;border-top:solid 1px #DDD;}
.content .product-links-front hr {width:90%;margin:50px auto;}
.content .product-links-front h3 {color:#005190;text-align:center;margin-bottom:10px;font-family:AmbleLight;font-size:18px;color:#004080;}

.content .product-links-front .products {width:78%;margin:0px auto;}
.content .product-links-front .products ul {max-width:842px;width:100%;margin:0px auto;list-style-type:none;overflow:hidden;}
.content .product-links-front .products li {float:left;max-width:180px;width:22%;margin:1.5%;display:block;background-color:#FFF;box-shadow:0px 0px 5px #1A1C1E;border-radius:7px;border-bottom:6px solid #004080;}
.content .product-links-front .products a {width:100%;overflow:hidden;display:block;text-align:center;}
.content .product-links-front .products img {float:left;width:72.2%;margin:13.9%;}
.content .product-links-front .products .description {float:left;width:100%;overflow:hidden;}
.content .product-links-front .products .description h4 {font-family:AmbleRegular;font-size:14px;color:#1A1C1E;margin:4px 0px;}

.content .product-links-front .partners {width:84%;margin:0px auto;}
.content .product-links-front .partners ul {max-width:880px;width:100%;margin:0px auto;list-style-type:none;overflow:hidden;}
.content .product-links-front .partners li {float:left;max-width:200px;width:22%;margin:1.5%;display:block;background-color:#FFF;box-shadow:0px 0px 5px #1A1C1E;border-radius:7px;border-bottom:6px solid #004080;}
.content .product-links-front .partners a {width:100%;height:auto;display:block;text-align:center;}
.content .product-links-front .partners img {float:left;width:80%;margin:10%;}

@media only screen and (max-width: 1050px) {
	.content .product-links-front .products .description h4 {font-size:11px;}
}

@media only screen and (max-width: 840px) {
	.content .product-links-front h3 {font-size:14px;}

	.content .product-links-front .products ul {max-width:410px;}
	.content .product-links-front .products li {width:44%;margin:3%;}
	.content .product-links-front .products .description h4 {font-size:14px;}

	.content .product-links-front .partners ul {max-width:440px;}
	.content .product-links-front .partners li {width:44%;margin:3%;}
}

@media only screen and (max-width: 600px) {
	.content .product-links-front .products .description h4 {font-size:10px;}
}

@media only screen and (max-width: 400px) {
	.content .product-links-front .products .description h4 {font-size:8px;}
}

/*--Image slider--*/

.content .image-slider{width:100%;height:auto;background-color:#ECECEC;}
.content .image-slider .slide{width:100%;max-width:1050px;height:400px;display:block;position:relative;overflow:hidden;}
.content .image-slider .slide img{width:inherit;height:inherit;float:left;position:absolute;}
.content .image-slider .controls-container{width:100%;height:30px;display:inline-block;border-top:solid 1px #DDD;border-bottom:solid 1px #DDD;}
.content .image-slider .controls-container .controls{width:126px;height:18px;margin:6px auto;display:block;}
.content .image-slider .controls-container .controls ul{list-style-type:none;overflow:hidden;}
.content .image-slider .controls-container .controls li{float:left;display:block;width:10px;height:10px;margin:4px;background-color:#565C64;cursor:pointer;}

/*----------*/
/*--Footer--*/
/*----------*/

.footer {width:100%;display:block;}

.footer .footer-top {max-width:1050px;height:auto;margin:0px auto;padding:20px 0px;background-color:#303338;box-shadow:0px 2px 10px #1A1C1E;}
.footer .footer-top [class*=col-] {float:left;}
.footer .footer-top h4 {font-family:AmbleBold;color:#FFF;font-size:20px;}
.footer .footer-top ul {list-style-type:none;}
.footer .footer-top ul li {font-family:AmbleLight;font-size:15px;color:#DDD;}
.footer .footer-top ul li.indent {margin-left:15px;}
.footer .footer-top ul li a {font-family:AmbleLight;font-size:15px;color:#DDD;text-decoration:none;}

.footer .footer-top .container {width:95%;}

.footer .footer-top .icons {max-width:138px;height:auto;margin:15px auto;display:block;overflow:hidden;}
.footer .footer-top .icons img {width:40px;float:left;margin:3px;}
.footer .footer-top .metaalunie {width:70%;display:block;margin:0px auto;}
.footer .footer-top .metaalunie img {width:100%;}

.footer .bar{max-width:1050px;width:100%;margin:0px auto;display:block;background-color:#1A1C1E;box-shadow:0px 2px 10px #1A1C1E;}
.footer .bar .container {display:inline-block;}
.footer .bar p {font-family:AmbleRegular;font-size:16px;color:#DDD;text-align:left;margin:9px 7px 9px 7px;}
.footer .bar a {font-family:AmbleRegular;font-size:16px;color:#DDD;text-decoration:none;}

@media only screen and (max-width: 800px) {
	#contact {width:40%;}
	#products {width:35%;}
	#partners {width:25%;}
	#icons {width:100%;}

	.footer .footer-top .metaalunie {width:40%;}
}

@media only screen and (max-width: 600px) {
	#contact {display:none;}
	#products {display:none;}
	#partners {display:none;}

	.footer .footer-top .icons {margin-top:0px;}
	.footer .bar p, .footer .bar a {font-size:12px;}
}

/*----------*/
/*--Overig--*/
/*----------*/

.selectiemenu-knop{background-color:#004080;padding:10px;max-width:180px;}
.selectiemenu-knop h1{font-family: AmbleRegular;font-size: 20px;margin-bottom: 0px !important;color: #ffffff!important;}

.selectiemenu form{background-color:#ECECEC;width:221px;padding:10px;border:solid 2px #004080;}
.selectiemenu table{width:inherit;}
.selectiemenu tr{}
.selectiemenu td{width:80px;height:20px;font-family:AmbleRegular;font-size:15px;}
.selectiemenu select{width:135px;}
.selectiemenu #dropdown{display:none;}
.selectiemenu .adobe{margin-top:16px;}

.contact {overflow:hidden;}
.contact img {float:right;height:200px;margin-bottom:15px;margin-left:20px;}
.contact form {float:left;width:300px;background-color:#ECECEC;padding:10px;border:solid 2px #004080;font-family:AmbleRegular;font-size:14px;}

@media only screen and (max-width: 750px) {
	.contact img {
		float:left;
	}
}