html,body
	{
	margin:0px;
	padding:0px;
	height:100%;
	}

p
	{
	padding:0px;
	margin:0px;
	}

@media all and ((orientation:portrait) or (max-width: 1199px))
	{
	#em_leftnav{display:none;}
	#em_site
		{
		padding: 10px;
		}
	#title_wrap
		{
		padding-left: 10px;
		padding-right: 10px;
		}
	#title_bar img
		{
		height:24px;
		}
	#title
		{
		font-size:3.5vw;
		vertical-align:auto;
		}
	#hbmmenu	
		{
		position: relative;
		float:right;
		}

	#em_content
		{
		width:100%;
		flex:1;
		}

	#backhome
		{
		display:none;
		}
	
	#btn_bb
		{
		position: absolute;
		top:50px;	
		}
	.em_menubtn
		{
		border:1px solid #FFFFFF;
		float:right;
		}
	#hbsubs	
		{
		display:none;
		}
	#bibliotheek
		{
		width:240px; 
		margin-right:-2px; 
		height:240px; 
		padding-left:20px; 
		}
	.bblock
		{
		background-image:url('/kast1x1.png'); 
		background-repeat:no-repeat;		
		padding-left:20px;
		width:220px;
		height:224px;
		float:left; 
		}
	#bbplayer
		{
		width:100%;
		max-height:480px;
		margin-left:-50%;
		}
	#hbmenu
		{
		display: none;
		}
	#em_footer
		{
		padding-left:40px;
		padding-right:40px;
		}
	
	}
	
@media all and (orientation:landscape) and (min-width: 1200px)
	{
	#em_site
		{
		max-width:1200px;
		flex:1;
		min-height:50vh;
		}
	#title_wrap,#em_header
		{
		max-width:1200px;	
		margin-left:auto;
		margin-right:auto;
		padding-left:20px;
		padding-right:20px;
		}
	#title_bar img
		{
		height:32px;
		}
	#title
		{
		font-size:30px;
		
		}
	#hbmenu	
		{
		position: relative;
		float:right;
		}
	
	#em_leftnav
		{
		width:300px;
		float:left;
		}
	#mm_index{display:none;}
	
	#em_content
		{
		float:left;
		padding-left:10px;
		width:fit-content;
		}
	#backhome_m
		{
		display:none;
		}
	#mmenu 
		{
		display: none;
		}
	#title_wrap
		{
		position: relative;
		}
  	#hbsubs	
		{
		position: absolute;
		width:300px;
		right:20px;
		overflow: visible;
		display: none;
		z-index: 50;
		

		}
	#bibliotheek
		{
		width:719px; 
		padding-left:18px; 
		height:718px; 
		background-image:url('/kast3x3.png'); 
		background-repeat:no-repeat;	
		}
	.bblock
		{
		width:212px;
		height:212px;
		float:left; 
		}
	#bbplayer
		{
		width:640px;
		max-height:480px;
		margin-left:-320px;
		}
	#hbmmenu
		{
		display: none;
		}
	}


#em_signup
	{
	margin:20px 60px 0px 60px ;	
	}

#chatdialog
	{
	display:none;
	padding-left:1%;
	}
	
#em_navbar
	{	
    position: fixed; 
    bottom:0px;
	z-index:15;
	height:40px;
	display:none;
	}
	
#overlay
	{
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	display:none;
	}
	
#bbplayer
	{
	position:absolute;
	max-height:480px;
	left:50%;
	top:200px;
	z-index:110;
	background-color:#FFFFFF;
	display:none;
	}
	
#em_bb
	{
	position:relative;
	z-index:1;
	}

#page-container
	{
    position: relative;
	min-height: 100%;
	}
	
#em_site
	{
	position:relative;
	
	display: flex;	
	margin-top:30px;
	}
	
#em_header
	{
	position:relative;
	}
	
#title_bar
	{
	box-sizing: border-box;  
	width:100%;
	z-index:80;
	}
		
#title
	{
	width:100%;
	}

#em_leftnav
	{
	vertical-align:top; 
	float:left;
	}

#backhome
	{
	position:relative; 
	display:block;
	z-index:25;
	text-decoration:none;
	margin-bottom:10px;
	padding:5px;
	}

	
#nm_index
	{
	margin:0px;
	list-style: none;
	padding: 0;
	}

#nm_index ul
	{ 
	list-style: none;
	margin:0px;
	padding:0px;
	}

#em_index
	{
	position:relative;
	display:block;
	z-index:25;
	text-decoration:none;
	margin:0px;
	list-style: none;
	padding: 0;
	}

#em_index ul
	{ 
	list-style: none;
	margin:0px;
	padding:0px;
	}

#mm_index
	{
	position:relative;
	display:block;
	z-index:25;
	text-decoration:none;
	margin:0px;
	list-style: none;
	padding: 0;
	}

#mm_index ul
	{ 
	list-style: none;
	margin:0px;
	padding:0px;
	}

.nav_chapter
	{
	display:block;
	cursor:pointer;	
	background-image:none;
	padding:8px 10px 8px 5px;
	list-style: none;
	font-size:1.05em;
	}
.nav_chapter, .nav_chapter a
	{
	text-decoration:none;	
	}
.nav_chapter:hover,.nav_page:hover,#hbsubs a:hover,.em_menubtn:hover
	{
	cursor: pointer;
	}
.nav_page
	{
	display:block;
	font-size:0.9em;
	padding:3px 0px 3px 12px;
	}

#mm_index .nav_page
	{
	padding-top:15px;
	padding-bottom:15px;
	}

.nav_sublvl2 a
	{
	padding-left:20px;
	}
.nav_sublvl3 a
	{
	padding-left:28px;
	}
.nav_sublvl4 a
	{
	padding-left:35px;
	}

.nav_page, .nav_page a
	{
	text-decoration:none;
	}	
.nav_page .active
	{
	text-decoration:none;
	cursor: pointer;
	}
.nav_page.visited
	{
	font-style:italic;
	}
.nav_page.notvisited
	{
	pointer-events: none; 
	cursor: default; 
	opacity:0.75
	}

#em_content
	{
	position:relative;
	}

#em_footer
	{
	position:relative;
    text-align:center;      
	}
#em_footer a
	{
	text-decoration:none;
	}
#footerbar
	{
    position: absolute;
    bottom: 0px;
    width: 100%;
	}
	
.middle		{margin-left:auto;	margin-right:auto;}

.em_menubtn, #bbclose
	{
	padding:5px;
	margin-left:10px;
	z-index:25;
	}
	
.em_navbtn
	{
	z-index:6;
	padding:15px;
	min-width:120px;
	border:0;
	text-decoration: none;
	}

.ole
	{
	font-size:1.2em;
	
	
	}
.em_flbtn
	{
	position:absolute; 
	bottom:-50px; 
	left:0px;
	z-index:8;
	}

.em_frbtn
	{
	position:absolute; 
	bottom:-50px;
	right:0px;
	z-index:8;
	}
	

.hbbar span
	{
	font-size:11px;
	}
	
	
#hbsubs a	{text-decoration:none;}

.emaudio
	{
	position:absolute; 
	width:100%; 
	float:left; 
	font-weight:bold; 
	font-size:1.1em; 
	height:25px; 
	text-align:center; 
	top:-30px; 
	overflow:hidden; 
	}

.entrymenu 
	{
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	}
	
#mobilemenu
	{
	position:absolute;
	width:100%;
	height: 100%;
	}

#mm_title
	{
	padding:30px; 
	padding-left:10px; 
	width:100%; 
	font-size:4vw;
	
	}
#mm_tabs
	{
	position: fixed;
	width:100%;
	z-index:120;
	border:1px solid #CCCCCC;
		
	}

#mm_tabs .mtmain	
	{
	width:25%;
	padding-top:10px;
	padding-bottom:10px;
	
	float:left;
	text-align: center;
	
	}

@media all and (orientation:portrait) 
	{
	#mobilemenu #mm_tabs
		{
		bottom:0px;
		border-top:35px solid #FFFFFF;
		}
	#mm_index .nav_chapter
		{
		font-size: 6vw;
		margin-top: 30px;
		}
	
	#mm_index .nav_page
		{
		font-size: 5vw;
		}
	
	}

@media all and (orientation:landscape) 
	{
	#mobilemenu #em_header
		{
		display: none;
		}
	#mobilemenu #title_bar
		{
		width:70%;
		}
	#mobilemenu #mm_tabs
		{
		top:0px;
		right:0px;
		max-width:150px;
		width:25vh;
		float:right;
		height:100vh;

		}
	#mobilemenu #mm_tabs .mtmain	
		{
		width:25vh;
		text-align: center;
		padding-top: 12px;
		padding-bottom: 12px;
		
		}
	#mobilemenu #mm_content
		{
		width:70%;
		float:left;
		top:-60px;
		}
	#mm_index .nav_chapter
		{
		font-size: 3vw;
		margin-top: 15px;
		}
	
	#mm_index .nav_page
		{
		font-size: 2.2vw;
		}
	
	
	}
#mm_tabs .mtactive	
	{
	border-top: 1px solid #DDDDDD;
	}

#mm_tabs .mtinactive img, #mm_tabs .mtinactive span
	{
	opacity: 0.5;
	}
#mm_tabs .logoff	
	{
	width:10%;
	bottom:0px;
	height:75px;
	float:right;
	text-align: center;
	}

#loginbg
	{
 	position: absolute;
	width:100%;
	left: 0;
	opacity: 0.65;
	z-index: -1;
	display: block;
	overflow:hidden;
	bottom:100px;
	top:125px;
	}

#loginbgimg
	{
	background-image:url('/emdata/global/loginbg.jpg');
	background-position:center center;  
	width:100%;
	height:100%; 
	opacity:0.5;
	
	}

#logindialog
	{
	padding:15px; 
	margin-left:auto; 
	min-width:300px; 
	max-width:400px; 
	width:80%; 
	margin-right:auto; 
	text-align:center; 
	border:1px solid #666666; 
	border-radius:10px; 
	font-size:12px; 
	background-color:#FFFFFF;
	}

.textfield
	{
	background-color: #f2f3f8;
	border-radius: 20px;
	border: 1px solid transparent;
	padding:0 11px 0 13px;
	margin: 6px;
	}

.controls
	{
	width: 290px;		
	box-sizing: border-box;
	height: 32px;
	outline: none;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	}

	
#map
	{
	position: relative;
	margin: 0;
	padding: 0;
	height: 300px;
	max-width: 600px;
	margin:10px;
	
	}

#origin-input, #destination-input 
	{
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	max-width: 290px;
	}

@media all and ((orientation:portrait) or (max-width: 1199px))
  {
#origin-input, .table, #map, #destination-input, .controls
  {
  width:95%;
  max-width: 95%;
  }
#origin-input, #destination-input 
  {
  font-size: 1.5em;
  }
}

#origin-input:focus, #destination-input:focus 
{
border-color: #4d90fe;
}

#mode-selector 
{
color: #fff;
background-color: #4d90fe;
margin-left: 12px;
padding: 5px 11px 0px 11px;
}

#mode-selector label 
{
font-size: 14px;
font-weight: 300;
}