/***************
0987dc blue
0d2b88 blue dark
ffd400 yellow


ff3088 pink
ff7f00 orange
ebd4b7 sand
****************/
@import url(/include/css/editor.php);

.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

body {
	background: #ebd4b7 url(/image/body_bg.jpg) repeat-x top center;
	}

a:link, a:visited {
	color: #ffd400;
}
a:hover, a:active {
	color: #ff7f00;
}

/** =LAYOUT **/

#container {
	width: 960px;
	margin: 1em auto;
	position: relative;
	/*background: #0987dc;*/
	}




/** =HEADER **/

#header {
	background: url(/image/header_bg.gif) no-repeat top left;
	}

#logoBar {
	height: 74px;
	}
	#logo {
		float: left;
		margin: 15px 0 0 13px;
	}

#navBar {
	background: url(/image/navbar_bg.gif) repeat-x top;
	border-left: 2px solid #0d2b88;
	border-right: 2px solid #0d2b88;
	clear: both;
	overflow: auto;
	zoom: 1;
}

	ul#nav {
		float: left;
	}
		
	#bannerTop {
		width: 352px;
		height: 167px;
		background: url(/image/bannerTop.png) no-repeat top left;
		position: absolute;
		top: 0;
		right: -23px;
	}
		#bannerTop.de {
			background-image: url(/image/bannerTop_de.png);
		}
		ul#langSwitch {
			display: inline;
			margin: 88px 10px 0 0;
			float: right;
			list-style: none;
		}
			ul#langSwitch li {
				display: inline;
			}
				ul#langSwitch li a {
					margin: 0 0 0 10px;
					display: block;
					float: left;
				}
				
		a#schoonstestrand {
			display: inline;
			float: right;
			margin: 30px 0 0 0;
			width: 130px;
			height: 130px;
			text-indent: -999em;
		}



/** CONTENT - DEFAULT **/
#wrapper {
	clear: both;
	background: #0987dc url(/image/wrapper_bg.jpg) no-repeat bottom left;
	border-left: 2px solid #0d2b88;
	border-right: 2px solid #0d2b88;
	overflow: auto;
	zoom: 1;
	line-height: 1;
}
	#minheight {
		/*dient tevens als margin 20px;*/
		height: 480px;
		width: 15px;
		float: right;
	}
#content {
	float: right;
	display: inline;
	width: 600px;
	margin: 0 80px 0 0;
	margin: 0;
	width: 680px;
	padding: 25px 0 220px;
	line-height: 1.6em;
	}

#submenu {
	width: 210px;
	margin: 20px 0 0 20px;
	
}	
	#subnavTop {
		background: url(/image/subnav_bg_top_bottom.png) no-repeat 0px -6px;
		height: 6px;
		width: 250px;
	}
	#subnavBottom {
		background: url(/image/subnav_bg_top_bottom.png) no-repeat 0px -0px;
		height: 6px;
		width: 250px;
	}
	
	#subnav {
		list-style: none;
		padding: 1em 0 0 0;
		margin: 0;
		background: url(/image/subnav_bg.png) repeat-y left top;
		overflow: auto;
		zoom: 1;
	}
		#subnav li {
			margin: 0 0 1em 1.3em;
		}
		
		#subnav li a {
			color: #0D2B88;
			text-decoration: none;
		}
	
#mapSelector {
	overflow: auto;
}
	#mapSelector a:link, #mapSelector a:visited {
		background: transparent url(/image/navbar_item.png) no-repeat scroll 0 0;
		display: block;
		float: left;
		height: 35px;
		line-height: 35px;
		padding: 0 10px 0 16px;
		color: #0D2B88;
		text-decoration: none;
	}
	#mapSelector span.right {
		display: block;
		float: left;
		width: 6px;
		height: 35px;
		background: transparent url(/image/navbar_item_right.png) no-repeat scroll right top;
	}

#map_canvas {
	color: #0D2B88;
}
	#map_canvas a:link, #map_canvas a:visited {
		color: #ff7f00;
		text-decoration: none;
	}
	#map_canvas a:hover, #map_canvas a:active {
		color: #ffd400;
		text-decoration: underline;
	}
	
#sidebar {
	}


/** =FOOTER **/

#footer {
	height: 36px;
	position: relative;
	background: url(/image/footer_bg.jpg) no-repeat top left;
	position: relative;
	}
	#footer p {
		float: right;
		line-height: 34px;
		margin: 0 15px 0 0;
		color: #0d2b88;
		font-size: 80%;
		}
	#footer a {
		color: #0d2b88;
		}
	#footer #bannersBottom {
		position: absolute;
		bottom: 36px;
		right: 15px;
		height: 200px;
	}