html, body
	{
		margin:0px;
		padding:0px;
		background-color:#F2EFE9;
		color:black;
		font-size:100%;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}
 form
 {
 		font-size:small;

 }
.submenu
{
		background-color:#EAE6E0;
		color:black;		
}

.leftmenu
{
	width:159px;
	position:absolute;
	left:-160px;
	top:0px;
	
font-size:small;
}

/* left panel menu items */

.leftmenu dl
{
		margin:0px;
		padding:0px;
		margin-bottom:.5ex;
}
.leftmenu dl dt,.leftmenu dl dd
{
		margin:0px;
		padding:0px;
		padding-left:.5ex;	
}

fieldset
{
	border-style:none;
	
}

input.inpbtn
{
	background-color:white;
	color:black;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:2px solid #606060;
	border-bottom:2px solid #606060;
	font-family:Arial,Helvetica,sans-serif;
}
/* tabs at the top */

body div#topmenu
{
	background-color:white;
	background-image:url(../backgrounds/toppanel.png);
	color:white;
	margin:0px;
	padding:0px;
	height:32px;	
	padding-right:130px;		
}
body div#topmenu a
{
	display:block;
	float:left;	
	padding:0px;
	margin-top:4px;	
	padding-top:2px;
	height:25px;
	position:relative;
	z-index:40;
	text-decoration:none;
}

body div#topmenu a span
{
	display:block;
	padding-left:8px;
	padding-right:8px;
	color:white;
	z-index:40;
	font-size:small;

}


body div#topmenu a:hover,.tm
{
		height:25px;		
		border:1px solid black;
		border-bottom-style:none;
		color:black;
		z-index:30;
}

body div#topmenu a.n:hover,.tm_n,#submenu_n
{
	background-color:#D5CCBB;
}
body div#topmenu a.p:hover,.tm_p,#submenu_p
{
	background-color:#EC9752;
}
body div#topmenu a.c:hover,.tm_c,#submenu_c
{
	background-color:#99B3CC;
}
body div#topmenu a.t:hover,.tm_t,#submenu_t
{
	background-color:#C9935F;
}
body div#topmenu a.g:hover,.tm_g,#submenu_g
{
	background-color:#A7CC95;
}
body div#topmenu a.l:hover,.tm_l,#submenu_l
{
	background-color:#F05858;
}
body div#topmenu a.w:hover,.tm_w,#submenu_w
{
	background-color:#EFC75D;
}


body div#topmenu a:hover span,body div#topmenu a.tm span
{
	padding-left:7px;
	padding-right:7px;
	color:black;
}
 
.subdropmenu
{
  display:none;
  position:absolute;
  list-style:none;
  margin:0px;  
  padding-left:0px;
  padding-top:4px;
  padding-bottom:4px;
  padding-right:0px;
  width:auto;
  
  border:1px solid black;
  z-index:20;
 }
 ol.subdropmenu li 
 {    
  width:100%;
 }

ol.subdropmenu li a
{
  display:block;
  padding-left:7px;
  padding-right:7px;
 

  color:black;
  text-decoration:none;
 }
ol.subdropmenu li a:hover
{
  background-color:#EAE6E0;
  
 }
   
/* h1 header with coloured background (colour determined by b.css, c.css etc) */

h1
{
	font-size:xx-large;
	font-weight:normal;
				
	margin:0px;
	padding:0px;			
	padding-left:170px;
	padding-top:6px;
	height:51px;
	color:black;	
	
	border-bottom:1px solid black;
}

h2
{
	font-size:large;
	font-weight:normal;
	margin:0px;
	padding:0px;			
	padding-top:.5ex;
	padding-left:10px;
	margin-bottom:.5ex;
}


.leftmenu h2
{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px;		
	background-image:url(../backgrounds/leftpanelheader.png);	
	border-bottom:1px solid black;
	border-top:1px solid black;
	padding-left:.5ex;
}


/* main content containers, required for padding/borders of the left panel */

.contents
{
	border-left:1px solid black;
	position:relative;
}
.main
{
	border-left:160px solid #EAE6E0;
	position:relative;
}


/* content markup, paragraphs, sample code blocks etc */

p
{
	margin:0px;
	padding:1ex;
	font-size:small;
}
li,td
{
	font-size:small;
}
pre
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:.2ex;
	background-color:#FBFAF9;
	overflow:auto;

}
pre span.b
{
	color:#406180;
}
pre span.r
{
	color:#C01b00;
}

/* hyperlinks */

a
{
	color:#2840A0;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}
a:visited
{
	color:#50408A;
}



/* dlTree styles */


	dl.dlTree
	{
		margin:0px;
		padding:0px;
		font-size:11px;
	
	}	
	dl.dlTree dt
	{
		margin-left:0px;
		padding-left:14px;
		cursor: pointer; background: url(../backgrounds/plus.png)  0px 1px no-repeat; 
	}	
	
	dt.dlTreeOpen
	{
		background-image: url(../backgrounds/minus.png) !important; 
	}	
	
	dl.dlTree dd
	{
		margin-left:0px;
		padding-left:7px;
		display:none;
	}	
	dd.dlTreeOpen  
	{
		display:block !important;
	}	


a#vdrlnk
{
	position:absolute;
	right:8px;
	top:8px;
	z-index:4;
	
}

a#vdrlnk img
{
	
	border-style:none;
	
}

/* language stuff */

#langswitcher
  	{
  	 position:absolute;
  	 right:1em;
  	 top:3em;
  	 width:30em;
  	 text-align:right;
    }
    
a.langswitch
    {
      color:white;
      border-width:1px;
      border-style:solid;
      padding-left:1ex;
      padding-right:1ex;
      font-size:11px;
    }
    
a.langsep
    {
      color:white;
    }


body.lang-nl  .lang-en
{
	display:none !important;
}

body.lang-en  .lang-nl
{
	display:none !important;
}

body.lang-nl  .sel-nl
{
	background-color:white;
	color:black;
	border-color:black;
}

body.lang-en  .sel-en
{
	background-color:white;
	color:black;
	border-color:black;
}

/* clearers etc */
.clearer
{
  clear:both;
  line-height:1px;
  overflow:hidden;
}

/* flicks photo lists */

.flickrphotos
{
  padding:5px;
}

.flickrphotos a img {
    border: 1px solid black;
}

/* tabs */

.tabcontainer
{

  padding-top:2px;
}
.tabname
{
  position:relative;
 
  display:block;
  float:left;
  margin-left:1em;
  cursor:pointer;
  border:1px solid transparent;
  border-bottom-width:0px;
  color: black;
  padding-left: 7px;
  padding-right: 7px;
  font-weight:normal;
  font-size:small;
  text-decoration:none;
  z-index:4;
}
.tabname:hover
{
  background-color:white;
  border-color:black;
  text-decoration:none;
}
.activetabname
{
  background-color:white;
  border-color:black;   
  border-bottom:1px solid white !important;
  text-decoration:none;
}


.tab
{
  clear:left;
  position:relative;
  top:-1px;
  border-top:1px solid black;
  border-bottom:1px solid black;
  background-color:#ffffff;   
  z-index:3;
  display:none;
}

.activetab
{
  display:block;
}
/* photo divs */
.photocapt
{
	display:block;
	float:left;
	background-color:white;
	border:1px solid #808080;
	color:#404040;
	margin:12px;
  padding:6px;
  text-align:center;
  font-family:Courier New, Courier, fixed;
  text-transform:lowercase;
  font-size:12px;
  text-decoration:none;	
 
}
.photocaptunder 
{
	display:block;
	float:left;
	color:#404040;
	margin:12px;
  padding:6px;
  text-align:center;
  font-family:Courier New, Courier, fixed;
  text-transform:lowercase;
  font-size:12px;
  text-decoration:none;	
 
}

.photocaptunder img
{
	background-color:white;
	border:1px solid #808080;
}

.photocaptsmall
{
  	

}
.photocapt a img
{
	border:0px solid #808080;
	
}