@charset "UTF-8";
@import url("css/reset.css");

span.groen { color: #39bd3c; } 

.blauw .kleur			{ color:  #164d9a; }
.groen .kleur			{ color:  #2eaa47; }
.oranje .kleur			{ color:  #e3000f; }

a 						{ color: #164d9a; text-decoration: none; }
a:focus, a:hover		{ color: #000; }
	a.wit				{ color: #fff; }
	a:hover.wit			{ color: #000; }

.blauw a { color:  #164d9a; }
.groen a { color:  #2eaa47; }
.oranje a { color:  #e3000f; }
.blauw a:hover, .groen a:hover, .oranje a:hover { color: #000; }

html, body 				{ height: 100%; }
body 					{ background: #164d9a; font-family: Arial, Helvetica, sans-serif; font-size: 68.8%; }
table 					{ height: 100%; margin: 0 auto; vertical-align: middle; }

a.animatielink {
	bottom: 0;
	background-repeat: no-repeat;
	display: block;
	height: 44px;
	position: absolute;
	text-indent: -9999px;
	width: 132px;
	}
body.nl a.animatielink{ background-image: url(img/bg/nl_animatie_nonhover.gif); }
body.nl a:hover.animatielink{ background-image: url(img/bg/nl_animatie_hover.gif); }
body.de a.animatielink{ background-image: url(img/bg/de_animatie_nonhover.gif); }
body.de a:hover.animatielink{ background-image: url(img/bg/de_animatie_hover.gif); }
body.en a.animatielink{ background-image: url(img/bg/en_animatie_nonhover.gif); }
body.en a:hover.animatielink{ background-image: url(img/bg/en_animatie_hover.gif); }
body.fra a.animatielink{ background-image: url(img/bg/fr_animatie_nonhover.gif); }
body.fra a:hover.animatielink{ background-image: url(img/bg/fr_animatie_hover.gif); }

#splash					{ background: url(img/bg/splash.jpg) no-repeat center center; height: 769px; margin: 0 auto; position: relative; width: 1000px; }
	#splash #footer		{ background: none; bottom: 0px; color: #fff; padding: 0; position: absolute; width: 1000px; }
	#splash #footer	p	{ float: none; margin: 0; width: auto; }
	#splash #footer a	{ color: #fff; }
	#splash #lang		{ margin: 0 auto; position: relative; top: 235px; width: 168px; }
	#splash #lang a		{ border: 3px solid #fff; display: inline; float: left; height: 28px; margin: 0 4px; text-indent: -9999px; width: 28px; }
	#splash #lang a:hover { border: 3px solid #164D9A; }
	
		#splash #lang a.nl		{ background: url(img/bg/bglang.jpg) no-repeat #fff 0 0; }
		#splash #lang a.en		{ background: url(img/bg/bglang.jpg) no-repeat #fff -28px 0px; }
		#splash #lang a.fr		{ background: url(img/bg/bglang.jpg) no-repeat #fff -56px 0px; }
		#splash #lang a.de		{ background: url(img/bg/bglang.jpg) no-repeat #fff -84px 0px; }
		
		
ul#language				{ display: block; float: left; list-style: none; margin: 0; position: relative; top: 14px; width: 67px; }
	#splash ul#language  	{ display: none; }
	ul#language li			{ float: left; height: 11px; padding: 0 5px 0 0;width: 17px; }
	ul#language li a 		{ display: block; height: 11px; margin: 0 0 0 10px; /* IE6 */ text-indent: -9999px; width: 16px; }
	ul#language li.nl a		{ background: url(img/lang/nl.gif) no-repeat; }
	ul#language li.en a		{ background: url(img/lang/gb.gif) no-repeat; }
	ul#language li.fr a		{ background: url(img/lang/fr.gif) no-repeat; }
	ul#language li.de a		{ background: url(img/lang/de.gif) no-repeat; }

#wrapper				{ background: url(img/content/blauwbgwrapper.jpg) left top no-repeat #fff; overflow: hidden; margin: 0 auto; position: relative; width: 1000px; }
	#wrapper.blauw		{ background: url(img/content/blauwbgwrapper.jpg) left top no-repeat #fff; }
	#wrapper.groen		{ background: url(img/content/groenbgwrapper.jpg) left top no-repeat #fff; }
	#wrapper.oranje		{ background: url(img/content/oranjebgwrapper.jpg) left top no-repeat #fff; }

.wrapperimg 			{ position: relative; }
.imageholder		 	{ position: absolute; }
.imageholder img 		{ height: auto !important; width: auto !important; }
.zindex					{ position: relative; z-index: 20; }

#nav					{ margin: -18px 0 0 0; position: absolute; width: 290px; }
#nav a 					{ color: #fff; padding: 3px 10px; }
#nav a:hover			{ color: #fff; }
#wrapper.blauw #nav a	{ color: #164d9a; }
#wrapper.groen #nav a	{ color: #2eaa47; }
#wrapper.oranje #nav a	{ color: #e3000f; }
#wrapper #nav a.activeSlide		{ color: #fff; padding-top: 5px;  }

a#controls				{ background: url(temp/img/controls.gif) no-repeat 10px 0; cursor: pointer; display: none; margin: -18px 0 0 260px; position: absolute; text-align: center; height:17px; width: 30px; }
a#controls.play			{ background-position: -17px 0; }
#wrapper.blauw a:hover#controls		{ background-position: 10px -21px; }
#wrapper.groen a:hover#controls		{ background-position: 10px -42px; }
#wrapper.oranje a:hover#controls	{ background-position: 10px -63px; }
#wrapper.blauw a:hover#controls.play	{ background-position: -17px -21px; }
#wrapper.groen a:hover#controls.play	{ background-position: -17px -42px; }
#wrapper.oranje a:hover#controls.play	{ background-position: -17px -63px; }
  
#head					{ background: #fff; height: 104px; margin: 0 0 0 118px; padding: 25px 0 0 0; width: 882px; }
#logo 					{ float: right; margin: 0 30px 0 0; }
	#logo a				{ background: url(img/bg/logo.jpg); display: block; height: 56px; text-indent: -9999px; width: 263px; }
#container				{ background: url(img/bg/bgsidebar.png) repeat-y 290px 0; position: relative; width: 1000px; }
.menu					{ display: inline; float: left; margin: 0 0 0 290px; width: 152px; }
	.menu ul			{ font-size: 1.091em; font-weight: bold; letter-spacing: 0.10em; list-style: none; margin: 5px 0 0 0; text-align: right; }
	.menu ul li ul		{ font-size: 0.75em; margin: -8px 0 0 0; text-align: right; }
	.menu ul li			{ line-height: 2.5em; }
	.menu ul li	ul li	{ line-height: 1.5em; }
	.menu ul li a		{ color: #000; display: block; padding: 0 12px 0 0; width: 140px; } 
	.blauw .menu ul li a:hover, .blauw .menu ul li.active ul li a:hover { color:  #164d9a; }
	.groen .menu ul li a:hover, .groen .menu ul li.active ul li a:hover { color:  #2eaa47; }
	.oranje .menu ul li a:hover, .oranje .menu ul li.active ul li a:hover {color:  #e3000f; }
.blauw .menu ul li.active ul li a, .groen .menu ul li.active ul li a, .oranje .menu ul li.active ul li a { color:  #000; }
.blauw .menu ul li.active a, .blauw .menu ul li.active ul li.active a { color:  #164d9a; }
.groen .menu ul li.active a, .groen .menu ul li.active ul li.active a { color:  #2eaa47; }
.oranje .menu ul li.active a, .oranje .menu ul li.active ul li.active a { color:  #e3000f; }

#content				{ float: left; height: auto !important; height: 320px; padding: 0 0 0 16px; position: relative; min-height: 320px; width: 542px; }
#content .thumb			{ float: left; width: 132px; }
#content #tekstwrapper	{ float: left; margin: 0 0 0 16px;  letter-spacing: 0.075em; line-height: 2em; position: relative; width: 364px; }
#content p#paginatie, #content p#paginatie-locatie	{ float: right; letter-spacing: 0.075em; line-height: 2.1em; padding: 0 32px 0 0; text-align: right; }
#content p#paginatie a.next, #content p#paginatie a.prev, #content p#paginatie-locatie a.next, #content p#paginatie-locatie a.prev { font-size: 1.2em; padding: 12px 6px; }

#content p#paginatie a.next, #content p#paginatie a.prev { font-size: 1.2em; padding: 12px 6px; }

#content.locatie		{ background: url(img/content/kaartlocatie.jpg) bottom center no-repeat; margin: 0 0 -230px 16px; padding: 0 0 320px 0; position: relative; z-index: 999; }
#content.locatie1		{ background: url(img/content/kaartlocatie1.jpg) bottom center no-repeat; margin: 0 0 -160px 16px; padding: 0 0 170px 0; position: relative; z-index: 999; }

.thumbs					{ background: #fff; clear: both; height: 132px; margin: 0 0 0 290px; padding: 18px 0 0 12px; }
.blauw .thumbs			{ background: url(img/content/bgthumbs.jpg) no-repeat #fff 20px 18px; }
.oranje .thumbs			{ background: url(img/content/bgthumbs.jpg) no-repeat #fff 20px -132px; }
.groen .thumbs			{ background: url(img/content/bgthumbs.jpg) no-repeat #fff 20px -282px; }

.thumbsupload			{ background: #fff; margin: 0 0 0 0px; }
.thumbsupload img		{ margin: 0 4px 0 8px; vertical-align: bottom; }

#footer					{ background: #fff; height: 40px; letter-spacing: 0.025em; line-height: 40px; padding: 0 10px; text-align: center; }
	#footer a			{ color: #000; }
	#footer a:hover,
	#footer a:focus		{ color: #164d9a; }
	#footer p			{ display: inline; float: left; margin: 0 15px 0 0; width: 894px; }

#flashholder			{ display: none; line-height: 18px; text-align: center; }

.errors { border-bottom: 1px solid #ccc; color: red; margin: 0 0 19px 0; padding: 0 0 10px 0; width: 350px; }

/* Algemeen */
h1						{ font-size :1.636em; letter-spacing: 0.05em; line-height: 1.125em; margin: 0 0 10px 0; }
#head h1				{ font-size :1.636em; letter-spacing: 0.05em; line-height: 1.125em; margin: 16px 30px 0 30px; width: 438px; }
h2						{ font-size :1.4em; letter-spacing: 0.05em; line-height: 1.125em; }

p						{ margin: 0 0 0.75em; }
p img.left				{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right				{ float: right; margin: 1.5em 0 1.5em 1.5em; }

em						{ font-style: italic; }
strong					{ font-weight: bold; }

ul 						{ list-style-type: disc; }
ol 						{ list-style-type: decimal; }
ul, ol 					{ margin: -1em 1.5em 1.5em 1.5em; }
li ul, li ol 			{ margin:0 1.5em; }

blockquote				{ font-style: italic; }

fieldset, form			{ }
label					{ float: left; padding: 4px 0; width: 120px; }
input.text, textarea	{ border: 1px solid #aaa; padding: 4px 3px; width: 220px; }
input#submit			{ margin: 10px 0 0 120px; padding: 0; width: auto; }

.lhgroot				{ line-height: 3em; }

.fl						{ float: left; }
.fr						{ float: right; }
.clear					{ clear: both; }
.clearfix:after 		{ content: "."; clear: both; display: block; height: 0; line-height: 0; visibility: hidden; }