@import url("icons.css");
@import url("algemeen.css");
@import url("nieuws.css");
@import url("agenda.css");
@import url("regio.css");
@import url("weer.css");

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
}

html, body {
	height: 100%;
	width: 100%;
	background: url(../gfx/bg-body.png) repeat-x 0 0 #fafafa;
}

.content a { color: #666666 }
.content a:hover { color: #00BAF2 }

.wrapper {
	width: 980px;
	margin: 0 auto;
}

.inner { padding: 5px }
.inner h1 { font-size: 1.6em; line-height: 1.6em; font-weight: bold; margin: 0; }
.inner h2 { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1.4em; display: block; }
.inner h3 { font-size: 1.1em; line-height: 1.4em; margin-bottom: 1.4em; display: block; }

.accordion2 h2 { font-size: 1.1em }
.inleiding { font-weight: bold; }

.advertentie {
	display: inline-block;
	width: 180px;
	text-align: center;
	margin-bottom: 1.6em;
}

#navigation .advertentie {
	width: 170px;
}

#header {
	position: relative;
	height: 180px;
	width: 980px;
	}
	
	#header h1 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 150px;
		width: 300px;
		cursor: pointer;
		text-indent: -500em;
		padding: 0;
		margin: 0;
		z-index: 1;
	}
	
	#header #time {
		position: absolute;
		top: 50px;
		right: 30px;
		width: 250px;
	}
	
	#header #search {
		position: absolute;
		bottom: 0;
		right: 20px;
		height: 100px;
		width: 280px;
		padding: 0;
		margin: 0;
		z-index: 2;
		}
	
		#search form {
			position: absolute;
			left: 25px;
			top: 25px;
			}
	
			#search form input[type='text'] { width: 180px; }
			#search form div { line-height: 20px; padding: 0; margin: 0; }
			#search form a { font-size: 1em; }

	#header #flash-header {
		z-index: 999;
	}
	
#sections {
	display: block;
	width: 980px;
	}
	
#navigation {
	width: 180px;
	background: url(../gfx/bg_regio.png) #d9f0ff;
	border: 1px solid #81cdff;
	margin-right: 5px;
	float: left;
	}
	
	#navigation ul, #navigation li {
		list-style: none;
		}
		
		#navigation li {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.8em;
			}
			
			#navigation li.home a {
				font-weight: bold;
				font-size: 1.2em;
				line-height: 1.6em;
				color: #00BAF2;
			}
			
			#navigation li a { color: #666666; }
			#navigation a:hover.active-nieuws { color: #cc0033 }
			#navigation a:hover.active-agenda { color: #669933 }
			#navigation a:hover.active-regio { color: #006699 }
			#navigation a:hover.active-adverteren,
			#navigation a:hover.active-links,
			#navigation a:hover.active-contact,
			#navigation a:hover.active-vacatures { color: #00BAF2 }
			#navigation a:hover.active-weer { color: #F90 }


		
	
.list-headlines li {
	list-style-image: url(../gfx/icons/newspaper.png);
	list-style-position: outside;
	padding-left: .8em;
	margin-bottom: .4em;
}

	
#section-nieuws {
	width: 190px;
	background: url(../gfx/bg_nieuws.png) #fcf2f5 no-repeat top center;
	border: 1px solid #e6819a;
	margin-right: 10px;
	float: left;
	}

	.nieuws, .nieuws a:hover { color: #cc0033; }
	
#section-agenda {
	width: 190px;
	background: url(../gfx/bg_agenda.png) #f9fcf5 no-repeat top center;
	border: 1px solid #c7e3a0;
	margin-right: 10px;
	float: left;
	}

	.agenda, .agenda a:hover { color: #669933; }

	
#section-regio {
	width: 190px;
	background: url(../gfx/bg_regio.png) #f2faff no-repeat top center;
	border: 1px solid #81cdff;
	margin-right: 5px;
	float: left;
	}

	.regio, .regio a:hover { color: #006699; }

	
#section-youtube {
	width: 180px;
	background: url(../gfx/bg_weer.png) #fff0d9 no-repeat top center;
	border: 1px solid #ffcc7f;
	float: right;
	}
		
	#section-youtube h1 {
		color: #F60;
	}
		
	#section-youtube .youtube {
		width: 170px;
		}
		
		.youtube .title {
			font-weight: bold;
			color: #F60;
			padding: 5px 0;
		}
				

#footer {
	line-height: 40px;
	text-align: right;
	margin-top: 1em;
	border-top: 1px solid #cccccc;
}

.error { color: #F03; }
.succes { color: #00BAF2; }

.btn_reageer {
	display: block;
	width: 150px;
	height: 35px;
	text-indent: -500em;
	background: url(../gfx/btn_reageer.png) no-repeat 0;
}

#advert-content {
	width: 780px;
	float: right;
	margin-bottom: 1.6em;
	}
	
	#advert-content div {
		width: 780px;
		text-align: center;
	}
	
.notice {
	font-size: 8pt;
	color: #666;
}

#Campaign { padding:10px 0; }

.ziggo { margin: 0 auto; width: 980px; height: 40px; font-size: 11pt; color: #444444; line-height:40px; background: url(../gfx/campaign/logos.png) 0 no-repeat; text-indent: 120px; }

.hAdSense {
	height: 110px;
	width: 728px; 
	margin: 0 auto;
}

.sAdSense {
	height: 150px;
	width: 125px;
	margin: 0 auto;
}


 /* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}