body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #663C16;
		font-size: 0.8em;
		background: url(images/body.gif) fixed 0 0 no-repeat #C8E7F4;
		text-align: center;
}

#logo{
		float: left;
		width: 800px;
		margin: 50px auto 0 105px;
		padding: 0;
		display: inline;
		text-align: left;
}


#container{
		float: left;
		width: 800px;
		margin: 0 auto 10px 105px;
		padding: 0 0 20px 0;
		display: inline;
		text-align: left;
		
}

body > #container {
background: url(images/tp.png) repeat;
}


#nav{
		width: 800px;
		background: #663C16;
		height: auto;
		margin: 0;
		padding: 0;
		
}

#boxleft{
		margin: 20px 0 0 0;
		float: left;
		width: 500px;
		padding: 0 15px 20px 15px;
		border-right: #663C16 solid 2px;
		text-align: justify;
}

#facts{
		width: 800px;
		margin: 40px 0 0 0;
		padding: 0;
}

#facts_header{
		width: 790px;
		margin: 0;
		background: #FFEB00;
		padding: 5px;
		font-weight: bold;
		font-size: 1.5em;
		
		
}

#facts_header2{
		width: 790px;
		background: #FFFFFF;
		margin: 0 0 10px 0;
		padding: 5px;
		font-weight: bold;
		color: #12B6D7;
}

#facts_header3{
		width: 790px;
		border-top: 1px dashed #FFFFFF;
		border-bottom: 1px dashed #FFFFFF;
		padding: 5px;
		font-weight: bold;
		color: #12B6D7;
}

#facts_block{
		width: 100px;
		padding: 0 0 0 5px;
		

}

#back{
		width: 790px;
		margin: 0;
		padding: 5px;
}

#facts_content{
		width: 795px;
		margin: 10px 0 0 0;
		padding: 5px 0 5px 5px;
}

#facts_more{
		margin: 0;
		padding:3px 0 5px 0;
		text-align: right;
		width: 790px;
		font-weight: bold;
		
}

#boxright{
		margin: 20px 0 0 0;
		float: left;
		width: 255px;
		padding: 0 0 0 10px;
}

#boxright_top{
		margin: 0 0 10px 0;
		padding: 10px 0px 10px 10px;
		color: #3A8A8B;
}

#boxright_img{
		margin: 0 0 10px 0;
		padding: 0;
		text-align: center;
		color: #3A8A8B;
		font-size: 10px;
}

#box_bottom{
		margin: 40px 0 0 0;
		padding: 0;
		text-align: center;
		color: #3A8A8B;
		font-size: 10px;
}

#library_item{
		width: 790px;
		height: 55px;
		margin: 10px 0 0 0;
		padding: 5px 5px 10px 5px;
		border-bottom: 1px dashed #FFFFFF;
		font-size: 10px;
		
}

#linx{
		width: 790px;
		height: 90px;
		padding: 5px 0 10px 0; 
		border-bottom: 1px dashed #FFFFFF;
		
}

#linx_left{
		float: left;
		width: 12px;
		padding: 0 0 0 5px;;
		margin: 0;
		
}

#linx_logo{
		float:left;
		width: 100px;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: right;
}

#linx_center{
		float: left;
		width: 260px;
		padding: 0 0 0 5px;
		margin: 0;
		font-size: 11px;
}

#linx_right{
		float: left;
		width: 390px;
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 11px;
}

#agenda{
		width: 500px;
		margin: 0;
		padding:0;
		

}
#agenda_header{
		width: 400px;
		margin: 0;
		padding: 0 10px 0 5px;
		color: #12B6D7;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px dashed #FFFFFF;
		
}

#agenda_item{
		
		width: 400px;
		margin: 0;
		padding: 10px 10px 0 5px;
		font-size: 11px;
		
}

#agenda_next{
		width: 500px;
		margin: 0;
		padding: 0;
		

}



/*opmaak*/

#boxleft h1{
		text-align: left;
}

.left{
		text-align: left;

}

h2{
		font-weight: bold;
		font-size: 1.2em;
}

h3{
		font-weight: bold;
		font-size: 1em;
		line-height: 0;
		margin: 30px 0 10px 0;
}

h4{
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 5px 0;
		
		
}	

.italic{
		font-style: italic;
		font-size: 11px;
		
}

a{
		color: #3A8A8B;
		text-decoration: none;
}

a:hover{
		color: #663C16;
		text-decoration: underline;
}

span{
		font-weight: bold;
		font-style: italic;
}

small{
		font-size: 0.8em;
}

.link_country{
		text-decoration: underline;
}

.bold{
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		padding-bottom: 10px;
}

.color{
		color: #3A8A8B;
		border-bottom: 1px dashed #FFFFFF;
}

/*table facts*/
.table_1{
		width: 795px;
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 0.8em;		
}

.table_2{
		width: 795px;
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		border-bottom: 1px dashed #FFFFFF;

}


td{
		vertical-align: top;
		padding: 0 0 10px 0;
}

.td_1{
		width: 100px;
}

.td_2{
		width: 260px;
}

.td_3{
		width: 150px;
}




/*navigation*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

 /* common styling */
.menu {
		float: left; 
		width: auto; 
		font-size: 11px; 
		background: #663C16;
		 
		 
}

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


/*top level list elements*/
.menu ul li {
		float: left; 
		position: relative;
		width: 132px;
}

/*style top level links*/
.menu ul li a, .menu ul li a:visited {
		float: left; 
		display: block; 
		text-decoration: none; 
		color: #FFFFFF; 
		font-weight: bold;
		padding: 0px 16px; 
		line-height: 25px; 
		height: 30px;
		width: 100px;
}

/*width top level hover*/
.menu ul li:hover {
		width: 132px;
}


/*style top level hover*/
.menu ul li:hover a {
		background: #C8E7F4;
		color: #663C16; 
		font-weight: bold;
		width: 100px;
		
}

/*second level non visible*/
.menu ul li ul {
		display: none;
}


/* specific to non IE browsers - second level*/
.menu ul li:hover ul {
		display: block; 
		position: absolute;
		top: 29px;
		background: #12B6D7; 
		color: #FFFFFF; 
		margin-top: 1px; 
		left: 0; 
		font-weight: normal;
		width: 132px;
}

.menu ul li:hover ul.scroller {
		height: 138px; 
		width: 150px; 
		overflow: auto;
}


/*style second level*/
.menu ul li:hover ul li a {
		display: block; 
		background: #12B6D7; 
		color: #663C16;
		height: auto;
		line-height: 15px;
		padding: 4px 16px; 
		width: 100px;
		font-weight: normal;
		
		
}

/*style second level hover*/
.menu ul li:hover ul li a:hover {
		color: #FFFFFF; 
		background: #663C16;
}


/* specific to IE5.5 and IE6 browsers */

/*IE top*/
.menu ul li a:hover {
		background: #C8E7F4;
		color: #663C16; 
		font-weight: bold;
		text-decoration: none;
		width: 100px;
		
}

/*IE*/
.menu table {
		margin: 0; 
		border-collapse: collapse; 
		font-size: 11px; 
		position: absolute; 
		top: 0; 
		left: 0;
}

/*second level*/
.menu ul li a:hover ul {
		display: block;
		position: absolute;
		top: 30px; 
		t\op: 29px; 
		background: #12B6D7;
		font-weight: normal;
		left: 0; 
		marg\in-top: 1px;
		text-decoration: none;
		
		
}

.menu ul li a:hover ul.scroller {
		height: 138px; 
		overflow: auto;
		
}

/*IE style second level links*/
.menu ul li a:hover ul li a {
		display: block; 
		color: #663C16;
		font-weight: normal;
		height: 1px; 
		line-height: 15px; 
		padding: 4px 16px; 
		width: 132px;
		w\idth: 100px;
		text-decoration: none;
}

/*IE second level hover*/
.menu ul li a:hover ul li a:hover {
		color: #FFFFFF; 
		background: #663C16;
		text-decoration: none;
		font-weight: normal;
}

/* FF hover = second level */
.menu ul li:hover ul li a.grey {
		background:#888;
		color: #FFFFFF;
}

.menu ul li:hover ul li a:hover.grey {
		background: #888;
		color: #FFFFFF; 
}


/* IE second level hover grey */
.menu ul li a:hover ul li a:hover.grey {
		background: #888;
		color: #FFFFFF; 
		text-decoration: none;
		font-weight: normal;
}

.menu ul li a:hover ul li a.grey {
		display: block; 
		color: #FFFFFF;
		font-weight: normal;
		height: 1px; 
		line-height: 15px; 
		padding: 4px 16px; 
		width: 132px;
		w\idth: 100px;
		text-decoration: none;
		background: #888;
}

/* button agenda */

#agenda_next ul {
		list-style-type: none;
}

#agenda_next ul li a {
		margin: 0;
		padding: 0;
		height: 30px;
		display: block;
		
}
#agenda_next ul li a#next {
  		background: url(images/next.gif) no-repeat right;
		 
   
}

#agenda_next ul li a#next:hover {
  		background: url(images/next_over.gif) no-repeat right;
		
 
}

/*-------------------------------------------form----------------------------------------*/

#form{
		width: 750px;
		margin: 0 0 0 25px;

}




fieldset{
		width: 750px;
		padding: 5px 0 10px 10px;
		border: solid 1px #663C16;
		font-weight: normal;

}

legend{
		font-weight: bold;
		font-size: 150%;
}

input{
		margin: 2px 0 0 0;
		padding: 1px 0 2px 3px;
		width: 300px;
		

}


.button{
		font-weight: bold;
		width: 150px;
		float: right;
		margin: 0 10px 0 0;
		padding: 1px 5px 2px 5px;
		cursor: pointer;
		background:#663C16;
		color: #FFFFFF;					

}

select{
		vertical-align: top;
		

}

div.row {
  		clear: both;
  		padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 350px;
  text-align: left;
  font-style: normal;
}

div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  } 
  
  div.spacer {
  clear: both;
  }
  


.expl{
	height: 70px;
	overflow: auto;	
}

.int{
font-size: 9px;
font-style: italic;

}


.radio{

	width: 50px;
	
}