/* Color */

h1.org { background-color:#00A6E4; }
h1.dienst { background-color:#FFD300; }
h1.nieuws { background-color:#e67d02; }

/*
div#navigation.org ul li.active a { background-color:#E5F6FE; }
div#navigation.nieuws ul li.active a { background-color:#C5C5C5; }
*/


/* Layout */

div#cont-border-top { background:url('/image/content-border-top.gif') no-repeat left top;
	padding-top:13px; }
div#cont-border-btm { background:url('/image/content-border-bottom.gif') no-repeat left bottom;
	padding-bottom:13px; }
div#cont-border { background:url('/image/content-border-side.gif') repeat-y; }

/*div#container.nieuws #content { width:763px; margin-right:0; min-height:350px; }*/
div#container.nieuws #content { margin-left:0; padding-left:0; width:730px; }
div#container.nieuws div#cont-border-top { background-image:url('/image/content-news-border-top.gif'); }
div#container.nieuws div#cont-border-btm { background-image:url('/image/content-news-border-bottom.gif'); }
div#container.nieuws div#cont-border { background-image: url('/image/content-news-border-side.gif'); }

div#container.nieuws div#extra { background:url('/image/news-border-top.gif') no-repeat right top; padding-top:13px; }

div#container.dienst #search-txt { padding-left:10px; }
div#container.dienst #content { margin-left:0; padding-left:0; width:730px; }
div#container.dienst div#cont-border-top { background-image:url('/image/content-dienst-border-top.gif'); }
div#container.dienst div#cont-border-btm { background-image:url('/image/content-dienst-border-botto.gif'); }
div#container.sportwijzer div#cont-border-btm { background-image:url('/image/content-sportwijzer-border-bottom.gif'); }
div#container.dienst div#cont-border { background-image: url('/image/content-dienst-border-side.gif'); }

#contactFormHolder {
	margin-left:15px;
	width:735px;
	}

div#container.dienst div#extra { background:url('/image/dienst-border-top.gif') no-repeat 22px top; padding-top:13px; }


/* Header */

p#breadcrumbs { color:#B4B4B4; height:42px; padding-left:18px; font-size:8pt; }
p#breadcrumbs a { color:#B4B4B4; text-decoration:underline; line-height:42px; font-size:8pt; }
p#breadcrumbs a:hover { color:#B4B4B4; text-decoration:none; }
p#breadcrumbs a.active { color:#022D57; text-decoration:none; }


/* Left navigation */

div#navigation { float:left; width:210px; margin-left:-994px; }
div#navigation ul { margin:28px 20px 0 15px; padding:0; border-top:1px solid #c5c5c5; }

div#navigation ul ul {
	display:block;
	visibility:visible;
	margin-top:0px;
	margin-right:0px;
	border:none;
	}

div#navigation li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	}
div#navigation li li {
	border-top:0;
	}

div#navigation ul a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:1px 8px 1px 0px;
	border-bottom:1px solid #c5c5c5;
	background:url('/image/nav-arrow.gif') right bottom no-repeat;
	}
div#navigation .active a {
	background:#f6f6f6;
	}

div#navigation ul ul a {
	font-weight:normal;
	}

/*
div#navigation ul li ul li {
	padding-right:0px;
}

div#navigation ul li a { border-top:1px solid #C5C5C5; margin-top:2px; display:block; min-height:23px; line-height:16px;
	vertical-align:middle; background:url('/image/subnav-arrow-new.gif') no-repeat right bottom; text-decoration:none;
	padding-right:12px; padding-top:3px; }
div#navigation ul li a:hover { color:#032C5A; }

div#navigation ul li li a { border-top:0; margin-top:0; }

div#navigation ul li.active a { font-weight:bold; }
div#navigation ul li.active li a { font-weight:normal; }
*/


/* Content */

div#wrapper { float:left; width:auto; }
div#content { margin: 0 244px 0 210px; padding-left:25px; }
.organisatie div#content { width:515px; }

.other div#content { margin-left:0; padding-left:0; }
.other div#cont-border-top { background-image:url('/image/content-dienst-border-top.gif'); }
.other div#cont-border { background-image:url('/image/content-dienst-border-side.gif'); }
.other div#cont-border-btm { background-image:url('/image/content-dienst-border-botto.gif'); }


div#content h1 { color:#000; font-size:14px; font-weight:bold; margin-bottom:6px; }
div#content h2.heading-search { font-size:18pt; font-weight:bold; padding-left:10px; }

#content div.coll {
	width:47%;
	float:left;
	}
#content div#coll_2 {
	float:right;
	}

ul.list-themas { margin:0 0 0 2px; padding:5px 0 0 0; list-style-type:none; overflow:auto; }
ul.list-themas li { margin:0 0 0 10px; padding:0; display:block; width:172px; float:left; min-height:20px;
	border-bottom:1px solid #ccc; }
ul.list-themas li a { display:block; text-decoration:none !important; margin-bttom:5px;
	background:url('/image/list-themas-arrow.gif') right center no-repeat; }
ul.list-themas li a:hover,
ul.list-themas a:focus {
	color:#032C5A;
	/* background:skyblue; */
	outline:none;
	}


#extra ul.list-themas li { margin-left:0; width:182px; }



div.search-result {
	margin: 0 0 1em 10px;
	padding: 0 0 0 0;
	overflow: hidden;
	min-height: 50px;
	clear: both;
	zoom: 1;
}

div.search-result a h3 {
	font-size:130%;
	}

div#container.dienst .search-result table, div#container.dienst .search-result table td {
	border-collapse: collapse;
	border: 1px solid #032c5a;
}

div#container.dienst .search-result table td {
	padding:2px;
}

div#container.dienst .search-result table thead td {
	background-color:#ffd300;
}

/* Vrijwilligers */

div.vrijwilligers {
	background:url('/image/bg-vrijwilligers.gif') 0px 0px repeat-y;
	min-height:375px;
	margin-top:20px;
	}

#wrapper #content.content-vrijwilligers {
	width:525px !important;
	float:right;
	margin-right:0;
	}

#vrijwilligers {
	width:190px;
	padding-left:5px;
	float:left;
	margin-left:11px;
	}
#vrijwilligers h3 {
	font-size:14px;
	}
#vrijwilligSubnav li {
	margin:0;
	}

#aanmelden_vacature {
	background-color: #fff6cc;
	padding:10px;
	clear:both;
	margin-top:20px;
}

/* Nieuws & Agenda switch */

#switch {
	height:43px;
	width:752px;
	clear:both;
	margin-bottom:12px;
	background:url('/image/bg-switch.gif') left top repeat-x;
	overflow:hidden;
	}
#switch a {
	width:371px;
	height:43px;
	line-height:43px;
	font-size:14px;
	font-weight:bold;
	text-indent:15px;
	text-decoration:none;
	float:left;
	background:url('/image/switch-button-inactive.gif') left top no-repeat;
	}
#switch a.active {
	font-size:18pt;
	background-color:#ffffff;
	background-image:url('/image/switch-button-active.gif');
	}

#switch #btnNieuws {
	margin-right:10px;
	}
#switch #btnAgenda {
	}

.timelineHolder {
	width:752px;
	padding:0;
	}


/* News */

div#extra { float:left; width:184px; margin-left:-244px; padding-left:40px; padding-right:20px; }
div#extra h2 { font-size:16pt; color:#c6c6c6; margin-bottom:30px; }
/*div#extra p { margin-bottom:24px; }*/
div#extra img { /*width:71px;*/ float:left; margin:5px 3px 3px 0; }
a.readmore { display:block; border-bottom:1px solid #C5C5C5; margin-top:-3px; text-decoration:none;
	text-align:right; padding-right:12px !important; background:url('/image/readmore-arrow.gif') no-repeat right center;
	margin-bottom:10px; }
div#extra a:hover { text-decoration:none; }


#extra .splitter { border-bottom:1px solid #C5C5C5; }


/* Footer */

div#footer { clear:left; width:100%; margin-top:27px; }


/* TEMP */
#newsbg { overflow:auto; background:#fff url('/image/background-news.gif') repeat-y right top; }
#dienstbg {
	overflow: auto;
	background-color: #FFF;
	background-image: url('/image/background-diensten.gif');
	background-repeat: repeat-y;
	background-position: right top;
}
#cont-border-btm { clear:both; height:0px !important; line-height:0px; }
#cont-border { min-height:375px; }

.newsitem a { color:#000; font-weight:bold; text-decoration:none !important; }
.newsitem h2 { line-height:1; }
.newsitem .txt { width:90%; }

.newsitem .readmore span { visibility:hidden; }
#nieuws .newsitem .readmore span { visibility:visible; }


#news-agenda {
	background-image: url(../../image/nieuws-agenda-middle.gif);
	background-repeat: repeat-y;
	min-height:50px;
}

#news-agenda div {
	background-image: url(../../image/nieuws-agenda-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#news-agenda div div {
	background-image: url(../../image/nieuws-agenda-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#news-agenda div div #nieuws {
	background-image: none;
	width:455px;
	float:left;
	margin-left:20px;
	padding-top:15px;
	padding-bottom:30px;
}

#nieuws .newsitem {
	background-image: none;
	margin-bottom:10px;
	padding:0px;
}

#nieuws .newsitem .nieuwstitel {
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

#nieuws .newsitem a.readmore {
	text-align: left;
}

#nieuws a.readmore {
	color: #000;
	font-weight: normal;
}

#news-agenda div div #agenda {
	background-image: none;
	width:460px;
	float:left;
	margin-left:40px;
	padding-top:20px;
	padding-bottom:30px;
}

#agenda .agendaitem {
	background-color:#FFF;
	background-image: url('/image/agendaitem.gif');
	background-repeat:repeat-y;
	margin-bottom:10px;
}

#agenda .agendaitem .datum {
	width: 80px;
	background-image: none;
	vertical-align: top;
	text-align: center;
	padding:0px;
	padding-top:5px;
}

#agenda .agendaitem .text {
	padding:5px 15px;
}

#agenda .agendaitem .calendar,
.agendaitem .calendar	{
	width: 28px;
	height: 34px;
	margin: 0 auto;
	background: transparent url("/image/calendar.jpg") no-repeat left top;
	}

#itemListActueel .agendaitem	{
	overflow: auto;
	}

#itemListActueel .agendaitem .calendar	{
	margin: auto;
	float: left;
	margin-right: 10px;
	}

#agenda .agendaitem .calendar .month,
#agenda .agendaitem .calendar .day,
.agendaitem .calendar .month,
.agendaitem .calendar .day	{
	background: none;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	width: 28px;
	height: 14px;
	line-height: 14px;
	text-transform: uppercase;
	}

#agenda .agendaitem .calendar .day,
.agendaitem .calendar .day	{
	color: #000;
	width: 28px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	}



.dienst #content,
.nieuws #content { width:750px !important; }

#loginDetails,
.extraDetails {
	margin-top:50px;
	margin-left:10px;
	/* border:1px solid #ffd300; */
	padding:10px;
	background:#fff6cc;
	}
div#gids table, div#gids td{
	border:none !important;
}