@charset "utf-8";
/* CSS Document */

h1{font-weight:400;}
h2{font-weight:300;}
#content{max-width:1250px; margin:0 auto; padding:0 20px;}

/*pages menu*/
#pages_menu_holder_holder{border-bottom:solid 1px #aaa; background-color:#eee; padding:5px 10px; font-size:120%; font-family: 'Fjalla One', sans-serif; }
#pages_menu_holder{max-width:1250px; margin: 0 auto;}
#pages_menu_table{width:100%;}
#pages_menu_table td{ text-align:center;}
#pages_menu_table td div{border:solid 1px #ccc; background-color:#fff; padding:2px 5px; min-width:90px; border-radius:5px; margin:0 auto; transition:0.4s;}
#pages_menu_table td div#alle-gevelstenen{min-width:130px;}
#pages_menu_table td div#alle-gevelstenen{ color:#f00;transition:0.4s;}

#pages_menu_table td.arrows{display:none;}
#pages_menu_table td.arrows:hover{display:none;}
#pages_menu_table td div:hover:not(.td_sel){box-shadow:0 0 10px #aaa; color:#f00; cursor:pointer;}
#pages_menu_table td#last div:hover:not(.td_sel){box-shadow:0 0 10px #aaa; color:#fff; background-color:#f00}
#pages_menu_table a:hover{color:#000;}
#pages_menu_table td div.td_sel{background-color:#444; color:#fff; }


.page_header{display:inline-block;font-size:250%; font-family: 'Fjalla One', sans-serif; color:#f00; margin-bottom:10px; padding-top:20px;}
/*.page_txt{padding:0 10px; padding-top:10px; font-size:110%; line-height:1.5}*/

#position_icon{right:150px;}


.verhaal{white-space:pre-line; line-height:1.5;}
.verhaal_header img, .verhaal img{float:left;margin-right:20px;}
.verhaal_header{font-size:130%; color:#f00; font-family: 'Fjalla One', sans-serif;}
.verhaal a{text-decoration:underline; }
.extra_header{font-size:140%; font-family: 'Fjalla One', sans-serif; color:#f00;}
.link{text-decoration:underline}
.tussen{height:20px;}
#txt_holder a{text-decoration:underline;}
#txt_holder a:hover{color:#f00;}

/*vereniging*/
#txt_logo_head{width:200px;float:left;margin-right:20px;}
#vereniging_txt{padding: 3px 10px 3px 20px;  background-color:#333; color:#fff; font-size:130%; text-align:center;}
#aanmelden{font-weight:400;}
#aanmelden:hover{color:#f00; cursor: pointer;}


/*meerover*/
sub_header{font-size:110%; font-family: 'Fjalla One', sans-serif;}
.sub_header{font-size:110%; font-family: 'Fjalla One', sans-serif;}

.heel_artikel{background-color:#ddd; padding:2px 8px; border:solid 1px #888; font-size:90%;border-radius:3px; display:inline-block; cursor:pointer;}
.heel_artikel:hover{background-color:#000; color:#fff;}

/*route_intro*/

#walking_logo{margin-right:10px;}
#boat_logo{margin-top:15px;}
#route_intro_header{width:450px;}
#route_header{font-size:100%; white-space:pre-line; margin-top:10px;}
.route_intro_txt{ white-space:pre-line;}

ul#ul_route{list-style:none; margin-left:-40px; margin-top:0;}
ul#ul_route li{ border:solid 2px #ccc;  background-color:#f5f5f5; border-radius:5px; margin-bottom:10px; transition:0.4s;}
ul#ul_route li .walking_s{display:inline-block; font-size:180%;  color:#000;}
ul#ul_route li img.arrow_img{float:right; width:25px;  margin-right:10px; margin-top:10px; transform:rotate(180deg);}
ul#ul_route li a:hover{color:#000}
ul#ul_route li:hover{background-color:#fff; box-shadow: 0 0 10px #ccc; cursor:pointer}
ul#ul_route li .ul_route_header{display:inline-block; font-size:230%; margin-left:20px;color:#f00;font-family: 'Fjalla One', sans-serif; text-transform:uppercase;}
/*img.foto{padding:2px; border:solid 10px #ccc; margin-right:20px; border-radius:4px;}
.ul_route_txt_holder{  padding:10px; box-sizing:border-box; margin-top:-2px; min-height:120px;}
.ul_route_txt_holder:hover{background-color:#fff;}*/
ul#ul_route li .route_img{height:100px; transition:0.4s}
.ul_route_txt{font-size:100%; white-space:pre-line; padding: 0 20px 10px 0;}
.ul_route_txt_mob{font-size:small; white-space:pre-line; padding: 0 10px 10px 10px;}


#gids_wandeling{white-space:pre-line; border-top:solid 1px #ccc;  clear:left;}
#gids_wandeling a{text-decoration:underline;}
#gids_wandeling_header{font-size:130%; color:#f00; font-family: 'Fjalla One', sans-serif;}

/*news*/
ul#news_holder{margin-left:-40px; margin-top:0; overflow-y:auto; overflow-x:hidden; list-style:none; }
ul#news_holder li{ padding:10px 20px; border:solid 1px #ccc; margin-bottom:10px; background-color:#f5f5f5; border-radius:4px; }
ul#news_holder li:even{ border:solid 1px #ccc;}
ul#news_holder li .news_title{font-size:170%; font-weight:400;}
ul#news_holder li .news_txt{ white-space:pre-line; padding:5px 0 0 0;}
ul#news_holder li .news_txt a{color:#000; text-decoration:underline; font-weight:400;}
ul#news_holder li .news_txt a:hover{color:#f00; cursor:pointer}
ul#news_holder li .news_txt img{float:left; margin-right:10px; margin-bottom:10px;}
ul#news_holder li .news_date{text-align:right; font-size:90%; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-style:italic; }
ul#news_holder li  .clear{clear:left;}

#news_nav_holder{margin-left:10px;}
#news_nav_holder div{ font-weight:400; font-size:150%}


/*route_intro*/
#walking_logo{margin-top:15px; margin-left:10px;}

.route_header{font-size:250%; font-family: 'Fjalla One', sans-serif;}
/*.all_routes{display:inline-block; font-size:170%; font-weight:400; border:solid 1px #aaa; padding:0 15px; margin-right:30px; margin-top:20px; border-radius:5px; background-color:#f5f5f5; cursor:pointer;}
.route_info{display:inline-block;margin-top:10px; padding-left:20px;}

.all_routes:after{
	content:'';
	background-image:url(../site_pic/next.png);
	position:absolute;
	width:14px;
	height:20px;
	margin:10px 0 0 13px;	
}*/

/*CONTACT*/
#mail_holder{width:500px; margin-right:20px; display:inline-block;}
iframe#framer{width:100%; height:460px; text-align:center; overflow:hidden; margin-top:10px}
#address_holder{display:inline-block;vertical-align:top; margin-top:10px; }
#address_header{font-size:120%; font-weight:400; margin-bottom:10px;}
#address_txt{white-space:pre-line; line-height:2;}

/*colofon*/
#colofon_header{margin-bottom:20px;white-space:pre-line; font-size:110%}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){
/*#pages_menu_holder{width:1000px;}*/
#pages_menu_table td.arrows{width:25px; display:none}
#pages_menu_table td div{}

.route_intro_txt{font-size:80%}
#pages_menu_table td.arrows{display:none;}
sub_header{font-size:110%; font-family: 'Fjalla One', sans-serif; margin-bottom:20px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/*#pages_menu_table td.arrows{display:inline-block;}*/
	ul#ul_route li .route_img{height:150px;}
}


/*//////////////////////////////////PHONES//////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
#content{width:100%; box-sizing:border-box; padding:0 10px; }

img{max-width:97%;}

.page_header_colofon{display:inline-block;font-size:160%; font-family: 'Fjalla One', sans-serif; color:#f00; padding-top:10px; }


/*pages menu*/
#pages_menu_holder_holder{border-bottom:solid 1px #aaa; background-color:#eee; padding:5px 0; font-size:100%; font-family: 'Fjalla One', sans-serif;width:100%;  overflow-x:auto; -webkit-overflow-scrolling:touch;}
#pages_menu_holder_holder{}
#pages_menu_holder{width:600px;}
#pages_menu_table{width:100%;}
#pages_menu_table td{ text-align:center;}
#pages_menu_table td div{border:solid 1px #ccc; background-color:#fff; padding:2px 0; width:160px; border-radius:5px; margin:0 auto}
#pages_menu_table td div#overzicht{ color:#f00;}
#pages_menu_table td.arrows{width:30px; display:block;}
#pages_menu_table td div.td_sel{background-color:#444; color:#fff; }

.page_header{display:inline-block;font-size:30px; font-family: 'Fjalla One', sans-serif; color:#f00; margin-bottom:10px; padding-top:20px;}
/*.page_txt{padding:0 10px; padding-top:10px; font-size:110%; line-height:1.5}*/
.verhaal{white-space:pre-line; line-height:1.5;  font-size:100%; }
.verhaal_header{font-size:120%; color:#f00; font-family: 'Fjalla One', sans-serif;}
.verhaal a{text-decoration:underline; }
.extra_header{font-size:130%; font-family: 'Fjalla One', sans-serif; color:#f00;}
.link{text-decoration:underline}

#colofon_header{margin-bottom:20px;}

#position_icon{right:80px;}

/*VERENIGING*/
#vereniging_txt{padding: 3px 10px 3px 20px;  background-color:#333; color:#fff; text-align:center;margin-top:0;padding: 4px 0;font-size:85%; }
#txt_logo_head{width:60%;float:none;margin-right:0;}
.verhaal_header img{ width:60%;  margin-right:40%}
.verhaal{padding-left:0;}

/*MEEROVER*/
sub_header{font-size:110%; font-family: 'Fjalla One', sans-serif;}

.heel_artikel{font-size:small; display:inline-block;}
/*ROUTE INTRO*/
#route_header{font-size:100%; white-space:pre-line; margin-top:0;  }
#route_intro_header{width:100%; text-align:center;margin-bottom:20px;}


#walking_logo{  margin-top:15px; width:50px; margin-right:0; margin-left:0;}
#boat_logo{margin-top:15px; width:50px;}
#wandelroutes_top{font-size:28px; width:60%; text-align:center; line-height:0.95;}

ul#ul_route{list-style:none; margin-left:-40px; margin-top:0;}
ul#ul_route li{border-left:none; border-right:none; border-radius:0; margin-bottom:10px;margin-left:-10px; margin-right:-10px;padding:0;}

ul#ul_route li .ul_route_header{margin-left:5px;font-size:150%; color:#f00;  font-family: 'Fjalla One', sans-serif; text-transform:uppercase; margin-top:10px;}
ul#ul_route li img.arrow_img{width:20px;  margin-right:5px; }
ul#ul_route li .route_img{width:100%; height:auto;}

ul#ul_route li .walking_s{float:left; font-size:180%;  color:#000; margin-top:10px;}
ul#ul_route li img.arrow_img{float:right; width:25px;  margin-right:10px; margin-top:10px; transform:rotate(180deg);}

.ul_route_txt{font-size:90%; white-space:pre-line; padding: 0 10px 10px 10px;}



#gids_wandeling{ white-space:pre-line; border-top:solid 1px #ccc; font-size:small; margin-bottom:20px;}
#gids_wandeling a{text-decoration:underline;}
#gids_wandeling_txt{font-size:110%;}

/*CONTACT*/
#mail_holder{width:100%;  margin-right:0; }
iframe#framer{width:100%; height:460px;}
#address_txt{white-space:pre-line; line-height:2; font-size:90%;}










.all_routes{display:inline-block; font-size:170%; font-weight:400; border:solid 1px #aaa; padding:0 15px; margin-right:30px; margin-top:20px; border-radius:5px; background-color:#f5f5f5; cursor:pointer;}
.route_info{display:inline-block;margin-top:10px; padding-left:20px;}

.all_routes:after{
	content:'';
	background-image:url(../site_pic/next.png);
	position:absolute;
	width:14px;
	height:20px;
	margin:10px 0 0 13px;	
}



/*news*/
ul#news_holder{margin-left:-50px; margin-top:0;margin-right:-10px; overflow-y:auto; overflow-x:hidden; list-style:none; }
ul#news_holder{ }
ul#news_holder li{ border:solid 1px #ccc; border-right:none; border-left:none; border-radius:0; margin-bottom:10px; background-color:#f5f5f5;  padding:10px; width:100%; box-sizing:border-box;}
ul#news_holder li{}
ul#news_holder li:even{ border:solid 1px #ccc;}
ul#news_holder li .news_title{font-size:110%; font-weight:400;}
ul#news_holder li .news_txt{font-size:90%; white-space:pre-line; padding:5px 0 0 0;}
ul#news_holder li .news_txt a{color:#000; text-decoration:underline; font-weight:400;}
ul#news_holder li .news_txt img{max-width:90%; margin:0 auto; margin-bottom:10px; }
ul#news_holder li .news_date{font-size:80%; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin-bottom:3px;  }
ul#news_holder li  .clear{clear:left;}

#news_nav_holder{margin-left:10px;}
#news_nav_holder div{ font-weight:400; font-size:150%}


#news_top{font-size:180%;}


ul#news_holder li .news_txt img{float:none; vertical-align:text-bottom; margin-right:100px; margin-bottom:10px;}

}

/*/////////////////////////////*/