a:active, a:link, a:visited, a:hover {
background: transparent none; color: brown; font-weight: bold; }
a:visited { color: navy; }
a:hover { color: #ff8000; }

/* NB. strict mode */
/* margin-bottom: 1px is to force firefox to show a scrollbar always */
html { width: 100%; height: 100%; overflow-y:scroll; -ms-overflow-y:scroll;
scrollbar-track-color: #ffffcc; scrollbar-base-color: #ffffcc; scrollbar-face-color: #f5d99a;
scrollbar-arrow-color: black; scrollbar-highlight-color: #f5d99a; scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black; scrollbar-shadow-color: #f5d99a; color: navy; }

body { width: 100%; height: 100%; text-align: center; background: #ffffff url(bg_2000_48_04.gif) repeat-y 50% 0; 
 font-family: Verdana, Geneva, sans-serif; font-size: medium; margin: 0; padding: 0; }

img { border: none; }

div#canvas { position: relative; width: 980px;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	margin: 0 auto; padding: 0;
	text-align: left; background: #ffffcc url(bg6b.jpg) repeat-y;
	border-left: 1px solid silver; border-right: 1px solid silver; }

/* logo and title */
div.logo_title { width: 970px; }
div.logo { float: left; width: 212px; height: 212px; margin: 10px 0 0 10px;
 background: transparent url(logo_hb_background.png) no-repeat; }
div.logo img { position: relative; left: 18px; top: 35px; }
div.title { float: left; width: 650px; margin: 30px 0 20px 20px; }

div.title_shadow { position: relative; left: 2px; top: 2px; font-size: x-large; color: black; font-weight: bold; margin-bottom: 5px;}
div.title_text { position: absolute; left: -1px; top: -1px; font-size: x-large; color: #ff8000; font-weight: bold; }

/* buttons are declared in nav_new.css */
div.navigation { float: left; width: 220px; margin: 10px 15px 0 10px; }

/* content */
div.content { float: left; width: 650px; margin: -30px 15px 0 0; }

/* news */
div.news { float: left; width: 200px; height: 400px; margin: -30px 0 0 0; }		  

/* div.content_image { float: left; width: auto; margin: 0 0 10px 0; } */

#footer_l, #footer_r { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4px 4px 4px 4px; text-align: left; }
#footer_r { text-align: right; }

div.tooltip{ position: absolute; visibility: visible; display: none; z-index: 150; }

/* activities and events */
div.box_title_date { background-color: transparent; padding: 4px 2px 4px 2px; margin: 0 0 5px 0; 
	border-top: 1px solid #ff8000; border-bottom: 1px solid silver; }
div.box_title { float: left; width: auto; margin: 0 0 0 5px; font-weight: bold;}
div.box_date { float: right; width: auto; margin: 0 5px 0 0; font-size: x-small; color: silver; }
div.box_date_evt { float: right; width: auto; margin: 0 5px 0 0; color: silver; font-size: x-small; }
div.box_text { width: auto; padding: 3px 3px 3px 7px; }
div.box_readmore { float: right; width: 135px; margin: 0 5px 0 0; color: silver; }