/* Lay-out */
body {
	margin-bottom: 25px;
	background: #e5e5e5 url(images/schaduw.png) center 0 no-repeat;
}
div#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff url(images/column_strech.gif) center 0 repeat-y;
}
div#top {
	height: 270px;
}
div#top_navigatie {
	float: left;
	width: 720px;
	height: 240px;
}
div#inhoud div.object {
	padding: 0 20px;
	margin-bottom: 20px;
	border-top: 1px solid #e5e5e5;
}
div#inhoud div.kolom {
	float: left;
}
div#inhoud div#links {
	width: 239px;
}
div#inhoud div#midden {
	width: 480px;
	min-height: 400px;
	_height: 400px;
	margin: 0 1px 0 1px;
	padding-bottom: 31px;
}
div#inhoud div#midden div.object {
	padding: 0 30px;
	margin-bottom: 20px;
}
div#inhoud div#rechts {
	width: 239px;
}

/* Global */
body.editor {
	background: #fff;
}
img {
	border: none;
}
div.clear_float {
	clear: both;
}
div.imgPreload {
	display: none;
	width: 1px;
	height: 1px;
}
div#heading_print {
	display: none;
}

/* Text */
body, input, textarea, td {
	font: 11px/18px Arial, sans-serif;
	color: #666;
}
h1, h2, h3, p {
	margin: 18px 0;
}
h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
h3 {
	font-size: 11px;
	line-height: 20px;
}
ul, ol {
	padding: 0;
	margin: 18px 18px;
}
ul {
	list-style: none;
}
ul li {
	padding-left: 14px;
	background: url(images/list_bullet.gif) 0 6px no-repeat;
}
div#inhoud div#links ul, div#inhoud div#rechts ul {
	margin: 0 3px;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: none;
}
li a, h2 a, h3 a {
	display: block;
}
h2 a {
	font-weight: normal;
}

/* Logo */
div#logo {
	position: relative;
	float: left;
	width: 240px;
	height: 240px;
	cursor: pointer;
}
div#logo div#image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
div#logo table#afdeling {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	height: 56px;
	z-index: 2;
}
div#logo table#afdeling tr td {
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
}
div#logo table#afdeling tr td#groot {
	font-size: 20px;
}

/* Top navigatie */
div#top_navigatie ul {
	margin: 0;
}
div#top_navigatie ul li.element,
div#top_navigatie ul li.elementHover {
	position: relative;
	float: left;
	width: 240px;
	height: 240px;
	padding: 0;
	background-position: 0 0;
	background-color: #40889c;
	cursor: pointer;
}
div#top_navigatie ul li.element div.element_text,
div#top_navigatie ul li.elementHover div.element_text {
	position: absolute;
	top: 184px;
	left: 0;
	width: 220px;
	padding: 14px 20px 0 0;
	z-index: 2;
	text-align: right;
	line-height: 16px;
}
div#top_navigatie ul li.element div.element_text a,
div#top_navigatie ul li.elementHover div.element_text a {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
div#top_navigatie ul li.element div.element_text a:hover,
div#top_navigatie ul li.elementHover div.element_text a:hover {
	text-decoration: none;
}
div#top_navigatie ul li.element div.element_text span,
div#top_navigatie ul li.elementHover div.element_text span {
	color: #fff;
}
div#top_navigatie ul li.element div.element_background,
div#top_navigatie ul li.elementHover div.element_background {
	position: absolute;
	top: 184px;
	left: 0;
	width: 240px;
	height: 56px;
	z-index: 1;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
}
div#top_navigatie ul li.elementHover div.element_background {
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	-khtml-opacity: .85;
}
div#top_navigatie ul li ul {
	display: none;
	position: absolute;
	top: 240px;
	left: -1px;
	width: 240px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background: #fff;
	z-index: 25;
}
div#top_navigatie ul li ul li {
	position: relative;
	padding: 0;
	background: none;
	border-bottom: 1px solid #e5e5e5;
}
div#top_navigatie ul li ul li a {
	display: block;
	line-height: 17px;
	width: 202px;
	padding: 6px 12px 7px 26px;
	background: url(images/list_bullet_nav.gif) 12px 12px no-repeat;
}
div#top_navigatie ul li ul li.hasChilderen a {
	background-image: url(images/list_bullet_nav_plus.gif);
	background-position: 12px 13px;
}
div#top_navigatie ul li ul li a:hover,
div#top_navigatie ul li ul li a.active {
	background-color: #efefef;
	text-decoration: underline;
}

/* Niveau 3 */
div#top_navigatie ul li ul li ul {
	position: absolute;
	top: 0;
	left: 240px;
	background: #fff;
}
div#top_navigatie ul li ul#dropdown2 li ul {
	left: -242px;
}
div#top_navigatie ul li ul li.hasChilderen ul li a {
	background: url(images/list_bullet.gif) 12px 12px no-repeat;
}
div#top_navigatie ul li ul li ul li a:hover {
	background-color: #efefef;
}

/* Trace */
div#trace {
	float: left;
	padding: 7px 0 0 20px;
	width: 700px;
	height: 23px;
	overflow: hidden;
}
div#trace span img {
	margin: 0 1px 1px 1px;
}

/* Tekstgrootte */
div#tekstgrootte {
	float: left;
	padding: 6px 0 0 0;
}
div#tekstgrootte p span.groter {
	font-size: 13px;
}
div#tekstgrootte p span.grootst {
	font-size: 17px;
}

/* Language */
div#language {
	float: right;
	padding: 7px 20px 0 0;
	font-weight: bold;
}
div#language img {
	vertical-align: middle;
	margin-left: 2px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
}
div#language img.active_element {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

/* Toolbar & Footer */
div#toolbar, div#footer {
	height: 30px;
	clear: both;
	background: #fff;
	color: #ccc;
}
div#toolbar p, div#footer p {
	margin: 0;
}
div#toolbar a, div#footer a {
	font-weight: normal;
	color: #ccc;
}
div#toolbar a:hover, div#footer a:hover {
	text-decoration: none;
}
div#footer {
	position: relative;
	border-top: 1px solid #e5e5e5;
	border-bottom: 3px solid #d0d0d0;
}

/* Shortcuts */
div#shortcuts {
	position: absolute;
	top: 7px;
	left: 18px;
	width: 700px;
	font-weight: bold;
}
div#shortcuts a {
	padding: 0 2px;
	font-weight: bold;
}

/* Toolbar */
div#tools {
	position: absolute;
	top: -32px;
	left: 240px;
	width: 458px;
	height: 16px;
	padding: 7px 11px;
	background: #eee;
	border-top: 1px solid #e5e5e5;
}
div#tools ul {
	margin: 0;
}
div#tools ul li {
	float: left;
	background: none;
	padding: 0 25px 0 0;
}
div#tools ul li#link_top {
	float: right;
	padding: 0;
}
div#tools ul li a {
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration: none;
	color: #999;
}
div#tools ul li a:hover {
	color: #777;
}
div#tools ul li#link_print a {
	background-image: url(images/print.gif);
	padding-left: 23px;
}
div#tools ul li#taf a {
	background-image: url(images/mail.gif);
	background-position: 0 3px;
	padding-left: 24px;
}
div#tools ul li#link_top a {
	background-image: url(images/top.gif);
	background-position: 0 7px;
	padding-left: 12px;
	font-weight: bold;
}

/* Tell-a-friend */
li#taf form {
	display: none;
	position: absolute;
	width: 420px;
	height: 335px;
	top: -339px;
	left: 0;
	padding: 0 30px;
	border-top: 3px solid #e5e5e5;
	background: #fff;
}
li#taf form p.error {
	padding: 4px 8px 4px 22px;
	background: #eee url(images/list_bullet.gif) 10px 11px no-repeat;
	color: #777;
	margin-bottom: 18px;
}
li#taf form div.field {
	margin-bottom: 18px;
}
li#taf form div.field label {
	font-weight: bold;
	color: #999;
}
li#taf form div.field input,
li#taf form div.field textarea {
	padding: 2px;
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #a8a8a8;
	margin-top: 5px;
	line-height: normal;
}
li#taf form div.field input {
	width: 180px;
}
li#taf form div.field textarea {
	width: 408px;
	padding: 2px;
}
li#taf form div#taf_sender_left {
	float: left;
}
li#taf form div#taf_sender_right {
	float: right;
}
li#taf form div#taf_recipient_left {
	float: left;
}
li#taf form div#taf_recipient_right {
	float: right;
}

/* Credits */
div#credits {
	position: absolute;
	top: 7px;
	right: 20px;
}
div#credits a {
	font-weight: bold;
}

/* Hoofdnavigatie */
div#navigatie h2 {
	margin-bottom: 10px;
}
div#navigatie ul {
	margin-top: 0;
	line-height: 16px;
}
div#navigatie ul li {
	margin: 5px 0;
}
div#navigatie ul li a {
	display: block;
	color: #999;
}
div#navigatie ul li a:hover {
	color: #777;
}
div#navigatie ul li#sub {
	background-image: url(images/list_bullet_active.gif);
	background-position: 0 7px;
}
div#navigatie ul li.active_element ul {
	margin-left: 10px;
}
div#navigatie ul li.active_element ul li {
	margin: 4px 0 2px 0;
}
div#navigatie ul li.active_element ul li a {
	color: #999;
	font-weight: normal;
}
div#navigatie ul li.active_element ul li a:hover {
	color: #777;
}
div#navigatie ul li.active_element ul li.active_element ul li a {
	color: #999;
}
div#navigatie ul li.active_element ul li.active_element ul li a:hover {
	color: #777;
}

/* Sfeerfoto */
div#image_right {
	border-top: 1px solid #e5e5e5;
}

/* Zoeken */
div#zoeken input.text {
	width: 156px;
	padding: 2px;
	float: left;
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #a8a8a8;
	margin-right: 7px;
	line-height: normal;
}

/* Nieuwspagina */
div#news_page div#first_element {
	border-top: 1px solid #e5e5e5;
	padding-top: 18px;
}
div#news_page div.element {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #e5e5e5;
}
div#news_page div.element h2,
div#news_page div.element p {
	margin: 0 0 10px 0;
}
div#news_page div.element img.thumbnail {
	float: left;
	margin: 4px 15px 0 0;
	border: 1px solid #c8c8c8;
}
div#news_page div.element p.details {
	color: #999;
}
div#news_page div.element p.read_more {
	float: left;
	display: block;
	padding-left: 10px;
	background: url(images/list_bullet.gif) 0 7px no-repeat;
}
div#news_page ul#days {
	margin: 10px 3px;
}
div#news_page ul#days li {
	margin: 20px 0;
}
div#news_page ul#days li h3 {
	margin: 10px 0 0 0;
}
div#news_page ul#days li p {
	margin: 0;
}

/* Nieuwspagina bericht */
div#news_page div#message img.thumbnail {
	float: left;
	margin: 4px 15px 0 0;
	border: 1px solid #c8c8c8;
}
div#news_page div#message p.details {
	color: #aaa;
	background: #eee;
	padding: 4px 8px;
}
div#news_page div#message p.back {
	padding-left: 10px;
	background: url(images/list_bullet.gif) 0 7px no-repeat;
}

/* Nieuws weergave */
div#news_view h2 {
	margin-bottom: 0;
}
div#news_view div.element p {
	margin: 0;
}
div#news_view div.element p.details {
	color: #999;
	margin: 6px 0;
}
div#news_view ul {
	margin: 0;
}
div#news_view h3 {
	font-size: 11px;
	margin: 0;
}
div#news_view p {
	margin: 0;
}
div#news_view p.details {
	margin: 8px 0;
}
div#news_view ul li h3 {
	margin-bottom: 8px;
}
div#news_view ul li h3 a {
	font-weight: normal;
	line-height: 14px;
	
}

/* Zoekpagina */
div#search_page form {
	margin: 36px 0 18px 0;
}
div#search_page form input.text {
	width: 194px;
	padding: 2px;
	float: left;
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #a8a8a8;
	margin-right: 7px;
	line-height: normal;
}
div#search_page form input.submit {
	text-transform: capitalize;
}
div#search_page p#search_header {
	color: #aaa;
}
div#search_page div.element {
	border-top: 1px solid #ccc;
	margin-top: 15px;
}
div#search_page div.navigation {
	position: relative;
	height: 27px;
	border-top: 1px solid #ccc;
}
div#search_page div.navigation a {
	text-transform: capitalize;
	padding: 2px 0;
	width: 70px;
	font-weight: bold;
	text-decoration: none;
}
div#search_page div.navigation a#prev {
	position: absolute;
	top: 10px;
	left: 0;
	background: url(images/list_bullet_reversed.gif) 0 9px no-repeat;
	padding-left: 15px;
	z-index: 2;
}
div#search_page div.navigation div.page_info {
	position: absolute;
	left: 0;
	top: 12px;
	width: 100%;
	text-align: center;
	color: #999;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	z-index: 1;
}
div#search_page div.navigation a#next {
	position: absolute;
	top: 10px;
	right: 0;
	background: url(images/list_bullet.gif) right 9px no-repeat;
	padding-right: 15px;
	text-align: right;
	z-index: 2;
}
