body 	{
	background-color: #FFFFFF;
	/*      T R B L  */
	margin: 0 0 0 0;
}

.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

html,body {
	margin:0;
	padding:0
	}

body {
	text-align:center;
	background:url('/image/background-top.jpg') center top no-repeat;
	}


/* HEADER */

div#header {
	position:relative;
	height:214px;
	}

div#header h1 {
	float: left;
	padding:50px 0 0 0;
	color: #79B30B
	}

#logo, #logo a, #logo img {
	border:none;
	width: 244px;
	height: 74px;
	}
	
#langSwitch {
	background: #50595A;
	/*width: 197px;*/
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
	color: gray;
}
	#langSwitch li {
		display: inline;
		padding: 0 5px 0 0;
	}
	#langSwitch li.lang, #langSwitch li.text {
		padding: 0 5px 0 5px;
	}
	#langSwitch li a:link, #langSwitch li a:visited {
		color: gray;
		width: auto;
	}
	#langSwitch li a:hover, #langSwitch li a:active {
		color: white;
	}
	#langSwitch li.active a {
		color: white;
		width: auto;
	}/* CONTENT */

div#container {
	text-align:left;
	width:963px;
	margin:0 auto
	}
div#bgIndex {
	background:url('/image/collumn-lines-index.gif') center top repeat-y;
	min-height:700px;
	}
	
div#bg {
	background:url('/image/collumn-lines.gif') center top repeat-y;
	min-height:700px;
	}
div#wrapper {
	float:left;
	width:100%
	}
div#content {
	margin: 0 223px 0 223px;
	}
div#text {
	background:#fff;
	margin:0 22px;
	padding-bottom:10px;
	}
div#text h1 {
	margin-top:0;
	line-height:1;
	}

div#text a:link, div#text a:active, div#text a:visited, div#text a:hover {
	text-decoration: underline;
}
	

/* ITEMS HOME */

#itemsHomeNews {
	margin:0 0 0 22px;
	float:left;
	width:217px;
	}

#itemsHomeInfo {
	margin:0 12px;
	float:right;
	width:233px;
	}
#itemsHomeInfo .item {
	margin-left:12px;
	margin-right:12px;
	}

.item {
	padding-bottom:18px;
	margin-bottom:13px;
	border-bottom:1px solid #DFE1E1;
	}
.item a.readmore {
	display:block;
	font-weight:bold;
	}
 .bottomItem {
 	border-bottom:none;
 	}

#itemsHomeNews .item img,
#itemsHomeInfo .item img {
	float:left;
	margin-top:3px;
	margin-right:10px;
	}

#itemsHomeInfo blockquote {
	background:#FDEED9;
	color:#F4A637;
	font-size:200%;
	margin:0 0 15px 0;
	padding:15px 35px;
	font-family:Georgia, Times, serif;
	text-align:center;
	font-style:italic;
	line-height:1;
	}
#itemsHomeInfo blockquote a {
	color: #F4A637;
}

/* NAVIGATION */

div#navigation {
	float:left;
	width:223px;
	margin-left:-963px
	}

div#navigation #loggedIn {
	margin:20px 0;
	background-color: #959595;
	}
div#navigation #loggedIn p {
	padding-left:0;
	margin-left:0;
	font-family:Georgia, Times, serif;
	}
	
div#navigation #loggedIn input {
	padding:2px;
	vertical-align:bottom;
	border:1px solid #50595A;
	color:#50595A;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	height:15px;
	width:180px;
}

div#navigation .navblock {
	width:182px;
	margin-bottom:20px;
	padding:6px 12px 6px 6px;
	}
div#navigation .navblock * {
	color:#fff;
	}
div#navigation .navblock h2 {
	font-size:130%;
	margin-bottom:5px;
	}
div#navigation .navblock .text {
	font-family:Georgia, Times, serif;
	font-size:160%;
	line-height:1;
	}

div#nieuwsbrief { background:#F4A637; }
div#navigation div#nieuwsbrief p * {
	color:#50595A;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
div#nieuwsbrief input {
	width:180px;
	height:16px;
	padding-top:2px;
	padding-left:3px;
	border:1px solid #50595A;
	}

div#nieuwsbrief p label {
	color: #FFF;
}
	
div#workshops { background:#50595A; }
/*div#workshops .intro { color:#F4A637; } */

div#vacature { background:#F4A637; color: #FFF;}
/*div#vacature .intro { color:#50595A; }*/

p.link {
	margin-top:10px;
	height:22px;
	}
p.link a.readmore {
	display:block;
	float:right;
	background:url('/image/leesverder-button.png') center center no-repeat;
	width:94px;
	height:21px;
	line-height:19px;
	text-align:center;
	text-decoration:none;
	}


/* EXTRA */

div#extra {
	float:left;
	width:197px;
	margin-left:-223px;
	padding-left:26px;
	}

div#extra h2 {
	font-size:130%;
	}

div#praktijkInBeeld {
	background:#50595A;
	padding:12px 12px 24px 12px;
	}
div#praktijkInBeeld p.text {
	color:#F4A637;
	font-family:Georgia, Times, serif;
	font-size:150%;
	line-height:1;
	margin:5px 0 10px 0;
	}
div#praktijkInBeeld * {
	color:#fff;
}

div#aangeslotenBij h2 {
	color: #FFF;
	margin:5px 0 10px 0px;;
}

div#aangeslotenBij { background:#959595; padding-bottom:10px;}
div#aangeslotenBij p { text-align:center; color:#FFF;}

form#pcZoeken {
	margin:20px 0;
	height:238px;
	background:url('/image/nederland.gif') center center no-repeat;
	}
form#pcZoeken h2 {
	margin-bottom:15px;
	}
form#pcZoeken #pcVestiging {
	width:197px;
	height:18px;
	padding-top:1px;
	margin-bottom:10px;
	border:1px solid #50595A;
	color:#50595A;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
form#pcZoeken input.txtinput {
	height:15px;
	padding:2px;
	vertical-align:bottom;
	border:1px solid #50595A;
	color:#50595A;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
form#pcZoeken #pcDigit { width:70px; }
form#pcZoeken #pcChars { width:30px; margin:0 3px 0 4px; }
form#pcZoeken label {
	margin-bottom:6px;
	font-weight:bold;
	display:block;
	}
form#pcZoeken #pcZoekBtn {
	border:none;
	width:70px;
	height:21px;
	color:#fff;
	padding-bottom:2px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	background:url('/image/zoekknop.gif') center center no-repeat;
	}
	
form#searchWidget {
	display: block;
	height:25px;
	background: white;
	padding: 0 0 1em 0;
}
	form#searchWidget input {
		float: left;
		width: 115px;
		border:1px solid #50595A;
		color:#50595A;
		font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size:1em;
		height:15px;
		margin: 1px 0 0 0;
		padding:2px;
		vertical-align:bottom;
	}
	form#searchWidget input#topSearchBtn {
		display: block;
		border:none;
		width:70px;
		height:16px;
		color:#fff;
		margin: 0;
		padding: 4px 0 3px 0;
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:1em;
		text-align: center;
		background:url('/image/zoekknop.gif') center center no-repeat;
		float:right;
	}

div#contactInfo {
	background:#F4A637;
	padding:10px;
	}
div#contactInfo h2 {
	margin-bottom:3px;
	}
div#contactInfo p {
	margin:0 2px;
	}
div#contactInfo p.link {
	margin-top:10px;
	}
div#contactInfo * { color:#fff; }


/* FOOTER */

div#footer {
	background: #fff;
	color: #FFF
	}
div#footer {
	clear:left;
	width:100%
	}
div#footer p {
	margin:0;
	padding:5px 10px
	}
div#footer a {
	display:inline;
	padding:0;
	color: #C6D5FD
	}

div#footerImg {
	background:url('/image/background-bottom.jpg') center bottom no-repeat;
	height:216px;
	}

div#footerImg p {
	padding-top:75px;
	width:963px;
	margin:0 auto;
	text-align:left;
	}


/* OVERIGE STYLES */

a img { border:none; }

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>

.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

/* Newsletter stuff */

div#newsletter_formcontainer div.form_element {
	margin-bottom	: 7px;
}

div#newsletter_formcontainer div.form_element label {
	
	width			: 80px;
	float			: left;
	clear			: left;
}

div#newsletter_formcontainer div.form_element input {
	
	width			: 150px;
	float			: left;
	clear			: right;
}

div#newsletter_formcontainer div.form_element select {
	
	width			: 150px;
}

#bibliotheek .tab {
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #959595;
	border-right:none;
}

#bibliotheek .tab a:link, #bibliotheek .tab a:visited, #bibliotheek .tab a:active, #bibliotheek .tab a:hover {
	text-decoration: none;
}

#bibliotheek .activeTab {
	background-color: #dfe1e1;
	border-bottom: 1px solid #dfe1e1;
}

#bibliotheek .lastTab {
	border-right: 1px solid #959595;
}

#bibliotheek .tabEnd {
	border-bottom: 1px solid #959595;
}

#bibliotheek #files {
	border: 1px solid #959595;
	border-top: none;
}

#bibliotheek #subrubriek_lijst {
	padding-top:10px;
	padding-bottom:10px;
	background-color: #dfe1e1;
}

#bibliotheek #subrubriek_lijst a {
	text-decoration: none;
}

#bibliotheek #subrubriek_lijst a.active {
	font-weight:bold;
}