/*	---------------- Cascading Style Sheet bij www.vno-ncwnoord.nl -------------------------------------------------------- */
/*	---------------- Door Accept� - meer info op www.accepte.nl ----------------------------------------------------------- */

/*	Html, body
	----------------------------------------------------------------------------------------------------------------------- */
	html {
	overflow:scroll;
	
	}
	
	body {
	background: url('../images/backgrounds/body.jpg') center top repeat-y ;
	font-family: arial, helvetica, sans-serif;	
	font-size:12px;	
	}

	strong {
	font-weight: bold;
	}

	div.clear {
	clear:left;	
	}

	input, 
	textarea,
	select,
	a.button {
	border:1px solid #999;
	padding:3px;
	color:#666;
	}
	
	input[type="text"],
	input[type="password"],
	textarea {
	background:#ececec;
	}

	a.button {
	text-decoration: none;
	padding:4px;
	}

	td,
	tr,
	th {
	padding: 2px 4px 2px 2px;
	vertical-align: top;
	}

	table.list {
	width: 100%;
	}

	table.list th {
	background: #ccc;
	border-right: 3px solid #fff;
	}

	table.form th {
	font-weight: bold;
	}

	.error {
	color: #f00;
	}
	
/*	Branding
	-------------------------------------------------------------------------------------------------------------------------- */		
	h1 {
	display:none;
	}
	div#wrap {
		width: 770px;
		position:relative;
		margin: 0 auto 10px auto;
		overflow:hidden;		
	}

	div#header {
	height:153px;
	width:770px;
	overflow: hidden;
	position:relative;	
	background:#fff url('../images/headers/shadow.gif') repeat-x bottom;
	}

	h2.default {
	height:150px;
	background:transparent url('../images/headers/default.jpg') no-repeat;	
	
	}

	h2.gasunie {
	height:168px;
	background:transparent url('../images/headers/gasunie.jpg') no-repeat;
	}
	
	h2.friesland {
	height:150px;
	background:transparent url('../images/headers/friesland.jpg') no-repeat;	
	}
	
	h2 span {
	display:none;
	}
	
/*	Navigation
	-------------------------------------------------------------------------------------------------------------------------- */
	/* The mainmenuitems */
	div#header ul {
	position:absolute;
	bottom:3px;
	/* height:35px; */
	font-size:12px;
	padding:0 0 5px 20px;
	width:745px;
	/* background:url('../images/backgrounds/transparant.png') repeat; */
	}

	/* Hide the nested ul's */
	div#header ul ul {
	display:none;
	white-space:nowrap;
	}

	/* Float the mainmenuitems next to each other */
	div#header ul li {
	float:left;
	display:block;
	margin:0 20px 0 0;
	position:relative;
	height:20px;
	}	

	/* Let's display the submenu while hovering on a mainmenuitem */
	div#header li:hover > ul {
	display:block;
	height:auto;
	position:absolute;
	bottom:20px;
	left:-2px;
	padding:0;
	background:url('../images/backgrounds/transparant.png') repeat;
	}
	
/*	Menu, fonts and linkstyles
	-------------------------------------------------------------------------------------------------------------------------- */	
	/* Link styles for the mainmenuitems */
	div#header ul li a,
	div#header ul li a:visited {
	color:#004188;
	/* font-weight:bold; */
	text-decoration:none;
	display:block;
	padding:9px 0 0 0;
	}
	
	div#header ul li a:hover {
	text-decoration:underline;
	}	
	
	/* Don't float the submenuitems, we want them nicely formatted in a vertical list */
	div#header ul li ul li {
	float:none;
	margin:0;
	padding:0;
	display:inline;
	}	
	
	/* Link styles for the submenuitems */	
	div#header ul li ul li a, 
	div#header ul li ul li a:visited {
	color:#004188;
	line-height:14px;
	padding:2px 0 3px 2px;
	}
	
	div#header ul li ul li a:hover {
	text-decoration:underline;
	}

/*	Contentlists
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#contentlists {
	margin: 10px 20px 0 20px;
	width:730px;
	overflow: hidden;
	}
	/** specials for mkc-link*/
	div#contentlists ul#mkc {
	width:730px;
	overflow: hidden;
	padding:20px 0px;
	}
	div#contentlists ul#mkc li{
	height:auto;
	width:730px;
	}
	div#contentlists ul#mkc li h2{
	color: #7ab0df;
	}
	/** end specials */
	
	div#contentlists ul#nieuws {
	width:360px;
	margin: 0 10px 0 0;
	}

	div#contentlists ul#terugblik {
	width:360px;
	margin: 0;
	}

	div#contentlists ul#komende_activiteiten{
	width:360px;
	margin: 0;
	}

	div#contentlists ul#information {
	display:none;
	width:0px;
	}

	div#contentlists ul {
	float:left;
	}
			
	div#contentlists ul li {
	height:21px;
	padding:1px 0 2px 0;
	line-height:20px;
	background:url('../images/backgrounds/dotted-line.gif') repeat-x bottom;
	white-space: nowrap;
	overflow: hidden;
	width:360px;
	}

	div#contentlists li a,
	div#contentlists li a:visited {
	font-size:11px;
	color:#666;
	text-decoration:none;
	height:100%;
	display:block;
	padding-left:3px;
	}

	div#contentlists li a:hover {
	color:#033;
	text-decoration:underline;
	background:#cfdff8;
	}

	div#contentlists li p {
	font-size:11px;
	color:#666;
	padding:4px;
	}
	
	div#contentlists li h2 {
	font-size:12px;
	color:#d98c66;
	}
	
	/* Replace the 'Actueel nieuws' h2 header with an image */	
	ul#nieuws li h2 {	
	/*
	text-indent:-999em;
	background:url('../images/lists/hdr-actueelnieuws.gif') no-repeat 2px 6px;	
	*/
	color: #7ab0df;
	}
		
	/* Replace the 'Komende Activiteiten' h2 header with an image */	
	ul#komende_activiteiten li h2 {	
	color: #7ab0df;
	}	


	/* Replace the 'Terugblik bijeenkomsten' h2 header with an image */	
	ul#terugblik li h2 {	
	/*
	text-indent:-999em;
	background:url('../images/lists/hdr-terugblikbijeenkomsten.gif') no-repeat 2px 6px;	
	*/
	color: #7ab0df;
	}	
	
	/* Replace the 'Informatie voor leden' h2 header with an image */	
	ul#information li h2 {	
	/*
	text-indent:-999em;
	background:url('../images/lists/hdr-informatievoorleden.gif') no-repeat 4px 5px;	
	*/
	color: #7ab0df;
	}			

/*	Main
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#main {
	display:inline; /* IE6 double margin fix */
	float:left;
	width: 506px;
	margin:0 20px 0 0px;
	padding:0 0 0 17px;
	}

/*	Banner
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#banner {
	float:left;
	margin: 10px 0 0 20px;
	display:inline; /* IE6 double margin fix */
	padding: 6px 0 0 0;
	background:url('../images/backgrounds/banner_back.gif') bottom left repeat-x;
	width:506px;
	text-align: right;
	}

/*	Breadcrumbs
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#breadcrumbs {
	margin:11px 0px 4px 0px;
	padding:4px 2px 4px 4px;	
	}

	div#breadcrumbs p {
	font-size:11px;
	color:#004188;
	}

	div#breadcrumbs a {
	color:#004188;
	}

/*	Content
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#content {
	font-size:11px;
	color:#666;
	padding:4px 2px 4px 4px;		
	}

	div#content p {
	text-align:left;
	line-height:1.6;
	margin:0 0 8px 0;
	}

	div#content em {
	font-weight:bold;
	display:block;
	}

	div#content h2 {
	color:#0077be;
	font-size:16px;
	font-weight:bold;
	margin:0 0 8px 0;
	clear:both;
	}
	
	div#content div.highlights {
	color: #004188;
	}

	div#content h3 {
	font-size:14px;
	color:#7AB0DF;
	margin:0 0 8px 0;
	}
	
	div#content h4 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	}

	div#content a {
	color:#666;
	}

	div#content ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:2em;
	padding-left:2em;
	margin:0 0 8px 0;
	}

	div#content ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:2em;
	padding-left:2em;
	margin:0 0 8px 0;
	}

	div#content ul.links {
	list-style-image:url('/images/lists/arrow_right.gif');	
	}

	div#content li {
	text-align:justify;
	margin:0 0 4px 0;
	line-height:1.3;
	}

	div#content ul.news li {
	list-style-type:none;
	}

	div#content ul.news {
	margin:0;
	padding:0;
	}

	div#content div.inner-sidebar {
	float:left;
	width:150px;
	margin:6px 14px 4px 0;
	padding:4px;
	background:#ffffff;
	text-align: center;
	}
	div#content div.inner-sidebar p {
	text-align: center;
	}

	div#content div.text {
	display:inline;
	margin-bottom:20px;
	}

	div#content div.highlights h4 {
	font-size:12px;
	color:#d98c66;
	font-weight:bold;
	background:#fff;
	padding:0 0 4px 0;
	}
	
	div#content div.highlights ul {
	border-left:1px solid #999;
	background:url('../images/backgrounds/highlights_back.gif');
	list-style:none;
	margin-left:0;
	padding-left:0px;
	}

	div#content div.highlights li {
	font-size:12px;
	padding:2px;
	}

	div#content table {
	margin:0px 0px 8px 0px;	
	}

	div#content p.paging {
	text-align:center;
	}
	
	div#content p.lead {
	font-style:italic;
	}
	div#content p.videocaption {
		text-align: center;
		width: 425px;		
	}
	div#content th {
	font-weight:bold;
	}

/*	Sidebar > Common styles
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#sidebar {
	display:inline; /* IE6 double margin fix */
	margin: 10px 20px 20px 0;
	font-size:11px;
	color: #00428a;
	float:right;
	width:200px;
	}

	div#sidebar h2 {
	font-size:12px;
	font-weight:bold;
	color:#152a47;
	}

	div#sidebar p {
	text-align:justify;
	margin:0 0 8px 0;	
	line-height:1.3em;
	}

	div#sidebar a {
	color:#0077c0;
	}
	
	/* Common form styles */
	fieldset {
	border:0;
	margin:0;
	padding:0;
	}
	
	legend {
	display:none;
	}		
	
/*	Sidebar > Searchbox
	-------------------------------------------------------------------------------------------------------------------------- */	
	div#search {
	width:200px;
	padding: 4px 0 14px 0;
	background:url('../images/backgrounds/dotted-line.gif') repeat-x bottom left;
	}
	
	/* Replace the h2 header with an image */
	div#search h2.hdr-searchbox {
	text-indent:-999em;
	background:url(../images/sidebar/hdr-searchbox.gif) no-repeat 2px 1px;	
	}		
	
	/* Replace the label with an image */
	div#search .button {
	background:transparent url('../images/sidebar/searchglass.gif') no-repeat scroll;
	cursor:pointer;
	display:block;
	float:right;
	height:35px;
	width:35px;		
	position:relative;
	right:5px;
	text-indent:-999em;	
	}	

	/* Style the search inputbox */
	#searchbox {
	background: url(/images/sidebar/bg-searchbox.gif);
	border:1px solid #999;
	float:left;
	margin:11px -42px 0 0;
	padding:4px 40px 3px 5px;
	width:153px;
	height:16px;
	}	
	
/*	Sidebar > Login (enkele css overbodig door implementatie van Windex)
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#login {
	width:200px;
	background:url('../images/backgrounds/dotted-line.gif') repeat-x bottom left;
	padding:14px 0px 7px 0px;
	}
	
	/* Replace the 'Inloggen op de website' h2 header with an image */
	div#login h2.hdr-login {
	text-indent:-999em;
	background:url('../images/sidebar/hdr-login.gif') no-repeat 0 0;
	margin:0 0 12px 0;
	height:75px;
	}	

/*	Sidebar > Magazine
	-------------------------------------------------------------------------------------------------------------------------- */			
	div.magazine {
	background:url('../images/backgrounds/dotted-line.gif') repeat-x bottom left;
	padding:17px 0 16px 0;
	}	
	
	div#poll {
	background:url('../images/backgrounds/dotted-line.gif') repeat-x bottom left;
	padding:17px 0 16px 0;
	
	}	

	/*
	div#search input[type="text"], 
	div#login input[type="text"], 
	div#login input[type="password"] {
	width:191px;
	}
	*/
	
	/* Hover styles input fields */
	/*
	input {
	color:#666;
	background:#DEDEDE;
	}
	
	input:hover {
	color:#000;
	background:#fff;
	}		
	*/
	
	/* Replace the h2 header with an image */	
	div#magazine h2 {
	/*
	text-indent:-999em;
	background:url('../images/sidebar/hdr-noordnieuws.gif') no-repeat 2px 0;
	margin:0 0 5px 0;
	position:absolute;
	*/
	display: none;
	}
		
	/* Replace the link with a preview of this month's frontpage */
	ul#noordnieuws-magazine li a.frontpage {
	/*
	text-indent:-999em;
	background:transparent url('../images/sidebar/noordnieuws12.jpg') no-repeat;
	display:block;
	height:94px;
	z-index:-1;
	*/
	display: none;	
	}

	/* Replace the downloadlink with a cool icon */
	ul#noordnieuws-magazine li a.download {
	text-indent:-999em;
	background:transparent url('../images/sidebar/download.png') no-repeat 0;
	display:block;
	height:75px;
	}
	
	ul#noordnieuws-magazine p {
	margin-top:10px;
	}
/*	Sidebar > Videobulletin
	-------------------------------------------------------------------------------------------------------------------------- */			
	div#videobulletin {
	padding:17px 0 16px 0;
	}

/*	Sidebar > Terms of use
	-------------------------------------------------------------------------------------------------------------------------- */
	div#terms ul {
	margin:14px 0 0 0 ;
	text-align:right;
	}
	
	div#terms ul li {
	display:inline;
	margin:0 3px 0 0;
	}
	
	div#terms ul li a {
	color:#666;
	}

/*	Footer
	-------------------------------------------------------------------------------------------------------------------------- */		
	div#footer {
	clear:both;
	margin:6px 0 4px 0;
	}

	div#footer p {
	padding:4px 2px 4px 4px;	
	font-size:10px;
	background:url('../images/backgrounds/dotted-line.gif') repeat-x top;	
	}

	div#footer a {
	color:#666;
	}
	
/*	-------------------------------------------------------------------------------------------------------------------------- */
	table.form {
	width:100%;
	}

	span.nobreak {
	white-space:nowrap;
	}

	div.publicatie,
	div.searchResult {
	border:2px solid #ccc;
	padding:3px;
	margin:4px;
	}

	div.searchResult p {
	color:#aaa;
	padding:4px;
	}

	div.searchResults {
	margin:10px 0 0 0;
	padding-top:10px;
	/*border-top:1px dotted #999;*/
	background:url('../images/backgrounds/dotted-line.gif') repeat-x top;		
	}

	div#printIcon {
	float:right;
	}

	div.avicons {
	float:right;
	}

/*	Print
	-------------------------------------------------------------------------------------------------------------------------- */	
	@media print {
	div#sidebar,
	div#header,
	div#banner,
	div#footer,
	div#contentlists {
	display: none;
	}	
	}

/*	-------------------------------------------------------------------------------------------------------------------------- */

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/javascripts/slimbox/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/javascripts/slimbox/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/javascripts/slimbox/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/javascripts/slimbox/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

div.gezicht {
}
div.gezicht img {
	float: left;
	border: 0px solid #666666;
	margin-right: 14px;
	margin-bottom: 20px;
}
div.gezicht span {
	color: #004188;
	font-style: italic;
}
div.gezicht a {
	float: right;
	font-style: none;
	text-decoration: underline;
	display: block;
}
div.gezicht a:hover {
	display: block;
	text-decoration: none;
}