@charset "utf-8";

/* USED COLORS

Grey		#e6e6e6;
Dark-Grey	#333;
Red			#aa0009;
Gold		#c6ac50;

*/

/* ------------------------------------------------ // main */

body {
	background-color	: #e6e6e6;
}

div.clearer.top {
	height				: 20px;
}
div#container {
	position			: relative;
	width				: 980px;
	margin				: 0 auto 0 auto;
	background-color	: #fff;
}
div.clearer.bottom {
	height				: 20px;
}

div#top {
	/*border				: 1px dashed #CCC;*/
	position			: relative;
	height				: 170px;
	margin				: 10px;
}

div#middle {
	/*border				: 1px dashed #CCC;*/
	margin				: 10px;
	margin-top			: 0;
}

div#left {
	/*border				: 1px dashed #CCC;*/
	float				: left;
	width				: 250px;
	margin-right		: 10px;
}

div#content {
	/*border				: 1px dashed #CCC;*/
	float				: left;
	width				: 400px;
	margin				: 25px;
}

div#right {
	/*border				: 1px dashed #CCC;*/
	float				: left;
	width				: 250px;
}

div#blocks {
	/*border				: 1px dashed #CCC;*/
	float				: left;
	width				: 100%;
}

div#bottom {
	/*border				: 1px dashed #CCC;*/
	background			: url(footer.jpg) no-repeat;
	margin-left			: 10px;
	margin-right		: 10px;
	margin-bottom		: 10px;
	height				: 30px;
}

/* ------------------------------------------------ // sections, categories, articles */

div.contentdescription {
	margin-bottom		: 20px;
	border-bottom		: 1px dotted #333;	
}

span.article_separator {
	display				: none;
}

span.leading_separator, span.row_separator {
	display				: block;
	height				: 1px;
	clear				: both;
	border-bottom		: 1px dotted #333;
	padding-top			: 20px;
	margin-bottom		: 20px;
}

div.blog_more ul {
	list-style			: none;
	padding-left		: 0;
}

div.blog_more span.createdate {
	margin-right		: 10px;
}

span.hasTip {
	float				: left;
}
span.hasTip img {
	width				: 12px;
	height				: 12px;
}
.pagination_custom span{
    font-size			: 0.9em;
}

/* ------------------------------------------------ // module (algemeen) */
.moduletable h3 {
	background-color	: #333;
	color				: #fff;
	margin				: 0;
	padding-top			: 7px;
	padding-right		: 5px;
	padding-bottom		: 7px;
	padding-left		: 10px;
}

div.moduletable {
	position			: relative;
}

/* ------------------------------------------------ // module - placehere */

div.mod_placehere div.mod_placehere_leading {
	overflow			: hidden !important;
}

div.mod_placehere a.read-more-link {
	position			: absolute;
	left				: 10px;
	bottom				: 10px;
	height				: 21px;
	background			: url(read-more-button-background-darkgrey.png) no-repeat top right;
	color				: #fff;
	padding-left		: 5px;
	padding-right		: 10px;
	font-size			: 1em;
}
div.mod_placehere a.read-more-link:hover {
	color				: #aa0009;
	text-decoration		: underline;
}

/* ------------------------------------------------ // module - news */
.mod_placehere.news {
	padding				: 10px;
}
.mod_placehere.news span, .mod_placehere.news a {
	font-size			: 0.9em;
	line-height			: 1.6em;
	text-decoration		: none;
}
.mod_placehere.news span.createdate {
	margin-right		: 10px;
}

/* ------------------------------------------------ // top */

div#top img#header {
	position			: absolute;
	top					: 0;
	right				: 0;
}
div#top #header-foreground {
	position			: absolute;
	top					: 0px; /* aanpassing 0px */
	left				: 0px;    /* aanpassing 0px */
}

div#top a {
	position			: absolute;
	top					: 30px;
	left				: 30px;
}

/* ------------------------------------------------ // left */
div#left .moduletable {
	margin-bottom		: 10px;
}

div#left .moduletable ul.menu {
	list-style			: none;
	margin				: 0;
	padding				: 0;
	overflow			: hidden;
}

/*level-1*/
div#left .moduletable ul.menu li {
	line-height			: 1em;
	background-color	: #aa0009;
}

div#left .moduletable ul.menu li a {
	text-decoration		: none;
	color				: #fff;
	font-size			: 1.1em;
}

div#left .moduletable ul.menu li a:hover {
	color				: #c6ac50;
}

div#left .moduletable ul.menu li span {
	background			: url(arrow.png) no-repeat 10px 50%;
	display				: block;
	margin-left			: 10px;
	margin-right		: 10px;
	padding-top			: 8px;
	padding-bottom		: 8px;
	padding-left		: 30px;
	border-bottom		: 1px solid #333;
}

div#left .moduletable ul.menu li.item21 span, div#left .moduletable ul.menu li.item43 span, div#left .moduletable ul.menu li.item40 span { /* laatste lijntje in menu verbergen*/
	border-bottom		: none;
}

div#left .moduletable ul.menu li.active a {
	text-decoration		: none;
	color				: #000;
	font-weight			: bold;
}

div#left .moduletable ul.menu li.parent.active span {
	border-bottom		: none;
}

/*level-2*/
div#left .moduletable ul.menu ul {
	list-style			: none;
	margin				: 0;
	padding				: 0;
	margin-top			: 5px;
	margin-left			: 10px;
	margin-right		: 10px;
	padding-bottom		: 10px;
	border-bottom		: 1px solid #333;
	font-size			: 0.9em;
}

div#left .moduletable ul.menu li.active li a {
	color				: #fff;
	font-weight			: normal;
}

div#left .moduletable ul.menu li li.active a {
	color				: #000;
	font-weight			: bold;
}

div#left .moduletable ul.menu li li a:hover {
	color				: #c6ac50;
}

div#left .moduletable ul.menu li li span {
	background			: none;
	display				: block;
	margin-left			: 30px;
	margin-right		: 10px;
	padding-top			: 8px;
	padding-bottom		: 8px;
	padding-left		: 10px;
	border-bottom		: none;
}

/* --------------------------------------- // content */
div#content {
	
}

/* --------------------------------------- // gallery */
div#content div.gallery h3.jg_imgtitle {
	text-align			: left;
}
div#content div.gallery div.sectiontableheader {
	text-align			: left;
	font-size			: 1.4em;
	font-weight			: bold;
	margin-bottom		: 14px;
}

div#content div.gallery div.jg_catelem_txt ul {
	padding-left		: 0;
}

div#content div.gallery a:hover img {
	border				: 0;
}

div#content div.gallery div.jg_pagination {
	text-align			: left;
}
div#content div.gallery div.jg_pagination,
div#content div.gallery div.jg_pagination a,
div#content div.gallery div.jg_pagination span{
    font-size			: 1em;
}

div#content div.gallery div.jg_subcatelem_photo {
	height				: 110px;
}

/* ----------------------------------------- // gallery - categories */
.jg_element_gal {
	width				: 200px;
}
.jg_element_gal .jg_element_txt {
	clear				: both;
}

/* ------------------------------------------------ // contact */

address {
	font-style			: normal;
}
span.marker {
	width				: 100px;
	display				: block;
	float				: left;
	line-height			: 1.5em;
	clear				: left;
	font-weight			: bold;
	min-height			: 1.3em;
	font-size			: 1.0em;
}
form#emailForm {
	font-size			: 1.0em;
	position			: relative;
	margin-top			: 40px;
	margin-bottom		: 30px;
	width				: 660px;
}

form#emailForm label {
	display				: block;
	color				: #333;
	margin-top			: 6px;
	margin-bottom		: 2px;	
	line-height			: 1.2em;
	font-size			: 0.95em;
	font-weight			: bold;
	width				: 200px;
	float				: none;
}
form#emailForm input[type=text] {
	height				: 16px;
	width				: 270px;
	border				: 1px solid #999999;
	background-color	: white;
	color				: black;
	padding				: 2px;
}

form#emailForm textarea {
	width				: 360px;
	height				: 80px;
	border				: 1px solid #999999;
	background-color	: white;
	font-family			: Verdanan, Arial, Helvetica, sans-serif;
	padding				: 2px;
	margin-bottom		: 6px;
}

form#emailForm div.contact_email_checkbox {
	float				: left;
}

form#emailForm div.contact_email_submit {
	float				: right;
}

form#ChronoContact_Vrijwilliger .form_item label {
	display				: block;
	color				: #333;
	margin-top			: 6px;
	margin-bottom		: 2px;	
	line-height			: 1.2em;
	font-size			: 0.8em;
	font-weight			: bold;
}

form#ChronoContact_Vrijwilliger input[type=submit] {
	color				: #333;
	font-size			: 0.8em;
	text-align			: center;
}

form#ChronoContact_Vrijwilliger .form_element {
	margin-left			: 0;
}

form#ChronoContact_Vrijwilliger sup {
	color			: #aa0009;
	padding-left	: 8px;
	font-weight		: bold;
	font-size		: 1em;
}

/* --------------------------------------- // breadcrumb */

div#breadcrumb {
	margin-bottom		: 10px;
	line-height			: 1.6em;
	font-size			: 0.95em;
	font-weight			: bold;
}

div#breadcrumb span {
	font-size			: 0.95em;	
	font-weight			: normal;
}
div#breadcrumb span a {
	font-size			: 1.0em;
}

/* --------------------------------------- // right */
div#right .moduletable {
	margin-bottom		: 10px;
}

/* --------------------------------------- // sitemap */

ul.level_0 li {
	line-height			: 2.0em;
}


/* --------------------------------------- // module - yoologin - login */
div#right span.yoo-login {
	background-color	: #e6e6e6;
}

div#right span.yoo-login span.login {
	width				: 235px;
	padding-top			: 15px;
	padding-left		: 35px;
	padding-bottom		: 10px;
	color				: #666;
	margin				: 0;
}

div#right span.yoo-login span.login span {
	margin-bottom		: 0;
}

div#right span.yoo-login span.login span.password {
	float				: left;
}

div#right span.yoo-login span.login span.login-button-container {
	float				: left;
	width				: auto;
}

div#right span.yoo-login span.login span.login-button-icon {
	float				: left;
	height				: 22px;
	width				: 22px;
	background			: url(login-button-background.png) no-repeat;
}

div#right span.yoo-login span.login span.remember {
	display:block;
	float				: none;
	clear				: both;
	width				: auto;
	margin-bottom		: 2px;
	padding				: 3px;
}

div#right span.yoo-login span.login span.remember label {
	display				: inline;
	float				: none;
	width				: auto;
	font-size			: 0.95em;
	color				: #666;
}
div#right span.yoo-login span.login span.remember input {
	float				: none;
}
div#right span.yoo-login span.login a {
	font-size			: 0.95em;
	margin-left			: 25px;
	color				: #666;
}
div#right span.yoo-login span.login a:hover {
	color				: #aa0009;
}

/* --------------------------------------- // module - yoologin - logout */

div#right span.yoo-login span.logout {
	/*width				: 235px;*/
	padding-top			: 15px;
	padding-left		: 35px;
	padding-right		: 10px;
	padding-bottom		: 10px;
	color				: #666;
}

div#right span.yoo-login span.logout span.logout-button-icon {
	float				: right;
	height				: 22px;
	width				: 70px;
	background			: url(login-button-background.png) no-repeat right top;
}
div#right span.yoo-login span.logout span.logout-button-icon button {
	text-align			: left;
	vertical-align		: bottom;
	padding-top			: 4px;
}

/* --------------------------------------- // module - news - uitrukken  aanpassing wijziging aangepast let op niels #cba53d */
div#right .moduletable.uitrukken {
	background-color	: rgb(245, 243, 239);
	height				: 170px;


}
div#right .moduletable.uitrukken div.mod_placehere a.read-more-link {
	background			: url(read-more-button-background-darkgrey-transparent.png) no-repeat top right;

}

/* ----------------------------------------- // formulieren */

div.message {
	line-height			: 1.6em;
}

div.form-item {
	margin-bottom		: 5px;
	clear				: both;
}
div.form-item span.LV_validation_message {
	width				: 100%;
	margin-bottom		: 10px;
	padding-left		: 145px;
}
div.chronoform{
	display				: none;
}

/* ----------------------------------------- // fotoalbum */
div.jg_pagination {
	font-size			: 1em;
}

div.jg_subcatelem_cat_r {
	float				: left;
	width				: 150px;
	margin-right		: 30px;
}

a:hover.jg_catelem_photo img {
	border				: none;
}

/* ----------------------------------------- // blocks */
div#blocks .moduletable {
	float				: left;
	width				: 232px;
	margin-right		: 10px;
	background-color	: #efefef;
	height				: 160px;
	overflow			: hidden;
}
div#blocks .moduletable.last {
	margin-right		: 0;
}

/* --------------------------------------- // module - brandweernieuws */

div#blocks ul.newsfeed {
	margin				: 10px;
}
div#blocks ul.newsfeed li {
	line-height			: 1.2em;
	margin-bottom		: 0.5em;
}

div#blocks ul.newsfeed li a {
	line-height			: 1.0em;
}

/* --------------------------------------- // placehere algemeen */

div.mod_placehere a.readon {
	position			: absolute;
	right				: 10px;
	bottom				: 10px;
	height				: 21px;
	background			: url(read-more-button-background-darkgrey.png) no-repeat top right;
	font-size			: 0.9em;
	color				: #fff;
	padding-left		: 5px;
	padding-right		: 10px;
	text-decoration		: none;
}
div.mod_placehere a.readon span {
	font-size			: 1.1em;
	line-height			: 1.9em;
}
div.mod_placehere a.readon span {
	font-size			: 1.1em;
	line-height			: 1.9em;
}
div.mod_placehere a.readon:hover {
	color				: #aa0009;
	text-decoration		: underline;
}
span.LV_validation_message {
	float				: left;
	clear				: both;
	margin-top			: 2px;
}

/* --------------------------------------- // module - fotoalbum */

div#blocks div.moduletable.fotoalbum {

}

div#blocks div.moduletable.fotoalbum a.read-more-link {
	position			: absolute;
	left				: 10px;
	bottom				: 10px;
	height				: 21px;
	background			: url(read-more-button-background-red.png) no-repeat top right;
	color				: #fff;
	padding-left		: 5px;
	padding-right		: 10px;
	text-decoration		: none;
	z-index				: 2;
}
div#blocks div.moduletable.fotoalbum a.read-more-link span {
	font-size			: 1em;
	line-height			: 1.9em;
}
div#blocks div.moduletable.fotoalbum a.read-more-link:hover {
	color				: black;
	text-decoration		: underline;
}

/* --------------------------------------- // module - vrijwilligers */
div#blocks div.moduletable.vrijwilligers div.mod_placehere {
	margin				: 10px;
}
div#blocks div.moduletable.vrijwilligers a.readon {
	font-size			: 1em;
	line-height			: 1.9em;
}


/* --------------------------------------- // module - banners */

div.bannergroup div.clr {
	display				: none;
}
div.banneritem {
	height				: 44px;
	overflow			: hidden;
}

/* --------------------------------------- // footer */

div#bottom ul.menu {
	list-style			: none;
	padding-left		: 10px;
	margin				: 0;
}

div#bottom ul.menu  li {
	float				: left;
}

div#bottom ul.menu  li a {
	display				: block;
	color				: #fff;
	font-size			: 1em;
	text-decoration		: none;
	line-height			: 30px;
	height				: 30px;
}
div#bottom ul.menu  li span {
	display				: block;
	padding-left		: 10px;
	padding-right		: 10px;
	border-left			: 1px solid white;
	margin-top			: 9px;
}
div#bottom ul.menu  li.item26 span {
	padding-left		: 0;
	border-left			: none;
}
div#bottom ul.menu  li.item28 span {
	color				: #999;
}
div#bottom ul.menu  li a:hover, div#bottom ul.menu  li a:hover span {
	color				: black;
	text-decoration		: underline;
}