/* GENERAL 
---------------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", "Arial", sans-serif;
	color: #433623;
	text-align: center;
	background: url("../img/bg.gif")
	}

a { color: #415B17; }
a:link { color: #415B17; }
a:active { color: #AC725F; }
a:hover { color: #7C7565; border-bottom: none;  }

address { font-style: normal; margin-bottom: 20px; padding: 30px; border: 1px dotted #ccc; background: #fff; }
    
.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }
.current, .current a:visited, .current a:link { color: #7C7565; text-decoration: none; border: none; }
 
.green { color: #060; }   
hr { color: #999; height: 1px; }

img { border: none; }

p { margin: 8px 0 20px 0; }

h1 { margin: 0 0 0.8em 0; font: 300%/100% "Arial Narrow", "Arial", "Helvetica", sans-serif; }
h2 { font: 180%/120% "Arial", "Helvetica", sans-serif; margin: 0 0 0 0; }
h3 { font: bold 110%/100% "Verdana", "Arial", "Helvetica", sans-serif; margin: 2em 0 0 0; }
h4 { font: 105%/110% "Verdana", "Arial", "Helvetica", sans-serif; margin: 15px 0 5px 0; }



/* OUTER CONTAINER
---------------------------------------------------------------------------------------------- */
#outerspan {
	width: 753px;
	margin: 0 auto 0 auto;
	background: #F7F7F4 url("/img/shadow_right.gif") right top repeat-y;
    }
    




/* HEADER
---------------------------------------------------------------------------------------------- */
#header { background: url("../img/bg_header.gif") no-repeat; width: 753px; height: 83px; }
#header h1 { margin: 0; }
.skipnavigatie { position: absolute; left: -1000px; width: 990px; }

#logo {
	background: url("../img/logo.gif") 0px 8px no-repeat;
	width: 240px;
	display: block;
	float: left;
	height: 83px;
	}
#logo span { display: none; }


/* TOPNAVIGATIE
---------------------------------------------------------------------------------------------- */
#topnav { float: left; padding: 0; margin: 0; background: url("../img/background.gif") left top no-repeat; width: 753px; height: 31px; }
#topnav ul { list-style: none; padding: 0; margin: 0; }
#topnav li { float: left; padding: 0; margin: 0; }
#topnav li span { display: none; }
#topnav li a { display: block; float: left; text-decoration: none; font-weight: bold; height: 31px; margin: 0; padding: 0; }

/* Home */
li#home/* hide ie5 */{ background: url("../img/home-on.gif") transparent no-repeat; width: 111px; }
li#home a { background: url("../img/home.gif") no-repeat; width: 121px; }
li#home.current a, li#home a:hover { background: url("../img/home_on.gif") no-repeat; }

/* about */
li#about/* hide ie5 */{ background: url("../img/about_on.gif") transparent no-repeat; width: 111px; }
li#about a { background: url("../img/about.gif") no-repeat; width: 111px; }
li#about.current a, li#about a:hover { background: url("../img/about_on.gif") no-repeat; }

/* services */
li#services/* hide ie5 */{ background: url("../img/services_on.gif") transparent no-repeat; width: 111px; }
li#services a { background: url("../img/services.gif") no-repeat; width: 111px; }
li#services.current a, li#services a:hover { background: url("../img/services_on.gif") no-repeat; }

/* infosources */
li#infosources/* hide ie5 */{ background: url("../img/infosources_on.gif") transparent no-repeat; width: 111px; }
li#infosources a { background: url("../img/infosources.gif") no-repeat; width: 111px; }
li#infosources.current a, li#infosources a:hover { background: url("../img/infosources_on.gif") no-repeat; }

/* contact */
li#contact/* hide ie5 */{ background: url("../img/contact_on.gif") transparent no-repeat; width: 111px; }
li#contact a { background: url("../img/contact.gif") no-repeat; width: 111px; }
li#contact.current a, li#contact a:hover { background: url("../img/contact_on.gif") no-repeat; }

/* siteindex */
li#siteindex/* hide ie5 */{ background: url("../img/siteindex_on.gif") transparent no-repeat; width: 111px; }
li#siteindex a { background: url("../img/siteindex.gif") no-repeat; width: 111px; }
li#siteindex.current a, li#siteindex a:hover { background: url("../img/siteindex_on.gif") no-repeat; }

/* CONTENT (ALL CONTENT IN THIS DIV CONTAINER)
---------------------------------------------------------------------------------------------- */
#content { background: url("../img/bg-breadcrumbs.gif") left top no-repeat; float: left; text-align: left; }
#content .breadcrumbs { font-size: 60%; color: #969290; padding: 15px 0 0 15px; }
#content .breadcrumbs a { color: #969290; }

/* SIDEBAR (SUBNAV LEFT, ON SOME PAGES)
---------------------------------------------------------------------------------------------- */
#sidebar { float: left; width: 230px; padding: 35px 0 35px 0; font-size: 70%; line-height: 130%; }
#sidebar h2 { font-size: 150%; font-weight: bold; color: #8D8A81; padding-left: 20px; border-bottom: 1px dotted #8D8A81; width: 183px; }
#sidebar h3 { margin-top: 10px; font: bold 110% "Verdana", sans-serif; }
#sidebar p, #sidebar h3 { padding-left: 20px; margin-top: 8px; width: 183px; }

#sidebar img { padding: 3px; border: 1px solid #ccc; }

#sidebar ul { margin: 5px 0 0 0; padding: 5px 0 0 0; text-indent: 0; list-style: none; width: 183px; }
#sidebar li { margin: 0; padding: 5px 0 9px 27px; text-indent: 0; border-bottom: 1px dotted #9D998E; }
#sidebar li.current { background: url("../img/list-arrow.gif") 12px 7px no-repeat; }
#sidebar li.current a { color: #7C7565; }	
#sidebar li a { text-decoration: none; border: none; }
#sidebar li:hover { background: url("../img/list-arrow.gif") 12px 7px no-repeat; }

/* focus_end */
#focus_end { border-top: 4px solid #E7E7E4; margin: 2px 0 15px 0; width: 183px; }
.background { background: #F1F1ED; margin: 5px 0 2px 0; padding: 10px 0 10px 0; }
#focus_end input { font: 100%/100% "Verdana", "Arial", "Helvetica", sans-serif; vertical-align: middle; margin-left: 5px; }   
#focus_end p { margin: 0; padding: 0; }
input#search { width: 100px; margin-left: 15px; }


/* MAIN (CONTENT)
---------------------------------------------------------------------------------------------- */
#main {
	margin: 0;
	padding: 0px 0 20px 0;
	font: 70%/150% "Verdana", "Arial", "Helvetica", sans-serif;
    text-align: left;
    width: 500px;
    float: right;
	}
	
/* GENERAL STYLES */
#main #innerdiv { padding: 0 75px 0 0;/* margin-left: 70px;*/ }
#main .intro_bold { font-weight: bold; font-size: 110%; line-height: 150%; text-align: justify; }  
#main .intro {font-size: 110%; line-height: 150%; text-align: justify; }  
#main ul { margin: 10px 0 15px 15px; text-indent: 0; padding: 0; }
#main ul li { margin: 0 0 7px 0; line-height: 130%; background: url("../img/list-bullet3.gif") 0px 4px no-repeat; list-style: none; padding: 0 0 0 17px; text-indent: 0; }

/* external links */
.external {
	background: url("../img/external.gif") 100% 70% no-repeat;
	padding-right: 14px;
	}
	
/* QUOTES */
#main cite { display: block; float: right; margin: 8px -35px 0 8px; width: 253px; }
    
/* commented backslash hack, hide mac ie5 \*/
#main cite { margin: 8px -20px 0 5px; }
/* end hack */  


/* float left img */    
#main img { float: left; margin: 5px 12px 5px 0; padding: 2px; border: 1px solid #ccc; } 

      
/* overview */
dl { margin-top: 2em; max-width: 350px;  }
dt { font-weight: bold; font-size: 150%; line-height: 120%; font-family: "Arial", sans-serif; margin: 15px 0 5px 0; }
dd { text-indent: 0; margin-left: 0; padding-left: 0; }
dd p { margin: 0; }
   
/* article */ 
p.date { color: #534F4D; margin: 5px 0 20px 0; }

/* archive list */
#news-page li { color: #c30; }


/* TITLE GIFS */
#main h1 { padding-top: 25px; }


/* CONTACTFORMULIER */
form span {
	width: 140px;
	display: block;
	float: left;
	text-align: right;
    }

.text, textarea { margin-left: 12px; margin-bottom: 5px; width: 200px; font: 100% "Verdana", "Arial", sans-serif; }
textarea { width: 225px; }

.submit { margin: 0.2em 0.4em 0 0; float: left; width: 60px; min-width: 70px; padding: 0 4px 0 4px; }
.copy input { line-height: 0%; margin: 5px 0 0 5px; }
fieldset { 
	margin: 15px 0 15px 0; 
	padding: 0 0 15px 0; 
	background: #F1F1ED; 
	text-indent: 0; 
	border: 1px dotted #9D998E; 
	background: #FAFAF9; 
	}
	
legend { 
	background: #E9E7DF; 
	color: #6C665B; 
	padding: 5px 0 5px 5px; 
	text-indent: 0; 
	float: left; 
	width: 100%; 
	font: bold 120% "Arial", "Verdana", sans-serif; 
	margin: 0 0 15px -10px; 
	border-bottom: 1px solid white; 
	}
    
/* commented backslash hack, hide mac ie5 \*/
legend { margin-left: 0px; }
/* end hack */   
    
input.error, textarea.error { border: 2px solid #BD3001; }
.error { color: #BD3001; font-weight: bold; }

/* output preview */
.code { color: #069; font-size: 110%; }

/* FOOTER
---------------------------------------------------------------------------------------------- */
#footer {
	color: #636D54;
	font-size: 70%;
	height: 76px;
	width: 753px;
	margin: 0 auto 0 auto;
	background: url("../img/bg_footer.gif") left top no-repeat;
	text-align: left;
	}

#footer .copyright {
    float: center;
    width: 753px%;
    padding: 15px 0 0 20px;
    color: #7B7668;
    font-size: 85%;
    line-height: 140%;
    text-align: center;
    height: 56px;
    }