/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800);*/
/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'OpenSansRegular'; font-size: 12px; color: #2f2d2a; height: 100%; }
input, select, textarea { font-family: 'OpenSansRegular'; font-size: 12px; color: #8c806e; }
body { background: #e3e3e3; }
img { border: 0px; display: block; }
header, footer, nav, section, aside, hgroup, article { display: block; }
a, input { outline: none; }

.buttonaanmelden {
    display: inline-block;
    position: relative;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: bold 12px/25px Arial, sans-serif;

    text-shadow: 1px 1px 1px rgba(255,255,255, .22);

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}



.blue {
    color: #19667d;
    background: #70c9e3;
}

/* ### global classes ### */
.clear { clear: both; height: 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight: normal; font-family: 'OpenSansBold'; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1040px; background: #fff; border: 1px solid #dadada; border-top: 0; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1040px; height: 180px; background: url(../images/bg1.png) no-repeat; }
	#headerCntr a.logo { position: absolute; top: 25px; left: 25px; display: block; width: 240px; height: 55px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }
	
		/* ### top Box ### */
		.topBox { position: absolute; top: 14px; left: 290px; background: #fff; padding: 0 10px; width: 225px; }
		.topBox .tag { width: 37px; height: 51px; background: url(../images/bg2.png) no-repeat; margin-top: -2px; text-align: center; float: left; margin-left: 5px; margin-right: 15px; }
		.topBox .tag strong { color: #373737; font-size: 11px; line-height: 18px; padding-top: 5px; display: block; }
		.topBox .tag span { font-size: 20px; font-weight: 800; display: block;  }
		.topBox ul { list-style: none; float: left; width: 160px; }
		.topBox li { padding: 5px 0; border-bottom: 1px solid #dcdcdc; font-size: 12px; }
		.topBox li strong { float: right; color: #e9993a; }
		.topBox li:last-child { border-bottom: 0; }
		
		/* ### ad Box ### */
		.adBox { position: absolute; top: 24px; right: 18px; }
		
		/* ### menu Box ### */
		.menuBox { position: absolute; top: 114px; left: 0px; width: 1040px; height: 45px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; padding: 0 25px; background: url(../images/sep.png) no-repeat right; font-size: 14px; font-family: 'OpenSansBold'; }
		.menuBox li a { display: block; line-height: 45px; color: #e7f1fb; text-decoration: none; }
		.menuBox li a:hover, .menuBox li.active a { color: #f5cf1c; background: url(../images/pointer.png) no-repeat center bottom; }
		.menuBox a.click { padding: 5px 7px; float: left; display: none; width: 21px; height: 16px; background: #fff; }
		.menuBox a.click span { margin-bottom: 2px; display: block; height: 2px; border: 1px solid #000; background: #000; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1040px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 240px; padding-left: 20px; }
		
			/* ### link box ### */
			.linkBox { width: 100%; }
			.linkBox .block { border: 1px solid #d2d2d2; background: #f6f6f6; margin-bottom: 17px; }
			.linkBox .title { padding: 10px; border-bottom: 1px solid #d2d2d2; background: #fff; }
			.linkBox h3 { color: #204b8b; font-size: 14px; }
			.linkBox ul { padding: 10px; list-style: none; }
			.linkBox li { padding-left: 15px; background: url(../images/arrow.png) no-repeat left; font-size: 13px; margin-bottom: 5px; }
			.linkBox li a { color: #373737; text-decoration: none; }
			.linkBox li a:hover { color: #204b8b; } 
			
			/* ### mail box ### */
			.mailBox { background: #5497f9; padding: 15px; }
			.mailBox h3 { color: #f6f6f6; font-size: 16px; text-align: center; margin-bottom: 10px; }
			.mailBox fieldset { border: 1px solid #d4d4d4; background: #fff; }
			.mailBox input.field { padding: 0 10px; width: 110px; line-height: 30px; color: #c3c3c3; font-style: italic; background: #fff; height: 30px; float: left; border: none;  }
			.mailBox input.button { width: 70px; float: right; height: 30px; color: #4f4f4f; font-size: 12px; cursor: pointer; background: #f0f0f0; border: none; border-left: 1px solid #d4d4d4; }
			.mailBox .registration { width: 211px; height: 123px; background: url(../images/bg3.png) no-repeat; margin-top: 20px; position: relative; }
			.mailBox .registration strong { font-size: 14px; color: #4a2403; text-transform: uppercase; width: 125px; position: absolute; top: 40px; right: 0; text-align: center; line-height: 14px; }
			.mailBox .registration strong span { font-size: 24px; display: block; margin-top: 8px; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 746px; padding-right: 20px; }
		
			/* ### internet box ### */
			.internetBox { padding: 20px; border: 1px solid #b1cef8; background: #f0f6ff; margin-bottom: 15px; }
			.internetBox h2 { color: #02193c; font-size: 25px; margin-bottom: 10px; }
			.internetBox p { font-size: 13px; line-height: 20px; }
			
			/* ### popular box ### */
			.popularBox { border: 1px solid #dadada; margin-bottom: 15px; }
			.popularBox .title { padding: 15px; background: #f6f6f6; overflow: hidden; border-bottom: 1px solid #dadada; }
			.popularBox h3 { float: left; color: #02193c; font-size: 20px; margin-top: 5px; font-weight: normal; }
			.popularBox .title a { float: right; padding: 0 30px; height: 30px; line-height: 30px; text-decoration: none; color: #7c7c7c; border: 1px solid #dadada; background: #fff;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
			}
			.popularBox ul { list-style: none; }
			.popularBox li { padding: 12px; position: relative; overflow: hidden; border-bottom: 1px solid #dadada; font-size: 13px; color: #373737; line-height: 40px; }
			.popularBox li:last-child { border: 0; }
			.popularBox li strong { color: #e47f09; }
			.popularBox .col1 { float: left; width: 65px; }
			.popularBox .col1 span { display: block; width: 37px; height: 42px; background: url(../images/bg4.png) no-repeat; margin-top: -12px; text-align: center; line-height: 42px; color: #373737; font-family: 'OpenSansBold'; font-size: 18px; }
			.popularBox .col2 { float: left; width: 150px; } 
			.popularBox .col3 { float: left; width: 130px; }  
			.popularBox .col4 { float: left; width: 165px; }  
			.popularBox .col5 { float: left; width: 200px; }  
			.popularBox a.button { display: block; text-align: center; line-height: 37px; color: #fff; font-family: 'OpenSansBold'; text-transform: uppercase; background: url(../images/bg5.png) repeat-x; text-decoration: none; 
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			.popularBox a.button:hover { background: #ad6006; }
			
			/* ### payment box ### */
			.paymentBox { border: 1px solid #dadada; padding: 20px; margin-bottom: 15px; overflow: hidden; }  
			.paymentBox .left { float: left; width: 325px; }
			.paymentBox .right { float: right; width: 305px; }
			.paymentBox h3 { font-size: 18px; color: #02193c; margin-bottom: 20px; }
			.paymentBox p { font-size: 13px; line-height: 20px; }
			.paymentBox strong { display: block; color: #353638; font-size: 12px; margin-bottom: 5px; }
			.paymentBox .payment { margin-bottom: 10px; }
			.paymentBox .payment span { color: #d24507; }
			
			/* ### extra box ### */
			.extraBox { border: 1px solid #dadada; padding: 20px; margin-bottom: 15px; overflow: hidden; background: #f6f6f6; }   
			.extraBox .block { float: left; width: 315px; margin-bottom: 20px; }
			.extraBox .sep { border-right: 1px solid #dadada; margin: 0 35px; float: left; height: 135px; }
			.extraBox h3 { font-size: 18px; color: #5497f9; margin-bottom: 20px; }
			.extraBox p { font-size: 13px; line-height: 20px; color: #6a6a6a; padding-bottom: 20px; }
			.extraBox p strong { display: block; color: #204b8b; }
			.extraBox a.button { display: inline-block; padding: 0 25px; text-align: center; line-height: 37px; color: #fff; font-family: 'OpenSansBold'; text-transform: uppercase; background: url(../images/bg5.png) repeat-x; text-decoration: none; 
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			.extraBox a.button:hover { background: #ad6006; }
			
			/* ### text box ### */
			.textBox { border: 1px solid #dadada; padding: 20px; margin-bottom: 15px; overflow: hidden; }   
			.textBox h3 { font-size: 14px; color: #02193c; font-size: 14px; margin-bottom: 5px; }
			.textBox p { font-size: 13px; line-height: 20px; margin-bottom: 20px; }
	
		/* ### bottom contrainer ### */
		#bottomCntr { background: #f5f5f5; padding: 25px; overflow: hidden; box-shadow: inset 0 0 5px rgba(0,0,0,0.1); margin-top: 20px; }
		#bottomCntr .block { float: left; width: 300px; border-right: 1px solid #dadada; min-height: 160px; }
		#bottomCntr .text { padding-left: 60px; }
		#bottomCntr h3 { color: #204b8b; font-size: 14px; margin-bottom: 10px; }
		#bottomCntr .text ul { list-style: none; }
		#bottomCntr .text li { margin-bottom: 10px; }
		#bottomCntr .text li a { color: #686868; text-decoration: none; } 
		#bottomCntr .text li a:hover { text-decoration: underline; }
		#bottomCntr .text li em { font-style: normal; font-family: 'OpenSansBold'; }
		#bottomCntr .block1 { width: 385px; float: left; }
		#bottomCntr .block1 span.num { display: inline-block; width: 18px; height: 18px; border: 1px solid #c9ac22; text-align: center; line-height: 20px; color: #373737; margin-right: 10px; background: #f9e37b; 
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		#bottomCntr .block1 li { margin-bottom: 5px; }
		#bottomCntr .block1 strong { display: inline-block; width: 110px; }
	
	/* ### footer contrainer ### */
	#footerCntr { overflow: hidden; width: 1040px; background: #5497f9; height: 48px; text-align: center; }
	#footerCntr p { color: #fff; line-height: 48px; }
	#footerCntr p span { padding: 0 10px; }
	#footerCntr p a { color: #caddf3; text-decoration: none; }
	#footerCntr p a:hover { text-decoration: underline; } 
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1039px) {
		
		#mainCntr, .menuBox, #contentCntr, #headerCntr { padding: 0 10px; width: auto; }
		img { max-width: 100%; }
		#headerCntr h1 { width: 180px; }
		.topBox { padding: 0 0 3px 5px; margin:14px 0 0 11px; }
		.topBox { width: 197px; }
		.topBox ul { width: 135px; }
		.topBox a,.topBox cite { font-size: 11px; }
		..adBox { width: 291px; }
		.menuBox li { padding: 0 13px; }
		.menuBox li a { font-size: 13px; }
		#leftCntr { padding-left: 0; width: 24%; }
		#rightCntr { padding-right: 0; width: 74.6%; }
		.linkBox h3 { font-size: 11px; line-height: 15px; }
		.linkBox li { font-size: 13px; }
		.mailBox h3 { font-size: 11px; }
		.mailBox input[type="text"] { width: 35.4%; }
		.mailBox input[type="button"] { float: left; }
		.mailBox .registration { width: auto; background-size: contain; }
		.mailBox .registration strong { top: 20px; width: 80px; font-size: 9px; line-height: 12px; }
		.mailBox .registration strong span { margin-top: 2px; font-size: 13px; }
		.internetBox h2 { font-size: 23px; }
		.popularBox h3 { font-size: 17px; margin-top: 0; }
		.popularBox .col1 { width: 47px; }
		.popularBox .col2 { width: 121px; }
		.popularBox .col3 { width: 118px; }
		.popularBox .col4 { width: 138px; }
		.paymentBox .left { width: 40%; }
		.paymentBox .right { width: 55%; }
		.paymentBox h3 { margin-bottom: 7px; }
		.extraBox .block { width: 50%; }
		.extraBox .block { width: 45%; }
		.extraBox .sep { margin: 0 12px; }
		.extraBox p strong { min-height: 44px; }
		#bottomCntr .block { width: 32%; }
		#bottomCntr .block1 { width: 32%; }
		#footerCntr { padding: 0 10px; text-align: center; width: auto; }
		#bottomCntr h3 { font-size: 12px; }
		#bottomCntr { padding: 25px 15px;}
		#bottomCntr .text { padding-left: 35px; }
		.popularBox .col5 { padding-bottom: 5px; }

	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 767px) {
		
		#mainCntr, .menuBox, #contentCntr,#headerCntr { padding: 0 10px; width: auto; }
		img { max-width: 100%; }
		#leftCntr { padding-left: 0; width: 100%; }
		#rightCntr { padding-right: 0; width: 100%; }
		.internetBox h2 { font-size: 15px; }
		.popularBox h3 { font-size: 14px; }
		.popularBox .title a { margin: 10px 0 0 0; }
		.paymentBox .left { width: 100%; }
		.paymentBox .right { padding: 20px 0 0 0; width: 100%; }
		.extraBox .block { padding-bottom: 20px; width: 100%; border-bottom: 1px solid #dadada; }
		.extraBox .sep { display: none; }
		.extraBox p strong { min-height: 30px; }
		#bottomCntr .block { padding-bottom: 10px; padding-top: 10px; width: 100%; overflow: hidden; min-height: 0; border-bottom: 1px solid #dadada; border-right: 0; }
		#bottomCntr .block1 { padding-bottom: 10px; padding-top: 10px; width: 100%; overflow: hidden; min-height: 0;  border-right: 0; }
		#bottomCntr { padding: 8px 15px;}
		#footerCntr p { font-size: 9px; }
		#footerCntr p span { padding: 0 5px; }
		#headerCntr { padding: 10px 0 0 0; overflow: hidden; height: auto; background: #1a5692; }
		#headerCntr a.logo { margin: 0 auto; padding: 10px 0 0 0; width: 250px; position: static; text-align: center; display: block; background-size: 200px }
		.menuBox ul { padding: 17px 0; display: none; width: 100%; float: left; }
		.menuBox li { padding: 0; width: 100%; float: none;  background: none; }
		.menuBox { padding:9px 10px; position: static; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #2b90f2; }
		.topBox { margin:14px 10px 9px; position: static; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; width: 93%; }
		.menuBox li:hover a,.menuBox li.active a { background: none; }
		.menuBox li a { line-height: 27px; }
		.menuBox li { border-top: 1px solid #000; }
		.menuBox li:first-child { border-top: 0; }
		.menuBox a.click { display: block; }
		.mailBox .registration { width: 200px; }
		.mailBox .registration strong { width: auto; top: 46px; right: 22px; }
	
	}
	
		/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) {
		
		.menuBox ul { display: block !important;}
		
		}