/* --------------------------------------- */
/* FIETSEN IN REGIO ROTTERDAM GIS css */
/* --------------------------------------- */

.hr
	{
	background: transparent;
	border: 0px;
	border-top: 9px solid #75c424;
	height: 9px;
	margin: 0px 0px 8px 0px;
	}

#header							{ height: 90px; }

#header h1
	{
	position: relative;
	background-image: url(/grfx/linda_gis/header.gif);
	_background-image: url(/grfx/linda_gis/header.gif);
	width: 305px;
	height: 41px;
	margin-bottom: 14px;
	top: 0px;
	left: 0px;
	}

#header h1 a					{ height: 41px; }

#navigation
	{
	position:relative;
	background-color: transparent;
	width: 668px;
	height: 35px;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	float: none;
	}

#navigation ul					{ position: relative; list-style: none; margin: 0px; margin-top: 0px; }
#navigation ul li				{ position: absolute; list-style: none; margin: 0px; }

#m1, #m1_on						{ width: 111px; height: 35px; left: 0px; }
#m2, #m2_on						{ width: 145px; height: 35px; left: 111px; }
#m3, #m3_on						{ width: 107px; height: 35px; left: 256px; }
#m4, #m4_on						{ width: 125px; height: 35px; left: 363px; }
#m5, #m5_on						{ width: 91px; height: 35px; left: 488px; }
#m6, #m6_on						{ width: 53px; height: 35px; left: 579px; }

li#m1							{ background:url(/grfx/linda_gis/navigation.gif) -0px 0px no-repeat; }
li#m2							{ background:url(/grfx/linda_gis/navigation.gif) -111px 0px no-repeat; }
li#m3							{ background:url(/grfx/linda_gis/navigation.gif) -256px 0px no-repeat; }
li#m4							{ background:url(/grfx/linda_gis/navigation.gif) -363px 0px no-repeat; }
li#m5							{ background:url(/grfx/linda_gis/navigation.gif) -488px 0px no-repeat; }
li#m6							{ background:url(/grfx/linda_gis/navigation.gif) -579px 0px no-repeat; }

#navigation a					{ text-indent: -9999px; text-decoration: none; height: 35px; display: block; }
li#m1:hover, li#m1_on			{ background:url(/grfx/linda_gis/navigation.gif) -0px -35px no-repeat; }
li#m2:hover, li#m2_on			{ background:url(/grfx/linda_gis/navigation.gif) -111px -35px no-repeat; }
li#m3:hover, li#m3_on			{ background:url(/grfx/linda_gis/navigation.gif) -256px -35px no-repeat; }
li#m4:hover, li#m4_on			{ background:url(/grfx/linda_gis/navigation.gif) -363px -35px no-repeat; }
li#m5:hover, li#m5_on			{ background:url(/grfx/linda_gis/navigation.gif) -488px -35px no-repeat; }
li#m6:hover, li#m6_on			{ background:url(/grfx/linda_gis/navigation.gif) -579px -35px no-repeat; }


#content
	{
	margin-right: 290px;
	_margin-right: 287px;
	padding: 0px;
	}

#sidebar
	{
	background-image: url(/grfx/linda_gis/background-routedescription.png);
	_background-image: url(/grfx/linda_gis/background-routedescription.gif);
	background-repeat: no-repeat;
	width: 284px;
	height: auto;
	_height: 507px;
	min-height: 507px;
	padding: 0px;
	}

#sidebar h3
	{
	color: #fff;
	padding-top: 10px;
	padding-left: 20px;
	}

#toportal
	{
	position: relative;
	background: url(/grfx/linda_gis/btn-toportal.gif) no-repeat;
	width: 187px;
	height: 20px;
	float: right;
	top: 50px;
	right: 100px;
	}

#toportal a						{ text-decoration: none; text-indent: -9999px; height: 20px; display: block; }

#updateroute
	{
	position: absolute;
	width: 122px;
	height: 50px;
	top: 0px;
	right: 0px;
	}

#totalroute
	{
	position: absolute;
	font-weight: bold;
	font-size: 1.4em;
	color: #ffe325;
	left: 20px;
	bottom: 10px;
	}

/* ======================================= */

/* --------------------------------------- */
/* GIS */
/* --------------------------------------- */

.gis_update_line1					{ background-color: #eee; }
.gis_update_line0					{ background-color: #fff; }

#gisblock
	{
	position: relative;
	height: auto;
	_height: 510px;
	min-height: 510px;
	}

#gisoverlay
	{
	position: relative;
	background: url(/grfx/linda_gis/gisoverlay.png) no-repeat;
	_background: url(/grfx/linda_gis/gisoverlay.gif) no-repeat;
	width: 661px;
	_width: 600px;
	height: 507px;
	padding: 12px;
	}

#gistopoverlay,
#gisbottomoverlay,
#gisleftoverlay,
#gisrightoverlay
	{
	position: absolute;
	_background: none;
	margin: 0px;
	}

#gistopoverlay,
#gisbottomoverlay
	{
	width: 637px;
	height: 10px;
	left: 12px;
	}

#gistopoverlay
	{
	background: url(/grfx/linda_gis/topshadow.png) no-repeat;
	top: 12px;
	}

#gisbottomoverlay
	{
	background: url(/grfx/linda_gis/bottomshadow.png) no-repeat;
	bottom: 60px;
	_bottom: 54px;
	}

#gisleftoverlay,
#gisrightoverlay
	{
	width: 10px;
	height: 439px;
	top: 22px;
	}

#gisleftoverlay
	{
	background: url(/grfx/linda_gis/leftshadow.png) repeat-y;
	left: 12px;
	}

#gisrightoverlay
	{
	background: url(/grfx/linda_gis/rightshadow.png) repeat-y;
	left: 639px;
	}


#zoomlevels
	{
	position: absolute;
	width: 40px;
	height: 248px;
	top: 20px;
	left: 20px;
	z-index: 20;
	}

#content #zoomlevels ul
	{
	position: relative;
	width: 40px;
	height: 248px;
	margin: 0px;
	padding: 0px;
	}

#content #zoomlevels ul li
	{
	position: relative;
	list-style: none;
	width: 40px;
	margin: 0px;
	padding: 0px;
	}

#zoomlevels ul li a,
#zoomlevels ul li#zoom8 a,
#zoomlevels ul li#zoom0 a
	{
	text-decoration: none;
	text-indent: -9999px;
	width: 40px;
	height: 24px;
	display: block;
	}

#zoomlevels ul li#zoom8 a,
#zoomlevels ul li#zoom0 a
	{
	height: 40px;
	}

#zoom0, #zoom0 a:hover,	#zoom0_on,
#zoom1, #zoom1 a:hover,	#zoom1_on,
#zoom2, #zoom2 a:hover,	#zoom2_on,
#zoom3, #zoom3 a:hover,	#zoom3_on,
#zoom4, #zoom4 a:hover,	#zoom4_on,
#zoom5, #zoom5 a:hover,	#zoom5_on,
#zoom6, #zoom6 a:hover,	#zoom6_on,
#zoom7, #zoom7 a:hover,	#zoom7_on,
#zoom8, #zoom8 a:hover,	#zoom8_on
	{
	background-image: url(/grfx/linda_gis/zoomlevels.png);
	_background-image: url(/grfx/linda_gis/zoomlevels.gif);
	background-repeat: no-repeat;
	}

#zoom0							{ background-position: 0px 0px; height: 40px; }
#zoom1							{ background-position: 0px -40px; height: 24px; }
#zoom2							{ background-position: 0px -64px; height: 24px; }
#zoom3							{ background-position: 0px -88px; height: 24px; }
#zoom4							{ background-position: 0px -112px; height: 24px; }
#zoom5							{ background-position: 0px -136px; height: 24px; }
#zoom6							{ background-position: 0px -160px; height: 24px; }
#zoom7							{ background-position: 0px -184px; height: 24px; }
#zoom8							{ background-position: 0px -208px; height: 40px; }


#zoom0 a:hover,	#zoom0_on		{ background-position: -40px 0px; height: 40px; }
#zoom1 a:hover,	#zoom1_on		{ background-position: -40px -40px; height: 24px; }
#zoom2 a:hover,	#zoom2_on		{ background-position: -40px -64px; height: 24px; }
#zoom3 a:hover,	#zoom3_on		{ background-position: -40px -88px; height: 24px; }
#zoom4 a:hover,	#zoom4_on		{ background-position: -40px -112px; height: 24px; }
#zoom5 a:hover,	#zoom5_on		{ background-position: -40px -136px; height: 24px; }
#zoom6 a:hover,	#zoom6_on		{ background-position: -40px -160px; height: 24px; }
#zoom7 a:hover,	#zoom7_on		{ background-position: -40px -184px; height: 24px; }
#zoom8 a:hover,	#zoom8_on		{ background-position: -40px -208px; height: 40px; }


#gisnavigation
	{
	position: absolute;
	background: url(/grfx/linda_gis/background-gisnavigation.png) no-repeat;
	_background: url(/grfx/linda_gis/background-gisnavigation.gif) no-repeat;
	width: 411px;
	height: 36px;
	padding-left: 20px;
	top: 10px;
	right: 20px;
	z-index: 20;
	}

#gisnavigation img				{ margin-top: 5px; }

#div-outermap
	{
	position:relative;
	background: transparent;
	height: auto;
	min-height: 460px;
	}

#div-outermap iframe
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}

#iframe_map						{ z-index: 0; }

/* ======================================= */

/* --------------------------------------- */
/* ROUTEDESCRIPTION */
/* --------------------------------------- */

body#body-routedescription		{ background: #75c424; }

#content_gis
	{
	color: #fff;
	width: 230px;
	padding-left: 10px;
	}

.routeblock
	{
	position: relative;
	height: auto;
	_height: 39px;
	min-height: 39px;
	margin: 0px;
	margin-bottom: 5px;
	}

.routeicon
	{
	position: relative;
	width: 39px;
	float: left;
	}

.routedesc
	{
	position: relative;
	color: #fff;
	height: auto;
	_height: 39px;
	min-height: 39px;
	margin: 0px;
	margin-left: 49px;
	}

/* ======================================= */



/* --------------------------------------- */
/* SCROLLBAR */
/* --------------------------------------- */

#scrollblock
	{
	position: relative;
	width: 284px;
	height:auto;
	_height: 380px;
	min-height: 380px;
	}

#arrowup
	{
	position:relative;
	width:30px;
	display:block;
	top:-370px;
	left:250px;
	z-index:40;
	}

#arrowdown
	{
	position:relative;
	width:30px;
	display:block;
	top:-50px;
	left:250px;
	z-index:40;
	}


/* ======================================= */
/* ======================================= */
/* ======================================= */