@font-face {
    font-family: 'vegurbold';
    src: url('vegur-bold-webfont.woff2') format('woff2'),
         url('vegur-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vegurlight';
    src: url('vegur-light-webfont.woff2') format('woff2'),
         url('vegur-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vegurregular';
    src: url('vegur-regular-webfont.woff2') format('woff2'),
         url('vegur-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
	
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
body {-webkit-font-smoothing: antialiased; font-smooth: always; font: 16px/24px; font-family: 'vegurlight'; }
.wrapper { width: 1140px; margin: 0 auto; }

.klein  { font-size: 0.7em; line-height: 0.5em }


text-shadow: 1px 1px 1px rgba(0,0,0,0.004);


/* ==========================================================================
   Main Navigation Styles
   ========================================================================== */

.logo{
	display: inline-block;
	float: left;
} 

.logo2{
	display: none;
}   


.logo2 img, .logo-foot img{
	width: 100%;
} 
  



/* ==========================================================================
   Main Container General Layout Styles
   ========================================================================== */



.main-container H1 { color: #005292!important;}
.main-container H2 { color: #005292!important;}
.main-content H2 { color: #005292!important;}
.main-container H3 { color: #005292!important;}
.main-content H3 { color: #005292!important;}


.main-content H1 { 
	color: #005292;
	margin-left:0px;
	font-family: 'vegurregular';
 }

.main-content H2 { 
	color: #005292;
	margin-left:0px;
	font-family: 'vegurregular';
 }
 
 .main-content H3 { 
	color: #005292;
	margin-left:0px;
	font-family: 'vegurregular';
 }
 
 

.main-content{
	width: 65%;
	float: left;
}
.main-content.full{
	width: 100%;
	float: none;
}
.main-content img, .right-aside img{
	max-width: 100%;width: 100%;

	margin: 1em 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
}
a img{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	opacity: 1;
	position: relative;
}
a img:hover{
	opacity: .6;
}



/* ============= Columns ===============*/ 

.zeventigprocent H2 { color: #005292!important;}

.zeventigprocent{
	width: 60%;
	margin-left: 19%;
	margin-right: 19%;
	float: left;
}


.halfmidden{
	width: 47%;
	margin-left: 25%;
	margin-right: 25%;

	float: left;
}

.half{
	width: 47%;
	margin-right: 6%;
	float: left;
}
.third{
	width: 30%;
	margin-right: 5%;
	float: left;
}
.fourths{
	width: 21%;
	margin-right: 4%;
	float: left;
}

.fifths {
	width: 16%;
	margin-right: 4%;
	float: left;
}

.two-third, .cta.two-third{
	width: 65%;
	margin-right: 5%;
	float: left;
}
.three-fourths{
	width: 74%;
	margin-right: 4%;
	float: left;
}
.left{
	float: left;
}
.right{
	float: right;
}



/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
}   

.telefoonnummer {
    color: #005292;
    margin-left: 0px;
    font-family: vegurregular;
	font-size: 20px;
}

.main-container a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	cursor: pointer;
}





















/* ==========================================================================
   Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px) { 
/*	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		padding: 10px 2%;
		width: 96%;
	}
*/
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}


knoppie1 {
display:none;	
}



#nav  { text-align: center; width: 100% }
ul#nav  { font-size: 40px; list-style: none }


		
	
	/* ============= Columns ===============*/ 
	.zeventigprocent, .third, .half, .halfmidden, .fourths, .two-third, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right{
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		padding-top: 50px!important;
		float: none;
	}
	.zeventigprocent, .third, .half, .halfmidden, .fourths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	.foot.left, .foot.right{
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}




.halfmidden{
	margin-left: 0%;
	float: none;
}


.logo2 { display: inline-block; margin-bottom: 15px; float: none }   
	
}



/* ==========================================================================
   Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 600px) { 

.zeventigprocent {
		padding-top: 50px!important;
	}
	
	.logo{
		float: none;
		padding-bottom: 20px;
	}
	.header-container nav{
		float: right;
	}
	select.tinynav{
		width: 100%;
	}
	.main-content img{
		width: 70%;
	}

	
	.third, .half, .halfmidden, .fourths, .fifths, .two-third, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	
	.halfmidden{
	margin-left: 0%;
}

knoppie1 {
display:none;	
}
	
	
		/* ============= Tables ===============*/
		.main table{ 
			border-left: 1px solid #cad2d7;
			border-right: 1px solid #cad2d7;
			border-top: none;
			border-bottom: none;
		}	
}


/* ==========================================================================
   Media Queries 768
   ========================================================================== */
@media (min-width: 481px) and (max-width: 768px) {
	.tinynav { 
		display: none; 
	}
	#nav{ 
		display: block; 
	}	
	
	
	/* ============= Main Container General Layout Styles===============*/
	
	.main-content, .right-aside{
		width: 100%;
		float: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	.right-aside{
		border-top: 1px solid #cad2d7;
		margin-top: 25px; 
	}
	/* ============= Columns ===============*/ 
	.third, .half, .halfmidden, .fourths, .fifths, .two-third, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.third, .half, .halfmidden, .fourths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	
	.halfmidden{
	margin-left: 0%;
	float: none;
}


	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	
	.zeventigprocent {
		padding-top: 50px!important;
	}	
	
	
	knoppie1 {
display:none;	
}
 }
 

/* ==========================================================================
   Media Queries 769
   ========================================================================== */
@media (min-width: 769px) and (max-width: 1139px) {
	
	#nav{ 
		display: block; 
	}	
	

	/* ============= Columns ===============*/ 

	.third, .half, .halfmidden, .fourths, .fifths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	
	
 }
 
 
/* ==========================================================================
   Media Queries 1140
   ========================================================================== */  
@media only screen and (max-width: 1140px) { 
	.wrapper { width: 92%; margin: 0 4%; }
}









/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important; border-right: none!important; }
.first{ margin-left: 0!important; padding-left: 0!important; border-left: none!important; }
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}