/*--------------------------------------------------------------------------------------------------
 Basic Style Sheet (all browsers) - screen.css
 
 version:	2.0
 author:	Alpert Igor / Damien van Holten
 email:		igor@dlma.nl / damien@dlma.nl
 website:	http://www.dlma.nl
 
 notes: 	Be advised that this css file uses the IE underscore hack to target only IE5.x - IE6
 			and a conditional stylesheet for everyting LTE IE7.
------------------------------------------------------------------------------------------------- */

/* Resets
------------------------------------------------------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
}

/* Base
------------------------------------------------------------------------------------------------- */

body
{
	background: url(../images/bg.jpg) #f6f6f6 repeat-x;
	color: #373737;
	font-size: 13px;
}

*:focus { outline: none; }
a:link,
a:visited { color: #0c2d83; }
a:hover,
a:active { color: #000; }

ul,
ol
{
	margin-left: 20px;
	margin-bottom: 15px;
	line-height: 20px;
}

/* Typography (basics)
------------------------------------------------------------------------------------------------- */

p
{
	margin-bottom: 15px;
	line-height: 20px;
}

h1
{
	font-size: 22px;
	font-weight: bold;
	color: #111;
	margin: 0 0 15px 0;
	padding: 0;
}

h2
{
	font-size: 15px;
	font-weight: bold;
	color: #797979;
	line-height: 26px;
	margin: 0 0 15px 0;
}

h2 a:link,
h2 a:visited { color: #797979; }
h2 a:hover,
h2 a:active { color: #333; }

h3
{
	color: #111;
	font-size: 15px;
	line-height: 26px;
}

/* Helpers
------------------------------------------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear,
.clearfix { clear: both; }
.white { background: #fff; }
.no_margin { margin: 0 0 0 0 !important; }

.space
{
	margin: 16px 0 12px 0 !important;
	display: block !important;
}

.border5
{
	background: #F1F1F1 none repeat scroll 0%;
	border: 1px solid #DFDFDF;
	float: left;
	margin: 6px 15px 5px 15px;
	padding: 5px;
}

.no_border { border: none !important; }
.bg { background: url(../images/map_control_list_bg_reverse.gif) #fcfcfc repeat-x; }
.grey_bg { background: url(../images/map_control_list_bg.png) #d4d4d4 repeat-x; }

/* Layout
------------------------------------------------------------------------------------------------- */

#header
{
	height: 95px;
	background: url(../images/head_bg.jpg) #f6e52d repeat-x;
	width: 955px;
	margin: 0 auto 0 auto;
}

.tooltip
{
	font-size: 11px;
	background: #fff;
	border: 1px solid #ababab;
	width: 160px;
	padding: 2px 5px;
	position: absolute;
	top: 20px;
	left: 50px;
	visibility: hidden;
	color: #444;
	/* background: url(../images/bg-tooltip.gif) 0 0 repeat-x #e5e5e5; */
}

#content
{
	width: 955px;
	margin: 22px auto 0 auto;
	clear: both;
	position: relative;
}

/* Footer (layout + content)
------------------------------------------------------------------------------------------------- */

#footer_block
{
	height: 90px;
	clear: both;
	background: url(../images/footer_bg.jpg) #333333 50% 0 repeat-x;
	color: #fff;
	padding: 35px 27px 0 27px;
	font-size: 11px;
}

#footer_block div
{
	width: 955px;
	margin: auto;
}

#footer_block .right { color: #999; }

#footer_block .right a:link,
#footer_block .right a:visited
{
	color: #ccc;
	text-decoration: underline;
}

#footer_block .right a:hover,
#footer_block .right a:active { color: #fff; }

#footer_banners
{
	clear: both;
	height: 80px;
	background: #f6f6f6;
	color: #8f8f8f;
	font-size: 11px;
	border-top: 1px solid #ebebeb;
	padding: 0 5px 0 0;
}

div.banner
{
	float: left;
	margin: 13px 20px 0 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #c2c2c2;
}

div.banner img { border: none; }
.banner_home { margin: 0 0 25px 0; }
.banner_home img { float: none; }
#home_block { clear: both; }

.home #home_block #map
{
	width: 479px;
	height: 260px;
	float: left;
	border: none;
}

#content #map
{
	width: 953px;
	height: 400px;
	border: 1px solid #ddd;
	z-index: 10;
	position: relative;
}

#content #map_timeline #map { width: 744px; }

#timeline_left_legend
{
	background: #fff url('../images/timeline_left_bg.jpg') no-repeat top right;
	height: 45em;
	float: left;
	width: 181px;
	border-left: 1px solid #dcdcdc;
}

#timeline_left_legend_head
{
	height: 31px;
	width: 100%;
	background: #dddddd url('../images/timeline_left_bg.jpg') no-repeat top right;
	color: #030303;
	font-weight: bold;
}

#timeline_left_legend_head p
{
	padding: 8px 0 0 8px;
	margin: 0;
}

#timeline_left_legend h3
{
	margin: 0;
	padding-left: 8px;
	padding-top: 3px;
	font-weight: normal;
	line-height: 16px;
}

#smiles_head
{
	border-bottom: 1px solid #f0f0f0;
	width: 90%;
}

#smiles_head span
{
	color: #bcbcbc;
	font-size: 10px;
	padding-left: 8px;
}

#smiles_head a
{
	color: #bcbcbc;
	font-size: 10px;
	padding-left: 8px;
	text-decoration: none;
}

#smiles_legenda
{
	padding: 10px 0 10px 8px;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

#smiles_legenda img
{
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}

#smiles_legenda br { clear: both; }

#smile1, #smile2, #smile3
{
	height: 23px;
	padding-left: 45px;
	padding-top: 8px;
	margin-top: 3px;
}

#smile1 { background: url('../images/icons/Smiley-1.jpg') no-repeat; }
#smile2 { background: url('../images/icons/Smiley-2.jpg') no-repeat; }
#smile3 { background: url('../images/icons/Smiley-3.jpg') no-repeat; }
#line_legend { padding-left: 8px; }
#line_legend div { margin-top: 10px; }

#timeline_desc
{
	margin-top: 6px;
	border-top: 1px solid #dddddd;
	padding: 5px 8px 0 8px;
	font-size: 12px;
	height: 220px;
}

#timeline_desc h4 { font-size: 13px; }
#timeline_desc p { line-height: 14px; }
#timeline_desc a { color: #000; }

#timeline_legend_bottom
{
	background: #dddddd url('../images/tm_bottom.jpg') top right no-repeat;
	height: 47px;
}

#timeline_legend_bottom h4
{
	padding-left: 29px;
	padding-top: 9px;
	font-size: 13px;
}

#timeline_legend_bottom label { color: #8c8c8c; }
#timeline_legend_bottom div { padding-left: 12px; }

#home_block #home_block_image
{
	border: 0;
	width: 457px;
	height: 260px;
	float: left;
	background: url(../images/home_block.jpg) #282726 no-repeat;
	padding: 0 5px 0 14px;
	color: #fff;
}

.block_50
{
	width: 477px;
	background: #fff;
	float: left;
}

#map_controls
{
	background: #fff;
	clear: both;
	float: left;
	width: 955px;
	padding: 0px 0 20px 0;
}

/* Navigation
------------------------------------------------------------------------------------------------- */

ul#navigation
{
	height: 41px;
	padding: 0pt;
	clear: both;
	display: block;
	width: 955px;
	margin: 0 auto;
}

ul#navigation li
{
	list-style: none;
	float: left;
}

ul#navigation li a:link,
ul#navigation li a:visited
{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 10px 15px 0 15px;
	text-decoration: none;
}

ul#navigation li a:hover,
ul#navigation li a:active { color: #f6e52d; }

ul#navigation li a.act:link,
ul#navigation li a.act:visited,
ul#navigation li a.act:hover,
ul#navigation li a.act:active
{
	background: url(../images/navigation-active-bg.gif) 50% 0px no-repeat;
	color: #f6e52d;
	height: 34px;
	float: left;
	padding: 10px 15px 0 15px;
}

ul#navigation li.help_menu /* Help link on the far right of the nav */ { float: right; }

/* Homepage content intro block (dark)
------------------------------------------------------------------------------------------------- */

#home_block_image h1
{
	font-size: 45px;
	font-weight: bold;
	display: block;
	line-height: 56px;
	text-indent: -9999px;
	color: #fff;
}

#home_block_image h2
{
	font-size: 24px;
	font-weight: normal;
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
	line-height: 26px;
}

#home_block_image p
{
	line-height: 1.5;
	padding-right: 10px;
	margin-bottom: 4px;
}

#home_block_image a:link,
#home_block_image a:visited
{
	color: #fff;
	text-decoration: underline;
}

p.banner_text
{
	display: block;
	padding: 16px 0;
	line-height: 1.4em;
}

#title-box { border-bottom: 1px solid #ebebeb; }

#title-box h3
{
	width: 462px;
	background: #f6f6f6;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding-top: 15px;
}

/* Header
------------------------------------------------------------------------------------------------- */

#header h1
{
	margin: 0;
	padding: 0;
}

#header h1 a.logo
{
	width: 300px;
	height: 84px;
	background: url(../images/logo.gif) transparent no-repeat 0 15px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#header form p
{
	color: #8c831f;
	clear: both;
	display: block;
	margin: 0 0 0 10px;
	text-indent: 22px;
}

.content.home h3
{
	font-size: 17px;
	font-weight: bold;
	color: #000;
	line-height: 50px;
	padding: 0 0 0 16px;
}

.page_content h3.registration
{
	font-size: 17px;
	font-weight: bold;
	color: #000;
	line-height: 50px;
	border-bottom: 1px solid #ebebeb;
	background: #f6f6f6;
	padding: 0 0 0 16px;
}

/* User option box (header)
------------------------------------------------------------------------------------------------- */

.user-box a:link,
.user-box a:visited
{
	color: #444;
	text-decoration: none;
}

.user-box a:hover,
.user-box a:active
{
	color: #000;
	text-decoration: underline;
}

/* News item
------------------------------------------------------------------------------------------------- */

.news_item
{
	clear: both;
	color: #373737;
	margin: 12px 0 25px;
	line-height: 1.5;
}

.news_item a:hover { color: #024D90; }

.news_item a
{
	color: #373737;
	display: block;
	font-weight: bold;
	padding: 7px 0 3px;
}

.news_item p { padding-right: 10px; }

.news_item img
{
	float: left;
	margin: 6px 15px 20px 15px;
}

.user-box
{
	margin: 17px 0 0 0;
	float: right;
	color: #bfae04;
}

/* Layout media downloads
------------------------------------------------------------------------------------------------- */

.box_l
{
	float: left;
	width: 350px;
}

.box_r
{
	float: right;
	width: 350px;
}

.img_item_left
{
	background: #f1f1f1;
	border: 1px solid #DFDFDF;
	float: left;
	margin: 3px 15px 25px 0;
	padding: 5px;
}

/* Toplink
------------------------------------------------------------------------------------------------- */

div.toplink
{
	border-top: 1px solid #ccc;
	margin: 10px 0pt 0pt;
	padding: 3px 10px 0 3px;
}

div.toplink a:hover, 
div.toplink a:active { text-decoration: underline; }

div.toplink a:link, 
div.toplink a:visited
{
	color: #999999;
	display: block;
	font-size: 0.7em;
	text-align: right;
	text-decoration: none;
}

* >#header form p { text-indent: 0; }

.content h1#kaart-page
{
	margin: 0 0 3px 0;
	padding: 0;
}

.content h2#map_header
{
	margin: 0;
	padding: 0px 0 15px 0;
}

.content h2#map_header em { font-style: normal; }
.content h2 strong { color: #131313; }

#map_controls p
{
	font-weight: bold;
	color: #000;
	display: block;
	margin: 16px 0 7px;
}

.f_types p.item
{
	display: block;
	clear: both;
	border-top: 1px solid #dedede;
	padding: 4px 5px 2px 8px;
	margin: 0 0 0 0 !important;
	float: left;
	width: 252px;
}

#map_controls div.cb_group
{
	padding: -1px 0 0;
	height: 22px;
}

#map_controls div.cb_group label { padding: 0 18px 0 0; }
#map_controls #time_period div.cb_group label { padding: 0 0 0 0; }

#map_controls fieldset.f_types
{
	margin: 0 5px 0 15px;
	height: 180px;
	padding: 0 20px 0px 5px;
}

/* IE 6 hack */
* html #map_controls fieldset.f_types
{
	margin: 0 5px 0 7px;
	height: 140px;
	padding: 0 20px 20px 5px;
}

* hmtl #map_controls fieldset#time_period
{
	margin: 0 5px 0 7px;
	height: 140px;
	padding: 0 20px 0px 5px;
	overflow: hidden;
}

* html #map_controls div.cb_group { padding: 5px 0 4px 0; }

/* Forms
------------------------------------------------------------------------------------------------- */

.f_types input { float: right; }

.f_types label
{
	float: left;
	margin: 0;
	padding: 0 0 3px;
	font-weight: normal;
}

.f_types label .img2 { margin: 0 10px 0 0; }

/* Forms - Header login form
------------------------------------------------------------------------------------------------- */

#header form
{
	float: right;
	margin: 0;
}

#header form, #header form a
{
	font-size: 11px;
	color: #373737;
}

#header legend { display: none; }

#header fieldset
{
	border: none;
	float: left;
	margin: 20px 0 0 10px;
}

#header label
{
	display: block;
	padding: 0 0 5px 1px;
	text-indent: 12px;
}

* >#header label { text-indent: 0; }

/* Events list - Homepage
------------------------------------------------------------------------------------------------- */

ul.events_list li
{
	background-position: 8px 12px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #D7D7D7;
	color: #555;
	list-style: none;
	margin: 0 20px;
	padding: 10px 0 10px 28px;
}

ul.events_list li.event-1 { background: transparent url(../images/icons/icon-hinder-ernstig.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-2 { background: transparent url(../images/icons/icon-hinder-groot.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-3 { background: transparent url(../images/icons/icon-hinder-middel.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-4 { background: transparent url(../images/icons/icon-hinder-licht.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-5 { background: transparent url(../images/icons/icon-grootevenement.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-6 { background: transparent url(../images/icons/icon-evenement.gif) no-repeat scroll 0 11px; }
ul.events_list li.event-7 { background: transparent url(../images/icons/icon-evenement-matig.gif) no-repeat scroll 0 11px; }

ul.events_list li a:link,
ul.events_list li a:visited
{
	display: block;
	font-weight: bold;
	color: #373737;
	margin: 0 0 10px 0;
	padding: 0;
}

ul.events_list li a:hover,
ul.events_list li a:active { color: #024d90; }

a.events_more
{
	display: block;
	color: #024d90;
	margin: 4px 0 18px 21px;
	font-weight: bold;
}

input.textbox
{
	color: #444;
	height: 14px;
	padding: 5px 5px;
	margin: 0 0 3px 0;
	border: 1px solid #c4c4c4;
	background: url(../images/textbox_bg.jpg) #fff repeat-x;
	clear: both;
}

input.textbox:focus
{
	color: #000;
	background: url(../images/textbox_bg.jpg) #fff 0 -3px repeat-x;
}

.button
{
	background: url(../images/button_bg.jpg) no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border: none;
	padding: 5px 0;
	margin: 0 0 3px 0;
	width: 65px;
}

.button:hover
{
	color: #fbe70f;
	cursor: pointer;
}

#map_controls fieldset
{
	border: 0px solid #fff;
	border-right: 1px solid #dedede;
	margin: 0 5px 0 15px;
	height: 140px;
	padding: 0 20px 40px 5px;
	float: left;
}

#map_controls.timeline fieldset
{
	border: 0px solid #fff;
	border-right: 1px solid #dedede;
	margin: 0 0px 0 10px;
	padding: 0 15px 15px 15px;
	float: left;
}

#map_controls fieldset legend { display: none; }

#legenda
{
	position: relative;
	z-index: 100;
	background: #ffffff;
	width: 100%;
}

#map_legend_trigger
{
	width: 50px;
	float: right;
	background: #ffffff;
	color: #505050;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
}

#map_legend
{
	position: absolute;
	bottom: 25px;
	right: 0px;
	z-index: 101;
	display: none;
	background: #ffffff;
	color: #505050;
	padding: 15px 0 15px 0;
	width: 250px;
	font-size: 11px;
	border: 1px solid #ddd;
}

#map_legend span
{
	display: block;
	padding: 5px 10px;
}

span.legend_label
{
	margin: 0 0 0 16px;
	font-size: 11px;
}

span.legend_label img { vertical-align: text-top; }

/*
span.legend_label img.secondline
{
    margin-left: 54px;
}

span.legend_label img.secondlineup
{
    margin-left: 22px;
}
span.legend_label img.secondlineup2
{
	margin-left: 5px;
}

span.legend_label img.secondlineup3
{
	margin-left: 45px;
}

span.legend_label img.secondlineup4
{
	margin-left: 11px;
}
*/

.event_hover { background: #ededed url(../images/icons/icon-hinder-groot.gif) no-repeat scroll 0pt 22px !important; }

span.events
{
	padding: 0 0 3px 45px;
	margin: 0 0 0 16px;
	background: url(../images/events.png) no-repeat 0 0;
}

.map_select
{
	width: 270px;
	height: 25px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 4px 2px 2px 2px;
}

.map_input
{
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 4px 2px 2px 2px;
}

/* Notes
------------------------------------------------------------------------------------------------- */

.note
{
	background: url(../images/bg-note.gif) 0 100% no-repeat;
	margin: 10px 0;
	padding: 12px 15px 1px 15px;
	display: block;
	font-size: 11px;
	color: #383838;
}

.note p { line-height: 14px; }

/* Download lists
------------------------------------------------------------------------------------------------- */

ul.download_list
{
	list-style: none;
	padding: 6px 0 0 0;
	border-top: 1px solid #ddd;
	margin: 0 0 15px 0;
}

ul.download_list li
{
	border-bottom: 1px solid #ddd;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}

ul.download_list li a
{
	background: url(../images/icon-file.gif) 0 0 no-repeat;
	text-decoration: none;
	padding-left: 22px;
}

ul.download_list.audio li a { background: url(../images/icon-file-audio.gif) 0 0 no-repeat; }
ul.download_list.video li a { background: url(../images/icon-file-video.gif) 0 0 no-repeat; }

/* Links list
------------------------------------------------------------------------------------------------- */

ul#overzicht-links,
ul#overzicht-links ul { list-style: none; }
ul#overzicht-links { margin: 0 0 15px 0; }
ul#overzicht-links ul { margin: 0; }

ul#overzicht-links li
{
	width: 100%;
	background: none;
	margin: 14px 0 2px 0;
	border-bottom: 1px solid #ddd;
}

ul#overzicht-links li strong
{
	padding: 0 0 2px 7px;
	margin-bottom: 2px;
}

ul#overzicht-links li ul li
{
	background: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: none;
}

ul#overzicht-links li a:link,
ul#overzicht-links li a:visited
{
	text-decoration: none;
	display: block;
	padding: 4px 7px;
}

ul#overzicht-links li a:hover,
ul#overzicht-links li a:active { background: #fdf9ce; }

/* Links list (homepage)
------------------------------------------------------------------------------------------------- */

#links { clear: both; }

#links h3
{
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 21px 0 16px;
	line-height: 20px;
	background: #fff;
}

#links ul
{
	list-style: none;
	margin: 0 0 10px 16px;
	padding: 3px 0 0 0;
	float: left;
	width: 207px;
	border-top: 1px solid #ddd;
}

#links ul li
{
	margin: 0 0 4px 0;
	padding: 0 0 3px 20px;
	list-style: none;
	background: url(../images/links_li.png) no-repeat 0 6px;
	border-bottom: 1px solid #ddd;
}

#links a
{
	color: #373737;
	text-decoration: none;
}

#links a:hover
{
	color: #373737;
	text-decoration: underline;
}

/* Registration page
------------------------------------------------------------------------------------------------- */

.subpage .page_block
{
	width: 165px;
	margin: 0 15px 0 0;
	float: left;
	background: #f6f6f6;
	padding: 0 0 50px;
}

.subpage .page_content
{
	float: left;
	width: 724px;
	background: #fff;
	padding: 25px;
	margin: 0 0 25px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.registration #map
{
	width: 723px !important;
	height: 390px !important;
}

h2.registration
{
	line-height: 50px;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
	margin: 10px 0 17px;
	display: block;
	clear: both;
}

a.yellow_button:link,
a.yellow_button:visited
{
	display: block;
	padding: 8px 0px 9px 9px;
	text-decoration: none;
	color: #595527;
	background: #f7e83b url(../images/yellow_button.png) no-repeat 50%;
	margin: 0 0 5px 0;
}

a.yellow_button-active:link,
a.yellow_button-active:visited
{
	font-weight: bold;
	display: block;
	padding: 8px 0px 9px 9px;
	text-decoration: none;
	color: #000;
	background: #f7e83b url(../images/yellow_button.png) no-repeat 50%;
	margin: 0 0 5px 0;
}

ul.menu_list
{
	list-style: none;
	margin: 10px 0 0 0;
}

ul.menu_list li
{
	margin: 0;
	padding: 0;
	display: inline;
}

ul.menu_list li a,
ul.menu_list li a:visited
{
	margin: 0 0 0 8px;
	padding: 0 0 7px 0;
	text-decoration: none;
	display: block;
	color: #373737;
}

ul.menu_list li a.act
{
	font-weight: bold;
	color: #000;
}

ul.menu_list li a:hover { text-decoration: underline; }

p.tip
{
	background: #fffdd6;
	border: 1px solid #e4e4e4;
	border-top: none;
	margin: 12px 0;
	display: block;
	padding: 16px;
	font-size: 11px;
	line-height: 18px;
}

div.reg_block { clear: both; }

div.reg_block .top_controls
{
	height: 40px;
	line-height: 40px;
	margin: 0px 0 5px 0;
}

div.reg_block .top_controls p
{
	float: left;
	line-height: 40px;
	font-weight: bold;
	color: #373737;
}

div.reg_block .top_controls span
{
	float: right;
	color: #7c7c7c;
	font-size: 11px;
}

div.reg_block .top_controls span a
{
	color: #7c7c7c;
	font-size: 11px;
	text-decoration: underline;
}

div.reg_block div.cb_list { }

div.reg_block div.cb_list p
{
	width: 180px;
	line-height: 25px;
	margin: 3px 0 3px 0;
	float: left;
	display: block;
}

div.reg_block div.cb_list_trajects p
{
	width: 340px;
	line-height: 25px;
	margin: 3px 0 3px 0;
	float: left;
	display: block;
}

div.reg_block div.cb_list label,
div.reg_block div.cb_list_trajects label
{
	margin: 0 0 0 10px;
	padding: 2px 0;
}

#area_list div.cb_list
{
	float: left;
	width: 172px;
	margin: 0 0 15px;
}

#area_list div.cb_list_trajects
{
	float: left;
	width: 340px;
	margin: 0 0 15px;
}

div#area_block
{
	border: 1px solid #ececec;
	clear: both;
	float: left;
	margin: 18px 0;
	width: 722px;
}

#area_block .top_controls
{
	clear: both;
	padding: 0 0 0 17px;
	line-height: 40px;
}

a#area_plus, a.plus
{
	float: left;
	margin: 3px 0 0 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: 0 14px;
}

a.minus
{
	background-image: url(../images/minus.png) !important;
	background-repeat: no-repeat;
	background-position: 0 14px;
	margin: 3px 0 0 0;
	padding: 0 0 0 20px;
}

a.plus_bg { background: url(../images/plus.png) no-repeat; }
a.minus_bg { background: url(../images/minus.png) no-repeat; }

a.plus_bg, a.minus_bg
{
	padding-left: 15px;
	line-height: 20px;
	background-position: 0 2px;
}

#area_list
{
	clear: both;
	padding: 14px 0 14px 0;
	margin: 0 17px 0 17px;
	border-top: 1px solid #ececec;
}

#area_list p.title
{
	color: #373737;
	font-weight: bold;
	margin: 0 0 6px 0;
}

#area_list p { line-height: 25px; }

.reg_submit
{
	padding: 20px 0 0 0;
	clear: both;
}

.reg_submit input
{
	width: 198px;
	height: 30px;
	border: none;
	background: #474746 url(../images/submit.png) no-repeat;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

/* Fullscreen map page
------------------------------------------------------------------------------------------------- */

#fullmap
{
	width: 100%;
	height: 100%;
	position: relative;
}

#fullmap #map
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

#map_precontrols { display: none; }

#fullmap #controls-holder,
#fullmap #controlsholder
{
	position: absolute;
	bottom: 75px;
	left: 0;
	height: 375px;
	width: 100%;
	z-index: 2;
	background: #fff;
}

#fullmap #controls-holder #map_controls,
#fullmap #controlsholder #map_controls
{
	width: 960px;
	margin: 0 auto;
}

#fullmap #controls-holder h1,
#fullmap #controlsholder h1
{
	font-size: 22px;
	font-weight: bold;
	color: #111;
	line-height: 32px;
	margin: 10px 0 0 25px;
}

#fullmap #controls-holder h2,
#fullmap #controlsholder h2
{
	font-size: 15px;
	font-weight: bold;
	color: #797979;
	line-height: 20px;
	padding: 0 0 10px 0;
	margin: 0 25px 0 25px;
	border-bottom: 1px solid #ddd;
}

#fullmap #controls-holder h2 em,
#fullmap #controlsholder h2 em { font-style: normal; }

#fullmap #controller
{
	position: relative;
	left: 5px;
	top: -26px;
	padding: 5px 30px;
	z-index: 10;
	background: #efdb00;
	font-weight: bold;
	cursor: pointer;
	width: 140px;
}

#fullmap #backtosite
{
	position: relative;
	width: 180px;
	top: -52px;
	z-index: 5;
	background: #fff;
	right: 60px;
	float: right;
	padding: 5px 30px;
	font-weight: bold;
}

/*
a.backtosite:link,
a.backtosite:visited
{
	margin: 12px 25px 0 10px;
	float: right;
	display: block;
	text-indent: -999em;
	width: 159px;
	height: 53px;
	background: url(../images/button-backtosite.gif) 0 0 no-repeat;
}

a.backtosite:hover,
a.backtosite:active
{
	background: url(../images/button-backtosite.gif) 0 -53px no-repeat;
}
*/

/* Buttons
---------------------------------------------------------------------------------------------------*/

a.fullscreen:link,
a.fullscreen:visited
{
	margin: 4px 0 0 0;
	float: right;
	display: block;
	text-indent: -999em;
	width: 171px;
	height: 53px;
	background: url(../images/button-fullscreen.gif) 0 0 no-repeat;
}

a.fullscreen:hover,
a.fullscreen:active { background: url(../images/button-fullscreen.gif) 0 -53px no-repeat; }

/* Formulieren
--------------------------------------------------------------------------------------------------*/

form#standaard { margin: 0 0 15px 0; }
form#standaard br { clear: both; }

form#standaard fieldset p
{
	font-size: 0.95em;
	margin: 10px 0 0 0;
}

form#standaard fieldset p.help
{
	padding: 0px;
	margin: 0;
	color: #444;
}

form#standaard fieldset p a { color: #0c2d83; }

form#standaard div.fieldset-column
{
	width: 33%;
	float: left;
}

form#standaard fieldset div.single-column { margin: 10px 0 10px 169px; }

form#standaard fieldset
{
	clear: both;
	position: relative;
	padding: 24px 10px 25px 10px;
	_padding: 0 10px 10px 10px;
	/* IE6 setting */
	background: url(../images/bg-fieldset.gif) 0 0 repeat-x #fff;
	border: 0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	margin-top: -30px;
	_margin-top: 0px;
	/* IE6 setting */
}

form#standaard legend
{
	/*	margin: 30px 0 0 0;
	padding: 3px 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff; */
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	margin: 30px 0 0 0;
	_margin: 7px 0 20px 0;
	/* IE6 setting */
}

form#standaard label
{
	float: left;
	clear: left;
	display: block;
	width: 160px;
	margin: 3px 10px 3px 0;
	line-height: 15px;
}

form#standaard label.login { width: 100px; }

form#standaard label.checkbox
{
	text-align: left;
	float: none;
	display: inline;
	margin-left: -10px;
}

form#standaard input.text,
form#standaard textarea,
form#standaard select
{
	font-size: 13px;
	line-height: 1.3em;
	padding: 3px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9 url(../images/fieldbg.gif) repeat-x top;
	margin: 3px 0 3px 0;
	width: 300px;
}

form#standaard p.form-info
{
	font-size: 11px;
	line-height: 13px;
	margin: 3px 0 15px 0;
	padding-left: 170px;
}

form#standaard input { margin: 3px 10px 3px 0; }
form#standaard input:focus { background-color: #fff; }

form#standaard input.submit
{
	font-size: 14px;
	clear: both;
	display: block;
	margin: 15px 0 3px 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 2px solid #c3c3c3;
	border-bottom: 2px solid #7c7c7c;
	padding: 0px 5px;
	background-color: #f6f6f6;
}

form#standaard input.submitlarge
{
	clear: both;
	display: block;
	margin: 3px auto;
	border-top: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 2px solid #c3c3c3;
	border-bottom: 2px solid #7c7c7c;
	padding: 0px 5px;
	background-color: #f6f6f6;
	font-size: 1.1em;
	font-weight: bold;
}

form#standaard input.login { margin: 3px 0 3px 110px; }

form#standaard ul#error
{
	padding: 5px 5px 10px 5px;
	border-top: 1px solid #900;
	background-color: #f5f1c5;
	color: #900;
}

form#standaard input.error
{
	color: #900;
	background-color: #f5f1c5;
}

form#standaard ul#error li
{
	list-style: none;
	padding: 0 0 0 0px;
	background: none;
}

form#standaard .voorwaarden-small
{
	border: 1px solid #ccc;
	padding: 10px;
	overflow: auto;
	height: 150px;
	margin-left: 170px;
}

form#standaard h1.voorwaarden
{
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 5px 0;
	margin-left: 170px;
}

form#standaard .voorwaarden-small h3,
form#standaard .voorwaarden-small p
{
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 0 0;
}

form#standaard .voorwaarden-small p { margin: 0 0 10px 0; }

/* Error display
------------------------------------------------------------------------------------------------- */

ul#error
{
	margin: 0 0 25px 0;
	padding: 8px 8px 8px 36px;
	border: 1px solid #e30020;
	background: url(../images/account-button-niet.gif) 8px 50% no-repeat #fce6e9;
	color: #e30020;
}

input.error
{
	color: #900;
	background-color: #f5f1c5;
}

ul#error li
{
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0;
	background: none;
}

/* Message display
------------------------------------------------------------------------------------------------- */

.melding
{
	border: 1px solid #bbb;
	margin: 0 0 25px 0;
	padding: 10px 10px 10px 36px;
	background: url(../images/account-button-ok.gif) 8px 50% no-repeat #f2fae8;
	display: block;
}

/* Tables
------------------------------------------------------------------------------------------------- */

table
{
	width: 100%;
	margin: 0 0 30px 0;
}

table thead th,
table thead td
{
	padding: 8px 6px;
	background-color: #7c7c7c;
	font-weight: bold;
	color: #fff;
}

table tr { }

table th
{
	padding: 6px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	background-color: #FFF;
	vertical-align: top;
}

table td
{
	padding: 6px;
	border-bottom: 1px solid #ddd;
	background-color: #FFF;
	vertical-align: top;
}

table tfoot th,
table tfoot td
{
	padding: 2px 6px;
	background-color: #ddd;
	font-size: 1em;
	border-bottom: 1px solid #000;
}

table tfoot td a:link,
table tfoot td a:visited,
table tfoot td a:link em,
table tfoot td a:visited em
{
	color: #000;
	text-decoration: none;
}

table tfoot td a:hover,
table tfoot td a:active,
table tfoot td a:hover em,
table tfoot td a:active em { text-decoration: underline; }

.status-indicator-negative
{
	border: 1px solid #bbb;
	padding: 10px 10px 10px 32px;
	background: url(../images/account-button-niet.gif) 8px 50% no-repeat #fce6e9;
	margin: 5px 0 10px 0;
	display: block;
}

.status-indicator-positive
{
	border: 1px solid #bbb;
	padding: 10px 10px 10px 32px;
	background: url(../images/account-button-ok.gif) 8px 50% no-repeat #f2fae8;
	margin: 5px 0 10px 0;
	display: block;
}

#footer_banners
{
	width: 955px;
	margin: 0 auto 0 auto;
}

#loading
{
	display: none;
	width: 100px;
	border: solid 2px #ccc;
	text-align: center;
	font-size: 20px;
	padding: 3px;
	position: absolute;
	background-color: #fff;
}

#maploadoverlay
{
	background-color: white;
	background-image: url(../images/loader.gif);
	background-position: center 30px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	height: 40px;
	opacity: 0.8;
	padding: 80px 0pt 10px;
	position: absolute;
	top: 309px;
	left: 456px;
	width: 250px;
	z-index: 10;
	display: block;
}

#maploadoverlay p
{
	color: #999;
	text-align: center;
}

/* Popup display
------------------------------------------------------------------------------------------------- */

.mappopup { width: 300px; }

.mappopup h4
{
	margin: 0;
	padding: 2px 3px 3px 3px;
	border-bottom: 1px solid #efdb00;
}

.mappopup p
{
	margin: 0;
	padding: 2px 3px 3px 3px;
	border-bottom: 1px solid #faf8e2;
}

.mappopup p.periode
{
	background-color: #faf8e2;
	border: none;
}

.mappopup p.website
{
	/*background-color: #f5f1c5;*/
	/*border-bottom: 1px solid #efdb00;*/
	border-bottom: 1px solid #FAF8E2;
}

#minimapwrapper
{
	background-color: #faf8e3;
	border-left: 1px solid #eedb03;
	overflow: hidden;
	width: 450px;
	/*400*/
	margin-top: 5px;
}

#legend
{
	float: left;
	width: 85px;
}

ul#periods
{
	list-style: none;
	margin-left: 5px;
}

a.sel_period
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.sel
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#miniMap { float: right; }

#detourinfo
{
	font-size: 12px;
	padding: 2px 3px 3px 3px;
}

.detours
{
	list-style: none;
	margin: 0;
	padding: 0 10px;
}

#admin
{
	font-size: 13px;
	line-height: 18px;
	background-color: #000;
	color: #f5e321;
	padding: 3px 7px;
}

/* banner homepage announcing expansion website - temporary
------------------------------------------------------------------------------------------------- */

#announcement
{
	margin: 0 0 20px 0;
	background-color: #F1F1F1;
	border: 1px solid #DFDFDF;
	padding: 5px;
}

#announcement a:link,
#announcement a:visited
{
	display: block;
	padding: 20px 0;
	background-color: #5F5F5F;
	text-decoration: none;
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	line-height: 26px;
	text-align: center;
	background-image: url(../images/announcement_bg.jpg);
	background-repeat: repeat-x;
}

#announcement a:hover,
#announcement a:active
{
	color: #000;
	background-color: #fff200;
	background-image: url(../images/announcement_over_bg.jpg);
	background-repeat: repeat-x;
}

#ie_fix { display: none; }

/* banner homepage radio journaal omroep brabant
------------------------------------------------------------------------------------------------- */

#banner-radio-omroepbrabant
{
	position: absolute;
	top: -50px;
	left: 759px;
}

#banner-radio-omroepbrabant a img { border: none; }
.brd { border-top: 1px solid #DDDDDD; }

.jam_controls
{
	clear: both;
	background-color: #fff;
	padding: 10px 20px;
	font-weight: normal;
}

#p_update_jams
{
	width: 252px;
	float: left;
	padding: 4px 5px 2px 8px;
}

#u_jams { float: right; }
#jam_summary { margin-left: 311px; }

.jam_popup
{
	padding-right: 10px;
	width: 300px;
}

.ui-accordion-content #period { width: auto; }
.ui-accordion div.ui-accordion-content { padding: 0.5em 2.2em; }

#ui-datepicker-div.ui-widget
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}

#ui-datepicker-div { z-index: 1000000000; }

#accordion
{
	font-size: 13px;
	font-family: arial,verdana,helvetica,sans-serif;
	width: 100%;
}

#accordion h3
{
	font-size: 13px;
	line-height: 16px;
}


#accordion input, #accordion select { font-family: arial,verdana,helvetica,sans-serif; }
#accordion .ui-accordion-content { padding-top: 5px; }
#accordion .ui-accordion-header a { font-weight: bold; }
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default { background: url(../images/map_control_list_bg.png) #d4d4d4 repeat-x; }

#popupwrp
{
	height: 210px;
	overflow: auto;
	width: 470px;
	margin-top: 10px;
	margin-right: -4px;
	position: relative;
}

/* call_out area homepage, new design May 2010
------------------------------------------------------------------------------------------------- */

#callout_holder
{
	margin: -12px auto 0 auto;
	width: 100%;
	height: 109px;
	background-image: url(../images/callout_holder_bg.gif);
	background-repeat: repeat-x;
}

#callout_holder h3 a:link,
#callout_holder h3 a:visited
{
	color: #efdb00;
}

#callout_holder h3 a:hover,
#callout_holder h3 a:active
{
	color: #fff;
}


#callout_inner_holder
{
	width: 955px;
	height: 100%;
	margin: 0 auto;
	background-image: url(../images/callout_inner_border_vertical.gif);
	background-repeat: no-repeat;
	background-position: 953px top;
}

#callout_inner_holder h3
{
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 5px;
}

#callout_inner_holder p
{
	font-size: 12px;
	line-height: 16px;
}

.callout_small
{
	float: left;
	background-image: url(../images/callout_inner_border_vertical.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	height: 100%;
	width: 240px;
}

.callout_large
{
	float: left;
	height: 100%;
	width: 430px;
	padding: 10px 0px 0px 0px;
	background-image: url(../images/callout_inner_border_vertical.gif);
	background-repeat: no-repeat;
}

.callout_large h3 { padding: 0px 0px 2px 10px; }
#callout_sms p, 
#callout_wegwerkzaamheden_in_beeld p 
{ 
	padding-left: 77px; 
}

#callout_sms
{
	height: 100%;
	background-image: url(../images/callout_sms.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}

#callout_wegwerkzaamheden_in_beeld
{
	height: 100%;
	background-image: url(../images/callout_play.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}

.grote_wegwerkzaamheid_detail
{
	margin: 0 0 0px 2px;
	background-image: url(../images/callout_grote_wegwerkzaamheden_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	cursor: pointer;
	position: relative;
	padding: 3px 10px 6px 10px;
	font-weight: bold;
}

.grote_wegwerkzaamheid_popup
{
	display: none;
	width: 276px;
	height: 162px;
	padding: 25px 15px 20px 50px;
	background-image: url(../images/callout_grote_wegwerkzaamheden_popup_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}

#callout_inner_holder .grote_wegwerkzaamheid_popup p.date
{
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}

#callout_inner_holder .grote_wegwerkzaamheid_popup h3
{
	color: #efdb00;
	font-weight: bold;
	font-size: 17px;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 0;
}

#callout_inner_holder .grote_wegwerkzaamheid_popup p
{
	color: #efdb00;
	font-weight: bold;
	font-size: 15px;
}