@charset "utf-8";
/* CSS Document */

a img {
	border:0px;
	vertical-align:bottom;
}
p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
}
table {
	width:100%;
}
th, td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

body {
	margin:0px;
	background:#8b8271 url(/images/body-bg-repeat-y.gif) repeat-y 357px;
}

#header {
	height:353px;
	border-top:13px solid #8b8271;
	overflow:visible;
	background:url(/images/bg_vissersboot.jpg) no-repeat top left; /* fallback */
}
#home #header {
	background:url(/images/bg_vissersboot.jpg) no-repeat top left;
}
#contact #header {
	background:url(/images/bg_wijn.jpg) no-repeat top left;
}
#organisatie #header {
	background:url(/images/bg_heftruck.jpg) no-repeat top left;
}

#diensten-accountancy #header {
	background:url(/images/bg_steiger.jpg) no-repeat top left;
}
#diensten-belastingadvies #header {
	background:url(/images/bg_vissersboot.jpg) no-repeat top left;
}
#diensten-administratie #header {
	background:url(/images/bg_wijn.jpg) no-repeat top left;
}
#diensten-salarisverwerking #header {
	background:url(/images/bg_heftruck.jpg) no-repeat top left;
}
#diensten-twinfield #header {
	background:url(/images/bg_computer.jpg) no-repeat top left;
}

#visie #header {
	background:url(/images/bg_computer.jpg) no-repeat top left;
}

#nieuws-algemeen #header {
	background:url(/images/bg_camera.jpg) no-repeat top left;
}
#nieuws-nieuwsbrief-sra #header {
	background:url(/images/bg_computer.jpg) no-repeat top left;
}

#vacatures #header {
	background:url(/images/bg_vrachtwagen.jpg) no-repeat top left;
}
#algemene-voorwaarden #header {
}
#klokkenluiders-en-klachtenregeling #header {
}

#header #slogan {
	margin:0px 0px 56px 390px;
	padding-top:5px;
	width:552px;
	height:50px;
	text-align:center;
	font:italic normal 37px/40px "Times New Roman", Times, serif;
	color:#8b8271;
}
#header #slogan span {
	color:#86bfb9;
}

#header #logo {
	margin:0px;
}
#header #logo a {
	text-decoration:none;
}

#header #nav {
	background-color:#86bfb9;
	border-bottom:16px solid #8B8271;
	height:40px;
	overflow:visible;
}
#header #nav > ul {
	padding:0px 0px 0px 137px;
	margin:0px;
	list-style-type:none;
	background-color:#8b8271;
	height:40px;
	width:804px;
	overflow:visible;
	border-bottom:16px solid #fff;
}
#header #nav > ul > li {
	position:relative;
	float:left;
}
#header #nav > ul > #li-contact {
	border-right:33px solid #fff;
}
#header #nav > ul > li > a {
	float:left;
	width:110px;
	height:28px;
	padding-top:12px;
	text-align:center;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:lowercase;
	background-color:#86bfb9;
}
#header #nav > ul > #li-home > a,
#header #nav > ul > #li-contact > a { 
	background-color:#8b8271;
}
#header #nav > ul > #li-vacatures > a {
	width:111px;
}
#header #nav > ul > li > a:hover,
#header #nav > ul > li:hover > a {
	background-color:#8b8271;
	text-decoration:underline;
}
#header #nav > ul > #li-home > a:hover,
#header #nav > ul > #li-contact > a:hover {
	background-color:#86bfb9;
}
#header #nav > ul > li > .selected {
	height:44px;
	background-color:#8b8271;
	cursor:default;
}
#header #nav > ul > #li-home > .selected,
#header #nav > ul > #li-contact > .selected {
	height:28px;
	background-color:#86bfb9;
}
#header #nav > ul > li > .selected:hover {
	text-decoration:none;
}

#header #nav ul ul {
	display:none;
}
#header #nav ul li:hover ul {
	position:absolute;
	top:40px;
	left:0px;
	right:0px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	display:block;
}
#header #nav ul ul li {
	float:left;
	clear:both;
	width:100%;
	border-top:1px solid #8b8271;
}
#header #nav ul ul li:first-child {
	border-top:0px;
}
#header #nav ul ul li a {
	display:block;
	height:21px;
	padding-top:5px;
	text-align:center;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:#8B8271;
}
#header #nav ul ul li a:hover {
	background-color:#a7a097;
}
#header #nav ul ul li .selected {
	background-color:#a7a097;
	cursor:default;
}
#header #nav ul ul li .selected:hover {
	text-decoration:none;
}

#content {
	overflow:hidden;
}

#content #aside {
	float:left;
	width:357px;
	overflow:hidden;
	padding-top:174px;
}
body[id^=nieuws] #content #aside {
	padding-top:14px;
}

#content #aside #search {
	display:none;
	background-color:#a5a097;
	height:35px;
	padding-left:19px;
	margin-bottom:125px;
	line-height:27px;
}
body[id^=nieuws] #content #aside #search {
	display:block;
}
#content #aside #search input[type=text] {
	display:inline-block;
	margin-top:4px;
	border:1px solid #fff;
	height:25px;
	width:231px;
	padding:0px 5px;
	background-color:#fff;
	font:16px Arial, Helvetica, sans-serif;
	color:#8B8271;
}
#content #aside #search input[type=button] {
	display:inline-block;
	vertical-align:top;
	font:normal 12px/17px Arial,Helvetica,sans-serif;
	color:#fff;
	padding:0px;
	margin:8px 0px 0px 0px;
	border:0px;
	background:none;
	text-align:center;
	width:91px;
	cursor:pointer;
}

#content #aside #twinfield {
	font:normal 18px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#a7a097;
	height:30px;
	padding:10px 0px 0px 22px;
	margin-bottom:21px;
}
	
#content #aside #twinfield a {
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
#content #aside #twinfield a:hover {
	text-decoration:underline;
}

#content #aside #logos {
	margin:0px;
	padding-left:22px;
	list-style-type:none;
}
#content #aside #logos li {
	float:left;
	margin-right:28px;
}

#content #section {
	float:left;
	width:504px;
	overflow:hidden;
	padding:14px 47px 30px 33px;
}
#content #section h1 {
	font:normal 24px/27px Arial, Helvetica, sans-serif;
	color:#8b8271;
	margin-bottom:18px;
}
#content #section p,
#content #section ul,
#content #section ol,
#content #section table {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8b8271;
}
#content #section p,
#content #section table {
	margin-bottom:18px;
}
#content #section ul,
#content #section ol {
	position:relative;
	top:-18px;
	margin:0px;
	padding-left:25px;
}
#content #section th,
#content #section td {
	width:50%;
}
#content #section a {
	color:#84b3ae;
}
#content #section a:hover {
	text-decoration:none;
}

#footer {
	position:fixed;
	bottom:0px;
	width:100%;
	overflow:hidden;
}
#footer p {
	margin:0px 0px 0px 941px;
	padding:0px 0px 7px 12px;
	font:normal 10px/13px Arial, Helvetica, sans-serif;
	color:#fff;
	width:400px;
}
#footer p a {
	color:#fff;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}