/* --------------------------------------- */
/* ALGEMENE HTML TAGS */
/* --------------------------------------- */

html,body				{ margin: 0; padding: 0; }
body					{ background-color: #dc002e; color: #000; margin-bottom: 10px; }
body, td				{ font-family: verdana,arial,helvetica; font-weight: normal; font-size: 11px; text-decoration: none; }

h3						{ color:#0E1B8D; font-size:13px; }

a						{ color:#0E1B8D; text-decoration:none;}
a:hover					{ color:#0E1B8D; text-decoration:underline;}

.clear					{ clear: both; }
.button					{ cursor: pointer; }
.buttons				{ font-size:11px; cursor:pointer; }

.subheader				{ font-weight:bold; font-size:12px; color:#fff; }

#container_title		{ font-weight:bold; font-size:13px; color:#0E1B8D; }

#vis_b					{ font-weight:bold; font-size:20px; color:#0E1B8D; text-transform:uppercase;}
#vis_z					{ font-weight:bold; font-size:20px; color:#000; text-transform:uppercase;}
#vis_w					{ font-weight:bold; font-size:20px; color:#FFF; text-transform:uppercase;}

#site_map ul			{ line-height:2em; list-style-image: url(/grfx/bullet-roze.gif); list-style-type: circle; }
#site_map a				{ font-weight:bold; color:#0E1B8D; text-decoration:none; }
#site_map a:hover		{ font-weight:bold; color:#0E1B8D; text-decoration:underline; }

.go_btn					{ cursor: pointer; }

#wrapper
	{
	position:relative;
	background: #fff;
	width:776px;
	margin: 10px auto;
	margin-bottom: 10px;
	}

#wrapper2
	{
	position:relative;
	background: #ECECEC;
	border: 10px solid #fff;
	width:755px;
	margin: 0 auto;
	}

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

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

#header
	{
	position: relative;
	width: 735px;
	height: 130px;
	margin: 10px;
	margin-bottom: 5px;
	padding: 0;
	}

#header_logo			{ background:url(/grfx/logo.gif) #fff no-repeat; width:130px; height: 130px; }
#header_vis, #header_vis_special
	{
	background:url(/grfx/fp_thema_tmp.jpg) no-repeat;
	width:600px;
	height:130px;
	float: right;
	}

#header_vis_special
	{
	background:url(/grfx/haarlemmonumentaal.gif) #fff no-repeat center;
	width: 455px;
	margin-right: 140px;
	_margin-right: 70px;
	}

#header_kop				{ position: relative; text-align:center; top:55px; }

#vvv_logo, #vvv_logo_special
	{
	position: absolute;
	background:url(/grfx/vvv-logo.png) no-repeat center;
	_background:url(/grfx/vvv-logo.gif) no-repeat center;
	width:130px;
	height: 130px;
	top: 0px;
	right: 0px;
	float: right;
	}

#vvv_logo_special
	{
	background-color: #fff;
	_right: -1px;
	}

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

/* --------------------------------------- */
/* MENU */
/* --------------------------------------- */

div#menu
	{
	position:relative;
	margin: 0 auto;
	width:735px;
	height: 23px;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	display:block;
	}

div#menu ul#menubar		{ position:absolute; padding:0; margin:0; border:0; }
div#menu ul#menubar li	{ position:absolute; height:23px; }
div#menu li    			{ text-indent: -9999px; text-decoration:none; list-style: none; }
#menu a    				{ background-color:transparent; text-decoration:none; height:23px; display:block; }

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

/*-----------------------------------------*/
/* NAVIGATIE */
/*-----------------------------------------*/

#navigation				{ width:130px; height:auto; _height:400px; min-height:400px; display:block; }
.nav_blok				{ margin-left:4px; margin-top:6px; }
.nav_button_align		{ text-align:right; margin-right:6px; }

#navigation	SELECT		{ border: 1px solid #000; font-size:11px; width:120px; }
#navigation_header		{ background:url(/grfx/zoeken_header.png) no-repeat; font-weight:bold; color:#fff; width:130px; height:20px; }
#navigation_header_blok { padding-left:10px;  padding-top:3px; }

#breadcrumb				{ background:url(/grfx/breadcrumb_header.png); border-bottom: 1px solid #EFEFEF; width:600px; height:20px; display:block; }
#breadcrumb_blok		{ padding-top:3px; padding-left:5px; }
#vlaggetjes				{ margin-right:2px; float:right; }

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

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

div#cnt
	{
	position:relative;
	background:url(/grfx/back_repeat.gif) repeat-y;
	text-align: left;
	width:735px;
   	height: auto;
   	_height: 400px;
	min-height: 400px;
	margin: 0 auto;
	}

div#cnt_height
	{
   	height: auto;
   	_height: 600px;
	min-height: 600px;
	}

div#content
	{
	position: relative;
	background: #fff;
	width:600px;
	height:auto;
	_height:600px;
	min-height:600px;
	float: right;
	}

div#popup_content		{ background: #fff; }

/* kleur inzet abstract from homepage */

#home_page_abstract		{ color:#0E1B8D; }

/*LETOP WORDT VAKER GEBRUIKT, VOORZICHTIG*/

div.container			{ display:block; }

.blokje1				{ border-right: solid 2px #EFEFEF; width:292px;	padding:2px 3px 0px 2px; }
.blokje2				{ position: relative; width:292px; padding:2px 5px 0px 0px; float: right; }

#blokje_groot			{ padding:5px; }

.blokje_table			{ font-size: 11px; }
.blokje_news			{ font-size: 11px; }
.blockphoto				{ width: 292px; height: 124px; }

.blokje_header
	{
	position: absolute;
	background: url(/grfx/bg-blokje-header.gif) #dc002e no-repeat top right;
	font-weight:bold;
	color:#fff;
	width: 282px;
	height:18px;
	padding:2px 5px 0px 5px;
	}

.blokje_vis				{ z-index: -1; }
.blokje_content			{ line-height:15px; max-height:102px; height:102px; padding:5px; overflow: hidden; }
.blokje_footer
	{
	border-top: 2px solid #EFEFEF;
	border-bottom: 2px solid #EFEFEF;
	text-align:right;
	height:13px;
	margin-bottom:2px;
	padding:5px 5px 5px 5px;
	}

.blokje_content ul.bulletlist
	{
	margin: 0px;
	padding: 0px;
	}

.blokje_content ul.bulletlist li
	{
	background: url(/grfx/bullet-zwart.gif) no-repeat 2px 5px;
	list-style: none;
	padding-left: 15px;
	}

/* movie */

#bdy-movie
	{
	text-align: center;
	width: 535px;
	height: auto;
	min-height: 300px;
	_height: 300px;
	margin: 5px 0px;
	padding: 0px;
	}

#bdy-movie p				{ margin: 0px; padding: 0px; }



/* weeronline */

#wtoday					{ font-size: 0.8em; text-align: right; text-transform: uppercase; padding: 4px; vertical-align: middle; }
#wmaxtmp				{ background: #c50006; color: #fff; text-align: center; width: 16px; height: 16px; }
#wmintmp				{ background: #2d3582; color: #fff; text-align: center; width: 16px; height: 16px; }

#wwind					{ font-weight:bold; font-size: 0.9em; color:#FFF; text-align:center; padding-top:10px;  padding-bottom:10px; }
#wdays					{ font-size: 0.8em; text-align: center; vertical-align: middle; }
#wico					{ background: #7e7d81; width: 25px; height: 25px; }


#content_footer			{ border-top: 2px solid #ECECEC; font-size:11px; padding:2px 0px 2px 0px; }
#content_footer a		{ color:#0E1B8D; text-transform:uppercase; text-decoration:none; }
#content_footer a:hover	{ color:#0E1B8D; text-transform:uppercase; text-decoration:underline; }

#footer					{ background:#BABBBC; color:#fff; width:727px; height:22px; margin:10px; display:block;  }
#footer					{ padding:4px; }
#footer_blok			{ padding-top:4px; }
#powered				{ margin-right:2px; float:right; }
#footer a				{ color: #000; text-decoration:none; }
#footer a:hover			{ color: #000; text-decoration:underline; }

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

/*---------------------------------------*/
/* TDI  */
/*---------------------------------------*/

.browse_data	{ font-size:12px; }

.contact_desc	{ font-size:12px;}

.search_table	{ background:url(/grfx/bg_search.gif) #E3EEFE; width:100%; }
.search_ttl		{ background:#FF008A; font-size:11px; color:#fff; padding:2px 0px 2px 2px; }
.search_td		{ background:#FF008A; font-weight:bold; }

.search_desc	{ font-size:11px; }
.search_desc1	{ font-weight: bold; font-size:11px; color:#0E1B8D; }

div#visual		{ border:1px solid #000; float:right; z-index:10; }

#city_title		{ font-weight:bold; font-size:11px; color:#0E1B8D; }
#city_text		{ font-size:11px; }

.gfx-news		{ border: 1px solid #0E1B8D; }

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