/*
-----------------------------------------------
Two Collumn basic style
Datum:  2005.05
----------------------------------------------- */

/* Kleurenpallet Afrika
	Donker Oranje-bruin  	#993300
	Licht Oranje-bruin 		#DD7723
	Beige									#FDC176 
	Geel									#FDD758
	Groen									#ADC68F
	grijs	  							#AAAAAA	
*/


body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font:x-small Georgia, "Times New Roman", serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:small;
  } 
	
html>body {font-size:small;}

  
/* Logo Header
----------------------------------------------- */
#header {
  height:84px;
  margin-right:42px;
  border-bottom:8px solid #DD7723;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:76px;
  } html>body #header {height:76px;}
#logo {
  position:absolute;
  top:14px; left:30px;
  width:180px;
	border-left:2px solid #DD7723;
	border-right:2px solid #DD7723;
  }
  

/* Main Navigation
----------------------------------------------- */
#nav {
  position:relative;
  margin-left:250px;
  height:100%;
  font-size:85%;
  }
#nav div {
  position:absolute;
  width:500px;
  bottom:0;
  left:-1px;
  border-left:1px solid #AAAAAA;
  }
  
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:3px 6px 5px;
  border-width:0;
  border-style:none;
  border-right:1px solid #AAAAAA;
  text-decoration:none;
  text-transform:lowercase;
  color:#AAAAAA;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom:5px solid #FDC176;
  padding-top:0;
  padding-bottom:3px;
  color:#ADC68F;
  }
#nav a:hover {
  color:#FDC176;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #FDC176;
  padding-top:0;
  padding-bottom:3px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}

/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:84px; left:0;
  margin:0;
  right:15px; margin-right:-15px; /* IE5/Mac horizontal scrollbar fix */
  width:100%;
  }
#section h4 {
  margin:0;
  background:#101411;
  }
#section h4 strong {
  display:block;
  height:50px;
  background-repeat:no-repeat;
  background-image:url("../img/section_afrika/default.jpg");
  }
#elephants #section h4 {
  background:#993300;
  }
#elephants #section h4 strong  {
  background-image:url("../img/section_afrika/elephant.gif");
  }
#azie #section h4 strong  {
  background-image:url("../img/azie.gif");
  }
#section h4 span {display:none;}

/* Subnav
----------------------------------------------- */
#section ul {
  margin:0 0 15px 30px;
  padding:0;
  border-left:1px solid #DD7723;
  font-size:85%;
  text-transform:lowercase;
  background:#FDD758;
  }
#section ul li {
  display:inline;
  margin:0;
  padding:0;
  }
#section ul a, #section ul strong, #section ul em {
  float:left;
  display:block;
  padding:5px 6px 5px;
  border-width:0;
  border-style:none;
  border-right:1px solid #DD7723;
  color:#DD7723;
  text-decoration:none;
  white-space:nowrap;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #section ul a, html>body #section ul strong, html>body #section ul em {height:1.2em;}
#section ul strong {
  border-top:5px solid #FDC176;
  padding-bottom:3px;
  padding-top:2px;
  background:#ADC68F;
  color:#000;
  }
#section ul a:hover {
  color:#993300;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#section ul a:hover {
  border-top:5px solid #993300;
  padding-bottom:3px;
  padding-top:2px;
  }
#section ul strong a {
  float:none;
  display:inline;
  padding:0;
  border-width:0;
  }
#section ul strong a:hover {
  border-top-width:0;
  }
#section ul em {
  float:none;
  display:block;
  border-right-width:0;
  }


/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#993300;
  text-decoration:none;
  border-bottom:1px dotted #ADC68F;
	font-weight:bolder;
  }
a:visited {
  color:#993300;
  border-color:#FDD758;
	font-weight:bolder;
  }
a:hover {
  color:#ADC68F;
  border-color:#99cccc;
	font-weight:bolder;
  }
a img {border-width:0;}
h2 a:link, h2 a:visited {border-width:0; color:#993300;}
h3 a:link, h3 a:visited {border-width:0; color:#993300;}
h2 a:hover, h3 a:hover {color:#99cccc;}


/* Column Structure
----------------------------------------------- */
#content {
  padding:0 30px;
  padding-top:80px;
  width:100%; /* hack needed to get IE5/Win to calculate column widths correctly */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:auto; /* must be reset back to auto for all other browsers */
  } html>body #content {width:auto;}
.maincol{
  float:left;
  width:70%;
  font-size:85%;
  line-height:1.5em;
  }
.maincol li {
	line-height:1.5em;
}
.subcol {
  float:right;
  width:26%;
  font-size:85%;
  line-height:1.5em;
  }
#afrika #logo {
border-left: solid 2px #DD7723;
border-right: solid 2px #DD7723;
}
 
/* Titles
----------------------------------------------- */
h1 {
  width:100%;
  margin:0 0 10px 0;
  padding-bottom:5px;
  border-bottom:1px dotted #CCCCCC;
  font:250% Georgia, "Times New Roman", serif;
  color:#993300;
  }
h1 span {
  display:block;
  margin-left:0;
  }
h1.index  {
	 background:#ADC68F;
	 padding-bottom:0;
	 border:0;
}
h2 {
  margin:0 0 .5em;
  font:170%/1em Tahoma,Verdana,Sans-serif;
  color:#DD7723;
  }
h2 strong {
  font-size:78%;
  color:#000;
  }
h3 {
  margin:2em 0 .25em;
  font:bold 120%/1.2em Tahoma,Verdana,Sans-serif;
  color:#DD7723;
  }

h4 {
  margin:0;
  font-size:100%;
  color:#99cccc;
  }

.maincol p, .maincol li  {
word-spacing:1px;
color: #666666;
}

/* Subcol kleuren  */
.subcol h3 {
color:#ADC68F;
}
.subcol p {
color:#cc9900;
}

/* Footer
----------------------------------------------- */

#footer {
  clear:both;
  padding-top:20px;
  font-size:85%;
  }
#footer span {
  display:block;
  margin:0;
  background:#FDC176;
  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  background:#DD7723;
  color:#993300;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#FDC176; font-style:normal;}
#footer hr {display:none;}
  
  
/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
  }
form div {padding:3px 0 2px;}
INPUT.text {font:120% "Courier New",Courier,Monospace; }
INPUT.TEXTAREA {font:120% "Courier New",Courier,Monospace; }
.boxed input.text {width:90%;}
.boxed label {display:block; padding-bottom:2px;}

  
/* Tables
----------------------------------------------- */
caption {display:none;}
table {
  border-width:0;
  font-size:100%;
  line-height:1.5em;
  width:100%;
  margin:0 0 1.5em;
  }

/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em;}
dd {margin:0 0 1.5em;}
dl.sidenav dt {text-transform:lowercase;}
dl.sidenav dt strong {
  font:bold 118% Verdana,Sans-serif;
  color:#f00;
  }
ul {
  margin:.5em 0 1em 20px;
  padding:0 0 0 0;
  line-height:1em;
  }
.maincol ul {margin-left:35px;}
ul li {
  margin:0;
  padding:0 0 .5em 0;
  line-height:1.3em;
  list-style-image:url("../images/new/bullet_green.gif");
  }
ul.red li {
  list-style-image:url("../images/new/bullet_red.gif");
  }


  
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {margin:0 0 1em;}
ul {
	margin-bottom:0;
	margin-top:0;
	}

.imgleft {
  float:left;
  display:block;
  margin:3px 15px 5px 0;
  border:1px solid #ccc;
  }
  
p.imgleft {border-width:0; padding-top:2px; display:inline;}

p.imgleft img {
  display:block;
  margin-bottom:2px;
  border:1px solid #ccc;
  }
p.imgleft span {
font-style:italic;
}
.imgright {
  float:right;
  margin:3px 5px 15px 0;
  border:1px solid #ccc;
  }
.boxed {
  background:#ADC68F;
	border: 1px dotted #aaa;
  margin:0 0 1em;
  padding:5px;
  }
.boxed a:hover {
color: #993300;
border-bottom:1px solid #993300;
}
/* Tooltips  */
p a.tooltip, li a.tooltip {
	position: relative; 
	border-bottom: 1px dotted #FF8C00;
	color: #000;
	text-decoration: none;
	cursor:help;
}
a.tooltip span {
	display: none;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

html body a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: -20px; 
	left: 40px; 
	width: 350px;
	border: 1px solid #8B4513;
	background-color: #F0E68C; 
	color: #000;
	padding: 4px;
	font-size: .8em;
}
a.tooltip span h5 {margin-bottom:4px;}

.inDocNav {
border: 1px solid #FDD758;
color: #FDD758;
font-weight:bold;
padding:5px 10px 5px 10px;
margin:30px 0 20px 0;
text-align: center;
}
.inDocNav span {
margin-left:10px;
margin-right:10px;
}

.boxleft, .boxright  {
width:116px;
height:auto;
margin-bottom:10px;
}
.boxright  {
float:right;
padding-left:8px;
}
.boxleft  {
float:left;
padding-right:8px;
}
.boxcontent  {
padding:4px;
border:2px solid #993300;
background:#f6f6f6;
height:100%;
}
.boxcontent a:link, .boxcontent a:visited {
font-weight:normal;
}
.clear {
clear:both;
height:1px;
}
p.link a:link, p.link a:visited {
border-bottom:1px solid #993300;
}