html {
width:100%;
height:100%;
	 background: #0e1939 url(../data/bgd-alohasurf.jpg) top  center no-repeat;  
	 background-size:100%; 
	 background-attachment: fixed;
}
body {
width:100%;
height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	text-align:center;
	color:#324d5a;
	font-family: verdana, Helvetica, Sans-serif;
	}
h1,h2,h3,h4,h5,h6,ul,li,form,div,p {
	margin:0px;
	padding:0px;}
h1, h2 {
	font-weight:bold;
	font-size:26px;
	text-transform:uppercase;
	color:#2ba9b4;
	padding-left:6px;}
h3 { font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin:18px 0 4px;
	color:#2EB6C2;
	padding-left:6px;}
div {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
a {
	text-decoration:underline;
	color:#7E97D5;}
a:hover {
	text-decoration:none;
	color:#FE9337;}
#main {
	width:986px;
	clear:both;
	background: url(../data/bgd-black05.png) 0 0 repeat;
	text-align:left;}
#cont {
	width:969px;
	clear:both;}

#options {
	color:#2ba9b4;
	font-size:14px;
	height:36px;
	}
	#options p {
		float:left;
		padding-top:10px; padding-left:5px;
		width:250px;
		}
		#options p img {padding:0 2px; border: none; float_:right; opacity: 0.8;filter:alpha(opacity=80)}
		#options p img:hover { opacity:1; filter:alpha(opacity=100);}
	#options form {
		padding-top:1px;
		display:block;
		float:right;
		height: 54px;
		width: 360px;
		background: url(../data/bgd-searchform.png) 0px -41px no-repeat;
		}
	#options form input{
		border:1px inset #3B1201;
		background-color:#e6e6d5;
		padding:2px 4px 4px 3px;
		margin-top:2px;
		margin-left:87px;
		width:150px;
		color:#3B1201;
		filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
		#options form .but {
			width:auto;
			background: transparent url(../data/bg-zoeken.gif) top left repeat-x;
			font-weight:bold;
			padding:3px 0px;
			border:none;
			color:#fff;
			margin-left:4px;}
	#options p a {
		color:#2ba9b4;
/* 		padding-left:2px;
		padding-right:2px; */
		text-decoration:none;}
	#options p a:hover {
		color:#FE9337;
		text-decoration:underline;}
#header { height:120px;}
	.headersurf {  background: url(../data/bg-header.png) top center no-repeat; }
	.headerbeach { background: url(../data/bg-header.png) top center no-repeat; }
	.headershop { background: url(../data/bg-header.png) top center no-repeat; }
	.headermsports { background: url(../data/bg-header.png) top center no-repeat; }
	#header img { margin-top:56px;  }
 
#menu {
	width:963px;
	height:45px;
	margin-bottom:10px;
	background: url(../data/bgd-black85.png) 0 0 repeat;
	-moz-box-shadow:  1px 1px 10px  #0d2748;
	-webkit-box-shadow: 1px 1px 10px  #0d2748;
	box-shadow:  1px 1px 10px  #0d2748;
}
	#menu-ul {
		padding:0;
		width:auto;
		margin:0;
		height:45px;
		list-style-type:none;		
		}
		#menu-ul li { 
			float:left;
			width:auto;
			height:43px;
			overflow:visible;
			}
	#menu-ul a, #menu-ul a:visited {
		font-size: 21px; font-family: 'Droid Sans', arial, serif;
		line-height: 21px; 
		text-shadow: 2px 2px 2px #000;
		letter-spacing:-1px;
		display:block;
		width:auto;
		min-width:50px;
		color: #fff ;
		float:left;
		text-align:center;
		font-weight:bold;
		padding:14px 26px 10px; 
		margin: 0 1px;
		text-decoration:none;
		text-transform: uppercase;
			
		}
	#menu-ul a:hover, #menu-ul a.select {
		-moz-box-shadow: 0 0 15px #fff;
		-webkit-box-shadow: 0 0 15px #fff;
		box-shadow: 0 0 15px #fff;
		}
		#menu-ul a:hover { 
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; 			
		text-decoration: none;
		overflow:visible;
		color:#2ba9b4;}
		#menu-ul a.select {color: #fff;  }
		#menu-ul a img {	
		-moz-box-shadow: 0 0 5px #fff;
		-webkit-box-shadow: 0 0 5px #fff;
		box-shadow: 0 0 5px #fff;}
#content_area {
	padding-left:5px;
	padding-right:5px;}
#sidebar {
	width:191px;
	padding-left:6px;
	padding-top: 20px;
	margin-right:13px;
 	background: url(../data/bgd-black85.png) 0 0 repeat;
	color:#eee;
	font-size:11px;
	float:left;
	-moz-box-shadow:  1px 1px 10px  #0d2748;
	-webkit-box-shadow: 1px 1px 10px  #0d2748;
	box-shadow:  1px 1px 10px  #0d2748;
 	 }
	#sidebar .socmed { margin:10px 0px;}
	#sidebar .socmed  a  {  filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
	#sidebar .socmed  a:hover { 
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; 
	}
	#sidebar h2 {
		font-size: 20px; font-family: 'Droid Sans', arial, serif;
		text-shadow: 2px 2px 2px #000;
		margin-top:3px;
		margin-bottom:12px;
		padding-left:10px;
		font-weight: bold;
	    color:#ccc; 
		line-height:12px;
		font-weight:bold;
		text-transform:uppercase;
		}
	#sidebar ul {
		list-style-type:none;
		float:left;
		padding:0 6px 4px 6px;}
	#sidebar li {
		float:left;
		width:172px;}
	#sidebar li a {
		font-size:140%; 
		border-bottom:1px dotted #444;
		text-decoration:none;
		display:block;
		padding:8px 4px 8px 4px;
		color:#aaa;}
		#sidebar li a:hover {
		color:#2797c5;
		text-decoration: underline;}
	.smenu {
		width:184px;
		float:left;
		margin-top:6px;
		margin-bottom:12px;}		
		.smenu ul { list-style-type:none;}
#content {
	width:570px;
	min-height: 1012px;
	float:left; 
	padding-left:25px;
	padding-right: 20px;
	background: #fff ;
	color:#333;
	-moz-box-shadow:  1px 1px 10px  #0d2748;
	-webkit-box-shadow: 1px 1px 10px  #0d2748;
	box-shadow:  1px 1px 10px  #0d2748;
	}
	#content h2 { margin: 22px 0 10px; 
	font-family: 'Droid Sans', arial, serif; 
	font-size: 28px;  
	text-shadow: 1px 2px 2px #ccc;}
	#content a:link, #content a:visited {
		color:#2EB6C2;}
	#content a:hover { color:#FE9337; }
	#content img {
     margin:6px 10px 12px 1px; 
	 padding: 5px 5px 7px 5px; 
	 border:1px solid #eee; 
	 }
	#content img.poster { 
	-moz-box-shadow:  2px 2px 4px  #ccc;
	-webkit-box-shadow: 2px 2px 4px  #ccc;
	box-shadow:  2px 2px 4px  #ccc;}
	

	#content img.teamriders  { 
	float:left; margin-right:35px; 
	-moz-box-shadow:  2px 2px 4px  #ccc;
	-webkit-box-shadow: 2px 2px 4px  #ccc;
	box-shadow:  2px 2px 4px  #ccc; }
	
	#content p { 
		padding-bottom:10px;
		padding-left:6px;
		line-height:22px; font-size:110%;}
		
	#content ul, #content ul li ul {font-size:110%;
		margin-left:8px;
		margin-bottom:3px; 
		list-style-position:inside;
		list-style-type: square;
		margin-top:0px;}
		#content ul li {
			padding-left:2px; list-style-type: disc;
			margin-bottom:3px;
			line-height: 1.55em; }
			
#content table, #content tr  { border:1px solid #d1ece9; background:#f1fbfc; padding:1px 0 1px 3px;}
#content td { border-bottom:1px solid #d1ece9; border-right:1px solid #d1ece9;  }

#ad {float:right;
	width:120px;
	height:100%;
	}
	#ad img { border: none; }
	#ad a img, #ad a:hover  img{ text-decoration:none; border: none; }
	
#footer {
    width:auto;
	height:150px;
	text-align:left;
	padding-left:0;
	padding-right: 0px;
	padding-top:25px;
	margin-top: 15px;
	margin-bottom:0px;
	background:   url(../data/bgd-black55.png) 0 0 repeat; 
	color:#aaa;
	 }
	
	#footer .footer-content { width:986px;   height: auto;   }
	
	#footer a, #footer a:visited { color:#aaa;
		text-decoration:none;  padding:0 3px;}
	#footer a:hover { color:#FE9337;
		text-decoration: underline; }
	#footer p {
		padding-left:12px; 
		line-height:22px;
		float:left;}
	#footer img {
		margin-left:109px; 
		border:1px solid #ddd;}
		
.textinput, select { border:2px solid #C2EDEF; margin:3px 5px 1px 0; color:#a00; list-style: none;}

.submitButtom { border:2px outset #C2EDEF; background: #C2EDEF; padding:1px 4px; color:#a00;}

#content form ul li { list-style: none; }

hr {clear:both; height:0px; width:500px;  border: 1px dotted #ccc; margin:20px 0;}
.clear { clear:both; height:0px; width:100%; background: none; border: none; }