body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

h2{
		font-family: verdana;
		text-decoration:none;
		font-size:9pt;
		background-color:#3399CC;
		color:#FFFFFF;
}
a{
		font-family: verdana;
		color:#3399FF;
		text-decoration:none;
		font-size:9pt;
	}

a:hover{
		font-family: verdana;
		color:#3399FF;
		text-decoration:underline;
		font-size:9pt;
	}
div#details:hover{
		text-decoration:underline;
		cursor:pointer;
	}
th{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:8pt;
	}
th a{
		font-family: verdana;
		text-decoration:none;
		font-size:8pt;
	}
th a:hover{
		font-family: verdana;
		text-decoration:underline;
		font-size:8pt;
	}
th div{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:8pt;
	}
td{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:8pt;
	}
td a{
		font-family: verdana;
		color:#3399FF;
		text-decoration:none;
		font-size:8pt;
	}
td a:hover{
		font-family: verdana;
		color:#3399FF;
		text-decoration:underline;
		font-size:8pt;
	}
td div{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:8pt;
	}
tr.rutdetstart {
	background:#CEF6E3;height:25px;
}
tr.rutdet {
	background:#FFFFFF;height:25px;
}
tr.rutdetend {
	background:#F8E0E0;height:25px;
}

div{
	font-family: verdana;
	color:#000000;
	text-decoration:none;
	font-size:9pt;
}

select{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:9pt;
	}
input{
		font-family: verdana;
		color:#000000;
		text-decoration:none;
		font-size:9pt;
	}
tbody#TblBdy tr.restr{
		background-color:#FFFFFF;
		border-bottom:solid thin #666666;
		height:12px;
		}
tbody#TblBdy tr.restr:hover{
		background-color:#CEF6D8;
		}		
tbody#TblBdy td{
		border-bottom:solid thin #666666;
		color:#666666;
		height:12px;
		}
tbody#TblBdy div{
		color:#666666;
		height:12px;
		}
table#sortable tr{
		color:#FFFFFF;
		border-bottom:solid thin #666666;
	}
tr#thead th{
		color:#FFFFFF;
	}
tr#thead th a{
		color:#FFFFFF;
	}

table#sortable a{
		color:#FFFFFF;
	}
table.detailstabel{ 
		background-color:#3399CC;
		border:none;
	}
tr.detailstabel{ 
		background-color:#3399CC;
		color:#FFFFFF;
	}
tr.detailstabel th{ 
		color:#FFFFFF;
	}
tr.detailstabel td{ 
		color:#FFFFFF;
	}
a#ruta{ 
		color:#990000;
		text-decoration:underline;
		cursor:pointer;
	}
div.suggestions {
	background:#FFFFFF;
	position:absolute;
  width:250px;
  max-height:100px;
  overflow:scroll;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
	visibility:hidden;
}
div.suggestions ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.suggestions li {
  background:#FFFFFF;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:14px;
  cursor:pointer;
}
div.suggestions li:hover {
  background:#D5E2FF;
  text-decoration:underline;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:14px;
  cursor:pointer;
}



#navbar
{	margin: 0;
	padding: 0;
	z-index: 30}

#navbar li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 13px arial}

#navbar li a
{	cursor: pointer;
	display: block;
	margin: 0 0 0 0;
	padding: 0px 0px;
	width: 220px;
	background: #FFF;
	color: #000;
	border: solid thin #CCC;
	text-align: left;
	text-decoration: none;
	vertical-align: text-bottom;
	font: 13px arial}

#navbar li a img
{	margin:1 0 0 0;
	width:20px;
	vertical-align:middle;
}

#navbar li a:hover
{	background: #49A3FF}

#navbar div
{	position: absolute;
	visibility: hidden;
	max-height:200px;
	width:220px;
	overflow:auto;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
	background: #FFF;
	font: 12px;
	border: 1px solid #5970B2}

	#navbar div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 0px 0px;
		width: auto;
		border: none;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #000000;
		font: 13px arial}

	#navbar div a:hover
	{	background: #8db3ff;
		color: #FFF}



	#main-navigation,
	#main-navigation ul {
		list-style: none;
	}
	#main-navigation {
		margin: 1.2em 0 0 0.8em;
		width: 90.5%;
		clear: left;
		/* the next two properties are necessary so nav items will overlay on top of any google map implementation */
		position: relative;
		z-index: 13;
	}	
		#main-navigation img.dot {
			width: 1em;
			height: 1em;
			position: absolute; 
			margin-top: -0.3em;	
		}		
		#main-navigation a {
			display: block;
			text-decoration: none;
			font-size: 1.2em;
			color: #000000;
			padding: 0.4em 0.4em 0.4em 0.4em;
			/* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
			text-shadow: 0 0 0 #000;
		}		
		#main-navigation a:hover,
		#main-navigation li:hover a,
		#main-navigation li.sfhover a,
		#main-navigation li.on a   {
			color: #FFF;
		}		
		#main-navigation li {
			float: left;
			/*width: 12em;*/			
			margin: 0 2em 0 0;
		}
		#main-navigation li:hover,
		#main-navigation li.sfhover {
			/* the following (seemingly) fixes sticky suckerfish drop-down menus in IE7 */
			position: static;
		}
			#main-navigation li ul {
				position: absolute;
				left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				margin: 0;
				border-top: solid 0.4em #3F3F3F;
				width: 15.4em;
				z-index: 100;
			}
			#main-navigation li ul img {
				width: 1em;
				height: 1em;
				position: absolute; 
				margin-top: -0.3em;	
				margin-top: -0.7em;		
				left: 0;
				z-index: 100;
			}			
			#main-navigation li ul li {
				clear: both;
				margin: 0;
				z-index: 100;
			}
			#main-navigation li ul a {
				background-color: transparent !important;
				background-position: top left;
				background-repeat: repeat;
				color: #FFF;
				border-bottom: solid 1px #FFF;
				float: left;
				width: 12em; /* if want to set a specific, universal width for all subnavs set this */
				margin: 0;
				padding: 0.4em;
				z-index: 100;
			}		
			#main-navigation li ul a:hover {
				background: none !important;
				color: #FFF;
				z-index: 100;
			}
			/* --------------------------------------------------------------------------------------------------------------
				MENU SPECIFIC BACKGROUND COLORS				
				* Unfortunately, because IE cannot call the pseudo-class :hover on the <li> elements it was necessary
				to give each main menu <li> an id so that we could use the sfhover script to solve the IE pseudo-class
				problem (it does so by temporarily setting a class to the <li>) and still allow the pseudo-class to work when 
				the subnav is active. *
			-------------------------------------------------------------------------------------------------------------- */
			/* Inicio */
			#nav_inicio:hover	a,		
			#nav_inicio.on a					{ background-color: #4B67A7; }
			#nav_inicio ul a					{ background-image: url(/images/blauw.png) !important; }
			#nav_inicio ul li a:hover		{ background-color: #283474 !important; }
			
			/* Fares * Passes */
			/*#nav-fares_and_passes a:hover,*/
			#nav_buscaturuta:hover a,
			#nav_buscaturuta.sfhover a,
			#nav_buscaturuta.on a						{ background-color: #6AB71D; }
			#nav_buscaturuta ul a						{ background-image: url(/images/groen.png) !important; }
			#nav_buscaturuta ul li a:hover,
			#nav_buscaturuta.sfhover ul a:hover	{ background-color: #358B13 !important; }
			
			/* Ciudades */
			#nav_cities:hover a,
			#nav_cities.sfhover a,
			#nav_cities.on a							{ background-color: #C80000; }
			#nav_cities ul a							{ background-image: url(/images/rood.png) !important; }
			#nav_cities ul li a:hover,
			#nav_cities.sfhover ul a:hover			{ background-color: #A10606 !important; }
			
			/* About */
			#nav_about:hover a,
			#nav_about.sfhover a,
			#nav_about.on a							{ background-color: #FF6600; }
			#nav_about ul a							{ background-image: url(/images/oranje.png) !important; }
			#nav_about ul li a:hover,
			#nav_about.sfhover ul a:hover		{ background-color: #EC3306 !important; }
			
			/* login */
			#nav_login:hover a,
			#nav_login.sfhover a,
			#nav_login.on a,
			body.login #nav_login a	{ background-color: #820675; color: #FFF; }
			#nav_login ul a						{ background-image: url(/images/paars.png) !important; }
			#nav_login ul div						{ background-image: url(/images/paars.png) !important; color: #FFF;}
			#nav_login ul li a:hover,
			#nav_login.sfhover ul a:hover		{ background-color: #43093A !important; }
			
			/* Customer Service */
			#nav_auto:hover a,
			#nav_auto.sfhover a,
			#nav_auto.on a						{ background-color: #da6815; }
			#nav_auto ul a						{ background-image: url(/images/subnav-bg-customer_support.png) !important; }
			#nav_auto ul li a:hover,
			#nav_auto.sfhover ul a:hover	{ background-color: #a74905 !important; }				
		
		
			/* Safety */
			#nav-safety:hover a,
			#nav-safety.sfhover a,
			#nav-safety.on a						{ background-color: #8C8786; }
			#nav-safety ul a						{ background-image: url(/images/subnav-bg-safety.png) !important; }
			#nav-safety ul li a:hover,
			#nav-safetye.sfhover ul a:hover	{ background-color: #504948 !important; }

			/* Transit Police */
			#nav-transitpolice:hover a,
			#nav-transitpolice.sfhover a,
			#nav-transitpolice.on a						{ background-color: #3D59AB; }
			#nav-transitpolice ul a						{ background-image: url(/images/subnav-bg-transitpolice.png) !important; }
			#nav-transitpolice ul li a:hover,
			#nav-transitpolice.sfhover ul a:hover	{ background-color: #2F2F4F !important; }	
		
			
		
		#main-navigation li:hover ul, #main-navigation li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
#sporten tr:hover{
	cursor:pointer;
}
		
#sporten td{
	height:32px;
	overflow:hidden;
}
#sporten td div{
	height:32px;
}
#sporten img{
	top:0px;
	height:65px;
	
}
#sporten img:hover{
	top:-20px;
}