/* 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; */ }

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

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

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 black; border-right: 1px solid black; */ }

div#preview { display:none; }
	
/* 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:15px; top:35px; }
div.title { float:left; width:650px; margin:30px 0 0 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:700px; margin-top:-40px; padding-bottom:40px; }

/*
#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_header, div.box_header_opened, div.box_header_hover
{ float:left; width:612px; height:30px; padding:0 0 0 8px; background:transparent url(item_header.jpg) repeat-x;
 line-height:30px; cursor:pointer; /*border-right: 1px solid #999;*/ }
div.box_header_opened {	background-image: url(item_header_open.jpg); }
div.box_header_hover { background-image: url(item_header_hover.jpg); }

div.box_ttl { float:left; width:380px; }
div.box_loc { float:left; width:150px; font-size:small; color:#A52A2A; }
div.box_bttn { float:right; width:30px; }
div.box_txt { float:left; width:609px; padding:5px;
 background-color:#ffffcc; border-right:1px solid #ddd; }

div.box_txt p { margin:0; }
div.box_txt td { vertical-align:top; }
/*
div.bttn_top, div.bttn_top_hover { float:left; width:40px; text-align:center; margin:0 5px 0 0; border-bottom:#000; border:1px solid black;}
div.bttn_top_hover { background-color:orange; }
*/
/*
div.box_date_evt { float: right; width: auto; margin:0 5px 0 0; color: silver; font-size: x-small; }

div.box_readmore { float:right; width:135px; margin:0 5px 0 0; color:silver; border:1px solid red; }
a.box_readmore { display:block; float:right; width:35px; margin:0 0 0 5px; color:silver; border:1px solid red; }
*/
a.ckebutton, a.ckebutton:hover { padding:1px 4px; margin:2px 0; 
 font-size:medium; font-weight: normal; color:navy; text-decoration: none; background-color:#FFD67B;
 border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black; }
a.ckebutton:hover { background-color:#dcdcdc; }
/*
div.activity_ttl_loc { width: 650px; }
div.activity_loc { float:left; width:100px; font-size:small; }
div.activity_ttl { float:left; width:450px; color:white; background-color:orange; border:1px solid red;
 padding:3px; margin: 0 0 3px 0;
 -moz-box-shadow:3px 3px 4px #aaa;    
 -webkit-box-shadow:3px 3px 4px #aaa; 
 box-shadow:3px 3px 4px #aaa;
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaa')";
 filter:progid:DXImageTransform.Microsoft.Shadow(Color='#eeeeee', Direction=135, Strength=3); }
div.activity_lnk { float:left; width:50px; font-size:small; color:#A52A2A; margin-left:10px; }
*/
.clear { clear:both; height:0; font-size:1px; line-height:0; }

/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */