/* --------------------------------------- */
/* GREVELINGEN GENERAL css */
/* --------------------------------------- */

html,body						{ margin: 0px; padding: 0px; }

body
	{
	background-color: #949494;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 0.85em;
	}

div#outerwrapper
	{
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 1003px;
	_width: 1002px;
	margin: 0px auto;
	padding: 0px;
	}

div#wrapper
	{
	position: relative;
	background: url(/grfx/bg-wrapper_new.jpg) repeat-y;
	width: 946px;
	margin: 0px;
	margin-left: 34px;
	padding: 0px;
	}

div#innerwrapper
	{
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 946px;
	height: 286px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index: 0;
	}

.button							{ cursor: pointer; }
.clear							{ clear: both; }

.debug							{ border: 1px solid #f00; font-family: verdana,arial,helvetica; color: #f00; display:block; z-index: 100; }

a								{ color: #00968c; text-decoration: underline; }
a:hover							{ color: #f90; text-decoration: underline; }

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

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

#header
	{
	width: 946px;
	height: 122px;
	margin: 0px auto;
	}

#header h1
	{
	background: url(/grfx/logo.gif) no-repeat right 15px;
	text-indent: -9999px;
	width: 100%;
	height: 110px;
	margin: 0px;
	}

#breadcrumb
	{
	position: relative;
	font-weight: bold;
	font-size: 0.8em;
	color: #fff;
	height: 24px;
	margin: 0px;
	margin-left: 220px;
	_margin-left: 222px;
	padding: 0px;
	}

#breadcrumb a					{ color: #fff; text-decoration: none; }
#breadcrumb a:hover				{ color: #f90; text-decoration: underline; }

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

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

#languages 						{ position: absolute; left: 20px; top: -20px; }

#languages ul
	{
	position: absolute;
	width: 70px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	}

#languages li
	{
	position: absolute;
	text-indent: -9999px;
	text-decoration:none;
	list-style: none;
	height: 12px;
	}

#lng1 							{ width: 20px; left: 0px; }
#lng2 							{ width: 20px; left: 25px; }
#lng3 							{ width: 20px; left: 50px; }

#languages li#lng1 				{ background: url(/grfx/languages.gif) no-repeat -0px -0px; }
#languages li#lng2 				{ background: url(/grfx/languages.gif) no-repeat -25px -0px; }
#languages li#lng3 				{ background: url(/grfx/languages.gif) no-repeat -50px -0px; }

#languages a    				{ background-color:transparent; text-decoration:none; display:block; height:12px; }


#menu
	{
	width:160px;
	height:auto;
	margin-top: 10px;
	margin-left: 5px;
	float:left;
	z-index: 10;
	}

ul.navigation, ul ul
	{
	border:0px;
	font-size: 0.9em;
	text-align:left;
	list-style-type:none;
	width:160px;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}

ul.navigation table				{ border-collapse:collapse; font-size: 0.8em; margin:0px; padding:0px; display: block; }
ul.navigation ul 				{ margin:-1px; }
ul.navigation li 				{ text-indent:0px; }

ul.navigation li a, ul.navigation li a:visited
	{
	display:block;
/*	width:200px; */
	text-decoration:none;
	color:#fff;
	}

ul.navigation li ul 			{ display:none; }

ul#sm1, ul#sm2, ul#sm3, ul#sm4, ul#sm5, ul#sm6, ul#sm7, ul#sm8
	{
/*	background: #00958e; */
	width: 155px;
	height: auto;
	margin-left: 12px;
	display:block;
	line-height: normal;
	white-space: normal;
	}

ul.navigation li:hover a, ul.navigation li a:hover
	{
/*	background: #00958e; */
	border:0;
	color:#fff;
	}

ul.navigation li:hover ul, ul.navigation li a:hover ul
	{
/*	background: #00958e; */
	width:210px;
	height:auto;
	display: block;
	}

ul.navigation li ul li, ul.navigation li ul li
	{
	background: url(/grfx/navarrow.gif) no-repeat;
	padding: 1px 0px 8px 15px;
	display: block;
	}

ul.navigation li:hover ul li a, ul.navigation li a:hover ul li a
	{
/*	height:30px; */
	}

ul.navigation li:hover ul li:hover a, ul.navigation li a:hover ul li a:hover
	{
	color:#00e040;
	text-decoration:none;
	}

a#m1_0, a#m1_1, a#m1_2, a#m1_0:hover, a#m1_1:hover, a#m1_2:hover, a#m1_1_0, a#m1_1_1, a#m1_1_2,
a#m2_0, a#m2_1, a#m2_2, a#m2_0:hover, a#m2_1:hover, a#m2_2:hover, a#m2_2_0, a#m2_2_1, a#m2_2_2,
a#m3_0, a#m3_1, a#m3_2, a#m3_0:hover, a#m3_1:hover, a#m3_2:hover, a#m3_3_0, a#m3_3_1, a#m3_3_2,
a#m4_0, a#m4_1, a#m4_2, a#m4_0:hover, a#m4_1:hover, a#m4_2:hover, a#m4_4_0, a#m4_4_1, a#m4_4_2,
a#m5_0, a#m5_1, a#m5_2, a#m5_0:hover, a#m5_1:hover, a#m5_2:hover, a#m5_5_0, a#m5_5_1, a#m5_5_2,
a#m6_0, a#m6_1, a#m6_2, a#m6_0:hover, a#m6_1:hover, a#m6_2:hover, a#m6_6_0, a#m6_6_1, a#m6_6_2,
a#m7_0, a#m7_1, a#m7_2, a#m7_0:hover, a#m7_1:hover, a#m7_2:hover, a#m7_7_0, a#m7_7_1, a#m7_7_2,
a#m8_0, a#m8_1, a#m8_2, a#m8_0:hover, a#m8_1:hover, a#m8_2:hover, a#m8_8_0, a#m8_8_1, a#m8_8_2
	{
	background-repeat: no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	height: 30px;
	}

a#m1_0, a#m1_1, a#m1_2, a#m1_0:hover, a#m1_1:hover, a#m1_2:hover, a#m1_1_0
	{
	background-position: 0px 0px;
	}

a#m2_0, a#m2_1, a#m2_2, a#m2_0:hover, a#m2_1:hover, a#m2_2:hover, a#m2_2_0
	{
	background-position: 0px -30px;
	}

a#m3_0, a#m3_1, a#m3_2, a#m3_0:hover, a#m3_1:hover, a#m3_2:hover, a#m3_3_0
	{
	background-position: 0px -60px;
	}

a#m4_0, a#m4_1, a#m4_2, a#m4_0:hover, a#m4_1:hover, a#m4_2:hover, a#m4_4_0
	{
	background-position: 0px -90px;
	}

a#m5_0, a#m5_1, a#m5_2, a#m5_0:hover, a#m5_1:hover, a#m5_2:hover, a#m5_5_0
	{
	background-position: 0px -120px;
	}

a#m6_0, a#m6_1, a#m6_2, a#m6_0:hover, a#m6_1:hover, a#m6_2:hover, a#m6_6_0
	{
	background-position: 0px -150px;
	}

a#m7_0, a#m7_1, a#m7_2, a#m7_0:hover, a#m7_1:hover, a#m7_2:hover, a#m7_7_0
	{
	background-position: 0px -180px;
	}

a#m8_0, a#m8_1, a#m8_2, a#m8_0:hover, a#m8_1:hover, a#m8_2:hover, a#m8_8_0
	{
	background-position: 0px -210px;
	}

a#m1_0, a#m2_0, a#m3_0, a#m4_0, a#m5_0, a#m6_0, a#m7_0, a#m8_0,
a#m1_0:hover, a#m2_0:hover, a#m3_0:hover, a#m4_0:hover, a#m5_0:hover, a#m6_0:hover, a#m7_0:hover, a#m8_0:hover,
a#m1_1_0, a#m2_2_0, a#m3_3_0, a#m4_4_0, a#m5_5_0, a#m6_6_0, a#m7_7_0, a#m8_8_0
	{
	background-image: url(/grfx/menu_homepage_0.png);
	_background-image: url(/grfx/menu_homepage_0.gif);
	}

a#m1_1, a#m2_1, a#m3_1, a#m4_1, a#m5_1, a#m6_1, a#m7_1, a#m8_1,
a#m1_1:hover, a#m2_1:hover, a#m3_1:hover, a#m4_1:hover, a#m5_1:hover, a#m6_1:hover, a#m7_1:hover, a#m8_1:hover,
a#m1_1_1, a#m2_2_1,	a#m3_3_1, a#m4_4_1,	a#m5_5_1, a#m6_6_1,	a#m7_7_1, a#m8_8_1
	{
	background-image: url(/grfx/menu_homepage_1.png);
	_background-image: url(/grfx/menu_homepage_1.gif);
	}

a#m1_2, a#m2_2, a#m3_2, a#m4_2, a#m5_2, a#m6_2, a#m7_2, a#m8_2,
a#m1_2:hover, a#m2_2:hover, a#m3_2:hover, a#m4_2:hover, a#m5_2:hover, a#m6_2:hover, a#m7_2:hover, a#m8_2:hover,
a#m1_1_2, a#m2_2_2,	a#m3_3_2, a#m4_4_2,	a#m5_5_2, a#m6_6_2,	a#m7_7_2, a#m8_8_2
	{
	background-image: url(/grfx/menu_homepage_2.png);
	_background-image: url(/grfx/menu_homepage_2.gif);
	}


a#m1_0:hover, a#m1_1:hover, a#m1_2:hover, a#m1_1_0, a#m1_1_1, a#m1_1_2
	{
	background-position: -160px 0px;
	}

a#m2_0:hover, a#m2_1:hover, a#m2_2:hover, a#m2_2_0, a#m2_2_1, a#m2_2_2
	{
	background-position: -160px -30px;
	}

a#m3_0:hover, a#m3_1:hover, a#m3_2:hover, a#m3_3_0, a#m3_3_1, a#m3_3_2
	{
	background-position: -160px -60px;
	}

a#m4_0:hover, a#m4_1:hover, a#m4_2:hover, a#m4_4_0, a#m4_4_1, a#m4_4_2
	{
	background-position: -160px -90px;
	}

a#m5_0:hover, a#m5_1:hover, a#m5_2:hover, a#m5_5_0, a#m5_5_1, a#m5_5_2
	{
	background-position: -160px -120px;
	}

a#m6_0:hover, a#m6_1:hover, a#m6_2:hover, a#m6_6_0, a#m6_6_1, a#m6_6_2
	{
	background-position: -160px -150px;
	}

a#m7_0:hover, a#m7_1:hover, a#m7_2:hover, a#m7_7_0, a#m7_7_1, a#m7_7_2
	{
	background-position: -160px -180px;
	}

a#m8_0:hover, a#m8_1:hover, a#m8_2:hover, a#m8_8_0, a#m8_8_1, a#m8_8_2
	{
	background-position: -160px -210px;
	}

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

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

#main
	{
	position: relative;
	height: auto;
	_height: 465px;
	min-height:462px;
	margin-top: 0px;
	padding-top: 12px;
	z-index: 1;
	}

#content
	{
	position: relative;
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 0.9em;
	height: auto;
	_height: 465px;
	min-height:462px;
	margin-left: 205px;
	margin-right: 20px;
	padding: 15px;
	}

#content h1
	{
	background: url(/grfx/title.gif) no-repeat 0px 25px;
	text-indent: -9999px;
	width: 345px;
	height: 56px;
	margin: 0px;
	}

#content h3
	{
	font-weight: bold;
	font-size: 1.2em;
	color: #00958e;
	}

div#content img
	{
	background: url(/grfx/bg-images.gif) repeat-x;
	background-position: 0px bottom;
	border: 0px;
	padding-bottom: 20px;
	}

#sidebar
	{
	position: relative;
	width: 200px;
	height: 100%;
	float: left;
	display: block;
	left: 0px;
	}

#menulist						{ width: 300px; }
#menulist a						{ text-decoration: none; }

#menulist ul
	{
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	}

#menulist li
	{
	border-bottom: 1px dotted #00958e;
	background: transparent url(/grfx/bullet.gif) no-repeat 0px 6px;
	margin: 0px;
	padding: 4px;
	padding-left: 15px;
	}

#watermark
	{
	position: relative;
	background: url(/grfx/bg-watermark_new.gif) no-repeat bottom;
	width: 200px;
	height: 112px;
	display: block;
	left: 0px;
	bottom: 0px;
	}

#block							{ width: 702px; _width: 680px; }

#news
	{
	width: 225px;
	display: block;
	float: left;
	}

#agenda
	{
	width: 225px;
	margin-left: 13px;
	display: block;
	float: left;
	}

#areas
	{
	width: 225px;
	display: block;
	float: right;
	}

#news h2, #agenda h2, #areas h2
	{
	text-indent: -9999px;
	width: 100%;
	height: 48px;
	margin: 0px;
	}

#news h2						{ background: url(/grfx/hdr-news.gif) no-repeat; }
#agenda h2						{ background: url(/grfx/hdr-agenda.gif) no-repeat; }
#areas h2						{ background: url(/grfx/hdr-areas.gif) no-repeat; }

p#photonews, p#photoagenda, p#photoareas
	{
	width: 100%;
	height: 202px;
	margin: 0px;
	}

p#photonews						{ background: url(/grfx/photo-news.jpg) no-repeat; }
p#photoagenda					{ background: url(/grfx/photo-agenda.jpg) no-repeat; }
p#photoareas					{ background: url(/grfx/photo-areas.gif) no-repeat; }

.intro
	{
	background-color: #fff;
	font-size: 0.9em;
	width: 205px;
	height: auto;
	_height: 90px;
	min-height: 90px;
	display: block;
	margin: 0px;
	padding: 10px;
	}

img.btnmore
	{
	width: 19px;
	height: 19px;
	float: right;
	cursor: pointer;
	}

#note
	{
	background-color: #74D6D0;
	padding: 5px;
	}

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

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

#footer
	{
	position: relative;
	background: url(/grfx/bg-wrapper_new.gif) repeat-y;
	background-position: 0px 0px;
	width: 946px;
	_width: 946px;
	height:48px;
	margin: 0px;
	margin-left: 34px;
	}

#footer p
	{
	position: absolute;
	background-color: #000;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.8em;
	color:#fff;
	width: 935px;
	height:14px;
	margin: 0px;
	padding: 5px 10px 5px 28px;
	left: -27px;
	}

#footer a 						{ color: #fff; text-decoration: none; }
#footer a:hover 				{ color: #00958e; text-decoration: none; }

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

/* --------------------------------------- */
/* AGENDA */
/* --------------------------------------- */

.title-left						{ background: url(/grfx/agenda/bg-title-left.gif) no-repeat; width: 11px; height: 23px; }
.title-right					{ background: url(/grfx/agenda/bg-title-right.gif) no-repeat; width: 12px; height: 23px; }
.subtitle						{ background: url(/grfx/agenda/bg-title.gif) repeat-x; font-weight: bold; font-size: 1em; color: #fff; padding: 0px 4px 2px 4px; }

#agendabox
	{
	width:400px;
	margin: 0px;
	float: left;
	}

.list_wrap li
	{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	list-style-position: outside;
	list-style-type: none;
	margin-bottom:5px;
	}

.search_box
	{
	background: url(/grfx/agenda/bg_searchbox.gif) no-repeat;
	width:242px;
	height:145px;
	padding:10px;
	float: right;
	}

.search_box h2
	{
	font-size:1.2em;
	color:#fff;
	margin:0;
	padding:0;
	}

.agenda_detail_cnt				{ }

.agenda_date_details h2, .agenda_detail h2,
.agenda_detail_tijd h2, .agenda_detail_tijden h2,
.agenda_detail_toelichting h2, .agenda_nadereinfo h2,
.agenda_info_cnt h2, .agenda_date h2, .agenda_title h2, .agenda_browse h2
	{
	font-size: 1.2em;
	color: #00958e;
	margin:0px;
	padding:0px;
	}

.agenda_terug, .agenda_detail_tijd, .agenda_nadereinfo, .agenda_date, .agenda_title, .agenda_detail_toelichting
	{
	width: 100%;
	}

.agenda_terug td, .agenda_leesmeer td
	{
	text-align: right;
	}

.agenda_detail_tijd h2, .agenda_detail_toelichting h2, .agenda_nadereinfo h2, .agenda_date h2
	{
	border-bottom: 1px solid #00958e;
	}

.agenda_detail_tijden h2
	{
	font-size:1em;
	width: 110px;
	}

.agenda_detail h2, .agenda_info_cnt h2, .agenda_date h2, .agenda_browse h2
	{
	font-size: 1em;
	}

.agenda_browse tr				{ vertical-align:top; }

.agenda_leesmeer
	{
	width: 100%;
	margin-bottom: 15px;
	}

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

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

.buttons						{ font-weight: bold; font-size: 11px; color: #BCC7D6; }
.buttons_line 					{ color: #003B6F; }

.browse_desc					{ border: solid #036; border-width: 1px 0px 1px 0px; font-weight: bold; padding: 2px; }
.browse_data					{ padding: 2px; vertical-align: top; }
.browse_line0					{ padding: 2px; }
.browse_line1					{ padding: 2px; }

/* routes */
.browse_desc0-0					{ font-weight: bold; width: 220px; padding: 2px; }
.browse_desc0-1					{ font-weight: bold; width: 200px; padding: 2px; }
.browse_desc0-2					{ font-weight: bold; padding: 2px; }
.kmnumber						{ text-align: right; width: 30px; padding: 0px 4px 0px 0px; }

/* gebieden */
.browse_desc1-0					{ border: solid #036; border-width: 1px 0px 1px 0px; font-weight: bold; width: 220px; padding: 2px; }
.browse_desc1-1					{ border: solid #036; border-width: 1px 0px 1px 0px; font-weight: bold; padding: 2px; }

.browse_desc100-0				{ border: solid #036; border-width: 1px 0px 1px 0px; font-weight: bold; padding: 2px; }
.browse_desc100-1				{ border: solid #036; border-width: 1px 0px 1px 0px; font-weight: bold; width: 320px; padding: 2px; }

.title							{ border-bottom: 2px dotted #D9E151; font-weight: bold; font-size: 14px; color: #959200; padding: 2px; }
.bglogo							{ background: #036; width: 150px; vertical-align: top; }
.outlinetitle					{ padding-left: 8px; }

.giscell						{ width: 248px; padding-left: 15px; }
.bg-map							{ background: #D9E151; color: #fff; width: 248px; margin: 0px; }
.bg-map-print					{ background: #ef2421; color: #fff; width: 248px; margin: 0px; padding: 0px; }

td.thspacer						{ background: url(/grfx/linda_gis/top-blank.gif) repeat-x; height: 19px; }
td.bhspacer						{ background: #ef2421; height: 19px; }
td.lvspacer						{ background: url(/grfx/linda_gis/blc-blank.gif) repeat-y; width: 19px; }
td.rvspacer						{ background: url(/grfx/linda_gis/brc-blank.gif) repeat-y; width: 19px; }

.bg-gisbuttons					{ border: solid #fff; border-width: 0px 2px 0px 2px; padding: 0px 1px 0px 1px; }
.gisbuttons						{ padding: 5px 10px 0px 10px; }
.dotline						{ border-top: 1px dotted #fff; }

.bfill-gisbtns					{ background: url(/grfx/linda_gis/bfill-gisbuttons.gif) repeat-x; height: 19px; }
.blfill-gisbtns					{ background: url(/grfx/linda_gis/blfill-gisbuttons.gif) no-repeat; width: 19px; height: 19px; float: left; }
.brfill-gisbtns					{ background: url(/grfx/linda_gis/brfill-gisbuttons.gif) no-repeat; width: 19px; height: 19px; float: right; }

.detail-note					{ font-size: 11px; margin-top: 10px; }
img.gebiedroute					{ width: 220px; }

.lnk-regio						{ margin-top: 10px; padding-left: 4px; }

.lnk-regio a					{ color: #ef2421; text-decoration: underline; }
.lnk-regio a:hover				{ color: #000; text-decoration: underline; }

.route							{ font-weight: bold; color: #f90; margin-top: 5px; }

a.lnk-gis:link					{ color: #f90; text-decoration: underline; }
a.lnk-gis:hover					{ color: #fff; text-decoration: underline; }
a.lnk-gis:visited				{ color: #f90; text-decoration: underline; }
a.lnk-gis:active				{ color: #f90; text-decoration: underline; }

.printroutenaam					{ font-weight: bold; color: #003B6F; }

.printkop, .printsubkop
	{
	border: solid #00958e;
	border-width: 1px 0px 1px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #00958e;
	padding: 1px;
	}

.printsubkop					{ font-size: 1em; }

.print_desc						{ font-weight: bold; color: #00958e; width: 150px; }
.print_subdesc					{ font-weight: bold; color: #00958e; }
.print_data						{ color: #000; }
.print_desc_datum_tijd			{ font-weight: bold; }

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