/* --------------------------------------- */
/* FIETSEN IN ZUID-HOLLAND 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; overflow-x: auto; }

body
	{
	background-image: url(/grfx/background.gif);
	background-color: #84bf04;
	background-repeat: repeat-x;
	margin: 0px;
	}

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

div#wrapper
	{
	position: relative;
	background-color: #fff;
	width: 990px;
	margin: 0px auto;
	}

.debug							{ color: #f00; display: block; }
.clear							{ clear: both; }
.lclear							{ clear: left; }
.rclear							{ clear: right; }
.button							{ cursor: pointer; }

.picright						{ margin-left: 10px; margin-bottom: 10px; }
.picleft						{ margin-right: 10px; margin-bottom: 10px; }

a								{ font-weight: bold; color: #ff9900; text-decoration: none; }
a:hover							{ font-weight: bold; color: #ff9900; text-decoration: none; }

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

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

#header_print					{ display: none; }

#header
	{
	position: relative;
	background-repeat: no-repeat;
	height: 270px;
	}

#header h1
	{
	position: absolute;
	background-image: url(/grfx/logo.png);
	_background-image: url(/grfx/logo.gif);
	background-repeat: no-repeat;
	font-size: 1.2em;
	text-indent: -9999px;
	width: 386px;
	height: 44px;
	top: 186px;
	right: 5px;
	}

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

#weatherbox
	{
	position: absolute;
	background-image: url(/grfx/background-weather.png);
	_background-image: url(/grfx/background-weather.gif);
	background-repeat: no-repeat;
	width: 594px;
	height: 44px;
	top: 186px;
	left: 5px;
	}

#weatherbox h3
	{
	background-image: url(/grfx/header-weather.png);
	_background-image: url(/grfx/header-weather.gif);
	background-repeat:  no-repeat;
	text-indent: -9999px;
	width: 122px;
	height: 28px;
	margin-left: 20px;
	}

#weatherbox p
	{
	position: absolute;
	font-size: 0.8em;
	top: 31px;
	left: 55px;
	}

#weatherbox td
	{
	font-size: 0.9em;
	color: #fff;
	}

#weatherbox td#wtext			{ font-size: 0.8em; width: 140px; padding-left: 15px; }

#wtoday							{ text-align: center; width: 70px; }
#wtmp							{ width: 60px; }
#wdays							{ width: 110px; }
#wdays td						{ text-align: center; }
#wdays img						{ height: 18px; }

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

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

#navigation
	{
	position: absolute;
	background-image: url(/grfx/background-navigation.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 39px;
	top: 230px;
	left: 0px;
	}

#navigation ul
	{
	position: relative;
	list-style: none;
	height: 39px;
	}

#navigation ul li
	{
	position: relative;
	background: url(/grfx/navigation-seperator.gif) no-repeat right 5px;
	font-size: 12px;
	/*text-indent: -9999px;*/
	height: 39px;
	padding: 5px 0px 5px 15px;
	float: left;
	}

#m1, #m1_on						{ width: 85px; }
#m2, #m2_on						{ width: 100px; }
#m3, #m3_on						{ width: 85px; }
#m4, #m4_on						{ width: 80px; }
#m5, #m5_on						{ width: 140px; }
#m6, #m6_on						{ width: 200px; }

#navigation ul li#m6,
#navigation ul li#m6_on
	{
	background: none;
	}

/*
#m1, #m2, #m3, #m4, #m5, #m6,
#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover, #m6 a:hover,
#m1_on, #m2_on, #m3_on, #m4_on, #m5_on, #m6_on
	{
	background-image: url(/grfx/navigation.gif);
	background-repeat: no-repeat;
	top: 0px;
	}

#m1								{ background-position: -0px 0px; width: 177px; left: 0px; }
#m2								{ background-position: -177px 0px; width: 111px; left: 177px; }
#m3								{ background-position: -288px 0px; width: 181px; left: 288px; }
#m4								{ background-position: -469px 0px; width: 121px; left: 469px; }
#m5								{ background-position: -590px 0px; width: 177px; left: 590px; }
#m6								{ background-position: -767px 0px; width: 223px; left: 767px; }

#m1 a:hover, #m1_on				{ background-position: -0px -39px; width: 177px; left: 0px; }
#m2 a:hover, #m2_on				{ background-position: -177px -39px; width: 111px; left: 177px; }
#m3 a:hover, #m3_on				{ background-position: -288px -39px; width: 181px; left: 288px; }
#m4 a:hover, #m4_on				{ background-position: -469px -39px; width: 121px; left: 469px; }
#m5 a:hover, #m5_on				{ background-position: -590px -39px; width: 177px; left: 590px; }
#m6 a:hover, #m6_on				{ background-position: -767px -39px; width: 223px; left: 767px; }
*/

#navigation a					{ color: #fff; text-decoration: none; height: 39px; display: block; }
#navigation a:hover				{ color: #000; text-decoration: none; }

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

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

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

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

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

#main
	{
	position: relative;
	height: auto;
	min-height: 200px;
	}

#content, #content_full
	{
	position: relative;
	height: auto;
	min-height: 200px;
	margin-right: 258px;
	padding: 20px;
	}

#content_full					{ margin-right: 0px; }

#content_routeplanner			{ position: relative; }

#content h3, #content_full h3
	{
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 15px;
	}

#content table td,
#content_full table td
	{
	font-size: 0.9em;
	}

#content p, #sidebar2 p,
#content ul, #content ol,
#content_full p,
#content_full ul, #content_full ol
	{
	margin-bottom: 15px;
	}

#content ul li, #content ol li,
#content_full ul li, #content_full ol li
	{
	margin-left: 15px;
	}

#sidebar
	{
	position: relative;
	width: 208px;
	padding: 20px;
	float: right;
	}

#sidebar h4
	{
	background-color: #015d19;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 15px;
	padding: 4px;
	padding-left: 8px;
	}

#sidebar-banner					{ margin-bottom: 15px; }

#portal-navigation ul
	{
	position: relative;
	list-style: none;
	height: 45px;
	margin-bottom: 15px;
	}

#content #portal-navigation ul li,
#content_full #portal-navigation ul li,
#sidebar #portal-navigation ul li
	{
	position: absolute;
	text-indent: -9999px;
	width: 45px;
	height: 45px;
	margin-left: 0px;
	top: 0px;
	}

#portal-navigation ul li a
	{
	text-decoration: none;
	height: 45px;
	display: block;
	}

.portal-navigation-align
	{
	width: 201px;
	margin-top: 10px;
	float: right;
	}

#pn1, #pn2, #pn3, #pn4,
#pn1 a:hover, #pn2 a:hover, #pn3 a:hover, #pn4 a:hover,
#pn1_on, #pn2_on, #pn3_on, #pn4_on
	{
	background-image: url(/grfx/portal-navigation.gif);
	background-repeat: no-repeat;
	}

#pn1							{ background-position: 0px 0px; left: 0px; }
#pn2							{ background-position: -52px 0px; left: 52px; }
#pn3							{ background-position: -104px 0px; left: 104px; }
#pn4							{ background-position: -156px 0px; left: 156px; }

#pn1 a:hover					{ background-position: 0px -45px; }
#pn2 a:hover					{ background-position: -52px -45px; }
#pn3 a:hover					{ background-position: -104px -45px; }
#pn4 a:hover					{ background-position: -156px -45px; }



/* NEWS */

#news							{ list-style: none; margin-bottom: 15px; }
#news li						{ margin-bottom: 15px; }
#news a							{ font-weight: normal; color: #000; text-decoration: none; }

.date							{ font-style: italic; }
.more							{ font-weight: bold; color: #f28e00; }
.meerinfo						{ font-weight: bold; }

hr.newsline						{ background: none; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #58a21e; height: 1px; }

.newsblock
	{
	position: relative;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #58a21e;
	height: auto;
	_height: 100px;
	min-height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.newsblock h4					{ font-weight: bold; color: #58a21e; font-size: 1em; }

.newsblock .newsdesc
	{
	position: relative;
	height: auto;
	_height: 100px;
	min-height: 100px;
	margin-right: 110px;
	}

.newsblock .newsimg				{ position: relative; width: 105px; float: right; }


/* TIPS */

.tips 							{ border-width: 1px; border-style: solid; border-color: #f28e00; margin-bottom: 15px; padding: 4px; }
.tips h5						{ font-weight: bold; font-size: 1em; }

/* BLOCKS */

.blocks
	{
	position: relative;
	width: 670px;
	height: auto;
	_height: 125px;
	min-height: 125px;
	margin-bottom: 15px;
	}

.blocks h4
	{
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	}

.blocks h4 a					{ color: #015d19; text-decoration: none; }

.blocks img
	{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	}

.blocks .block
	{
	position: relative;
	height: auto;
	_height: 100px;
	min-height: 100px;
	margin-left: 105px;
	}

.blockone,
.blocktwo
	{
	position: relative;
	background-image: url(/grfx/background-block.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #015d19;
	line-height: 1.18em;
	height: auto;
	_height: 102px;
	min-height: 102px;
	padding: 5px;
	}

.blockone
	{
	width: 315px;
	float: left;
	}

.blocktwo
	{
	margin-left: 338px;
	}

.addthis_toolbox
	{
	width: 165px;
	float: right;
	}

.addthis_toolbox a				{ margin-top: 10px; }


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

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

div#footer
	{
	position: relative;
	background-color: #ff9900;
	font-size: 0.85em;
	color: #fff;
	height: auto;
	_height: 30px;
	min-height: 30px;
	clear:both;
	}

div#footer a					{ font-weight: bold; color: #fff; text-decoration: none; }
div#footer a:hover				{ font-weight: bold; color: #f7941d; text-decoration: none; }

#flogo
	{
	position: absolute;
	background-image: url(/grfx/logo-hollandia_new.png);
	_background-image: url(/grfx/logo-hollandia_new.gif);
	background-repeat:  no-repeat;
	background-position: 20px 0px;
	font-size: 1em;
	text-indent: -9999px;
	width: 200px;
	height: 32px;
	top: -18px;
	left: 0px;
	}

#copyright
	{
	position: relative;
	text-align: center;
	height: auto;
	_height: 23px;
	min-height: 23px;
	margin-left: 230px;
	margin-right: 248px;
	padding-top: 7px;
	}

#fnav
	{
	position: relative;
	text-align: right;
	width: 228px;
	padding-top: 7px;
	padding-right: 20px;
	float: right;
	}

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