@charset "UTF-8";

@import url("modules.css");
@import url("elementen.css");

/* = Basis Layout */

html, body {
	background:#FFF url(../images/body_bg.png) repeat-x bottom left fixed;
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	color:#555;
}

#container {
	position:relative;
	background:#FFF;
}

/* = Header */

	#container #header_container {
		height:95px;
		width:960px;
		background:#FFF url(../images/header_bg.png) repeat-x bottom left;
		margin-bottom:10px;
	}
	
		#container #header_container .headerLeft {
			height:95px;
			background:url(../images/headerLeft_bg.png) no-repeat bottom left;
		}
		
			#container #header_container .headerImg {
				height:95px;
				background:url(../images/headers/header3.png) no-repeat bottom right;
			}
			
				#container #header_container .headerImg a {
					text-decoration:none;
					display:block;
					float:left;
				}
				
				#container #header_container .headerImg a { border:none; }
				
				#container #header_container .headerImg span {
					display:block;
					float:left;
					height:27px;
					padding:20px 0 0 1em;
					font-style:italic;
				}

/* = Content */

	#container #content_container {
		line-height:1.8em;
	}
	
	#container #extra_container {
		line-height:1.8em;
	}

/* = Menu */

	#container #menu_container {
		position:absolute; top:48px; left:0;
		height:47px;
	}

		#container #menu_container ul {
			margin:0 0 0 6px;
			position:absolute;
			bottom:0;
			height:23px;
			width:940px;
		}

			#container #menu_container ul li {
				margin:0 5px 0 0;
				display:block;
				float:left;
				background:url(../images/menu_li_a_span_bg.png) no-repeat top right;
			}

				#container #menu_container ul li a {
					display:block;
					float:left;
					background:url(../images/menu_li_a_bg.png) no-repeat top left;
					font-size:1em;
					line-height:22px;
					text-decoration:none;
					color:#555555;
					padding-right:5px;
				}

					#container #menu_container ul li a span {
						height:22px;
						display:inline;
						float:left;
						background:url(../images/menu_li_bg.png) repeat-x top left;
						padding:1px 2px 0 2px;
						cursor:pointer;
						margin-left:5px;
					}

			#container #menu_container ul li#active0 {
				height:23px;
				background:url(../images/menu_li_a_span_active_bg.png) no-repeat top right;
			}

				#container #menu_container ul li#active0 a {
					height:23px;
					background:url(../images/menu_li_a_active_bg.png) no-repeat top left;
					color:#e3007b;
					font-weight:bold;
				}

					#container #menu_container ul li#active0 a span {
						background:url(../images/menu_li_active_bg.png) repeat-x top left;
					}

			#container #menu_container ul li:hover {
				background:url(../images/menu_li_a_span_bg.png) no-repeat bottom right;
			}

				#container #menu_container ul li:hover a:link, #container #menu_container ul li:hover a:visited {
					background:url(../images/menu_li_a_bg.png) no-repeat bottom left;
					color:#009ee0;
				}

					#container #menu_container ul li:hover a span {
						background:url(../images/menu_li_bg.png) repeat-x bottom left;
						cursor:pointer;
					}

/* = Zoeken */

	#container #zoek_container {
		position:absolute; top:0; right:0;
		width:310px; height:24px; margin-top:12px;
		overflow:hidden;
	}
	
		#container #zoek_container .searchField {
			width:202px;
			border:none;
			outline:none;
			background:url(../images/searchField_bg.png) no-repeat top left;
			padding:0;
			margin:0;
			position:absolute; top:0; left:0;
			padding:6px 0 6px 6px;
			color:#555;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
		}
		
		#container #zoek_container .searchField:focus { background:url(../images/searchField_bg.png) no-repeat left -46px ; }
		
		#container #zoek_container .searchButton {
			width:92px;
			height:auto;
			border:none;
			outline:none;
			background:url(../images/searchButton_bg.png) no-repeat top left;
			padding:0;
			margin:0;
			position:absolute; top:0; left:218px;
			cursor:pointer;
			color:#FFF;
			padding:3px 0 5px 0;
			font-weight:bold;
		}
		
		#container #zoek_container .searchButton:hover { background:url(../images/searchButton_bg.png) no-repeat left -46px ; }

/* = Footer */

	#container #footer_container {
		height:30px;
		width:960px;
		background:#555555 url(../images/footer_bg.png) repeat-x top left;
	}
	
		#container #footer_container p {
			color:#CCC;
			padding:10px 0 0 10px;
			font-size:.917em;
		}
	
			#container #footer_container p a {
				color:#CCC;
				text-decoration:none;
			}
	
			#container #footer_container p a:hover {
				text-decoration:underline;
			}

		#footer_container #rss {
			position:absolute; top:0; right:0;
		}

			#footer_container #rss a {
				width:30px;
				height:30px;
				display:block;
				background:url(../images/rss.png) no-repeat top left;
				position:relative;
				text-decoration:none;
			}

			#footer_container #rss a:hover { background:url(../images/rss.png) no-repeat bottom left; }

				#footer_container #rss a span {
					display:none;
				}

				#footer_container #rss a:hover span {
					position:absolute;
					bottom:40px;
					right:0;
					display:block;
					width:200px;
					background:#F5F5F5;
					border:1px solid #A9A9A9;
					color:#555555;
					line-height:1.6em;
					padding:10px;
				}