/* Normalizes margin, padding */
* {margin:0;padding:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes margin, padding */
td {vertical-align: top;}

UL {list-style: disc outside; margin-left: 20px; padding:0px;}
OL {margin-left: 20px;margin-bottom: 10px;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes border from fieldset and img */
img { border : 0; }

/* html {-ms-overflow-y: scroll;} */ /* footer problem met extra regel */

html, body, div#wrap {height: 100%;}

body > div#wrap {height: auto; min-height: 100%;}

div#page {
	width: 100%; 
	padding-bottom: 50px;
	margin: 0 auto 0 auto;
}  /* must be same height as the footer */


body, div#page, div {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #666;
}

div#header_placeholder {
	display:none;
}

div#header {
	display:none;
}
div#header div#header_width {
	display:none;
}
div#header div#header_width div#logo {
	display:none;
}
div#navbar {
	display:none;
}
div#navbar div#navbar_width {
	display:none;
}

div#content {
	width: 100%; 
}

div#breadcrumb {
	width: 100%; 
}
div#breadcrumb div#breadcrumb_clip {
	display:none;
}

div#col_left_140 {
	display:none;
}
div#col_center_620 {
	width: 70%; float: left; position: relative; margin-right: 20px;
}
div#col_right_140 {
	width: 20%; float: left; 
}



div#footer {	
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 29px; border-top: 1px solid #bababa;
	clear:both; background: #e5e5e5;
}

.block_position {position: absolute; z-index: 10;}
.editmode_comment {display: block; background: #F5F5F5; color: #BBB; font-size: 9px;}

div#footer div#footer_width {
	width: 940px; height: 24px; 
	padding: 5px 0px 0px 0px; margin: 0 auto 0 auto;
	font: normal 11px arial,helvetica,sans-serif;
}

/*  NAVIGATION  */
ul#navbar_list {list-style: none;margin: 0px 0px 0px 0px;}
ul#navbar_list li {float: left; height: 37px; margin: 0px 0px 0px 0px;}
ul#navbar_list li a {
	display: block; float: left;
	font: normal 12px arial,helvetica,sans-serif; 
	padding: 10px 15px 10px 0px; height: 17px;
	color: #CCC; text-decoration: none;
}
ul#navbar_list li a:hover {
	display: block; float: left;
	font: normal 12px arial,helvetica,sans-serif; 
	padding: 10px 15px 10px 0px; height: 17px;
	color: #FFF; 
}
ul#navbar_list li a.niv1active {
	display: block; float: left;
	font: normal 12px arial,helvetica,sans-serif; 
	padding: 10px 15px 10px 0px; height: 17px;
	color: #FFF; 
}

/* TAAL KEUZE */
div#language_select {
	position: absolute; top: 11px; left: 740px; width: 60px; height: 11px; z-index:2;
}
div#language_select a {
	margin-right: 8px;
}



/* SEARCH */

div#search_container {position: absolute; top: 8px; left: 800px; width: 140px; height: 20px; z-index:2;}

div#search_container .searchBox {
	width: 110px; height: 16px; border: 0px solid #000; 
	padding: 2px 2px 2px 5px; margin: 0px 0px 0px 0px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	background: url('../images/bg_searchbox.gif') no-repeat; 
	float: left; 
}

div.xsearchSearchboxContainer .searchBox {
	width: 272px; height: 17px; border: 0px solid #000; 
	padding: 2px 2px 2px 5px; margin: 0px 0px 0px 0px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	background: url('../images/bg_searchbox_wide.gif') no-repeat; 
	float: left;
}
div.xsearchSearchboxContainer .searchButton {
	width: 21px; height: 21px; 
	background: url('../images/bt_zoeken_wide_n.gif') no-repeat; 
	padding: 0px; margin: 0px; border: 0px; cursor: pointer; 
	float: left;
}

div.xsearchSearchboxContainer .searchButton:hover {
	width: 21px; height: 21px; background: url('../images/bt_zoeken_wide_h.gif') no-repeat; 
	padding: 0px; margin: 0px; border: 0px; cursor: pointer; 
	float: left;
}

div#search_container .searchButton_nl {
	width: 23px; height: 20px; 
	background: url('../images/bt_zoeken_n.gif') no-repeat; 
	padding: 0px; margin: 0px; border: 0px; cursor: pointer; 
	float: left;
}

div#search_container .searchButton_nl:hover {
	width: 23px; height: 20px; background: url('../images/bt_zoeken_h.gif') no-repeat; 
	padding: 0px; margin: 0px; border: 0px; cursor: pointer; 
	float: left;
}

/* Left menu */
div#left_menu_container {
	width: 140px;
	padding-bottom: 200px;
	background: url('../images/bg_left_menu.gif') no-repeat bottom left;
}
ul#left_menu {
	width: 140px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#left_menu li {
	width: 140px;
	border-bottom: 1px solid #7a1614;
	font-weight: bold;
	padding: 0px; 
	margin: 0px;
}
ul#left_menu li ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#left_menu li ul li {
	width: 140px;
	border-top: 1px solid #7a1614;
	border-bottom: 0px;
	font-weight: normal;
	padding: 0px; 
	margin: 0px;
}
ul#left_menu li a {
	display: block; width: 140px;
	padding: 3px 0px 3px 0px;
	color: #000;
}
ul#left_menu li ul li a {
	display: block; width: 125px;
	padding: 3px 0px 3px 15px;

}
ul#left_menu li a:hover {
	display: block;
	padding: 3px 0px 3px 0px;
	color: #e51937;
}
ul#left_menu li a.niv1active {
	display: block;
	padding: 3px 0px 3px 0px;
	color: #e51937;
}

ul#left_menu li ul li a:hover {
	display: block;
	padding: 3px 0px 3px 15px;
	color: #e51937;
}
ul#left_menu li ul li a.niv2active {
	display: block;
	padding: 3px 0px 3px 15px;
	color: #e51937;
}


/*-------- General styles -----------*/
H1 {font-size: 22px; color: #666666; font-weight: bold; line-height: 24px; border-bottom: 1px solid #8c0001; padding-bottom: 5px; margin-bottom: 10px;}
H2 {font-size: 18px; color: #000000; font-weight: normal; line-height: 18px; color: #B00014; margin: 1px 0px 0px 0px;}
H3 {font-size: 14px; color: #000000; font-weight: bold; line-height: 15px; margin: 5px 0px 2px 0px;}
H4 {font-size: 13px; color: #000000; font-weight: bold;}
H5 {font-size: 12px; color: #000000; font-weight: bold;}
H6 {font-size: 11px; color: #000000; font-weight: bold;}

.bold {font-weight: bold;}
.datetime, 
.small {font-size: 10px;}
.left {float: left;}

hr {
	height: 1px;
	display: block;
	margin: 1px 0px;
	!margin:-5px 0px;
	color:#E0E0E0;
	background-color:#E0E0E0;
	border:0px;
	clear: both;
}

a {text-decoration: none; color: #e51937; outline: none;}

.whitespace {margin-bottom: 15px;}
.doublewhitespace {margin-bottom: 30px;}
.page_visual {margin-bottom: 15px; clear:both;}


/* HOMEPAGE */
div.homepage_gray_box {
	position: relative;
	width: 418px; padding: 18px 20px;
	background: #e5e5e5; border: 1px solid #bababa; margin-bottom: 5px;
	overflow: auto;
}
div.homepage_gray_box div.gray_col_left {
	width: 200px; margin-right: 18px;  float: left;
}
div.homepage_gray_box div.gray_col_right {
	width: 200px; float: left; 
} 

/* -------- ANKEILERS voor markets etc. ---------*/
.ankeiler_container {overflow: auto; padding-bottom: 20px; width: 620px;}
.ankeiler_image {width: 112px; height: 75px; margin-right: 12px; float: left; }
.ankeiler_text {width: 490px; float: left; margin-bottom: 10px;}
.ankeiler_text h3 {margin-top: 0px;}

.documents_container {overflow: auto; padding-bottom: 10px; width: 620px;}
.documents_image {width: 46px; height: 75px; float: left; }
.documents_text {width: 568px; float: left; margin-bottom: 10px;}
.documents_text h3 {margin-top: 0px;}
.document_links {margin-top: 10px;}
div.document_view, div.document_download {width: 250px; float: left; }
div.document_view {clear: left;}
div.document_view a {
	background: url('../afbeeldingen/bekijk.gif') no-repeat;
	padding-left: 25px;  text-decoration: underline;
}
div.document_download a {
	background: url('../afbeeldingen/download.gif') no-repeat;
	padding-left: 25px;text-decoration: underline;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*------------ HOMEPAGE SLIDESHOW ---------------------*/
.slideshowContainer {float:left; position:relative; width: 458px; height: 333px; margin-bottom: 5px; overflow:hidden; border: 1px solid #bababa; }
.slideshowBlackBox {position: absolute; left: 0px; bottom: 0px; width: 458px; height: 72px; z-index:10; background: #e5e5e5;}
.slideshowButtons {position: absolute; left: 394px; top: 275px; width: 50px; height: 20px; z-index:20; }
.slideshowText {position: absolute; left: 15px; top: 275px; width: 395px; height: 65px; z-index:20; overflow: hidden;}
.slideshowText h2 {margin-bottom: 5px;}
.slideshowText div { color: #000; line-height: 13px;}
.slideshowTitle {position: absolute; left: 15px; top: 275px; width: 375px; height: 26px; z-index:20;}
.slideshowTitle H2 {}
#slideshowSlidenumber {background: url('../images/slideshow_bg_framenumber.gif') no-repeat; padding: 1px 5px 2px 5px; margin-top: 5px; font-weight: bold; color: #e5e5e5; text-align: center;}

/* ------- News ----------*/
.news_list_image {border: 1px solid #CCC; margin-bottom: 5px;}

/* -------- EVENTS ---------*/
.event_date_container {display: block; width: 41px; height: 45px; background: url('../images/bg_calendar_page.gif') no-repeat; float:left; margin-right: 15px;}
.event_date_month {font-size: 11px; line-height: 11px; height: 15px; padding-top: 5px; width: 41px; font-weight: bold; color: #FFF; text-align: center;}
.event_date_day {font-size: 20px; font-weight: bold; width: 41px; text-align: center;}
.event_overview_text {width: 560px; float: left; padding-bottom: 10px;}

.event_sidebar_date_container {display: block; width: 40px; height: 45px; background: url('../images/bg_calendar_page.gif') no-repeat; float:left; margin-right: 5px;}
.event_sidebar_text {width: 95px; float: left; padding-bottom: 10px; font-size: 10px; line-height: 12px;}
.event_sidebar_text h2 {font-size: 16px;}

/* --------- AEX koers SIDEBAR ITEM --------*/
.aex_koers {border-top: 1px solid #8c0001; padding: 10px 0px; margin-bottom: 5px; clear:both;}





/*-------------- Photo Gallery -----------------------------*/
input.editPhotoAlbum {border: 0px;background: #FFF url('../plugins/content_types/photoalbum/images/bt_edit_photoalbum.gif') no-repeat; width: 199px; height: 47px; clear: both; margin: 10px 0px;cursor:pointer;cursor:hand;}

.photoAlbumContainer {
	overflow: auto;
	padding: 0px 0px 0px 0px; margin-bottom: 15px;
	background: #FFF url('../images/photoalbum_bg.gif') repeat-y;
}

.photoAlbumThumb {
	float: left; width: 150px; height: 120px; 
	margin: 0px 4px 4px 0px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FAFAFA;
}
.photoAlbumDescription {
	padding: 10px 0px;
}

/*------------------ History tool --------------------*/
.timelineContainer {position: relative; width: 780px; height: 303px; margin: 20px 0px; background: #e5eff4 url('../images/bg_history_container.jpg') no-repeat;}
.timelineRotatorContainer {position: relative; width: 780px; height: 303px; overflow:hidden;}

.timelineButtonPrevious {position:absolute; bottom: 0px; left: 0px; width: 38px; height: 28px; z-index:15;}
.timelineButtonNext {position:absolute; bottom: 0px; right: 0px; width: 38px; height: 28px; z-index:15;}

#timelineschuif {position: relative;}
#timelineschuif .rotatingContent {position: relative; padding-left: 0px; padding-top: 14px; height: 262px; background: url('../images/bg_history_item.gif') no-repeat 50px 10px;}
.timelinePhoto {position:absolute; top: 18px; left: 60px; z-index:15;}
.timelineText {position:absolute; top: 190px; left: 65px; width: 225px; height: 60px; z-index:15; font: normal 11px Arial, Helvetica, sans-serif; color: #474747;}
.timelineHeader {position:absolute; top: 276px; left: 80px; widddth: 57px; height: 26px; padding: 5px 10px 0px 10px; z-index:15; background: #7a1614;}
.timelineHeader h2 { color: #FFF; font-size: 22px;}

#timelineOverzicht {table-layout:fixed; width: 750px; border-bottom: 1px dotted #e4d0d0;}
#timelineOverzicht td {border-top: 1px solid #e4d0d0;}
#timelineOverzicht .timelineCol1 {width: 50px; padding: 0px;}
#timelineOverzicht .timelineCol2 {width: 720px; padding: 2px 0px 1px 0px; }
#timelineOverzicht .timelineCol1 a.timelineYearLink {display: block; background: #FFF; padding: 2px 0px 1px 5px; width: 40px; font-size: 14px; font-weight: bold; }
#timelineOverzicht .timelineCol1 a.timelineYearLink:hover {display: block; background: #e51937; color: #FFF; padding: 2px 0px 1px 5px; width: 40px; font-size: 14px; font-weight: bold; }


/*------------------ HORIZONTAL INTRO WITH 5 IMAGES BLOCKS -------------*/
.introbar_visual_container {overflow: auto;}
.introbar_visual {width: 112px; float: left; line-height: 16px; }

/* Google maps */
.map_area {
	width:618px; height:420px; 
	border:1px solid #B9B9B9; 
	background-color:white;
	float:left;  margin: 0px 20px 0px 0px;
}
.map_navigation {
	width:138px; 
	border-top: 1px solid #8c0001;  
	float:left; margin: 0px 0px 5px 0px;
}
.map_navigation h3 {
	border-bottom: 1px solid #9f9898; line-height: 18px;
	float:left; padding: 5px 0px 5px 0px;
	display: block; width:138px; margin: 0px; bacffkground: lime;
}
.map_navigation h4 {
	font-size: 14px; border-bottom: 1px solid #9f9898; line-height: 18px;
	float:left; padding: 5px 0px 5px 0px;
	display: block; width:138px;  margin: 0px; baffckground: lightblue;
}
.map_navigation h4 a.back {
	font-size: 14px; border-bottom: 0px solid #9f9898; line-height: 18px;
	float:left; padding: 0px 0px 0px 18px;
	display: block; width:120px; margin: 0px; background: url('../images/bullet_map_back.gif') no-repeat 4px 3px;
}
.map_navigation a {
	width:138px; display: block; float:left;
	border-bottom: 1px solid #F2F2F2;  
	padding: 2px 0px 2px 0px; font-size: 12px; line-height: 13px;
}


/*-------- Zoeken --------*/
.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; background: #fce2e2;
}

.xsearchSearchboxContainer {
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	height:24px;
	background: #FFF;
	width: 600px;
}

.xsearchPageTitle {
	 font: bold 14px verdana,Arial, Helvetica, sans-serif;
}

.xsearchResultsMessageContainer {
	margin-bottom: 10px;
}

.xsearchResult {
	width: 600px;
	margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4;
}

.xsearchNavbarContainer {
	margin-bottom: 0px;
}
.xsearchModifiedDate {color: #999;}

.xsearchUrlDate {font: normal 10px verdana,arial,helvetica,sans-serif; color: #777;}
.xsearchUrlDate a {color: #999;}


/*---------- NAVBAR / PAGE NAVIGATION -------------*/
div.xsearchNavbarContainer div.navbar { height: 30px; padding-top: 10px;}
div.xsearchNavbarContainer div.navbar a.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; color: #333;}
div.xsearchNavbarContainer div.navbar a.navbarPageNumber {border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
div.xsearchNavbarContainer div.navbar a.navbarPreviousNextArrow {padding: 0px 5px; }
div.xsearchNavbarContainer div.navbar div.navbarDots {display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}



.xsformbuilder_small_textbox {display:none;}