/*
Filename: screen.css
Created: Cinnamon Interactive BV (DC).
Date: Tue Mar 31 09:48:50 CEST 2009
*/ 
/* Purple  47145c / c7b8ce / E4DCE7 Contrast color: e70022 */
/* Choclate 3c1508 / c7bcb8 / e4dfdc Contrast color: 876220 */

img {
	display: block;
	}
html,body {
	background-color: #F3F5F6;
	color: #000;
	}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 68.75%; /* 11px */
	line-height: 1.364; /* 15px */
	border-top: 1px solid #535353;
	}
input,textarea,select,table,button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	}



/* kolom definities */

.columns {
	position: relative;
	width: 920px;
	margin: 0 10px;
	float: left;
	}
	.columns .columns {
		width: 100%;
		margin: 0;
		}
	.columns .col {
		position: relative;
		left: 920px;
		float: left;
		overflow: hidden;
		}
	.columns .s1 { margin-left: -920px; }
	.columns .s2 { margin-left: -690px; }
	.columns .s3 { margin-left: -460px; }
	.columns .s4 { margin-left: -230px; }
	.columns .w1 { width: 230px; }
	.columns .w2 { width: 460px; }
	.columns .w3 { width: 690px; }
	.columns .w4 { width: 920px; }
.article .columns {
	float: none;
	width: 670px;
	margin: 0;
	overflow: hidden;
	}
	.article .columns .col {
		left: 670px;
		}
	.article .columns .s1 { margin-left: -670px; }
	.article .columns .s2 { margin-left: -440px; }
	.article .columns .s3 { margin-left: -210px; }
	.article .columns .w1 { width: 210px; }
	.article .columns .w2 { width: 440px; }
	.article .columns .w3 { width: 670px; }
#main .container {
	position: relative;
	float: left;
	width: 940px;
	}
	#main .container #subnav {
		position: relative;
		left: 100%;
		float: left;
		overflow: hidden;
		margin-left: -940px;
		margin-top: 40px;
		width: 230px;
		}
	#main .container .article {
		position: relative;
		left: 100%;
		float: left;
		margin-left: -690px;
		margin-top: 10px;
		width: 440px;
		}
		#main .container .wide {
			margin-left: -690px;
			width: 670px;
			}
	#main .container .sidebar {
		position: relative;
		left: 100%;
		float: left;
		overflow: hidden;
		margin-left: -230px;
		margin-top: 40px;
		width: 210px;
		}



/* link language */

/* broodtekst/algemeen */
a { color: #154273; text-decoration: underline; }
	a:hover, a:active { color: #0162cd; }
	a:visited { color: #696969; }
/* achtergrond */
#masthead a { color: #535353; text-decoration: none; }
#masthead a:hover, #masthead a:active { color: #000; text-decoration: underline; }
/* linklijst */
.item-list a { text-decoration: none; }
.item-list a:hover, .item-list a:active { color: #154273; text-decoration: underline; }
.item-list a:visited { color: #696969; }
/* kruimelpad */
.pager a:visited,
.breadcrumb a:visited, .breadcrumb .arrow { color: #154273; }
.pager a:hover, .pager a:active,
.breadcrumb a:hover, .breadcrumb a:active { color: #0162cd; }



/* pagina-componenten */

.wrapper {
	position: relative;
	width: 956px;
	margin: 0 auto;
	padding-top: 206px; /* 29 + 87 + 30 + 60 = 206px */
	background: url("../img/shadow.gif") left top repeat-y;
	}
.container {
	position: relative;
	margin: 0 8px 0 8px;
	}
body.home .columns {
	padding-top: 5px;
	}

#main {
	position: relative;
	z-index: 1000;
	}
	#main .contentbox {
		margin: 0 10px 0 10px;
		float: left;
		width: 100%;
		}
	body.home #main .contentbox {
		float: none;
		width: auto;
		}
	#main .tong {
		margin-top: -15px;
		}
		#main .tong a { color: #000; }
		body.home #main .tong .contentbox {
			overflow: hidden;
			padding: 15px 10px 10px 10px; /* 15px */
			margin: 0 10px 0 0;
			}
		#main p.dossiertitle {
			margin: 0;
			padding: 0 250px 0 250px;
			}
		#main .article .contentbox {
			margin-left: 0;
			margin-right: 0;
			}
		#main img {
			margin-bottom: 3px;
			clear: both;
			}
			#main img.grote-foto {
				margin-top: 38px;
				}
		.article .breadcrumb {
			color: #767676;
			margin-bottom: 10px;
			}
			.article ol.breadcrumbs {
				overflow: hidden;
				}
				.article ol.breadcrumbs li {
					display: block;
					float: left;
					padding-right: 14px;
					background: url("../img/blt-standaard.gif") right 2px no-repeat;
					}
		.wide p,
		.wide ul,
		.wide dl {
			margin-right: 230px;
			}
			.wide .contentbox * p,
			.wide .contentbox * * ul,
			.wide .contentbox * dl {
				margin-right: 0;
				}
.slideshow {
	margin-top: 35px;
	height: 140px;
	overflow: hidden;
	}

ul.menu {
	}
	ul.menu li {
		}
		ul.menu li a,
		ul.menu li strong {
			display: block;
			padding: 3px 10px 4px 30px;
			color: #000 !important;
			text-decoration: none;
			font-weight: normal;
			background: #fff url("../img/blt-standaard.gif") 20px 5px no-repeat;
			}
		ul.menu li.expanded a,
		ul.menu li.expanded strong {
			background-image: url("../img/blt-anker.gif");
			}
			ul.menu li.expanded li.leaf a,
			ul.menu li.expanded li.leaf strong,
			ul.menu li.expanded li.collapsed a,
			ul.menu li.expanded li.collapsed strong {
				background-image: url("../img/blt-standaard.gif");
				}
			ul.menu li.expanded ul a,
			ul.menu li.expanded ul strong {
				padding-left: 40px;
				background-position: 30px 5px;
				}
				ul.menu li.expanded ul ul a,
				ul.menu li.expanded ul ul strong {
					padding-left: 50px;
					background-position: 40px 5px;
					}
					ul.menu li.expanded ul ul ul a,
					ul.menu li.expanded ul ul ul strong {
						padding-left: 60px;
						background-position: 50px 5px;
						}
						ul.menu li.expanded ul ul ul ul a,
						ul.menu li.expanded ul ul ul ul strong {
							padding-left: 70px;
							background-position: 60px 5px;
							}
			.s4 ul.menu li a,
			.sidebar ul.menu li a {
				padding-left: 10px;
				background-position: 0 5px;
				}
				.s4 ul.menu ul li a,
				.sidebar ul.menu ul li a {
					padding-left: 20px;
					background-position: 10px 5px;
					}
					.s4 ul.menu ul ul li a,
					.sidebar ul.menu ul ul li a {
						padding-left: 30px;
						background-position: 20px 5px;
						}

#nav {
	position: absolute;
	left: 0;
	top: 116px;
	width: 100%;
	}
	#nav a {
		color: #000;
		text-decoration: none;
		}
	#nav .container {
		overflow: hidden;
		height: 90px;
		overflow: hidden;
		}
		#nav h2 {
			margin: 0;
			padding: 6px 30px;
			font-family: Arial, sans-serif;
			font-size: 1.636em;
			font-weight: bold;
			line-height: 1.0;
			}
		#nav ul {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 30px 240px 0 20px;
			border-bottom: 10px solid;
			font-family: Arial, sans-serif;
			font-size: 1.091em; /* 12px */
			font-weight: bold;
			line-height: 1.25; /* 15px */
			}
			#nav ul li {
				display: block;
				float: left;
				}
				#nav ul li a {
					display: block;
					padding: .182em 10px .273em 10px; /* 2px and 3px, respectively */
					text-decoration: none;
					}

#masthead {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #F3F5F6 url("../img/shadow-top.gif") left top repeat-y;
	color: #535353;
	}
	#masthead li {
		display: inline;
		}
	#masthead .container {
		margin-top: 29px;
		padding-top: 87px;
		background-color: transparent;
		}
		#masthead .logo {
			position: absolute;
			left: 220px;
			top: 0;
			}
		#masthead .search {
			position: absolute;
			right: 20px;
			width: 210px;
			margin-top: 40px;
			text-align: right;
			}
			#masthead .search legend,
			#masthead .search label {
				display: none;
				}
			#masthead .search form {
				margin-bottom: 2px;
				overflow: hidden;
				}
			#masthead .search div.form-item {
				display: inline;
				}
			#masthead .search input {
				background-color: #fff;
				}
			#masthead .search input.form-text {
				width: 70%;
				padding: 1px;
				border-left: 1px solid #000;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				margin-right: -0.5em;
				}
			#masthead .search input.form-submit {
				width: 25%;
				font-weight: bold;
				cursor: pointer;
				border: 1px solid #000;
				}
				#masthead .search #searchnav li {
					margin-left: 10px;
					}
		#masthead #servicenav {
			position: absolute;
			right: 10px;
			top: -23px;
			}
			#masthead #servicenav li {
				margin-left: 10px;
				}
		#masthead #extranav {
			position: absolute;
			left: 10px;
			top: -23px;
			font-style: italic;
			}
			#masthead form li,
			#masthead #extranav li {
				margin-right: 10px;
				}
				#masthead #extranav a {
					background-repeat: no-repeat;
					background-position: left 3px;
					font-style: normal;
					}
				#masthead #extranav .nav-rss a {
					padding-left: 14px;
					background-image: url("../img/nav-rss.gif");
					}
				#masthead #extranav .nav-print a {
					padding-left: 14px;
					background-image: url("../img/nav-print.gif");
					}

#footer {
	clear: both;
	height: 105px;
	overflow: hidden;
	background: #F3F5F6 url("../img/shadow-bottom.gif") left top repeat-y;
	}
	#footer .container {
		height: 75px;
		overflow: hidden;
		}



/* herbruikbare stijlen */

/* linklijst */
ul.item-list {
	list-style-type: none !important;
	margin-left: 0 !important;
	margin-bottom: 2.723em;
	}
	ul.item-list ul {
		margin-bottom: 0;
		}
	ul.blocks li.external h3,
	ul.item-list li {
		padding-left: 12px;
		background-position: left 2px;
		background-repeat: no-repeat;
		}
	ul.item-list li {
		margin: 3px 0 4px 0;
		background-image: url("../img/blt-standaard.gif");
		}
		ul.item-list li a {
			}
	ul.blocks li.external h3,
	ul.item-list li.external { background-image: url("../img/blt-extern.gif"); }
	ul.item-list li.expanded,
	ul.item-list li.anchor { background-image: url("../img/blt-anker.gif"); }
	ul.sitemap {
		font-weight: bold;
		}
		ul.sitemap ul {
			font-weight: normal;
			}

/* lijst */
ul.list {
	list-style-type: none !important;
	margin-left: 0 !important;
	}
	ul.list li {
		overflow: hidden;
		}
ul.with-pagination {
	margin-bottom: 3px;
	padding-top: 3px;
	border-top: 3px solid;
	border-bottom: 3px solid;
	}
	ul p.data {
		margin: 0;
		}

/* blokken */
ul.blocks {
	list-style-type: none !important;
	overflow: hidden;
	margin-left: 0 !important;
	}
	ul.blocks li {
		float: left;
		width: 210px;
		overflow: hidden;
		margin-left: 20px;
		margin-bottom: 1.364em;
		}
	ul.blocks li.views-row-odd {
		clear: left;
		margin-left: 0;
		}
		.article ul.blocks ul {
			list-style-type: none;
			margin: 0 0 0 20px;
			}
			.article ul.blocks ul li {
				float: none;
				width: auto;
				margin: 0;
				}



.article .section {
	margin: 2.723em 0 2.723em 0;
	}
.search-info,
.inactive,
.data {
	color: #535353;
	}
	.data img {
		display: inline;
		vertical-align: middle;
		}
.pagination {
	color: #767676;
	}
	.pagination .previous,
	.pagination .next {
		font-weight: bold;
		}

p.to-top,
p.rss-link {
	text-align: right;
	}
	p.to-top a {
		padding-left: 12px;
		background: url("../img/blt-boven.gif") left 2px no-repeat;
		}
p.rss-link {
	margin-bottom: 3px;
	}
	p.rss-link a {
		padding-left: 14px;
		background: url("../img/nav-rss.gif") left 3px no-repeat;
		}
p.more {
	margin-bottom: 2.723em;
	}
	p.more a {
		padding-left: 12px;
		background: url("../img/blt-standaard.gif") left 2px no-repeat;
		}
	body.home p.more,
	ul.blocks p.more {
		margin-bottom: 0;
		}
p.back {
	}
	p.back a {
		padding-left: 12px;
		background: url("../img/blt-terug.gif") left 2px no-repeat;
		}
.floatR {
	float: right;
	margin: 3px 0 3px 15px;
	}
.floatL {
	float: left;
	margin: 3px 15px 3px 0;
	}



#main table {
	width: 100%;
	}
	#main caption {
		padding-bottom: 3px;
		margin-bottom: 3px;
		border-bottom: 3px solid;
		text-align: left;
		color: #535353;
		}
	#main th,
	#main td {
		padding: 3px 3px 4px 3px;
		border-bottom: 3px solid #fff;
		border-right: 3px solid #fff;
		text-align:left;
		}
	#main table img {
		display: inline;
		vertical-align: middle;
		}
	#main table p {
		margin: 0;
		}



.sitemap {
	overflow: hidden;
	}
	.sitemap p {
		font-weight: bold;
		margin: 3px 0 4px 0;
		}
	.article .sitemap ul {
		margin-bottom: 1.636em;
		margin-left: 0;
		}
		.sitemap li li {
			}
		.article .sitemap ul ul {
			list-style-type: none;
			margin: 0;
			}



/* drupal-specifiek */
.error {
	color: #f00;
	font-weight: bold;
	}
ul.tabs,
ul.links {
	margin: 0 0 1px 0 !important;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS", "sans-serif";
	font-size: 0.909em; /* 10px */
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	}
ul.tabs {
	position: absolute;
	right: 0;
	overflow: visible;
	}
ul.primary {
	top: -2.5em;
	}
.tong ul.primary {
	top: 10px;
	right: 10px;
	}
ul.secondary {
	top: 2.5em;
	}
	ul.tabs li,
	ul.links li {
		float: left;
		list-style-type: none;
		margin: 0 0.5em -1px 0.5em;
		border: 1px solid #ccc;
		border-bottom: none;
		}
		ul.tabs a,
		ul.links a {
			display: block;
			padding: 2px 0.5em;
			margin-bottom: 1px;
			text-decoration: none;
			color: #000;
			background-color: #eee;
			}
		ul.tabs a.active,
		ul.links a.active {
			padding-bottom: 3px;
			margin-bottom: 0;
			border-bottom: none;
			color: #555;
			background-color: #fff;
			}
		ul.tabs a:hover,
		ul.links a:hover {
			background-color: #ddd;
			}

ul.pager {
	margin: 0 0 6px 0;
	}
	ul.pager li {
		list-style-type: none;
		display: inline;
		border-right: 1px solid #767676;
		padding: 0 0.6em 0 0.2em;
		}
	ul.pager li.pager-last {
		border-right: none;
		}

.search-results,
.lijstopmaak {
	border-top: 3px solid;
	border-bottom: 3px solid;
	padding-top: 10px;
	margin-bottom: 7px;
	}
	.lijstopmaak ul {
		margin: 0;
		}
		.lijstopmaak ul li {
			list-style-type: none;
			}
			.lijstopmaak a {
				font-weight: bold;
				}

.views-field-created,
.views-field-title {
	display: inline;
	}

/* form */
.article .form-item,
.article form .action {
	padding: 8px 10px 8px 150px;
	}
.article .form-item {
	position: relative;
	background-color: #f3f5f6;
	margin-bottom: 2px;
	}
.article table .form-item {
	position: static;
	padding: 0;
	}
	.article table .form-item * {
		width: auto !important;
		}
	.article legend {
		padding: 3px;
		color: #767676;
		}
	.article .form-item .form-item {
		padding: 0;
		border-top: none;
		}
	.article .form-item label {
		display: block;
		position: absolute;
		left: 10px;
		top: 8px;
		width: 130px;
		}
		.article .form-item label.option {
			position: static;
			width: auto;
			font-weight: normal;
			color: #000;
			}
	.article .form-item .form-text,
	.article .form-item .form-select,
	.article .form-item .form-textarea {
		width: 272px;
		padding: 3px;
		border: 1px solid #000;
		}
		.article #edit-pass-wrapper .form-item .form-text,
		.article #edit-pass-wrapper .form-item .form-textarea {
			width: 132px;
			margin-left: 140px;
			}
	.article .form-item .description {
		margin-top: 10px;
		}
	.article .form-item .form-required {
		display: none;
		}
	.article .form-submit {
		font-weight: bold;
		padding: 4px;
		background-color: #DEEBE3;
		border: 1px solid #000;
		cursor: pointer;
		margin: 8px 0 0 150px;
		}
	.article .action .form-submit,
	.article .form-item .form-submit {
		margin: 0;
		}

.js-active .collapsible legend {
	padding-left: 12px;
	background: url("../img/blt-anker.gif") 0 5px no-repeat;
	}
.js-active .collapsed legend {
	background-image: url("../img/blt-standaard.gif");
	}
.search-advanced legend {
	display: none;
	}

.search-results dt {
	font-weight: bold;
	font-style: normal;
	}
.search-results dd {
	margin-left: 0;
	}
	.search-results dd p {
		margin: 0;
		}



/* small screen (760 ipv 940, dus -45px per kolom) */
.smallscreen .columns {
	width: 740px;
	}
	.smallscreen .columns .col {
		left: 740px;
		}
	.smallscreen .columns .s1 { margin-left: -740px; }
	.smallscreen .columns .s2 { margin-left: -555px; }
	.smallscreen .columns .s3 { margin-left: -370px; }
	.smallscreen .columns .s4 { margin-left: -185px; }
	.smallscreen .columns .w1 { width: 185px; }
	.smallscreen .columns .w2 { width: 370px; }
	.smallscreen .columns .w3 { width: 555px; }
	.smallscreen .columns .w4 { width: 920px; }
.smallscreen .article .columns {
	width: 670px;
	}
	.smallscreen .article .columns .col {
		left: 670px;
		}
	.smallscreen .article .columns .s1 { margin-left: -535px; }
	.smallscreen .article .columns .s2 { margin-left: -350px; }
	.smallscreen .article .columns .s3 { margin-left: -165px; }
	.smallscreen .article .columns .w1 { width: 165px; }
	.smallscreen .article .columns .w2 { width: 350px; }
	.smallscreen .article .columns .w3 { width: 535px; }
.smallscreen #main .container {
	width: 760px;
	}
	.smallscreen #main .container #subnav {
		margin-left: -760px;
		width: 185px;
		}
	.smallscreen #main .container .article {
		margin-left: -555px;
		width: 350px;
		}
		.smallscreen #main .container .wide {
			margin-left: -555px;
			width: 535px;
			}
	.smallscreen #main .container .sidebar {
		margin-left: -185px;
		width: 165px;
		}
.smallscreen .wrapper {
	width: 776px;
	background: url("../img/shadow-small.gif") left top repeat-y;
	}
.smallscreen #masthead {
	background-image: url("../img/shadow-top-small.gif");
	}
.smallscreen #footer {
	background-image: url("../img/shadow-bottom-small.gif");
	}
		.smallscreen #main p.dossiertitle {
			padding: 0 205px 0 205px;
			}
		.smallscreen .wide p,
		.smallscreen .wide ul,
		.smallscreen .wide dl {
			margin-right: 185px;
			}
		.smallscreen #nav ul {
			padding-right: 195px;
			}
		.smallscreen #masthead .logo {
			left: 130px;
			}
		.smallscreen #masthead .search {
			width: 175px;
			}
			.smallscreen #masthead .search input.form-text {
				width: 65%;
				}
			.smallscreen #masthead .search input.form-submit {
				width: 25%;
				}
	.smallscreen ul.blocks li {
		width: 165px;
		}
	.smallscreen .article .form-item .form-text,
	.smallscreen .article .form-item .form-select,
	.smallscreen .article .form-item .form-textarea {
		width: 182px;
		}