html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/********************************************************************/

.wrapper { width: 100%; height: auto; position: relative; margin: 0; padding: 0; }
.clear { clear: both; height: 0; width: 0; line-height: 0; }
.clickable { cursor: pointer; }
.jsHide { display: none; }



html,body { height:100%;}

body
{
	margin:0;
	color:#fff;
	width:100%;
	font-size:0.8em;
	line-height: 1.2em;
	position:absolute;
	background:url("../images/Background.jpg") #000 fixed no-repeat;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; /* Lucida Sans Unicode vóór Lucida Sans, anders wordt in Windows 7 vaak verkeerde font aangeroepen */
}

/********** Logo van het bedrijf *************************/
div#header h1 a
{
	color:#000;
	width:532px;
	height:150px;
	display:block;
	text-indent:-5000em;
	background:transparent url("../images/Logo_Basketball_Jones.jpg") no-repeat;
}

div#header a#old_site
{
	top:12px;
	right:30px;
	width:189px;
	height:33px;
	position: absolute;
	text-indent:-5000em;
	background:transparent url("../images/buttons/old_site.jpg") no-repeat;
}


div#container
{
 height:auto !important;
 height:90%; 
 min-height:90%;
 height:500px; 
 position: relative;
	width:590px;
	margin: 58px 0 0 29px;
	background: url("../images/BG_Frame.png");
}

	div#header
	{
		width:534px;
		height:235px;
		position:relative;
		padding:25px 28px 0 28px;
		background:url("../images/BG_frame.png");
	}
	
	div#menu
	{
		height: 25px;
		padding: 5px 0;
		margin: 26px 0 0 0;
		border-top:solid 1px #fdf232;
		border-bottom:solid 1px #30d3ff;
	}
	
		ul#nav ul
		{
			list-style: none;
		}
		
		ul#nav li
		{
			float:left;
			height:24px;
			display:block;
			text-indent:-5000em;
		}
	
		ul#nav li a
		{
			height:24px;
			display:block;
			text-indent:-5000em;
		}
		
		ul#nav li a#info 
		{
			width:38px;
			background:url("../images/buttons/info.jpg") no-repeat;
		}
		
		ul#nav li a#camp_registration
		{
			width:137px;
			background:url("../images/buttons/campregistration.jpg") no-repeat;
		}
		
		ul#nav li a#sponsors
		{
			width:79px;
			background:url("../images/buttons/sponsors.jpg") no-repeat;
		}
		
		ul#nav li a#route
		{
			width:50px;
			background:url("../images/buttons/route.jpg") no-repeat;
		}
		
		ul#nav li a#campphotos
		{
			width:95px;
			background:url("../images/buttons/campphotos.jpg") no-repeat;
		}
		
		ul#nav li a#campvideo
		{
			width:82px;
			background:url("../images/buttons/campvideo.jpg") no-repeat;
		}
		
			ul#nav li a#info:hover, ul#nav li a#info.active
			{
				background:url("../images/buttons/info_rollover.jpg") no-repeat;
			}
			
			ul#nav li a#camp_registration:hover, ul#nav li a#camp_registration.active
			{
				background:url("../images/buttons/campregistration_rollover.jpg") no-repeat;
			}
			
			ul#nav li a#sponsors:hover, ul#nav li a#sponsors.active
			{
				background:url("../images/buttons/sponsors_rollover.jpg") no-repeat;
			}
			
			ul#nav li a#route:hover, ul#nav li a#route.active
			{
				background:url("../images/buttons/route_rollover.jpg") no-repeat;
			}
			
			ul#nav li a#campphotos:hover, ul#nav li a#campphotos.active
			{
				background:url("../images/buttons/campphotos_rollover.jpg") no-repeat;
			}
		
			ul#nav li a#campvideo:hover, ul#nav li a#campvideo.active
			{
				background:url("../images/buttons/campvideo_rollover.jpg") no-repeat;
			}
		
	div#content
	{
		width:534px;
		padding:0 28px 50px 28px;
	}
		
	div#content img
	{
	margin: 5px;
	}
		
		div#content div.bg_title
		{
			float: left;
			padding:6px;
			margin:0 0 12px;
			background: #ee0016;
		}
		
		div#content p span.geel
		{
			color: #fdf232;
			font-weight: bold;
		}
	
		div#content h3
		{
		}
		
		div#content strong
		{
			color: #fdf232;
		}
  div#content a { text-decoration: none;}
		
ul.gallery
{
 list-style-type: none;
 padding: 0;
 margin: 0;
}
ul.gallery li
{
 float: left;
 display: block;
 height: 155px;
 width: 155px;
 margin: 5px;
 text-align: center;
 line-height: 100px;
}
ul.gallery li a
 {
 }
 ul.gallery li a img, ul.gallery li a:hover img
 {
  border: 3px #fff solid;
 }