@charset "UTF-8";

/* GEBRUIKTE KLEUREN 

	grijs:			#e0e0e0
	donkergrijs:	#a0a0a0
	geel: 			#d2b404 
	Fel-geel:		#FFFF00;
	rood:			#ce3041

*/

body{
	background: #000000 url(../images/growing_bg.jpg) left top repeat-x;
	color: #e0e0e0;
	
	margin: 0 auto 0 auto;
	padding: 0;
	
	text-align:center;
}

#wrapper{
	position: relative;
	text-align: left;
	width: 100%;
}

img{
	border: 0;
}

.img_left{
	float:left;
	
	margin: 0 8px 3px 0px;
	padding: 0;
}

.img_right{
	float:right;
	
	margin: 0 0 3px 8px;
	padding: 0;
}

.clear{
	clear: both;
	
}

.img_center{
	display:block;
	margin: 0 auto 0 auto;
}

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

.rand{	
	border: #e0e0e0 solid 1px;
}



/* Display none objecten */
#headertijdlijn, .skiplink{
	display: none;
}

/* DIV voor het lampen bg gedeelte, inclusief straling */
#sideheader{
	position: absolute;
	background: url(../images/sideheader_bg.jpg) left top repeat-x;
	
	margin: 0;
	
	top: 0px;
	
	width:100%;
	min-height: 522px;
}

* html #sideheader{
	height: 522px;
}

#mainlogo{
	position: absolute;
	top: 20px;
	left: 60px;
}

#mainheader{
	position: absolute;
	background: url(../images/header_bg.gif) left top no-repeat;
	
	margin: 0;
	padding: 0; 
	top: 0px;
	left: 0px;
	width: 980px;
	height: 275px;
	
	z-index: 100;
}

/* Hoofdmenu links in beeld */
#linkerkolom{
	position: absolute;
	top:300px;
	left: 14px;
	width: 181px;
	
	
}

h1, h2{
	position: relative;
	background: #000000;
	display:inline;
	
	top: -1em;
	left: 1.2em;
	
	color: #ce3041;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.9em;
	
	margin: 0;
	padding: 1px 5px 1px 5px;
	
	border: #ce3041 solid 1px;
	
	z-index: 50;
}

h3{
	position: relative;
	
	background: #000000;
	display:inline;
	
	top:2em;
	left: 320px;
	
	color: #ce3041;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.9em;
	
	margin: 0;
	padding: 1px 5px 1px 5px;
	
	border: #ce3041 solid 1px;
	
	z-index: 50;
}

#content h2{
	position: static;
	display: block;
	
	background:none;
	
	border: 0;
	
	margin: 0;
	padding: 0 25px 1.5em 25px;
	
	color:#d2b404;
	
	
	font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	font-size: 1.0em;
	
	text-align: center;
}

#content h3{
	position: static;
	display: block;
	
	background:none;
	
	border: 0;
	
	margin: 0;
	padding: 1em 25px 0em 25px;
	
	color:#d2b404;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
	text-align: left;
}

#content h4{
	position: static;
	display: block;
	
	background:none;
	
	border: 0;
	
	margin: 0;
	padding: 0em 75px 0em 75px;
	
	color:#d2b404;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 0.8em;
	text-align: left;
}

.parH4{
	padding: 0em 75px 1.5em 75px !important;
	font-size: 0.8em !important;
	
}

#linkerkolom div{
	position: relative;
	background:url(../images/container_leftside.gif);
	
	margin: 0 0 50px 0;
	
}

#hoofdmenu ul{
	list-style: none;
	padding: 0;
	margin: 0 0 0px 0;
}

#hoofdmenu li{
	color: #a0a0a0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.8em;
	
	margin: 0 0 0.8em 25px;
}

#hoofdmenu ul a:link, #hoofdmenu ul a:visited{
	color: #a0a0a0;
	text-decoration:none;
	padding: 0 0 0 19px;
}

#hoofdmenu ul a:hover{
	color: #d2b404;
	text-decoration:underline;
	padding: 0 0 0 19px;
}



/* Zoeken links in beeld */
#zoeken{
	position: relative;
	background:url(../images/container_leftside.gif) no-repeat;	
}

form{
	border: 0;
	padding: 0;
	margin: 0;
}
fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}

#zoeken label{
	display: none;
}

#zoeken select{
	background: #000000;
	border: #a0a0a0 solid 1px;
	
	color: #a0a0a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	margin: 0 0 5px 10px !important;
	padding:1px;
	
	width: 132px;
}

* html #zoeken select{
	margin-right: -7px !important;
	width: 128px;
}

.btn_alleenstaand{
	background: #000000;
	border: #a0a0a0 solid 1px;
	
	color: #a0a0a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	margin: 0 0 5px 10px !important;
	padding:1px ;
	
	width: 162px;
}

label{
	color: #e0e0e0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	float: left;
 	width: 20%;
	margin: 0;
	padding: 0 25px 1.5em 25px;	
	text-align:left;
}

textarea, input{
	background: #000000;
	border: #a0a0a0 solid 1px;
	
	color: #a0a0a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	margin: 0 0 5px 10px;
	padding:1px;
}

label:focus, textarea:focus, input:focus, select:focus{
	border: #d2b404 solid 1px;
}

input[type=submit]{
	background: #000000;
	border: #a0a0a0 solid 1px;
	
	color: #a0a0a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	margin: 0 0 5px 2px;
	padding:1px;
}

/* Feitjes voor bij de tijdlijn */
#lichtkrant{
	position: relative;
	background:url(../images/lichtkrant_bg.jpg) left top no-repeat;
	top: 32px;
	left: 635px;
	
	width: 344px;
	height: 88px;
}

/* Om de feitjes te kunnen scrollen moet de image in een container gestopt worden. */
#lichtkrantimgcontainer{
	position: relative;
	
	left: 15px;
	width: 310px;
	height:49px;
	
	overflow:hidden;
}

/* Het feitelijke feitje, weergegeven als image. Deze waardes worden door JS gemanipuleerd
om tot een animatie te kunnen komen */
#lichtkrantimgcontainer img{
	position: relative;
	top: 12px;
	left: -2px;
}

/* DIV voor de tijdlijn */
#tijdlijn{
	position: absolute;
	
	margin: 0;
	
	top: 152px;
	left: 32px;
	
	width: 517px;
	overflow: hidden;
}

/* OL voor de tijdlijn */
#menu_tijdlijn{
	position: relative;
	
	padding: 0;
	margin: 0;	
	
	left: 0px;
	width: 3620px;
	z-index: 250;
}

* html #menu_tijdlijn{
	width: 3960px;
}

#menu_tijdlijn li{
	background: url(../images/tijdlijnstreepjes.gif) left no-repeat;
	
	float:left;
	list-style:none;
	
	margin: 0;
	padding: 0 0 10px 0;

	width: 172px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	
	cursor: pointer;
}

#menu_tijdlijn li a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#menu_tijdlijn li a:visited{
	color:#e0e0e0;
	text-decoration:none;
}

#menu_tijdlijn li a:hover{
	background:#000000;
	color:#8b0a18;
	text-decoration:none;
}

/* Ordered list voor alle voorstellingen */
#menu_tijdlijn ol{
	display: none;
	background: #000000  url(../images/dropdown_bg.jpg);
	border: #FFFFFF solid 1px;
	
	padding: 6px 6px 0px 13px;
	margin: 0px 0 0 0;
	
	width: 151px;
	
	cursor: pointer;
}

* html #menu_tijdlijn ol{
	padding: 6px 0 6px 13px;
	width: 151px;
}

#menu_tijdlijn ol li{
	background: none;
	float: none;
	
	list-style: none;
	height:auto;

	padding: 0px;
	margin: 0px 0 1em 0;
	
	width: 151px;
	font-size: 0.8em;
	font-weight: bold;
	font-style:italic;
}

#menu_tijdlijn ol li a:hover{
	background: none;
	text-decoration: underline;
}

#scrollbar{
	position: absolute;
	
	top:132px;
	left:30px;
	
	width: 522px;
	height: 15px; 
}

#scrollbarimgcontainer{
	position: relative;
	background: url(../images/scroller.gif) no-repeat;
	
	width: 144px;
	height: 9px;
	top: 5px;
	left:377px;
	
	cursor: move;
}


/* CONTENT CONTENT CONTENT */
#contentcontainer{
	position: absolute;
	top:300px;
	left: 230px;
	width: 430px;
}

.breed{
	width: 720px !important;
	background: url(../images/container_widemiddelside.gif) !important;
}

 #contentcontainer div{
	position: relative;
	background: url(../images/container_middelside.gif);
	
	margin: 0 0 50px 0;
}
 
#contentcontainer p, #contentcontainer dl{
	color: #e0e0e0;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: justify;
	
	margin: 0;
	padding: 0 25px 1.5em 25px;
}

#contentcontainer dl.demakers{
	float: left;
	margin: 0 0 0 40px;
}


#contentcontainer ol, #contentcontainer ul{
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin:0 25px 1.5em 45px;
} 


#contentcontainer ul.cvul li{
	margin:0 25px 1.5em 0px !important;
}

#contentcontainer dt{
	margin: 1.2em 0 0 0;
	color:#8d8d8d;
	text-align:left;
}

#contentcontainer dt:first-child{
	margin: 0em 0 0 0;
}

#contentcontainer dd{
	margin: 0 0 0 65px;
	text-align:left;
}


#contentcontainer a:link{
	color: #d2b404;
	text-decoration:underline;
}

#contentcontainer a:visited{
	color: #d2b404;
	text-decoration:underline;
}

#contentcontainer a:hover{
	color: #ffff00;
	text-decoration: underline;
}


/* submenu */
#submenu ul{
	margin: 0 25px 0 15px;
	padding: 0;
}

#submenu li{
	display: inline;
	background: url(../images/devider_submenu.gif) left top repeat-y;
	
	color: #d2b404;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style:italic;
	
	margin: 0px;
	padding: 0px 5px 0 10px;
}

#submenu li:first-child{
	background: none;
}

#submenu li a:link{
	color: #d2b404;
	text-decoration:none;
}

#submenu li a:visited{
	color: #d2b404;
	text-decoration:none;
}

#submenu li a:hover{
	color: #ffff00;
	text-decoration: underline;
}

#mainteksten{
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
}

#leesmeerlink{
	padding: 0 !important;
	margin: 1em 25px 0 0 !important;
	
	text-align:right !important;
}


/* STYLES VOOR EXTRACONTENT */
#extracontent{
	position: absolute;

	margin: 0;
	padding: 0; 
	top: 300px;
	left: 690px;
	width: 258px;

	z-index: 100;
}

#extracontent a{
	margin: 0;
	padding: 0;
}

.contentImg{
	padding: 0;
	margin: -1em 0  -15px 4px !important;
}

* html .contentImg{
	margin: -1em 0  -24px 4px !important;
}

#extracontent div{
	position: relative;
	background: url(../images/extracontent_bg.gif) repeat-y;
	margin: 0 0 50px 0;
}

/* fragmenten */
#contentcontainer blockquote{
	padding: 0 !important;
	margin: 1.5em 2em 1.5em 50px;
	
	font-style:italic;
}

#contentcontainer #fragment blockquote{
	padding: 0 !important;
	margin: 0em 0 0em 0 !important;
	
}



#contentcontainer blockquote ul{
	padding:1em 25px 0px 50px !important;
	margin-left: 50px !important;
	
	font-style:italic !important;
}




#content .fragment_bron{
	font-style: normal;
	text-align:right;
	
	padding-bottom: 0px;
	margin-bottom: 3em;
	font-weight:bold;
}

/* publicaties */
#publicaties{
	color: #e0e0e0;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.9em;
	text-align: left;
	
	margin: 0;
	padding: 0 25px 1.5em 25px;
}

#publicaties li{
	margin: 0 0 1.2em 0;
	padding: 0;
	list-style:none;
}


/* FOOTER FOOTER FOOTER */
#footer{
	position: relative;
	width:720px;
}

#footer ul{
	margin: 0 25px 0 15px;
	padding: 0;
}

#footer li{
	display: inline;
	background: url(../images/devider_footer.gif) left top repeat-y;
	
	color: #e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
		
	margin: 0px;
	padding: 0px 5px 0 10px;
}

#footer li:first-child{
	background: none;
}

#footer li a:link{
	color: #e0e0e0;
	text-decoration:none;
}

#footer li a:visited{
	color: #e0e0e0;
	text-decoration:none;
}

#footer li a:hover{
	color: #d2b404;
	text-decoration: underline;
}


/* de complexe borders kunnen tekenen. */
.container_starter{
	position: absolute;
	top:-6px;
}

.container_afsluiter{
	position: relative;
	bottom:-10px;
}

#currenitem{
	font-weight: bold;
}

.mainteksten_height{
	height: 135px;
}

.contentImg{
margin: -1em 0 -9px 4px;
}


/* Icon files */
a.iconword:link, a.iconword:visited {
	background: url(../images/icon_word.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconrtf:link, a.iconrtf:visited {
	background: url(../images/icon_rtf.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconpdf:link, a.iconpdf:visited {
	background: url(../images/icon_pdf.gif) no-repeat;
	padding-left:25px;
	padding-top:4px;
}

a.iconwmv:link, a.iconwmv:visited {
	background: url(../images/icon_wmv.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconmov:link, a.iconmov:visited {
	background: url(../images/icon_mov.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconmp4:link, a.iconmp4:visited {
	background: url(../images/icon_mp4.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconjpeg:link, a.iconjpeg:visited {
	background: url(../images/icon_jpeg.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.icoflash:link, a.icoflash:visited {
	background: url(../images/icon_flash.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconwww:link, a.iconwww:visited {
	background: url(../images/icon_www.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

a.iconzip:link, a.iconzip:visited {
	background: url(../images/icon_zip.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;
}

/* SLIDESHOW STYLES, WEBSITE SPECIFIEK */
#slide_slideshowdiv{
	position: absolute;
	background: none !important;
	left:24px;
	width: 390px;
	/* Grote van de div waar de ul met thumbs in moet komen */
}

#slide_slideshowdiv li{
	position: relative;
	background: #333333;
	padding: 0;
	margin: 3px;
	border: #ce3041 solid 1px;
}

#slideshowcontainer{
	background-color:#000000;
	border:#ce3041 solid 1px;
}

#slideshow_titel_container{
	background: #1e1e1e;
	border:#ce3041 solid 1px;
}

#slideshow_titel_container h1{
	background: none;
	border: 0;
	color: #ce3041;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.8em;
	text-align:left;
	
	
	left: 0 !important;
	top: 5px !important;
	/* padding & margin mag niet gestyled worden */
}

#slideshowcontainer p{
	color: #ce3041 !important;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.8em;
	text-align:left;
	
	/* paragraaf onderaan met de slideshow control knoppen */
	/* padding & margin mag niet gestyled worden */
}

#slideshow_par_container img{

	/* slideshow control knoppen */
}

#slideshow_img_container{
	border: #ce3041 solid 1px;
	background:#1e1e1e;
	/* hoofdfoto container */
}



/* Flashobject voor films */
.flashmovie{
	margin: 0;
	padding: 0 25px 0 25px;
}


.verplicht{
	padding:0px !important;
	margin: 0 0 0em 25px !important;
	
	color:#ff0000;
}

.verplichtfout{
	clear: both;
	color:#ce3041 !important;
	background:url(../images/uitroepteken.gif) top left no-repeat;
	font-size: 0.8em !important;
	
	margin: 0 0 1.5em 25px !important;
	padding: 0 0 0 25px !important;
	text-align: left !important;
}

.leesmeerlink{
	position: relative;
	padding: 0 0 25px 0;
}