/* 
    Document   : style.css
    Created on : 27-04-2010
    Author     : Tamara
*/


/* Imports */
@import url('reset.css');
@import url('clear.css');
@import url('form.css');
@import url('style.webtoolz.css');


HTML, BODY {
	height: 100%;
}
BODY {
	background: #00ACB6 url(../images/layout/bg-body.gif) repeat;
	font: 12px "Arial";
	line-height: 18px;
}
h1 {
	color: #00264a;
	font-size: 33px;
	line-height: 32px;
	padding-bottom: 5px;
}
h2 {
	color: #00acb6;
	font: normal 24px "Arial";
	padding-bottom: 10px;
}
h3 {
	color: #00ACB6;
}
a:link, a:visited {
	color: #00264a;
}
a:hover {
	text-decoration: none;
}

ol, ul {
	list-style-type: inherit;
	margin: 0 0 0 15px;
}
p {
	margin: 10px 0;
}
table tr td {
	vertical-align: top;
}

#boog {
	background: url(../images/layout/bg-boog.png) no-repeat center left;
	position: absolute;
	width: 100%;
	height: 100%;
}
#container {
	background: url(../images/layout/bg-container.png) no-repeat;
	margin: 0 auto;
	height: 500px;
	padding: 30px 0 0 0;
	text-align: left;
	width: 937px;
}
table#container tr td {
}
#header {
	background: url(../images/layout/bg-logo.png) no-repeat right top;
	color: #fff;
	font-size: 11px;
	height: 148px;
	min-width: 694px;
	text-align: right;
	/* Fix voor IE6 ivm jquery.pngfix
	 * background-position wordt hierdoor weggefilterd.
	*/
	*position: absolute;
	*right: 0;
	*width: 694px;
}
	#header span {
		display: inline-block;
		margin: 112px 50px 0 0;
		text-align: left;
	}
	#header a {
		color: #fff;
	}
	.taal {
		background: url(../images/layout/btn_sprite.gif) no-repeat;
		display: inline-block;
		height: 17px;
		margin: 0 0 0 7px;
		text-decoration: none;
		width: 26px;
	}
	#taal-uk {
		background-position: 0 0;
	}
	#taal-nl {
		background-position: -26px 0;
	}
	#taal-du {
		background-position: -52px 0;
	}
#leftColumn {
	color: #00264a;
	font-weight: bold;
	float: left;
	padding: 0 0 0 55px;
	width: 134px;
}
	#leftColumn a {
		color: #00acb6;
		display: inline-block;
		padding-bottom: 15px;
	}
	#leftColumn ul {
		list-style: none;
		margin: 0;
	}
	#leftColumn ul li {
	}
	#leftColumn ul li a {
		font-size: 12px;
		padding: 0;
	}
	#leftColumn ul li a:hover, #leftColumn ul li a.active {
		color: #00264a;
	}
	#leftColumn ul ul {
		margin: 0 0 0 15px;
	}
	
#rightColumn {
	color: #00264a;
	float: left;
	height: 378px;
	padding: 0 0 40px 30px;
	width: 677px;
}
		#contentLeft {
			float: left;
			height: 340px;
			margin: 0 20px 0 0;
			_margin: 0 10px 0 0;
			padding: 0 20px 0 0;
			_padding: 0 10px 0 0;
			overflow: auto;
			width: 356px;
		}
		#contentRight {
			float: left;
			width: 280px;
		}
	#sfeer {
		float: right;
		height: 300px;
		margin: 0 0 0 20px;
		text-align: center;
		vertical-align: middle;
		width: 280px;
	}
	#sfeer img {
		vertical-align: middle;
	}
	#pdf {
		width: 210px;
		clear: both;
		float: right;
		white-space: nowrap;
	}
		#pdf span {
			float: left;
			padding: 20px 10px 0 0;
			vertical-align: top;
		}
	#adres {
		font-size: 11px;
		margin-bottom: 10px;
	}

	
small {
	color: #666;
	font-size: 10px;
}
.datum {
	display: block;
	margin: 10px 0 0 0;
}


#menu {
	float: right;
	list-style: none;
	margin: 0;
}
	#menu li {
		float: left;
	}
	#menu a {
		background: url(../images/layout/bg-menu.png) no-repeat top;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		height: 20px;
		padding: 60px 0 0 0;
		text-align: center;
		text-decoration: none;
		width: 80px;
	}
	#menu a:hover, #menu a.active {
		color: #00264a;
	}
	a#menu-1 {
		background-position: 0 0;
	}
	a#menu-1:hover, a#menu-1.active {
		background-position: 0 -80px;
	}
	a#menu-2 {
		background-position: -80px 0;
	}
	a#menu-2:hover, a#menu-2.active {
		background-position: -80px -80px;
	}
	a#menu-3 {
		background-position: -160px 0;
	}
	a#menu-3:hover, a#menu-3.active {
		background-position: -160px -80px;
	}
	a#menu-4 {
		background-position: -240px 0;
	}
	a#menu-4:hover, a#menu-4.active {
		background-position: -240px -80px;
	}
	a#menu-5 {
		background-position: -320px 0;
	}
	a#menu-5:hover, a#menu-5.active {
		background-position: -320px -80px;
	}
	a#menu-6 {
		background-position: -400px 0;
	}
	a#menu-6:hover, a#menu-6.active {
		background-position: -400px -80px;
	}
	a#menu-7 {
		background-position: -480px 0;
	}
	a#menu-7:hover, a#menu-7.active {
		background-position: -480px -80px;
	}
	a#menu-8 {
		background-position: -560px 0;
	}
	a#menu-8:hover, a#menu-8.active {
		background-position: -560px -80px;
	}