@charset "utf-8";
/* CSS Document */
html, body{margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight:300; font-size:100%;}
h1,h2,h3{margin:0; padding:0; font-size:100%; font-weight:normal;}
div, nav, ul{box-sizing:border-box;}

#header{position:fixed; z-index:10;top:0; width:100%; color:#fff; text-align:center; padding:10px; background-image:url(../site_images/header_back.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
#header_txt{font-size:300%; text-shadow:0 0 2px #000;}
#sub_header_txt{font-size:250%; text-shadow:0 0 2px #000;}

#menu{position:fixed; top:126px; width:100%; background-color:#f5f5f5;}
#mob_menu_opener{display:none;}
#menu_inner{max-width:1200px; margin:0 auto;  padding:10px; text-align:center;}
#menu_inner div{display:inline-block; margin:0 20px; font-size:120%; font-weight:400; transition:0.4s;}
.sel{text-decoration:underline;}
#menu_inner div:hover{color:#069; cursor:pointer}


#content{  max-width:1200px;margin:0 auto;margin-top:180px;}
#content_inner{max-width:900px; margin:0 auto; padding:10px 20px; background-color:#f5f5f5; margin-bottom:30px;}


#mail_holder{width:500px; margin-right:20px; display:inline-block; vertical-align:top; overflow-y:auto; }
iframe#framer{width:100%; height:460px; text-align:center;  margin-top:10px}

#address_holder{display:inline-block; margin-top:20px; line-height:1.5;}
#address_header{font-size:120%; font-weight:400; margin-bottom:10px; margin-top:10px; }
#address_txt{ white-space:pre-line;}
.nog_groter{font-size:130%;}

#location_but{background-color:#337ab7; color:#fff; border-radius:4px; padding:4px 10px;  margin-top:20px;text-align:center; cursor:pointer;transition:0.4s;}
#location_but:hover{background-color:#f00;}


#footer{ width:100%; background-color:#f5f5f5; text-align:center; font-size:small; padding:20px 10px; box-sizing:border-box; border-top:solid 1px #ccc; margin-top:20px; display:none;}
.fixed{position:fixed; bottom:0;}
#footer a{color:#069; text-decoration:none; cursor:pointer;}
#footer a:hover{color:#000;}
#kop{width:65px; margin:0 auto;margin-bottom:10px;}
#kop img{border-radius:100px; border:solid 1px #ccc; padding:5px; background-color:#fff;width:60px;}



/*//////////////////////////////////////////////////PHONE//////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px){

#header_txt{font-size:180%; text-shadow:0 0 2px #000;}
#sub_header_txt{font-size:150%; text-shadow:0 0 2px #000;}

#menu{position:fixed; top:83px; }
#menu_inner{padding:10px 0}
#menu_inner div{margin:0 12px; font-size:120%; }


#content{margin-top:126px; padding:0; width:100%; }

#content_inner{max-width:800px; margin:0 auto; padding: 0;background-color:#fff; }
#mail_holder{width:100%;  margin-right:0; padding-top:0; background-color:#fff;}
	iframe#framer{width:100%; height:460px;}
	
	#address_holder{width:100%;text-align:center;background-color:#fff; margin-bottom:30px; margin-top:-20px; border:solid 1px #ccc;}
	#address_txt{white-space:pre-line;  font-size:120%;  width:100%; padding:10px 0; background-color:#f5f5f5;}
	
	#location_but{border-radius:0; padding:4px 10px;  margin-top:0;text-align:center;}

#footer{margin-top:0;}	
}

@media only screen and (max-width : 320px) and (orientation: portrait) {
	#menu_inner div{margin:0 8px; font-size:110%; }
}