/* CSS Document */

body {
	background: url(images/body-bg.png) repeat-x;	
}
body, td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#555;
}

a								{ color:#0060FF; text-decoration:none}
a:hover							{ text-decoration:underline;}
a.leesmeer						{ background:url(images/leesmeer.gif) no-repeat right 4px; padding-right:8px;}

.clear 							{ clear:both;}
.floatright						{ float:right;}
.item							{ padding-top:6px; overflow:hidden;}

h2								{ font-weight:bold; font-size:1.6em;}
h3								{ font-weight:bold;}
.purple							{ color:#952F90;}
.bold							{ font-weight:bold;}
.italic							{ font-style:italic;}
.hidden							{ display:none;}
.floatleft						{ float:left;}
input, select, textarea			{ border:1px solid #AAAAAA; font-family:Arial, Helvetica, sans-serif;}
input.error, textarea.error		{ border:1px solid red;}
input.radio						{ width:auto !important; border:0;}
/*label.error 					{ color:red; display:block; font-style:italic; font-weight:normal;}*/
label.error						{ color:#FF0000; padding-left:5px;}
div.horizontalrule				{ float:left; height:1px; width:100%; background-color:#E7E7E7; margin:20px 0 10px 0;}
div.horizontalrule2				{ float:left; height:1px; width:100%; background-color:#E7E7E7; margin:10px 0 10px 0;}

div#page-wrap 					{ position:relative; margin:0 auto; width: 961px;}

/* Main navigation */
div#mainnav 					{ float:left; width:470px; height:25px; margin: 10px 0 0 0px;}
div#mainnav ul					{ }
div#mainnav ul li 				{ display:inline; float:left;}
div#mainnav ul li a 			{ display:block; height:25px; text-indent:-9999px; background:url(images/main-nav.png);}
div#mainnav ul li.home a															{ background-position:0 0; width:81px;}
div#mainnav ul li.home a:hover, div#mainnav ul li.home a.selected					{ background-position:0 -25px;}
div#mainnav ul li.kennisbank a														{ background-position:-81px 0; width:107px;}
div#mainnav ul li.kennisbank a:hover, div#mainnav ul li.kennisbank a.selected		{ background-position:-81px -25px;}
div#mainnav ul li.leden	a															{ background-position:-188px 0; width:78px;}
div#mainnav ul li.leden	a:hover, div#mainnav ul li.leden a.selected					{ background-position:-188px -25px;}
div#mainnav ul li.bijeenkomsten a													{ background-position:-266px 0; width:120px;}
div#mainnav ul li.bijeenkomsten a:hover, div#mainnav ul li.bijeenkomsten a.selected	{ background-position:-266px -25px;}
div#mainnav ul li.nieuws a															{ background-position:-386px 0; width:84px;}
div#mainnav ul li.nieuws a:hover, div#mainnav ul li.nieuws a.selected				{ background-position:-386px -25px;}

/* top left */
div#topleft						{ float:left; width:240px; margin:17px 0 0 0; font-size:1.3em; font-weight:bold;}

/* top right */
div#loginnav 					{ float:right; margin: 10px 0 0 10px; width:auto;}
div.topright 					{ float:right; margin: 7px 0 0 8px;}
div.topright a 					{ display:block; color:#333;}
div#language 					{ float:right; background:url(images/en-flag.gif) no-repeat 0 0; height:11px; margin: 7px 0 0 0;}
div#language a 					{ display:block; padding-left:20px; color:#333;}
/*div#userdetails 				{ float:right; margin:7px 0 0 3px; }
div#userdetails a 				{ padding:0; color:#333;}*/
div#saveddocuments 				{ float:right; margin:3px 0 0 0;}
div#saveddocuments a 			{ color:#333;}

/* header */
div#header						{ float:left; width:100%; height:130px; margin:5px 0 0 0;}
div#logo						{ float:left; width:240px; height:130px; margin: 0; background:url(images/logo.png) no-repeat;}
div#logo a						{ display:block; width:240px; height:130px; text-indent:-9999px;}
div#banner						{ float:left; width:721px; height:130px; background: url(images/banner.png) no-repeat;}
div#bannerleden					{ float:left; width:721px; height:130px; background: url(images/banner-ingelogd.png) no-repeat;}
div#banner a, div#bannerleden a	{ display:block; text-indent:-9999px; width:721px; height:130px;}

/* home searchbar */
div#home-searchbar				{ float:left; margin:9px 30px 0 0; height:140px; width:960px; background:url(images/home-search-bg.gif) repeat-x;}
div#home-searchbar .left		{ float:left; background:url(images/home-search-left.gif) no-repeat; width:15px; height:140px;}
div#home-searchbar .right		{ float:right; background:url(images/home-search-right.gif) no-repeat; width:15px; height:140px;}
div#home-searchbar .content		{ float:left; height:140px; width:930px;}
.content #searchbar				{ padding:20px 0 0 15px; }
.content .searchtitle			{ float:left; font-size:2.2em; font-weight:bold;}
.content .uitgebreidzoeken		{ float:right; padding-right:10px; margin-top:-3px; font-size:1.1em;}
.content .inputfields			{ float:left; margin-top:13px;}
#searchbar input.homesearchquery{ float:left; height:21px; width:430px; border:1px solid #AAAAAA; font-size:1.3em; padding-top:3px; padding-left:3px;}
#searchbar input.searchbackground { background:url(images/search-example.png) no-repeat 5px center;}
#searchbar span					{ float:left; padding-left:5px; margin-top:5px; font-size:1.1em;}
#searchbar span.searchtypelabel	{ margin-top:10px;}
.content .inputfields a.homesearchbutton { float:left; display:block; width:74px; height:27px; text-indent:-9999px; background:url(images/btn-homesearch.png) no-repeat;}
.content .recenteaanwinsten		{ float:left; font-weight:bold; margin-top:21px;}
.content .recenteaanwinsten a	{ font-weight:normal;}


/* home content */
div#home-content				{ float:left; margin:10px 0 0 0; width:100%; font-size:1.1em;}
div#home-content h2				{ color:#952F90; font-size:1.1em; font-weight:bold;}
div#home-content h3				{ font-weight:bold;}
div#home-content #foto 			{ position:relative; float:left; width:350px;}
div#home-content #fotoOverlay	{ position:absolute; float:left; width:324px; height:84px; left:0; top:42px; background:url(images/black75.png) repeat; padding:13px; overflow:hidden;}
div#home-content #fotoOverlay span		{ color:#CAC7C7; line-height:1.2em;}
div#home-content #fotoOverlay span h3	{ font-size:1.5em; padding-bottom:5px;}
div#home-content #fotoOverlay span a	{ color:#76AAFF;}
div#home-content #bijeenkomsten	{ float:left; width:344px; height:194px; padding:12px; border:1px solid #E7E7E7; overflow:hidden;}
div#home-content #bijeenkomsten .thumbnail 	{ float:left; width:75px; padding-right:12px;}
div#home-content #bijeenkomsten .item 		{ float:left; width:257px; line-height:1.2em; padding-top:0;}
div#home-content #bijeenkomsten .item h3 	{ padding-top:2px;}
div#home-content #bijeenkomsten .item span	{ display:block; height:53px; overflow:hidden;}
div#home-content #bijeenkomsten .devider 	{ height:1px; width:300px; background-color:#E7E7E7; margin:6px 0;}
div#home-content #nieuws		{ float:right; width:214px; height:194px; padding:12px; border:1px solid #E7E7E7; border-left:0; overflow:hidden;}
div#home-content #nieuws .item	{ padding-top:4px; line-height:1.2em;}
div#home-content #nieuws .item span { display:block; height:41px; overflow:hidden;}

/* content topbar */
div#content-topbar				{ float:left; margin-top:10px; font-size:0.9em;}
div#content-topbar a			{ }			
div.colA						{ width:100%;}
div.colB						{ width:700px;}
div#content-topbar #contentsearchbar	{ float:left; width:940px; padding:10px; margin-bottom:10px; border:1px solid #ccc;}
div#content-topbar #contentsearchbar .text 	{ float:left; font-size:1.8em; font-weight:bold; padding-top:2px;}
div#content-topbar #contentsearchbar .inputdiv	{ float:right; width:275px;}
div#content-topbar #contentsearchbar .inputdiv	input{ float:left; font-size:1.2em; width:200px; height:16px; padding-left:3px;}
a.btn-zoek						{ display:inline; float:left; width:44px; height:20px; text-indent:-9999px; background:url(images/btn-zoek.gif) no-repeat; margin-left:5px;}
div#content-topbar #breadcrum	{ float:left; padding-left:10px;}
div#content-topbar .showincenter{ margin-left:240px;}
div#content-topbar #docactions	{ float:right; padding-right:5px;}		
div#content-topbar #showbewaard	{ float:left; margin-top:10px; font-size:1.2em; line-height:1.3em; font-weight:bold; padding:10px; border:1px solid;}
div#content-topbar .bewaardsmall{ width:440px;}
div#content-topbar .bewaardbreed{ width:680px;}
div#content-topbar #bottombar	{ float:left; height:1px; background-color:#E7E7E7; margin-top:10px;}	

/* left content */
div#leftcol						{ float:left; width:240px;}
div#leftcol #leftspacer			{ width:100%; border-bottom:1px solid #E7E7E7; height:29px;}
div#leftcol #leftcontent		{ padding:15px 10px; font-size:1.1em; line-height:1.3em;}

/* content */
div#title						{ margin:0 0 10px 10px; border:1px solid #E7E7E7; border-width: 0 0 1px 0; padding:15px 0;}
div#rightcol .titleA			{ width:690px;}
div#rightcol .titleB			{ width:450px;}
div#title span.bijeenkomstextra	{ display:block; font-size:1.1em; margin-top:5px;}

div#contentblock				{ float:left;}
div#rightcol					{ float:left; border:0px solid red; min-height:300px;}
div#rightcol #rightcolA			{ float:left; width:450px; margin:0 10px; }
div#rightcol #rightcolB			{ float:left; width:220px; margin:12px 10px;}
div#rightcol #rightcolC			{ width:700px; margin:0 10px;}
div#rightcol #rightcolD			{ width:690px; margin:0 10px;}
div#rightcolA, div#rightcolB, div#rightcolC, div#rightcolD { font-size:1.1em; line-height:1.3em;}	
div#rightcol ul					{ list-style:disc; margin-left:15px;}
div#rightcol ol					{ list-style:decimal; margin-left:22px;}
div#rightcol h2					{ font-size:1.1em;}
div#title h2					{ font-size:1.6em;}
div#rightcol h3					{ font-size:1.0em;}
div#rightcol td					{ font-size:1.0em; line-height:1.3em;}

/* tooltips */
#tooltip 						{ position:absolute; z-index:3000; border:1px solid #555; background-color:#FDFCB7; padding:5px; opacity:1; width:350px; font-size:1.1em; font-weight:normal; line-height:1.3em;}

/* nieuws-bijeenkomsten */
div#rightcol #newsmetadata		{ border:1px solid #E7E7E7; border-width: 0 0 1px 0; padding-bottom:10px; margin-bottom:10px;}

/* aanmelden bijenkomsten */
table#lidaanmeldtable th		{ text-align:left; font-size:1.2em; padding-bottom:5px;}
table#lidaanmeldtable td.label	{ font-weight:bold; width:100px;}
table#geenlidaanmeldtable td			{ padding-bottom:3px;}
table#geenlidaanmeldtable td.label		{ font-weight:bold; width:150px;}
table#geenlidaanmeldtable input, table#geenlidaanmeldtable select	{ font-size:1.0em; width:250px;}

/* contact form */
table.contacttable td			{ padding-bottom:3px;}
table.contacttable td.label		{ font-weight:bold; width:150px;}
table.contacttable input, table.contacttable textarea	{ font-size:1.0em; width:250px;}

/* knoppen */
a.btn-bevestigaanmelding		{ display:block; width:140px; height:20px; text-indent:-9999px; background:url(images/btn-bevestigaanmelding.gif) no-repeat; margin-top:15px;}
a.btn-aanmelden					{ display:block; width:82px; height:20px; text-indent:-9999px; background:url(images/btn-aanmelden.gif) no-repeat; margin-bottom:10px;}
a.btn-verstuur					{ display:block; width:72px; height:20px; text-indent:-9999px; background:url(images/btn-verstuur.gif) no-repeat; margin-top:15px;}
a.btn-wordproeflid				{ display:block; width:102px; height:20px; text-indent:-9999px; background:url(images/btn-wordproeflid.gif) no-repeat; margin-top:15px;}
a.btn-gotostap2					{ display:block; width:147px; height:20px; text-indent:-9999px; background:url(images/btn-gotostap2.gif) no-repeat; margin-top:15px;}
a.btn-gotostap3					{ display:block; width:147px; height:20px; text-indent:-9999px; background:url(images/btn-gotostap3.gif) no-repeat; margin-top:15px;}
a.btn-verwijderen				{ display:block; width:91px; height:20px; text-indent:-9999px; background:url(images/btn-verwijderen.gif) no-repeat; margin-top:15px;}
a.btn-inloggen					{ display:block; width:71px; height:20px; text-indent:-9999px; background:url(images/btn-inloggen.gif) no-repeat; margin-top:15px;}
a.tooltip						{ display:block; float:left; width:11px; height:11px; text-indent:-9999px; background:url(images/itje.gif) no-repeat; margin:2px 0 0 3px;}
a.help							{ display:block; float:left; width:11px; height:11px; text-indent:-9999px; background:url(images/itje.gif) no-repeat; margin:15px 0 0 10px;}
a.helpmain						{ display:block; float:left; width:11px; height:11px; text-indent:-9999px; background:url(images/itje.gif) no-repeat; margin:5px 0 0 5px;}


/* email dit document */
div#mailthisdiv					{ padding:10px; background:#fff;}
div#mailthisdiv div.heading		{ font-size:1.1em; font-weight:bold;}
div#mailthisdiv div.title		{ width:95%; border:1px solid #000; font-size:1.6em; font-weight:bold; padding:5px; margin:10px 0;}
fieldset#mailthisFields			{ width:500px; font-size:1.1em;}
fieldset#mailthisFields label	{ width:200px; display:block; float:left; margin:0 43px 3px 0;}
fieldset#mailthisFields input	{ width:200px; margin:0 40px 3px 0; font-size:1.0em;}
fieldset#mailthisFields textarea{ width:300px; height:80px; font-size:1.0em;}
fieldset#mailthisFields div.buttons	{ float:right; margin-right:40px;}
div#emailerror					{ height:0px;}

/* proeflid formulier */
span.formsubheading				{ font-weight:bold;}
div.intro						{ float:left;}
div#stap1 div.intro				{ width:48%; padding-right:5px;}
div.intro div.title				{ font-weight:bold;}
table.ledenformNAW				{ }
table.ledenformNAW td			{ padding-bottom:3px; width:250px}
table.ledenformNAW td.label		{ font-weight:bold; width:200px;}
table.ledenformNAW input, table.ledenformNAW select	{ font-size:1.0em; width:200px;}
table.ledenformNAW textarea		{ font-size:1.0em;}
label.checkcol1					{ display: block; float:left; padding-top:2px; width: 600px;}
label.checkcol2					{ display: block; float:left; padding-top:2px; width: 300px;}
label.checkcol3					{ display: block; float:left; padding-top:2px; width: 200px;}
div#stap3 textarea				{ width:400px; height:100px;}
div#stap3 input.selectfile		{ width:200px; font-size:1.1em; display:block;}
div#stap3 textarea				{ font-size:1.0em;}

/* Leden profiel */
div#profielfoto					{ float:left; padding-right:10px;}
div#profielfoto img				{ width:150px;}
div.profielcol					{ float:left; width:210px; padding-right:10px; padding-top:10px;}

/* Leden lijst */
div.item div.ledencontent		{ float:left;}
div.ledencontent .title			{ display:block; font-weight:bold; font-size:1.1em; padding-bottom:5px;}
div.ledencontent .label			{ font-weight:bold; display:block; float:left; width:100px;}
div.ledencontent .link			{ display:block; padding-top:5px;}
div.item div.foto				{ float:right;}
div.item div.foto img			{ width:150px;}

/* bewaarde document lijst */
div.item div.checkbewaard		{ float:left; width:30px;}
div.item div.intro				{ float:left; width:460px;}
div.item div.intro .title		{ font-weight:bold; font-size:1.2em; display:block;}
div.item div.intro .text		{ display:block;}
div.item div.intro .left		{ float:left; width:320px;}
div.item div.intro .right		{ float:right; margin-right:15px; width:100px;}
div.item div.intro .right img	{ width:100px;}
div.item div.overig				{ float:right; width:200px;}
div.item div.overig	.label		{ font-weight:bold;}

/* literatuur */
iframe#literatureframe			{ width:961px;}

/* zoekresultaten */
div#searchresultSort			{ margin-top:15px;}
div.paging						{ display:none;}
div#pagingnav					{ width:100%; text-align:center;}
div#pagingnav span				{ font-weight:bold;}
div.subclassificaties			{ display:none; border:1px solid #999; width:240px; padding:5px; background-color:#fff; z-index:100;}
div.subclassificaties label		{ width:220px;}
div.classificaties				{ width:220px;}
div.classificaties-active		{ }
div.classificaties-active a		{ font-weight:bold;}
div#datasearch					{ margin-top:10px; float:left;}
div#datasearch input			{ width:60px; font-size:1.0em;}
a.datepicker					{ background:url(images/calendar.png) no-repeat 3px 1px; width:19px; height:16px; text-indent:-9999px; display:block; float:left; }
div#searchreset					{ margin-top:10px;}
div#dispsearchquery				{ margin-top:10px;}


/* Footer */
div#footer						{ position:relative; float:left; width:100%; border-top:1px solid #E7E7E7; margin:20px 0 40px 0; padding-top:7px; font-size:1.1em;}
div#footer #overons				{ position:relative; float:left; padding-left:10px;}
div#footer #copyright			{ position:relative; float:right; padding-right:10px;}

/* Over ons Menu */
#menu 							{ font-size:1.0em; width:200px; padding:0 0 10px 0;}
#menu ul 						{ margin:0 0 0 -16px; padding:0; width:200px; list-style:none; overflow:hidden;}
#menu a, #menu ul li			{ line-height:1.2em; width:200px;}	
#menu ul li 					{ padding:2px 0; margin-left:0px; float:left;}
#menu ul li a 					{ display:block; float:left; text-decoration:none;}	
#menu ul li:hover, #menu ul a:hover, #menu ul a:active, #menu ul a.HasSubMenu:hover { color:#952F90;}	
#menu ul li.level1selected 		{ font-weight:bold;}
#menu ul li.level2selected 		{ font-weight:bold;}
#menu ul li.level3selected 		{ font-weight:bold;}
#menu ul li.level4selected 		{ font-weight:bold;}
#menu ul li.level1 a, #menu ul li.level1selected a, #menu ul li.level1opened a { padding-left:1.5em;}	
#menu ul li.level2 a, #menu ul li.level2selected a, #menu ul li.level2opened a { padding-left:2.4em;line-height:1.2em;}	
#menu ul li.level3 a, #menu ul li.level3selected a, #menu ul li.level3opened a { padding-left:3.3em;line-height:1.2em;}	
#menu ul li.level4 a, #menu ul li.level4selected a, #menu ul li.level4opened a { padding-left:4.2em;line-height:1.2em;}
#menu ul li.level1selected a, #menu ul li.level2selected a, #menu ul li.level3selected a, #menu ul li.level4selected a { color:#952F90;}

/* algemeen */