/* --------------------------------------- */
/* RECREATIE ZUID-HOLLAND PRINT 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;
	}

body
	{
	background-color: #fff;
	margin: 0px;
	}

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

form						{ margin: 0px; padding: 0px; }

div#wrapper
	{
	position: relative;
	background: none;
	background-color: #fff;
	width: 100%;
	height: auto;
	_height: 600px;
	min-height: 600px;
	margin: 0px;
	}

.clear						{ clear: both; }
.lclear						{ clear: left; }

a							{ color: #00f; text-decoration: underline; }

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

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

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

div#header h1
	{
	position: relative;
	font-weight: normal;
	font-size: 1.6em;
	color: #000;
	margin: 0px;
	top: 0px;
	left: 0px;
	}

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

/* --------------------------------------- */
/* DISPLAY NONE */
/* --------------------------------------- */

#navigationwrapper, .navigationcorner, #navigation, #subnavigation,
div#sidebar,
div#subfooter,
div#footer p#footermenu,
#contentcorner, div#contentunderlay,
#photoblock #moremap
	{
	display: none;
	}


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

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

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

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

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

#sidebar .tipblock,
#content .tipblock
	{
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	width: 222px;
	padding: 4px;
	margin: 0px;
	margin-bottom: 10px;
	}

#content .tipblock			{ border: 2px solid #000; background-color: #fff; color: #000; padding: 6px; }
#sidebar .tipblock h4,
#content .tipblock h4
	{
	font-weight: normal;
	font-size: 1.2em;
	color: #fff;
	margin: 0px;
	margin-bottom: 5px;
	}

#content .tipblock h4		{ color: #009bcf; }

#sidebar .tipblock p,
#content .tipblock p
	{
	margin: 0px;
	padding: 0px;
	}

.tipblock_banner
	{
	width: 222px;
	padding: 4px;
	margin: 0px;
	margin-bottom: 10px;
	}

div#innerwrapper
	{
	position: relative;
	height: auto;
	_height: 640px;
	min-height: 640px;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	}

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

div#content
	{
	position: relative;
	font-size: inherit;
	height: auto;
	_height: 300px;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
	}

div#content h3,
.search_box h2
	{
	font-weight: normal;
	font-size: 1.4em;
	color: #000;
	margin: 0px;
	margin-bottom: 10px;
	}

div#content h4
	{
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	margin: 0px;
	margin-bottom: 10px;
	}

div#content p				{ margin-bottom: 15px; }
div#content table td		{ font-size: 1em; }
div#content ul				{ margin-left: 15px; margin-bottom: 10px; }
div#content .date			{ font-size: 0.85em; }

.thumb-ecard img			{ border: 1px solid #000; padding: 4px; }

div#content ul
	{
	list-style: disc;
	margin-left: 15px;
	margin-bottom: 10px;
	}

div#content ul li
	{
	background: none;
	list-style: disc;
	padding: 0px;
	padding-left: 0px;
	}

div#content ul#sitemap li	{ font-weight: bold; }
div#content ul#sitemap li ul li
	{
	font-weight: normal;
	}

.search_box
	{
	position: relative;
	border: 2px solid #000;
	background-color: #fff;
	width: 220px;
	padding: 8px;
	float: right;
	}

/* Organisatie */

#overview_organisations
	{
	width: 100%;
	padding: 0px;
	}

#overview_organisations tr,
#overview_organisations td
	{
	padding: 6px;
	vertical-align: top;
	}

.logo_organisation
	{
	position: relative;
	text-align: center;
	height: 110px;
	}

.logo_organisation img		{ }

.name_organisation			{ font-weight: bold; font-size: 1em; }

#organisation_tabs
	{
	position: relative;
	height: 32px;
	}

div#content #organisation_tabs ul
	{
	position: absolute;
	width: 650px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}

div#content #organisation_tabs ul li
	{
	background: none;
	width: 100px;
	height: 32px;
	margin: 0px;
	margin-left: 2px;
	padding: 0px;
	float: left;
	}

div#content #organisation_tabs li a
	{
	color: #00f;
	text-decoration: none;
	_height: 26px;
	padding: 6px 0px 0px 0px;
	display: block;
	}

div#content #organisation_tabs li a:hover,
div#content #organisation_tabs li#on
	{
	background: none;
	color: #000;
	height: 26px;
	display: block;
	}

div#content #organisation_tabs li#on
	{
	height: 32px;
	}

div#content #organisation_tabs li#on a
	{
	color: #000;
	}

#organisation_details
	{
	position: relative;
	border: 0px;
	height: auto;
	_height: 200px;
	min-height: 200px;
	padding: 0px;
	}

.huisregel_lnk,
.huisregel_pdf
	{
	background-image: url(/grfx/lnkicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 2px;
	padding-left: 20px;
	}

.huisregel_pdf				{ background-image: url(/grfx/pdficon.gif); }


/* FAQ */

div#content h4.category		{ margin-top: 10px; }

.faq_box, .faq_box_on
	{
	position: relative;
	display: block;
	padding: 4px;
	}

.faq_box_on					{ background-color: #fff; border: 1px solid #ccc; }

.faq_question, .faq_question_on
	{
	background-image: none;
	font-weight: bold;
	color: #000;
	padding-left: 0px;
	}

.faq_question_on			{ background-image: none; }

.faq_answer					{ position: relative; display: none; }
.faq_answer_on
	{
	position: relative;
	padding-left: 0px;
	display: block;
	}

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

/* --------------------------------------- */
/* BROWSE */
/* --------------------------------------- */

div#content table td.browse_data
	{
	font-size: 0.85em;
	}

.browse_table				{ padding: 0px; }

.browse_subject
	{
	background-color: #fff;
	vertical-align: top;
	font-weight: bold;
	font-size: 0.85em;
	}

.browse_desc0				{ color: #000; padding: 4px; }
.browse_desc1				{ color: #000; width: 32%; padding: 4px; }
.browse_desc2				{ color: #000; width: 18%; padding: 4px; }
.browse_desc3				{ color: #000; width: 18%; padding: 4px; }
.browse_desc4				{ color: #000; width: 18%; padding: 4px; }

.browse_data				{ border-top: 1px dotted #ccc; vertical-align: top; padding: 4px; }
.browse_data_desc			{ font-weight: bold; }
.browse_data_first			{ font-weight: bold; border-bottom: 1px dotted #ccc; vertical-align: top; padding: 4px; }

.browse_line0				{ background: #fff; }
.browse_line1				{ background: #fff; }

.browse_order_gif			{ }

/* Steps */

#breadcrumb_steps
	{
	border: solid #000;
	border-width: 1px 0px 1px 0px;
	font-weight: bold;
	color: #000;
	padding: 2px;
	height: 20px;
	margin-bottom: 10px;
	}

#steps_found
	{
	font-size: 1em;
	width: 200px;
	float: left;
	}

#steps_navigation
	{
	position: relative;
	height: auto;
	_height: 20px;
	min-height: 20px;
	text-align: right;
	margin: 0px;
	}

#steps_pagesize
	{
	position: relative;
	height: auto;
	_height: 20px;
	min-height: 20px;
	margin: 0px;
	margin-right: 130px;
	}

#steps_prev-next
	{
	position: relative;
	width: 130px;
	margin: 0px;
	float: right;
	}

#steps_wrapper				{ position: relative; }

#steps_wrapper_steps
	{
	width: 26%;
	float: left;
	font-size: 0.9em;
	}

#steps_wrapper_steps h6
	{
	background-color: #fff;
	border-bottom: 0px;
	font-weight: bold;
	font-size: 0.95em;
	color: #000;
	display: block;
	padding: 3px 0px 4px 0px;
	margin: 0px 0px 2px 0px;
	}

#steps_wrapper_steps a		{ text-decoration: none; }

.step_link
	{
	font-size: 0.95em;
	float: left;
	width: 144px;
	display: block;
	padding: 0px 0px 4px 0px;
	}

.step_count
	{
	float: right;
	font-size: 0.8em;
	color:#ccc;
	display: block;
	}

.step_more
	{
	font-weight: bold;
	padding-left: 4px;
	text-decoration: none;
	}

#steps_wrapper_results
	{
	width: 72%;
	float: right;
	}

#steps_wrapper_results h2
	{
	background-color: #fff;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	padding: 4px;
	margin: 6px 0px 6px 0px;
	}

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

/* --------------------------------------- */
/* DETAIL */
/* --------------------------------------- */

#photoblock
	{
	position: relative;
	background-color: #fff;
	height: auto;
	_height: 250px;
	min-height: 250px;
	margin: 0px;
	margin-bottom: 10px;
	}

#photoblock #innerphotoblock
	{
	border: 0px;
	}

#photoblock #photos
	{
	position: relative;
	text-align: center;
	width: 270px;
	_width: 265px;
	margin: 0px;
	float: left;
	left: 0px;
	}

#photoblock #photos .photo
	{
	_height: 115px;
	max-height: 115px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	overflow-y: hidden;
	}

#photoblock #google
	{
	position: relative;
	height: auto;
	_height: 250px;
	min-height: 250px;
	margin: 0px;
	margin-left: 270px;
	_margin-left: 265px;
	padding: 0px;
	padding-top: 10px;
	}

#photoblock #google_large
	{
	position: relative;
	height: auto;
	_height: 540px;
	min-height: 540px;
	margin: 0px;
	margin-bottom: 0px;
	_margin-bottom: 0px;
	margin-left: 9px;
	_margin-left: 9px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}


#layers
	{
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin: 0px;
	padding: 10px;
	}

#layers h5, #legenda h5
	{
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	padding-bottom: 5px;
	}

#layers .column1, #legenda .column1
	{
	width: 200px;
	float: left;
	left: 0px;
	}

#layers .column2, #legenda .column2
	{
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin-left: 200px;
	margin-right: 200px;
	}

#layers .column3, #legenda .column3
	{
	width: 200px;
	float: right;
	right: 0px;
	}

#legenda
	{
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin: 0px;
	padding: 10px 10px;
	}

#legenda h5					{ margin-top: 10px; }

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

/* --------------------------------------- */
/* PRINT */
/* --------------------------------------- */

.print_table
	{
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

.print_desc					{ font-weight: bold; width: 25%; padding: 4px; padding-left: 0px; }
.print_data					{ padding: 4px; }

.agenda_detail_tijden th	{ text-align: left; width: 24%; padding: 4px; padding-bottom: 0px; }

#aroundarea
	{
	background-color: #009bcf;
	width: 214px;
	color: #fff;
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px;
	}

div#sidebar #aroundarea h3	{ font-weight: normal; font-size: 1.4em; color: #fff; margin-bottom: 10px; }

#aroundarea ul				{ list-style: none; margin: 0px; }

#aroundarea li
	{
	background: url(/grfx/wbullet.gif) no-repeat 0px 4px;
	padding: 0px;
	padding-left: 15px;
	}

#aroundarea a				{ color: #fff; text-decoration: none; }
#aroundarea a:hover			{ color: #000; text-decoration: underline; }

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

/* --------------------------------------- */
/* E-CARDS */
/* --------------------------------------- */

#ecards
	{
	position: relative;
	height: auto;
	_height: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	}

#ecards .column
	{
	position: relative;
	width: 215px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#ecards .button				{ margin-top: 5px; margin-bottom: 10px; }

#ecard
	{
	position: relative;
	background: url(/grfx/background-ecard.png) no-repeat;
	font-family: "comic sans ms",arial,helvetica;
	font-size: 0.95em;
	width: 600px;
	height: 391px;
	}

#ecard input, #ecard td
	{
	font-family: "comic sans ms",arial,helvetica;
	font-size: 0.9em;
	}

#ecard input.smallinput
	{
	width: 90px;
	}

#message
	{
	position: absolute;
	top: 60px;
	left: 20px;
	}

#receiver, #receiver_sent, #show_error
	{
	position: absolute;
	font-size: 1em;
	width: 250px;
	top: 150px;
	right: 0px;
	}

#receiver_sent				{ left: 318px; }
#show_error					{ top: 184px; }
#title, #title input
	{
	font-size: 0.95em;
	width: 200px;
	margin-bottom: 5px;
	}

#sender
	{
	font-size: 1em;
	width: 215px;
	margin-top: 10px;
	}

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

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

div#footer
	{
	position: relative;
	border-top: 1px solid #000;
	font-size: 0.85em;
	color: #000;
	height: auto;
	min-height: 30px;
	_height: 30px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	clear:both;
	}

div#footer a				{ color: #00f; text-decoration: none; }

div#footer p#copyright
	{
	position: absolute;
	color: #ccc;
	text-align: right;
	width:280px;
	margin: 0px;
	top: 4px;
	right: 0px;
	}

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