﻿@media screen
{
    body, html
    {
        margin: 0px;
        padding: 0px;
        background-color: #1A5897;
    }
    .topBalk
    {
		position: fixed;
		height: 50px;
		width: 100%;
		background: #FFF;
		line-height: 50px;
		top:0px;
		left:0px;
		z-index:9999;
		color: #1A5897;
		font-weight:normal;
		font-size: 13px;
    }
    .topBalk #container
    {
        margin-top: 0px;
    }
    .topBalk a, .topBalk a:hover
    {
        color: #1A5897;
        text-decoration:none;
    }
    #et-info-email:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e600";
		margin-right: 4px;
    }
    #et-info-phone:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e942";
		position: relative;
		top: 2px;
		margin-right: 2px;
    }
    .icon-facebook:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ea8c";
		color: #FF9900;
		font-size: 20px;
    }
    .icon-facebook:hover:before {
	 	color: #1A5897;   
    }
    .icon-facebook span{
	 display:none;
    }
    .icon-twitter:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 50px;
		display:inline;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ea91";
		color: #FF9900;
		font-size: 20px;
		display: inline-block;
		position: relative;
		top: 2px;
    }
    .icon-twitter:hover:before {
	 	color: #1A5897;   
    }
    .icon-twitter span{
	 display:none;
    }
    .icon-googleplus:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ea88";
		color: #FF9900;
		font-size: 20px;
		top: 3px;
		display: inline-block;
		position: relative;
    }
    .icon-googleplus:hover:before {
	 	color: #1A5897;   
    }
    .icon-googleplus span{
	 display:none;
    }
    .icon-terms1:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e925";
		color: #FF9900;
		padding-left:30px;
    }
   .icon-terms1:hover:before {
	 	color: #1A5897;   
    }
    .icon-terms1 span{
	   font-family: 'Nunito';
    }
    .icon-terms2:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e925";
		color: #FF9900;
    }
   .icon-terms2:hover:before {
	 	color: #1A5897;   
    }
    .icon-terms2 span{
	   font-family: 'Nunito';
    }
    .icon-sgr{
	    font-family: 'Nunito' !important;
	    display: block;
	    padding-left:10px;
    }
    .icon-hiswa{
	    font-family: 'Nunito' !important;
	    display: block;
	    padding-left:10px;
    }
    #container
    {
        position: relative;
        width: 320px;
        margin: 0 auto;
        margin-top:0px;
    }
    #header
    {
        position: relative;
        width: 308px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
        display: table-cell;
        vertical-align: middle;
        left: 5px;
    }
    #header img
    {
        padding-left: 1%;
    }
    .menucolumn, .breadcrumbcolumn, .googlezoekcolumn, .legepaginacolumn
    {
        position: relative;
        float: left;
        width: 100%;
        display: block;
    }
    #cse
    {
        padding: 5px;
        width: 626px;
    }
    .breadcrumbcolumn
    {
        padding-left: 10px;
    }
    .column
    {
        position: relative;
        float: left;
        width: 318px;
        height: 318px;
        display: block;
    }
    .4column
    {
        position: relative;
        float: left;
        width: 636px;
        height: 318px;
        display: block;
    }
    .2column
    {
        position: relative;
        float: left;
        width: 636px;
        height: 318px;
        display: block;
    }

    .footerContainer
    {
        position: relative;
        width: 100%;
    }
    .footerContainer adress, .footerContainer img, .footerContainer span
    {
        line-height: 150px;
        vertical-align: middle;
    }
    .footerContainer a
    {
        color: #38398C;
    }
ul.berichten {
	list-style-type:none;
	-webkit-column-count: 2; -webkit-column-gap:1px;
	-moz-column-count:2; -moz-column-gap:1px;
	-o-column-count:2; -o-column-gap:1px;
	column-count:2; column-gap:1px;
    margin:0px;
    padding:0px;
    margin-left:5px;
}
ul.berichten li{
    margin:0px;
    padding:0px;
    display: inline-block;
    margin-bottom:10px;
}
}
@media only screen and (min-width: 320px)
{
	.topBalk{
		position:relative;	
		line-height: normal;
		text-align:center;
		height:auto;
		line-height:30px;
	}
    .topLandLink{
	 	display:none;   
    }
    .topMobileHidden{
	 	display:none;   
    }
    .topMobileShow{
	    display:block;   
    }
    #container
    {
        position: relative;
        width: 320px;
    }
    #header
    {
        position: relative;
        width: 308px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
    }
    #cse
    {
        padding: 5px;
        width: 308px;
    }
ul.berichten {
	-webkit-column-count: 1; -webkit-column-gap:1px;
	-moz-column-count:1; -moz-column-gap:1px;
	-o-column-count:1; -o-column-gap:1px;
	column-count:1; column-gap:1px;
    margin:0px;
    padding:0px;
    margin-left:5px;
}
ul.berichten li{
    margin:0px;
    padding:0px;
    display: inline-block;
    margin-bottom:10px;
}
	.menucolumn{
		display:none;			
	}
	.topLandLink{
		padding-left: 40px;
		line-height: 100px;	
		
	}
}
@media only screen and (min-width: 480px)
{
    #container
    {
        position: relative;
        width: 320px;
    }
    #header
    {
        position: relative;
        width: 308px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
    }
    #cse
    {
        padding: 5px;
        width: 308px;
    }

	ul.berichten {
		-webkit-column-count: 1; -webkit-column-gap:1px;
		-moz-column-count:1; -moz-column-gap:1px;
		-o-column-count:1; -o-column-gap:1px;
		column-count:1; column-gap:1px;
	    margin:0px;
	    padding:0px;
	    margin-left:5px;
	}
	ul.berichten li{
	    margin:0px;
	    padding:0px;
	    display: inline-block;
	    margin-bottom:10px;
	}
}
@media only screen and (min-width: 768px)
{
	    #container
    {
        margin-top:50px;
    }
	    .topMobileShow{
	    display:none;   
    }
    .logo{
	    float:none !important;
    }
    .topLandLink{
	 	display:inline-block;   
	 	padding:10px 0 10px 50px;
	 	line-height:normal;
    }
    .topBalk
    {
		position: fixed;
		height: 50px;
		width: 100%;
		background: #FFF;
		line-height: 50px;
		top:0px;
		left:0px;
		z-index:10;
    }

		.menucolumn{
		display:block;			
	}
    #container
    {
        position: relative;
        width: 646px;
    }
    #header
    {
        position: relative;
        width: 626px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
    }
    #cse
    {
        padding: 5px;
        width: 626px;
    }
	ul.berichten {
		-webkit-column-count: 1; -webkit-column-gap:1px;
		-moz-column-count:1; -moz-column-gap:1px;
		-o-column-count:1; -o-column-gap:1px;
		column-count:1; column-gap:1px;
	    margin:0px;
	    padding:0px;
	    margin-left:5px;
	}
	ul.berichten li{
	    margin:0px;
	    padding:0px;
	    display: inline-block;
	    margin-bottom:10px;
	}
}
@media only screen and (min-width: 1024px)
{
	    .logo{
	    float:left !important;
    }
    #container
    {
        position: relative;
        width: 1024px;
    }
    .topMobileHidden{
	 	display:inline;   
    }
    .topLandLink{
	 	display:inline-block;   
	 	padding-left:20px;
	 	line-height:100px;
    }
    #header
    {
        position: relative;
        width: 944px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
    }
    .menucolumn, .googlezoekcolumn, .legepaginacolumn
    {
        position: relative;
        float: left;
        width: 944px;
        display: block;
        margin-left: 5px;
    }
    .breadcrumbcolumn
    {
        position: relative;
        float: left;
        width: 702px;
        display: block;
        margin-left: 5px;
    }
    #cse
    {
        padding: 5px;
        width: 934px;
    }
    .menucolumn .BlokKleinSymbool, .menucolumn .BlokKleinSymbool a
    {
        width: 108px !important;
        font-size: 20px !important;
        height: 108px !important;
        line-height: 200px !important;
    }
ul.berichten {
	-webkit-column-count: 2; -webkit-column-gap:1px;
	-moz-column-count:2; -moz-column-gap:1px;
	-o-column-count:2; -o-column-gap:1px;
	column-count:2; column-gap:1px;
    margin:0px;
    padding:0px;
    margin-left:5px;
}
ul.berichten li{
    margin:0px;
    padding:0px;
    display: inline-block;
    margin-bottom:10px;
}
}
@media only screen and (min-width: 1280px)
{
    #container
    {
        position: relative;
        width: 1280px;
    }
    #header
    {
        position: relative;
        width: 1262px;
        height: 100px;
        background-color: #1A5897;
        margin: 5px;
    }
    .menucolumn, .googlezoekcolumn, .legepaginacolumn
    {
        position: relative;
        float: left;
        width: 1280px;
        display: block;
        margin-left: 0px;
    }
    .breadcrumbcolumn
    {
        position: relative;
        float: left;
        width: 1025px;
        display: block;
        margin-left: 5px;
    }
    #cse
    {
        padding: 5px;
        width: 1262px;
    }
    .menucolumn .BlokKleinSymbool, .menucolumn .BlokKleinSymbool a
    {
        line-height: 250px;
        width: 149px !important;
        height: 149px !important;
        line-height: 250px !important;
        font-size: 26px !important;
    }
	ul.berichten {
		-webkit-column-count: 2; -webkit-column-gap:1px;
		-moz-column-count:2; -moz-column-gap:1px;
		-o-column-count:2; -o-column-gap:1px;
		column-count:2; column-gap:1px;
	    margin:0px;
	    padding:0px;
	    margin-left:5px;
	}
	ul.berichten li{
	    margin:0px;
	    padding:0px;
	    display: inline-block;
	    margin-bottom:10px;
	}
}