/* Algemene opmaak*/

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

body
{
	text-align: center; /* centreert in IE */
	background: url(../content/images/body_bg.jpg) repeat-x top ;
	background-color: #FFF;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font:75%/150% verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#606060;
}

a
{
	text-decoration: none;
	color: #a4b161;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-weight: bold;
	color: #a4b161;
	font-size: 140%;
}

h2
{
	background: url(../content/images/h2_arrow.gif) no-repeat left;
	padding-left: 20px;
	font-weight: bold;
	color: #a4b161;
	font-size: 120%;	
}

h3
{
	font-weight: bold;
	font-size: 120%;	
}

h4
{
	font-weight: normal;
	font-size: 120%;	
}

/* Positionering divs */

#container 
{
	width: 1000px;
	margin: 0 auto; /* centreert in Firefox */
	text-align: left; /* zet text links ipv centreren - overruled body */		
}

#header 
{
	background: url(../content/images/header_bg.jpg) no-repeat top;
	height:120px;	
}

#languages
{
	position: relative;
	top: 22px;
	width: 50px;
	left: 683px;
	font-size: 90%;
}

#languages a
{
	color: white;
}

#quicklinks
{
	position: relative;
	top: 4px;
	width: 240px;
	left: 745px;
	font-size: 90%;
}

#logo
{
	position: relative;
	top: 10px;
	left: 40px;
}

#search
{
	position: relative;
	top: -23px;
	left: 750px;
	width: 230px;
	background: url(../content/images/search_field.gif) no-repeat right;	
}

#wrapper 
{	
	/*background-color: #FFF; /* dit eventueel met een achtergrondbeeld om de illusie te geven dat navigation en extra gelijk lopen met content */
	width: 100%;
	float: left; /* zorgt ervoor dat de rest rechts van dit blok komt te staan ipv er onder */
	margin: 0px;
}

#content 
{
	background: url(../content/images/content_bg.jpg) no-repeat top;
	height: auto; /* geen vaste height meegeven ! */
	margin: 0px 255px 0 0px; /* margins boven, rechts, onder, links van de rand - waarde moet gelijk zijn aan breedte van navigation en extra!! */
}

#nav
{
	position: relative;
	top: 20px;
	left: 20px;
	width: 710px;
	height: 60px;
	z-index: 2;
}

#text
{
	position: relative;
	left: 10px;
	width: 696px;  /* 736 - 10 (left)  - 15 (padding) - 15 (padding) */
	background-color: #FFF;
	padding: 15px;
	padding-bottom: 30px;
}

#bottom
{	
	position: relative;
	left: 10px;
	width: 726px;
	background: url(../content/images/bottomblock_line.jpg) no-repeat top;
	padding-top: 1px;	
	float: left;
}

#extra 
{
	background: url(../content/images/extra_bg.jpg) no-repeat top;
	/*height: auto;*/
	width: 264px; /* waarde moet overeenkomen met rechter margin van content!! */
	height: 604px;
	float: left; /* zorgt ervoor dat de rest rechts van dit blok komt te staan ipv er onder */
	margin-left: -264px; /* zorgt ervoor dat deze blok bovenaan RECHTS komt te staan - waarde moet gelijk zijn aan breedte van zichzelf!! */	
}

#footer 
{
	background: url(../content/images/stippellijn.gif) repeat-x top;
	height: 50px;
	width: 736px;
	clear: left; /* zorgt ervoor dat deze onder al de rest komt te staan */ 
	font-size: 75%;
	padding-top: 10px;
	text-align: center;
}


/* specifieke opmaak */

#nav a
{
	color: #FFF;
	text-decoration: none;	
}

#nav a:hover
{
	color: #a4b161;
	text-decoration: underline;
}

#content img.left
{
	border: 1px solid #a4b161;
	margin-right: 18px;
	float: left;
}

#content img.right
{
	border: 1px solid #a4b161;
	margin-left: 18px;
	float: right;
}

#bottom h2
{
	font-size: 110%;	
}

#bottom  td p
{
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
}

#bottom  td
{
	background: url(../content/images/td_bg.jpg) no-repeat top;
	padding: 10px;
	vertical-align: top;
}

#bottom td img
{
	border: 1px solid #a4b161;
}

#extra table
{
	margin-left: 1px;
	margin-top: 4px;
	width: 251px;	
}

#extra td
{
	background: url(../content/images/right_bg.jpg) no-repeat top;	
	padding: 15px 7px 25px 20px;
}

#search td
{
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;	
}

#search input
{
	border: 0px;	
	background-color: transparent;
	width: 116px;
	height: 19px;
	text-indent: 3px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#606060;	
	font-size: 90%;
	margin-left: 15px;
}

#quicklinks a
{
	color: #a4b161;
	text-decoration: none;
	text-transform: uppercase;
}

#quicklinks a:hover
{
	color: #a4b161;
	text-decoration: underline;
}
.jqueryslidemenu
{
	font: bold 12px Verdana;
	background: #606060;
	width: 100%;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;	
}

/*Top level menu link items style*/

.jqueryslidemenu ul li a
{
	display: block;
	background: #606060; /*background of tabs (default state)*/
	color: white;
	padding: 8px 10px;
	border-right: 1px solid #778;
	color: #2d2b2b;
	text-decoration: none;
	text-transform: uppercase;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;	
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;	
}

.jqueryslidemenu ul li a:hover{
	
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;	
	visibility: hidden;	
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
	text-transform: none;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}
/* Search.pl */

table.search
{
	
}

table.search td
{
	vertical-align: top;
	padding-bottom: 10px;
}

table.search td span.highlight
{
	font-weight: bold;
}
#cluetip-close img
{
  border: 0;
}

#cluetip-title
{
  overflow: hidden;
}
#cluetip-title #cluetip-close
{
  float: right;
  position: relative;
}
#cluetip-waitimage
{
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: white;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 5px 5px 5px 5px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #a4b161;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 0 5px 5px 5px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
/*
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}*/