/* CSS Document */
body {
	background: url(../img/layout/bg.gif) top repeat-x #b7b84f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", verdana;
	font-size: 11px;
}

#container {
	width: 956px;
	margin: 20px auto;
	background: url(../img/layout/site_bg.png) repeat-y #FFF;
}

	#contentwrapper {
		width: 946px;
		padding: 0px 5px;
		margin: 0px auto;
	}


/*-----------------------------------------------------------------/
|	HEADER
/-----------------------------------------------------------------*/

#header {
	background: url(../img/layout/header.png) no-repeat #FFF;
	height:250px;
}

	#header .title {
		visibility: hidden;
		height: 1px;
		width: 1px;
	}

	#header #weer {
		float: right;
		width: 135px;
		margin-top: -165px;
		margin-right: 14px;
		text-align: center;
		font-weight: bold;
	}

	*> #header #weer {
		margin-top: 20px;
		margin-right: 28px;
	}

		#header #weer .temperature {
			font-size: 36px;
			margin-top: 5px;
		}

		#header #weer .icons {
			width: 48px;
			margin: 15px auto;
		}

		#header #weer .icons img {
			margin-bottom: 10px;
		}

/*-----------------------------------------------------------------/
|	MENU
/-----------------------------------------------------------------*/

#menu {
	padding: 0px;
	margin-left: 10px;
	margin-top: -32px;
	height: 36px;
}

	#menu ul {
		margin: 0;
		padding: 0 0 25px 0;
		list-style-type: none;
	}

	#menu li  {
		margin: 0 30px 0 0;
		padding: 0;
		color:black;
		text-decoration:none;
		float:left;
	}

	#menu li:hover {
		background: url(../img/layout/menu_rollover.png) repeat-x;
	}

	#menu a {
		text-decoration: none;
		display: block;
		color: #FFF;
		padding: 5px;
		font-size: 18px;
	}

	#menu a:hover {
		text-decoration: none;
		color: #000;
	}

	#menu li ul {
		display: none;
	}

	#menu li:hover ul {
		background:url(../img/layout/menu.png) repeat-y;
		visibility: visible;
		display: block;
		position:absolute;
		z-index:1;
		width:152px;
		padding: 0;
		margin: 0;
	}

	#menu li ul a {
		text-decoration: none;
		color: #000;
		width: 140px;
	}

	#menu li li {
		border: none;
		}

	#menu li li a {
		padding: 0px 2px 0px 10px;
		padding-top: 6px;
		height: 19px;
		font-size: 11px;
	}

	#menu li li a:hover {
		color: #FF0000;
	}

	.support {
		clear: both;
	}

/*-----------------------------------------------------------------/
|	SUBNAV-BAR (BREADCRUMBS & SEARCH)
/-----------------------------------------------------------------*/

#subnav {
	height: 30px;
	width: 100%;
}

	#subnav .zoeken {
		float: right;
		margin-right: 3px;
		margin-top: 3px;
		width: 208px;
		clear: both;
	}

		#subnav .zoeken input.search {
			width: 124px;
		}

		#subnav .zoeken a.search {
			color: #000;
			text-decoration: none;
			font-weight: bold;
		}

		#subnav .zoeken a.search:hover {
			text-decoration: underline;
		}

	#subnav .breadcrumbs {
		margin-left: 13px;
		margin-top: 6px;
	}

	#subnav .breadcrumbs a {
		text-decoration: none;
		font-weight: bold;
		color: #b0b13d;
	}

	#subnav .breadcrumbs a:hover {
		text-decoration: underline;
	}


/*-----------------------------------------------------------------/
|	SIDEBARS: LEFT $ RIGHT
/-----------------------------------------------------------------*/

	#contentleft { float: left; width: 193px; }
	#contentright { float: right; width: 193px; }

	#contentleft a, #contentright a { color:#FFF; text-decoration:none; }
	#contentleft a:hover, #contentright a:hover { text-decoration:underline; }


/*----- shared properties for blokken ------------------------------*/
	#contentleft .blok, #contentright .blok {
		margin-bottom: 8px;
		color: #FFF;
	}

		#contentleft .blok .content, #contentright .blok .content {
			width: 173px;
			padding: 10px;
			padding-bottom: 20px;
		}

		#contentleft .blok .content .header, #contentright .blok .content .header {
			margin: -10px auto 10px auto;
			display:block;
		}

		#contentleft .blok .content ul, #contentleft .blok .content ul li, #contentright .blok .content ul, #contentright .blok .content ul li {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

		#contentleft .blok .content .tip, #contentright .blok .content .tip {
			font-size: 8px;
			color: #ff0000;
			font-weight: bold;
		}

		#contentleft .blok .content ul li a, #contentright .blok .content ul li a {
			color: #FFF;
			text-decoration: none;
		}

		#contentleft .blok .content ul li a:hover, #contentright .blok .content ul li a:hover {
			text-decoration: underline;
		}

/*----- properties for blokken left ------------------------------*/
	#contentleft .blok .content {
		min-height: 125px;
		background: url(../img/layout/left_blok_bottom.gif) bottom no-repeat #cd9b2f;
		margin-top: -7px;
	}

	*> #contentleft .blok .content {
		margin-top: 0px;
	}

	#contentleft .blok .top {
		height: 9px;
		background: url(../img/layout/left_blok_top.gif) top no-repeat;
	}


/*----- properties for blokken right ------------------------------*/
	#contentright .blok .content {
		padding-bottom: 30px;
		background: url(../img/layout/right_blok_bottom.gif) bottom no-repeat #b0b13d;
		margin-top: -7px;
	}

	*> #contentright .blok .content {
		margin-top: 0px;
	}

	#contentright .blok .top {
		background: url(../img/layout/right_blok_top.gif) top no-repeat;
		height: 9px;
	}

/*----- stuff inside blokken ----------------------------------------*/

		/* image */
		#contentleft .blok .content .gallery {
			margin: 20px auto 0px auto;
			height:83px;
			width:134px;
			display: block;
			border: 2px #747522 solid;
		}

		#contentright .blok .content .button {
			margin-top: 10px;
			margin-bottom: -20px;
			background: url(../img/layout/button_inschrijven.gif);
			border: none;
			height: 26px;
			width: 95px;
			color: #b0b13d;
			font-weight: bold;
			font-size: 11px;
		}

		#contentright .blok .content .icon {
			position: relative;
			float: right;
			margin-bottom: -10px;
		}

		img.center {
			margin: 0px auto 10px auto;
			display: block;
			border: 2px #747522 solid;
		}


/*-----------------------------------------------------------------/
|	CONTENT
/-----------------------------------------------------------------*/

#content {
	float: left;
	width: 535px;
	margin-left:11px;
}

	/* CSS voor de ronde hoeken */
	#content .blok .top-left, #content .blok .top-right, #content .blok .bottom-left, #content .blok .bottom-right { background-image: url('../img/layout/content_blok.gif'); height: 12px; font-size: 2px; }
	#content .blok .top-left, #content .blok .bottom-left { margin-right: 12px; }
	#content .blok .top-right, #content .blok .bottom-right { margin-left: 12px; margin-top: -12px; }
	#content .blok .top-right { background-position: 100% 0; }
	#content .blok .bottom-left  { background-position: 0 -12px; }
	#content .blok .bottom-right { background-position: 100% -12px; }
	#content .blok .inside { margin-left: 12px; margin-right: 12px; background: #FFF; padding-left: 0px; padding-right: 0px; text-align: left; }
	#content .blok .notopgap { margin-top: 0; }
	#content .blok .nobottomgap { margin-bottom: 0; }
	#content .blok .insideleft, #content .blok .insideright { background-image: url('../img/layout/content_blok2.gif'); background-repeat: repeat-y; }
	#content .blok .insideright { background-position: 100% 0; }


.doubleblock {
	width: 535px;
	background: url(../img/layout/content_doubleblok_middle.gif) repeat-y;
}

	.doubleblock .header {
		background: url(../img/layout/content_doubleblok_top.gif) no-repeat;
		height: 11px;
	}

	.doubleblock .footer {
		background: url(../img/layout/content_doubleblok_bottom.gif) no-repeat;
		height: 11px;
	}

		.doubleblock .blocks h2 {
			margin-top: -5px;
		}

		.doubleblock .blocks .nieuws {
			float: left;
			width: 244px;
			padding: 0px 11px;
		}

		.doubleblock .blocks .poll {
			float: left;
			width: 244px;
			padding: 0px 11px;
			margin-left: 0px;
		}

.nieuws {
	width: 266px;
	float: left;
	margin-right: 3px;
}

	.nieuws .headlines ul, .nieuws .headlines li {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.nieuws .headlines ul {
		margin-top: -7px;

	}

	.nieuws .headlines li {
		height: 11px;
	}

	*>.nieuws .headlines li {
		height: auto;
	}

	.nieuws .headlines li a.nieuwsitem {
		float: right;
		font-weight: bold;
		color: #b0b13d;
		text-decoration: none;
	}

	.nieuws .headlines li a.nieuwsitem:hover {
		text-decoration: underline;
	}

	.poll .question {
		width: 190px;
	}

	.poll .button {
		margin-top:-30px;
	}

	.poll .pollbutton {
		border: none;
	}

		.poll .pollbutton {
			float: right;
			background: url(../img/layout/button_poll.gif) no-repeat;
			border: none;
			height: 48px;
			width: 48px;
		}


/*-----------------------------------------------------------------/
|	FOOTER
/-----------------------------------------------------------------*/


#footer {
	background: url(../img/layout/footer.gif) no-repeat;
	height: 92px;
}

	#footer .copyright {
		text-align: center;
		line-height: 45px;
	}


/*-----------------------------------------------------------------/
|	FLOAT & CLEAR
/-----------------------------------------------------------------*/

.floatleft { float: left; }
.clearleft { clear: left; }
.floatright { float: right; }
.clearright { clear: right; }
.clearboth { clear: both; }

/*-----------------------------------------------------------------/
|	TEXT MARKUP
/-----------------------------------------------------------------*/


.bold {
	font-weight: bold;
}

	input.email, input.search {
		border-top: #808080 1px solid;
		border-left: #808080 1px solid;
		background: url(../img/layout/textfield.gif);
		padding: 0px 3px;
		height: 16px;
	}

	#contentright .blok .content input.email {
		width: 153px;
	}

	h2 {
		font-family: Tahoma, Verdana;
		font-size: 10px;
	}
/*
a:link
{
color: #000000;
}
a:visited
{
color: #000000;
}
a:hover
{
color: #000000;
}
a:active
{
color: #000000;
}
*/

/*-----------------------------------------------------------------/
|	TEMPORARY CONTENT (PLACEHOLDERS)
/-----------------------------------------------------------------*/

		/* Tijdelijk plaatje voor de fotogallerij */

	#content .banner {
		width: 470px;
		height: 60px;
		background-color: #b0b13d;
		border: 1px solid #7b7c24;
		margin: 20px auto;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 55px;
		color: #7b7c24;
	}