/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
    min-width: 990px;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 12px georgia, verdana, sans-serif;
	line-height: 16px;
	color: #000;
	background: url(pics/back_content.gif) left top repeat ;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header-container {
	width: 100%;
	height: 150px;
	background: url(pics/header-bg.gif) top left repeat-x;
}

#header{
    position: relative;
    margin: 0px auto;
    width: 990px;
    height: 150px;
}

#header .logo a img {
	margin: 5px 0px 0px 55px;
	float: left;
    width: auto;
	border: none;
}

#header .slideshow{
    float: right;
    margin: 5px 0px 0px 0px;
    width: auto;
}

#header img.slogan{
    position: absolute;
    top: 8px;
    right: 410px;
    width: 181px;
    height: 128px;
    
}

/* ------------------------------------------------------------------------- Navigation */ 
#content #navigation{
    float: left;
    margin: 0px 20px 0px 0px;
    width: 130px;
}

#content #navigation ul {
	margin: 0px;
    padding: 0px;
	list-style-type: none;
    width: 130px;
    font: 15px georgia, verdana, sans-serif;
    font-weight: bold;
}

#content #navigation li {
    margin: 0px;
    padding: 0px;
    width: 130px;
}

#content #navigation li a:link, #content #navigation li a:visited {
	padding: 0px 0px 0px 10px;
    width: 120px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    line-height: 24px;
    display: block;
    color: #7a7a7a;
	text-decoration: none;
    border: none;
}

#content #navigation li.current ul{
    border-left: 1px solid #007a29;
    border-right: 1px solid #007a29;
    border-bottom: 1px solid #007a29;
    width: 128px; 
}

#content #navigation li.current ul li ul{
    border-left: none;
    border-right: none;
    border-bottom: none;
}

#content #navigation li.current ul li a:link, #content #navigation li.current ul li a:visited {
    padding: 0px 0px 0px 23px;
    width: 102px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    line-height: 24px;
    display: block;
    color: #7a7a7a;
    text-decoration: none;
    border: none;
    font-size: 10px;
    background: url(pics/li-bg.gif) 9px 7px no-repeat;
}

#content #navigation li.current ul li a:hover, #content #navigation li.current ul li.current a:link, #content #navigation li.current ul li.current a:visited{
    color: #007a29;    
}

#content #navigation li.current ul li.current ul li a:link, #content #navigation li.current ul li.current ul li a:visited{
    padding: 0px 0px 0px 36px;
    width: 89px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
    line-height: 24px;
    display: block;
    color: #7a7a7a;
    text-decoration: none;
    border: none;
    font-size: 10px;
    background: none;
    background: url(pics/li-bg.gif) 22px 7px no-repeat;
}

#content #navigation li.current ul li.current ul li a:hover, #content #navigation li.current ul li.current ul li.current a:link, #content #navigation li.current ul li.current ul li.current a:visited{
    color: #007a29;
}

#content #navigation li a:hover, #content #navigation li.current a:link, #content #navigation li.current a:visited, #content #navigation li.current a:hover {
	color: #fff;
    border: none;
    background-color: #007a29;
}

 
/* ------------------------------------------------------------------------- Content */ 

#content-container {
	width: 100%;
}

#content{
    position: relative;
    margin: 0px auto;
    padding: 45px 25px 90px 45px;
    width: 920px;
    min-height: 470px;
    height: auto !important;
    height: 470px;
    background: url(pics/afrika.gif) left 30px no-repeat;    
}

#content .txt{
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 3px 20px 0px 25px;
    width: 375px;
    color: #000;
    line-height: 20px;
}

#content .picture{
    float: left;
    margin: 3px 0px 20px 10px;
    width: 565px;
    height: 134px;
    color: #000;
}

/* ------------------------------------------------------------------------- Standaard settings */

h1, td h1 {font: 15px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h2, td h2 {font: 17px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h3, td h3 {font: 15px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h4, td h4 {font: 14px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h5, td h5 {font: 13px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h6, td h6 {font: 12px georgia, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}

#content a:link, #content a:visited {color: #000 ;  text-decoration: underline;}
#content a:hover { color: #000;  text-decoration: none; }

table {margin: 5px 0px;}
td {
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
    color: #000;
}

#content img { margin: 10px 0px; }
#content img.left {    margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 0px 5px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

/* ------------------------------------------------------------------------- Breadcrumbs */
#content .breadcrumbs{
    position: absolute;
    top: 15px;
    left: 55px;
    width: 700px;
    color: #7a7a7a;
    font-size: 11px;
}

#content .breadcrumbs a:link, #content .breadcrumbs a:visited{
    color: #7a7a7a;
    font-size: 11px;    
}

/* ------------------------------------------------------------------------- Side bar */

#content .sidebar{
    float: right;
    padding: 0px 0px 0px 20px;
    width: 300px;
    min-height: 100px;
    height: auto !important;
    height: auto;
    overflow: hidden;
}


/* ------------------------------------------------------------------------- Events */
#content .event-block{
    margin-bottom: 12px;
    width: 300px;
    min-height: 30px;
    height: auto !important;
    height: 30px;                                                         
    border-bottom: 1px solid #000;
    font-size: 13px;
}

#content .event-block.last{
    border-bottom: none;
}

#content .event-block .date{
    float: left;
    width: 100px;
    min-height: 20px;
    height: 20px !important;
    height: 20px;
    font-weight: bold;
}

#content .event-block .event{
    float: left;
    padding: 0px 0px 12px 0px;
    width: 200px;
    color: #666666;
}

#content .event-block .event a:link, #content .event-block .event a:visited{
    color: #666666;
    text-decoration: none;
}

#content .event-block .event a:hover{
    text-decoration: underline;
}

#content .event-block.last .event a:link, #content .event-block.last .event a:visited{
    font-style: italic;
    text-decoration: underline;
    color: #666666;
}
/* ------------------------------------------------------------------------- Newsletter */

#content .sidebar .form {
	height: 100%;
	width: 100%;
	position: relative;
	float: left;
}

#content .sidebar .newsletter{
    color: #666666;
}

#content .sidebar .newsletter .form{
    margin-top: 12px;
}

#content .row{
    margin-bottom: 5px;
    width: 300px;
    height: 20px;
}

#content .row .omschrijving{
    float: left;
    width: 75px;
    color: #000;
    font-weight: bold;
}

#content .row .invul{
    float: right;
    width: 203px;
    color: #000;
}

#content .row .invul input.text{
    float: right;
    width: 194px;
    border: 1px solid #c0c0c0;
     font: 13px georgia, verdana, sans-serif;
     padding: 1px 3px;
}

#content .row .invul input.checkbox{
    float: left;
    width: 15px;
    border: 1px solid #c0c0c0;
    margin-right: 8px;
    font: 13px georgia, verdana, sans-serif;
}

#content .row .invul textarea{
    float: right;
    width: 194px;
    border: 1px solid #c0c0c0;
     font: 13px georgia, verdana, sans-serif;
     padding: 1px 3px;
     margin-bottom: 10px;
     height: 75px;
}

#content .row .invul input.submit{
		position: relative;
		float: right;
    width: 98px;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    color: #454545;
    font: 13px georgia, verdana, sans-serif;
    font-weight: bold;
    cursor: pointer;
    background: url(pics/btn-bg.gif) top left repeat-x;
    height: 24px;
    display: inline-block;
}

/* ------------------------------------------------------------------------- Maps */
#content .sidebar .top{
    float: left;
    height: 30px;   
    width: 300px;
    overflow: hidden;
}

#content .sidebar .top a:link, #content .sidebar .top a:visited{
    float: left;
    display: block;
    height: 30px;   
    width: 100px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
}



#content .sidebar .top a:hover, #content .sidebar .top a.active:link, #content .sidebar .top a.active:visited{
    background-color: #ededed; 
}

#content .sidebar #map{
    width: 300px;
    height: 300px;
    float: left;
} 
/* ------------------------------------------------------------------------- Footer */ 

#footer-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	font: 10px georgia, verdana, sans-serif;
	color: white;
	text-align: right;
	background: url(pics/footer-bg.gif) top left repeat-x;
}

#footer-container #footer {
    margin: 0px auto;
    padding: 0px 25px 0px 0px;
    width: 965px;
    height: 90px;
    line-height: 90px;
    color: #9a9a9a;
}

#footer-container #footer a:link, #footer-container #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #a8a8a8;
    font-weight: bold;
}

#footer-container #footer a:hover { text-decoration: underline; }

#footer-container .logos{
    float: left;
    padding: 21px 0px 0px 55px;
    width: 685px;
    height: 60px;
    text-align: left;
    overflow: hidden;
}

#footer-container .logos a:link img, #footer-container .logos a:visited img{
    border: 2px solid #a8a8a8; 
}

#footer-container .logos img{
    margin-right: 10px;
}

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }