/* algemeen ****************************************** */

/* gebruikte kleuren:
#FFFFF8 = wit (getint) voor pagina achtergrond
#F2F8F8 = wit met lichte tint blauw
#B8D8E8 = licht blauw
#384858 = donker blauw
#001020 = zwart-blauw voor tekst
#E8F0F8 = heel licht blauw voor table headings, tabs en blockquotes
#727880 = schaduw rand tabs
*/

/*
In het class attribuut van de body tag wordt onderscheid gemaakt tussen "home" voor de homepage en "nohome" voor alle andere pagina's.
Daarnaast staat de item-code in de class, waarmee hier in de CSS per pagina aparte styles opgegeven kunnen worden d.m.v. 
body.itemcode ... {}
*/

* {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

.hidden {
	display: none;
}

.capital:first-letter {
	text-transform: uppercase;
}

body {
	background-color: #FFFFF8;
	margin: 0 0 20px 0;
}


/* foto's bovenaan pagina ****************************************** */

#homefoto {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 960px;
	height: 250px;
	background: url(/internetlayout/expo/homelinks/weide-en-toren.jpg) top left no-repeat;
	text-align: right;
	text-align: right;
}

#expo {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 170px;
	width: 310px;
	height: 1px;
	overflow: visible;
}

p#expotext {
	display: block;
	width: 280px;
	margin: 5px 20px 0 0;
	float: right;
	text-align: left;
	font-size: 0.75em;
	font-style: italic;
	color: #F2F8F8;
}

p#expotext a {
	color: #F2F8F8;
}


/* hoofdmenu ****************************************** */

body.home #menu {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 640px;
	height: 1px;
	overflow: visible;
	padding: 270px 0 0 20px;
}

body.nohome #menu {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 640px;
	height: 1px;
	overflow: visible;
	padding: 70px 0 0 20px;
}

#menu ul li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 20px 0 0;
}

#menu ul li a {
	color: #B8D8E8;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}

#menu ul li a:hover {
	color: #F2F8F8;
}

#menu ul li#home {
	display: block;
	width: 920px;
	background: url(internetlayout/logo2.jpg) no-repeat -200px -200px; /* preload voor hover */
}

#menu ul li#home a {
	display: block;
	width: 200px;
	height: 62px;
	margin-bottom: 20px;
	background: url(internetlayout/logo1.jpg) no-repeat;
}

#menu ul li#home a:hover {
	background: url(internetlayout/logo2.jpg) no-repeat;
}

#menu ul li#home a span {
	display: none;
}


/* hoofdtitel en kruimelpad ****************************************** */

h1 {
	display: none;
}

#contentheader h1 {
	display: block;
	margin: 0 0 0 20px;
	font-size: 1.2em;
	color: #F2F8F8;
}

#contentheader h1:first-letter {
	text-transform: uppercase;
}

#contentheader p {
	margin: 5px 0 20px 20px;
	font-size: 0.75em;
	color: #F2F8F8;
	text-transform: lowercase;
}

#contentheader p a {
	color: #B8D8E8;
	text-decoration: none;
}

#contentheader p a:hover {
	color: #F2F8F8;
}

p.pagereference {
	text-transform: lowercase;
}


/* zoekveld ****************************************** */

body.home #zoek {
	position: absolute;
	top: 270px;
	left: 50%;
	margin: 0 0 0 300px;
	width: 200px;
	height: 1px;
	overflow: visible;
	text-align: right;
}

body.nohome #zoek {
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 100px;
	width: 200px;
	height: 1px;
	overflow: visible;
	text-align: right;
}

fieldset {
	border: none;
}

legend, label.text {
	display: none;
}

input.text {
	font-size: 0.8em;
	width: 120px !important;
}

input.button {
	margin-top: 1px;
	font-size: 0.8em;
}


/* blauwe baan en centrering kolomset ****************************************** */

body.home #contentbar {
	margin-top: 155px;
	border: 5px solid #B8D8E8;
	border-left: none;
	border-right: none;
	background-color: #384858;
}

body.nohome #contentbar {
	margin-top: 45px;
	border: 5px solid #B8D8E8;
	border-left: none;
	border-right: none;
	background-color: #384858;
	min-height: 500px;
}

#contentbox {
	width: 960px;
	margin: 5em auto 0 auto;
	border-top: 75px solid #384858;
	padding-bottom: 20px;
}

.clear {
	clear: both;
}


/* layout wissel ****************************************** */
/* 0 = Geen witte blokken, Tekst 1 (homepage description) in volle breedte */
/* 1 = Enkel wit blok, Tekst 1 in volle breedte */
/* 2 = Twee witte blokken, Tekst 1 en 2 naast elkaar */

#colleft { /* homepage only */
	float: left;
	width: 320px;
}

#colleft0, #colleft1 { /* not for homepage */
	float: left;
	width: 640px;
}

#colleft2 { /* not for homepage */
	float: left;
	width: 320px;
}

#colcenter0, #colcenter1 { /* homepage only */
	width: 640px;
	margin-left: 320px;
}

#colcenter2 {
	width: 320px;
	margin-left: 320px;
}

#colright { /* homepage only */
	float: right;
	width: 320px;
}

.whitebox0, .whitebox1, .whitebox2 {
	margin: 0 10px 0 10px;
	padding: 5px 10px 10px 10px;
	border: 5px solid #B8D8E8;
	border-left: none;
	border-right: none;
	background-color: #F2F8F8;
	color: #384858;
}

body.home .whitebox0, body.home .whitebox1, body.home .whitebox2 {
	min-height: 150px;
}

.whitebox0 {
	padding: 0 10px 0 10px;
	border: none;
	background-color: #384858;
	color: #F2F8F8;
}


/* vormgeving tekst ****************************************** */

.whitebox0 * {
	color: #F2F8F8;
}

.whitebox1 *, .whitebox2 *, .tabcontent * {
	color: #001020;
}

.whitebox1 h2, .whitebox2 h2, .tabcontent h2, 
.whitebox1 h3, .whitebox2 h3, .tabcontent h3, 
.whitebox1 h4, .whitebox2 h4, .tabcontent h4, 
.whitebox1 h5, .whitebox2 h5, .tabcontent h5, 
.whitebox1 strong, .whitebox2 strong, .tabcontent strong {
	color: #384858;
}

.whitebox0 h2, .whitebox1 h2, .whitebox2 h2, .tabcontent h2 {
	font-size: 1em;
	line-height: 1.5em;
}

.whitebox0 h3, .whitebox1 h3, .whitebox2 h3, .tabcontent h3 {
	font-size: 0.9em;
	line-height: 1.4em;
}

.whitebox0 h4, .whitebox1 h4, .whitebox2 h4, .tabcontent h4 {
	font-size: 0.8em;
	line-height: 1.3em;
}

.whitebox0 h5, .whitebox1 h5, .whitebox2 h5, .tabcontent h5 {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.3em;
}

.whitebox0 h6, .whitebox1 h6, .whitebox2 h6, .tabcontent h6 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3em;
}

.whitebox0 p, .whitebox1 p, .whitebox2 p, .tabcontent p {
	margin-bottom: 0.8em;
	font-size: 0.8em;
	line-height: 1.3em;
}

body.home .whitebox0 p {
	margin: 40px;
	font-size: 1em;
	font-style: italic;
	line-height: 1.5em;
}

.whitebox0 ul, .whitebox1 ul, .whitebox2 ul, .tabcontent ul, 
.whitebox0 ol, .whitebox1 ol, .whitebox2 ol, .tabcontent ol {
	margin: 0 0 0.8em 20px;
	font-size: 0.8em;
	line-height: 1.3em;
}

.whitebox0 ul ul, .whitebox1 ul ul, .whitebox2 ul ul, .tabcontent ul ul, 
.whitebox0 ol ol, .whitebox1 ol ol, .whitebox2 ol ol, .tabcontent ol ol, 
.whitebox0 ul ol, .whitebox1 ul ol, .whitebox2 ul ol, .tabcontent ul ol, 
.whitebox0 ol ul, .whitebox1 ol ul, .whitebox2 ol ul, .tabcontent ol ul, {
	margin: 0 0 0 20px;
	font-size: 1em;
	line-height: 1em;
}

.whitebox1 table, .whitebox2 table, .tabcontent table {
	width: 100%;
	margin: 0 0 0.8em 0;
	border: 1px solid #B8D8E8;
}

.whitebox1 th, .whitebox2 th, .tabcontent th {
	font-size: 0.8em;
	color: #384858;
	text-align: left;
	background-color: #E8F0F8;
	padding: 2px 5px 0 5px;
}

.whitebox1 td, .whitebox2 td, .tabcontent td {
	font-size: 0.8em;
	border-top: 1px solid #B8D8E8;
	padding: 2px 5px 0 5px;
}

.whitebox0 blockquote, .whitebox1 blockquote, .whitebox2 blockquote, .tabcontent blockquote {
	margin: 0 40px 0.8em 40px;
	font-size: 0.8em;
	color: #001020;
	line-height: 1.3em;
	background-color: #E8F0F8;
	padding: 5px 10px 5px 10px;
}

.whitebox0 cite, .whitebox1 cite, .whitebox2 cite, .tabcontent cite {
	font-size: 0.8em;
	line-height: 1.3em;
}

p.intro {
	font-weight: bold;
	color: #384858;
}

p.abc {
	margin-top: 10px;
	line-height: 2em;
}

a.abc { 
	background-color: #FFFFFF; 
	border: 1px solid #384858;
	color: #384858;
	font-weight: bold;
	padding: 1px 2px 1px 3px;
	text-decoration: none;
}

a.abc:hover { 
	background-color: #384858; 
	color: #FFFFFF; 
	text-decoration: none;
}


/* nieuwsoverzicht homepage ****************************************** */

#homepageactueel ul {
	margin: 12px 20px 20px 20px;
	list-style-type: none;
}

#homepageactueel ul li {
	margin-top: 10px;
	color: #B8D8E8;
	line-height: 0.9em;
}

#homepageactueel ul li a {
	color: #B8D8E8;
}

#homepageactueel ul li a.kop {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #F2F8F8;
}

#homepageactueel ul li a.kop:hover {
	text-decoration: underline;
}

#homepageactueel ul li span {
	font-size: 0.75em;
}

/* Overzicht in volle breedte ****************************************** */

ul.overzichtvollebreedte {
	margin: 0 0 0 10px;
	width: 640px;
	list-style-type: none;
}

ul.overzichtvollebreedte li {
	font-size: 0.8em;
	color: #F2F8F8;
	margin: 0 20px 20px 10px;
}

ul.overzichtvollebreedte li span {
	display: block; 
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 0.9em;
}

ul.overzichtvollebreedte li a {
	display: block; 
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #F2F8F8;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center left;
}


/* Overzicht in twee kolommen ****************************************** */

ul.overzichttweekolommen {
	width: 640px;
	margin: 0 0 0 10px;
	list-style-type: none;
}

ul.overzichttweekolommen li {
	width: 290px;
	margin: 0 10px 20px 10px;
	font-size: 0.8em;
	color: #F2F8F8;
}

ul.overzichttweekolommen li.left {
	float: left;
}

ul.overzichttweekolommen li.right {
	float: right;
	margin: 0 20px 20px 10px;
}

ul.overzichttweekolommen li span {
	display: block; 
	margin: 0;
	padding: 0 10px 0 20px;
	font-size: 0.9em;
}

ul.overzichttweekolommen li a {
	display: block;
	margin: 0;
	padding: 0 10px 0 20px;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center left;
	font-weight: bold;
	color: #F2F8F8; 
}

/* Overzicht rechts met introductie links ****************************************** */
/* Overzicht links met bijschrift rechts ****************************************** */

ul.overzichtrechtsintroductielinks {
	margin: 0;
	width: 310px;
	list-style-type: none;
}

ul.overzichtlinksbijschriftrechts {
	margin: 0 0 0 10px;
	width: 300px;
	list-style-type: none;
}

ul.overzichtrechtsintroductielinks li, ul.overzichtlinksbijschriftrechts li {
	font-size: 0.8em;
	color: #F2F8F8;
	margin: 0 20px 20px 10px;
}

ul.overzichtrechtsintroductielinks li span, ul.overzichtlinksbijschriftrechts li span {
	display: block; 
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 0.9em;
}

ul.overzichtrechtsintroductielinks li a, ul.overzichtlinksbijschriftrechts li a {
	display: block; 
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #F2F8F8;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center left;
}


/* Overzicht in twee kolommen met foto's ****************************************** */

ul.overzichttweekolommenfotos {
	width: 640px;
	margin: 0 0 0 10px;
	list-style-type: none;
}

ul.overzichttweekolommenfotos li {
	width: 300px;
	min-height: 50px;
	margin: 0 20px 20px 0;
	padding-top: 10px;
	background-color: #F2F8F8;
	font-size: 0.8em;
	color: #001020;
}

ul.overzichttweekolommenfotos li.left {
	float: left;
}

ul.overzichttweekolommenfotos li.right {
	float: right;
}

ul.overzichttweekolommenfotos li.image {
	padding: 0;
}

ul.overzichttweekolommenfotos li.image img {
	float: left;
}

ul.overzichttweekolommenfotos li.image span {
	display: inline-block;
	width: 220px;
	padding: 10px;
}

ul.overzichttweekolommenfotos li span {
	padding: 0 10px 10px 10px;
}

ul.overzichttweekolommenfotos li a {
	font-weight: bold;
	color: #001020; 
}


/* topmenu en footer ****************************************** */

body.home #topmenu {
	display: block;
	float: left;
	position: relative;
	top: 0;
	left: 50%;
	margin: 0 0 0 160px;
	width: 320px;
	height: 1px;
	overflow: visible;
	font-size: 0.75em;
	color: #384858;
}

body.nohome #topmenu {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 400px;
	height: 1px;
	overflow: visible;
	font-size: 0.75em;
	color: #384858;
}

#footer {
	position: relative;
	top: 0;
	left: 50%;
	margin: 0 0 0 -460px;
	width: 920px;
	height: 80px;
	overflow: visible;
	background: url(internetlayout/logofooter.jpg) 0 10px no-repeat;
	font-size: 0.75em;
	color: #384858;
}

body.home #footer {
	width: 600px;
}

#topmenu ul, #footer ul {
	display: block;
	float: left;
	list-style-type: none;
	margin: 10px 0 0 20px;
}

#topmenu ul {
	margin: 10px 0 0 20px;
}

#topmenu li, #footer li {
	line-height: 1.2em;
}

#topmenu a, #footer a {
	color: #384858;
}

#topmenu ul li a, #footer ul li a {
	text-decoration: none;
	padding-left: 8px;
	background: url(internetlayout/arrow.gif) center left no-repeat;
}

#topmenu ul li a:hover, #footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	display: block;
	float: left;
	margin: 10px 0 0 20px;
	line-height: 1.2em;
}

#footer p.adres {
	clear: left;
	margin: 10px 0 0 200px;
}

#footer p.adres span {
	font-weight: bold;
}


/* GPDC ****************************************** */


#GPDCresults ul li a {
	text-transform: lowercase;
}


/* contenttype product tabs ****************************************** */

#tabcontainer {
	float: left;
	width: 620px;
	margin: 0 10px 10px 10px;
	padding-bottom: 5px;
	background-color: #B8D8E8;
}

#tabcontainer .tabcontent {
	display: block;
	padding: 10px;
	background-color: #F2F8F8;
}

#tabcontainer #tabs ul {
	margin: 0 5px 0 5px;
	padding: 0;
	list-style: none;
	overflow: auto;
}

#tabcontainer #tabs ul li {
	display: inline-block;
	float: left;
	margin: 0;
}

#tabcontainer #tabs ul li a {
	display: inline-block;
	float: left;
	margin: 5px 0 0 5px;
	padding: 3px 10px 3px 10px;
	font-size: 0.8em;
	text-decoration: none;
	color: #384858;
	border: 1px solid #B8D8E8;
	border-bottom: 1px solid #727880;
	background-color: #E8F0E8;
}

#tabcontainer #tabs ul li a:hover {
	background-color: #F2F8F8;
}

#tabcontainer #tabs ul li.active a{
	border: 1px solid #727880;
	border-bottom: 1px solid #F2F8F8;
	background-color: #F2F8F8;
	font-weight: bold;
}


/* layout zoekpagina ****************************************** */

div.search fieldset {
	border: none;
}

div.search legend {
	display: none; /* bij complexere formulieren verwijderen, legend wel tonen */
}

div.search label {
	font-size: 0.8em;
}

div.search label.mainlabel {
	font-size: 0.7em;
	display: block;
	padding: 5px 5px 2px 5px;
}

div.search span.text input {
	width: 300px;
	font-size: 0.8em;
}

div.search select {
	width: 305px;
	font-size: 0.8em;
}

div.search input.button {
	font-size: 1em;
	margin-top: 5px;
	padding: 0 5px 0 5px;
}

div.search ul {
	margin: 0;
	list-style-type: none;
}

div.search ul li {
	line-height: 1em;
	margin: 5px 0 5px 0;
}

div.search ul li img {
	margin-right: 5px;
	vertical-align: middle;
}

div.search ul li span {
	font-size: 0.8em;
	margin-left: 22px;
}

div.search p.pages { 
	margin: 20px 0 20px 0;
}

div.search p.pages a { 
	border: 1px solid #384858;
	padding: 0 1px 0 2px;
	text-decoration: none;
}

div.search p.pages a:hover { 
	background-color: #384858; 
	color: #F2F8F8; 
}


/* automatisch icons bij links ****************************************** */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_feed.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_archive.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_video.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_audio.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.tif'], a[href$='.tiff'] { 
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_pic.gif) no-repeat center right;
}


/* Bijlagen = aanpassing op icons hierboven ****************************************** */

h2.bijlagen {
	display: block;
	border-bottom: 1px solid #384858;
	padding: 0 0 2px 20px;
	font-size: 0.75em;
	font-weight: normal;
	color: #001020;
}

ul.bijlagen {
	margin: 0;
	list-style-type: none;
}

ul.bijlagen li {
	margin-top: 5px;
}

ul.bijlagen a {
	padding: 0 0 0 20px;
	background-position: center left;
}


/* Submenu ****************************************** */

ul.contentsubmenu {
	list-style-type: none;
	margin: 0;
}

ul.contentsubmenu li {
	margin-bottom: 5px;
}

ul.contentsubmenu a {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center left;
}

h2.submenu0, h2.submenu1, h2.submenu2 {
	clear: both;
	display: block;
	width: 600px;
	margin: 0 10px 0 10px;
	padding: 5px 10px 5px 10px;
	background-color: #B8D8E8;
	font-size: 0.75em;
	font-weight: normal;
	color: #001020;
}

ul.submenu0, ul.submenu1, ul.submenu2 {
	display: block;
	width: 600px;
	margin: 0 10px 0 10px;
	padding: 0 10px 10px 10px;
	list-style-type: none;
	background-color: #B8D8E8;
}

h2.submenu2, ul.submenu2 {
	width: 280px;
}

ul.submenu0 li, ul.submenu1 li, ul.submenu2 li, {
	margin-top: 5px;
}

ul.submenu0 a, ul.submenu1 a, ul.submenu2 a {
	padding: 0 0 0 20px;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center left;
	font-size: 0.8em;
	color: #001020;
}


/* toevoeging op icons hierboven ... onderaan laten staan ****************************************** */

a.internallink {
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_internallink.gif) no-repeat center right;
}

a.externallink {
	padding: 0 20px 0 0;
	background: url(/internetlayout/icons/icon_externallink.gif) no-repeat center right;
}