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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	}

html							{ overflow: -moz-scrollbars-vertical; }

body
	{
	background: url(/grfx/background-wrapper.gif) repeat-y center;
	margin: 0px;
	}

body, td
	{
	font-family: verdana,arial,helvetica;
	font-size: 0.8em;
	color: #000;
	}

#wrapper
	{
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 10px;
	}

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

.debug							{ color: #f00; display: block; }
.clear							{ clear: both; }
.lclear							{ clear: left; }
.rclear							{ clear: right; }
.button							{ cursor: pointer; }
.hide 							{ text-indent: -9999px; margin: 0px; padding: 0px; }

a								{ color: #75c424; text-decoration: none; }
a:hover							{ color: #000; text-decoration: underline; }

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

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

#header
	{
	position: relative;
	height: 248px;
	margin: 0px;
	}

#header h1
	{
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/grfx/header.png);
	_background-image: url(/grfx/header.gif);
	width: 600px;
	height: 122px;
	margin: 0px;
	top: 20px;
	left: 20px;
	z-index: 2;
	}

#header h1 a					{ text-decoration: none; text-indent: -9999px; height: 122px; display: block; }

#header_print					{ display: none; }

#navigation
	{
	position:relative;
	background-color: #75c424;
	width: 300px;
	height: 248px;
	margin: 0px;
	padding: 0px;
	float: right;
	}

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

#m1, #m1_on						{ width: 300px; height: 48px; }
#m2, #m2_on						{ width: 300px; height: 48px; }
#m3, #m3_on						{ width: 300px; height: 48px; }
#m4, #m4_on						{ width: 300px; height: 48px; }
#m5, #m5_on						{ width: 300px; height: 48px; }

li#m1							{ background:url(/grfx/navigation.gif) 0px -0px no-repeat; }
li#m2							{ background:url(/grfx/navigation.gif) 0px -48px no-repeat; }
li#m3							{ background:url(/grfx/navigation.gif) 0px -96px no-repeat; }
li#m4							{ background:url(/grfx/navigation.gif) 0px -144px no-repeat; }
li#m5							{ background:url(/grfx/navigation.gif) 0px -192px no-repeat; }

#navigation a					{ text-indent: -9999px; text-decoration: none; height: 48px; display: block; }
li#m1:hover, li#m1_on			{ background:url(/grfx/navigation.gif) -300px -0px no-repeat; }
li#m2:hover, li#m2_on			{ background:url(/grfx/navigation.gif) -300px -48px no-repeat; }
li#m3:hover, li#m3_on			{ background:url(/grfx/navigation.gif) -300px -96px no-repeat; }
li#m4:hover, li#m4_on			{ background:url(/grfx/navigation.gif) -300px -144px no-repeat; }
li#m5:hover, li#m5_on			{ background:url(/grfx/navigation.gif) -300px -192px no-repeat; }

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

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb					{ font-size:0.85em; color: #75c424; margin-bottom: 10px; }
#breadcrumb a				{ font-weight: normal; color: #75c424; text-decoration: none; }
#breadcrumb a:hover			{ font-weight: normal; color: #000; text-decoration: underline; }

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

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

#main
	{
	position: relative;
	height: auto;
	_height: 356px;
	min-height: 356px;
	margin: 0px;
	}

#content, #content_full
	{
	position: relative;
	height: auto;
	_height: 356px;
	min-height: 356px;
	margin: 0px;
	margin-right: 309px;
	_margin-right: 306px;
	padding: 12px;
	}

#content_full
	{
	margin-right: 0px;
	_margin-right: 0px;
	}

#content h3, #content_full h3, #sidebar h3, #sidebar2 h3,
#content h4, #content_full h4, #sidebar h4, #sidebar2 h4,
#content h5, #content_full h5, #sidebar h5, #sidebar2 h5
	{
	font-weight: normal;
	font-size: 1.8em;
	color: #000;
	margin: 0px;
	margin-bottom: 15px;
	}

#content h4, #content_full h4,
#sidebar h4, #sidebar2 h4
	{
	font-size: 1.4em;
	}

#content h5, #content_full h5,
#sidebar h5, #sidebar2 h5
	{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	}

#content p, #content_full p		{ margin-bottom: 15px; }
div#content table td,
div#content_full table td
	{
	font-size: 1em;
	}

div#content ul, div#content ol,
div#content_full ul, div#content_full ol
	{
	margin-bottom: 15px;
	margin-left: 22px;
	}

#sidebar
	{
	position: relative;
	width: 276px;
	margin: 0px;
	padding: 12px;
	float: right;
	right: 0px;
	}

.sidephoto
	{
	background: url(/grfx/background-sidephoto.gif) no-repeat 0px bottom;
	margin-bottom: 5px;
	padding-bottom: 15px;
	}

.sidephoto img
	{
	border: 2px solid #75c424;
	}

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

/* --------------------------------------- */
/* THEMAROUTES */
/* --------------------------------------- */

#themeroutes
	{
	position: relative;
	margin-top: 10px;
	}

#thememap
	{
	border: 1px solid #000;
	width: 395px;
	height: 294px;
	margin-left: 10px;
	float: right;
	}

div#content_full #themeroutes ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div#content_full #themeroutes li
	{
	background: url(/grfx/bullet-themaroutes.gif) no-repeat 0px 5px;
	margin-top: 15px;
	padding-left: 25px;
	}

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

/* --------------------------------------- */
/* GALLERY */
/* --------------------------------------- */

#gallery-wrapper
	{
	position: relative;
	width: 650px;
	}

.gallery-more
	{
	position: absolute;
	width: 430px;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	}

.gallery-more ul li
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 5;
	}

.gallery-more img
	{
	border: 1px solid #fff;
	margin-left: 5px;
	}

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

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	position: relative;
	border-top: 9px solid #75c424;
	font-size: 0.85em;
	color: #75c424;
	height: auto;
	_height: 38px;
	min-height: 38px;
	clear:both;
	margin: 0px;
	}

#footer a						{ color: #75c424; text-decoration: none; }
#footer a:hover					{ color: #000; text-decoration: none; }

#fcolumn1
	{
	position: relative;
	width: 110px;
	margin: 0px;
	padding-top: 10px;
	float: left;
	left: 0px;
	}

#fcolumn2
	{
	position: relative;
	height: auto;
	_height: 38px;
	min-height: 38px;
	margin: 0px;
	margin-left: 110px;
	_margin-left: 106px;
	margin-right: 255px;
	_margin-right: 252px;
	}

#fcolumn3
	{
	position: relative;
	text-align: right;
	width: 248px;
	margin: 0px;
	padding-top: 10px;
	float: right;
	right: 0px;
	}

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