/*algemeen */
* {
	margin:0;
	padding:0;
	border:0;
}
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {zoom:1;}
body {
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	font-family:Verdana;	
	font-size:75%;
}
ul {
	list-style-type:none;
}
a {
	text-decoration:none;
	outline:none;
}
ol li {
	margin: 0 0 0 2em;
	list-style-type: decimal;
}

#maincontainer {
	text-align:left;
	margin:0 auto;
	width:784px;
	position:relative;
	overflow:hidden;
}
#topbalk {
	position:relative;
}
#logo {
	position:absolute;
	top:41px;
	left:5px;
}
#sitewides li {
	float:left;
	margin:4px 19px 0 1px;
}
#sitewides li a {
	font-size:0.83em;	/*	10px; */
	color:#becfcf;
	background:url(/img/bulletsitewide.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}
#sitewides li a:hover {
	text-decoration:underline;
}
#zoeken input#text {
	border:1px solid #45a9b7;
	background-color:#006966;
	margin:5px 0 0 0;
	color:#becfcf;
	font-size:0.92em; 	/* 11px; */
	height:14px;
	width:97px;        
	padding:0 1px;
}
#zoeken input#zoek {
	position:relative;
	left:3px;
	top:5px;
}
#other {
	position:absolute;
	right:35px !important; right:20px;
	top:5px;
}
#other li {
	float:left;
	margin:0 12px 0 0;
}
#other li a {
	font-size:0.92em;	/* 11px; */
	font-weight:bold;
	color:#BFD341;
	background:url(/img/bulletother.gif) left 3px no-repeat;
	padding:0 0 0 10px;
	letter-spacing:-0.05em;
}
#other li a:hover {
	text-decoration:underline;
}
#fontGroter {
	position:absolute;
	right:13px;
	top:7px;
	cursor:pointer;
	cursor:hand;
}
#fontKleiner {
	position:absolute;
	right:1px;
	top:7px;
	cursor:pointer;
	cursor:hand;
}
#fontNormaal {
	cursor:pointer;
	cursor:hand;
}
#tabs {
	position:absolute;
	bottom:0;
	left:0;
	width:784px;
	overflow:hidden;
}
#tabs li {
	float:left;
	width:197px;
	height: 24px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#tabs li.active {
	background-position:0 -48px;
}
#tabs li a {
	font-size:0.92em;	/*	11px; */
	font-weight:bold;
	display:block;
	text-align:center;
	margin:5px 0 0 0;
	width:197px;
	letter-spacing:-0.05em;
}
#tabs li a:hover {
	text-decoration:underline;
}
/* bottom styles */
#bottom1 {
	width:782px;
	text-align:center;
	background:#00676C url(/img/botleft.gif) top left no-repeat;
	position:relative;
	padding:4px 0 0 0;
	height:26px;
	he\ight:22px;	
	color:#dbdbdb;
	margin:38px 0 0 0;
}
#bottom1 span {
	position:absolute;
	right:0;
	top:0;
	width:7px;
	height:26px;
	background:url(/img/botright.gif);
}
#bottom1 a:hover, #bottom2 a:hover {
	text-decoration:underline;
}
#bottom1 a {
	font-family:trebuchet ms;
	font-weight:bold;
	color:#dbdbdb;
}
#bottom2 {
	/* 
		width verwijderd zodat deze ID ook gebruikt kan worden op smallere layout 
		width:788px;
	*/
	text-align:center;
	color:#808080;
	margin:10px 0 0 0;
}
#bottom2 a {
	color:#808080;
	font-size:0.92em;	/* 11px; */
}
#printlogo {
	display:none;
}
.backtotop {
	margin:-5px 0 20px 0;
}
.backtotop a {
	float:right;
	font-size:12px;
	color:#00676c;
	font-family:trebuchet ms;
	text-decoration:none;
	background:url(/img/top.gif) 0 7px no-repeat;
	padding:0 0 0 12px;
}
.backtotop a:hover {
	text-decoration:underline;
}
.directlinks {
	display: none;
}

/* end algemeen */

/*debug */
div#debug{
	position:absolute;
	bottom:-280px;
	left:-280px;
	width:300px;
	height:300px;
	/*border:1px solid grey;*/
	background-color:black;
	color:white;
	background-image:url(/img/debug.gif);
	background-position: top right;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:10;
	
}

.pagepreview {
	position:fixed;
	bottom:0px;
	left:0;
	width:100%;
	background:#ff3a3f;
	padding:5px;
	color:#fff;
	z-index:299;
	text-align:center;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	border:1px solid #c00;
}


input.error
{
	border: 1px solid #F00!important;
}

/* ############## BEACHBUS #######################################/ */
div.reachTheBeach{
position:relative;
float:left;
width:150px;
padding: 75px 15px 15px 15px;
background-image:url(/img/beachbus/logo.gif);
background-repeat:no-repeat;
background-position:top center;
}
ul.reachTheBeach{
list-style-type:none;
margin:0;
padding:0;
width:256px;
height:130px;
/*background:url(/img/achtergronden/VerwachtingDetailsContent-bg.gif) repeat-x 0 0;*/
}
ul.reachTheBeach li{
list-style-type:none;
margin:0;
padding:0;
width:256px;
}
ul.reachTheBeach li {
padding:0 0 0 20px;
text-decoration:none;
height:23px;
line-height:23px;
}

ul.reachTheBeach li.Rijdt{
background:url(/img/beachbus/icon-heelrustig.gif) no-repeat 0 8px;
}
ul.reachTheBeach li.Onbekend{
background:url(/img/beachbus/icon-rustig.gif) no-repeat 0 8px;
}
ul.reachTheBeach li.RijdtNiet{
background:url(/img/beachbus/icon-heeldruk.gif) no-repeat 0 8px;
}
ul.reachTheBeach li.VerwachtingDetailContentTop{
width:256px;
height:23px;
/*background:url(/img/achtergronden/VerwachtingDetailsContent-top-bg.gif) no-repeat 0 0;*/
}
div.reachTheBeachLegenda{
padding:0px 0 0 0;
width:180px;
/*height:295px;*/
/*background:url(/img/achtergronden/VerwachtingDetailsContent-legenda-bg.gif) no-repeat 0 bottom #fff;*/
border-top:solid 1px #dfdfec;
}
div.reachTheBeachLegenda p{
font-size:10px;
margin: 10px 0 10px 0px;
width:145px;
padding:0 0 0 30px;
line-height:14px;
height:30px;
font-weight:bold;
}
div.reachTheBeachLegenda p.Rijdt{
background:url(/img/beachbus/iconlegenda-heelrustig.gif) no-repeat 0 5px;
line-height:30px;
}
div.reachTheBeachLegenda p.Onbekend{
background:url(/img/beachbus/iconlegenda-rustig.gif) no-repeat 0 5px;
}

div.reachTheBeachLegenda p.RijdtNiet{
background:url(/img/beachbus/iconlegenda-heeldruk.gif) no-repeat 0 5px;
line-height:30px;
}