/* ------------------------------------ *
 CSS FrameWork: Base.css
 * ------------------------------------ */

 @import url('reset.css');
 @import url('type.css');
 @import url('grid.css');
 @import url('form.css');

 body {
      background: url(../images/background.gif) repeat-x white;
      color: #2A2A2A;
      font-size: 11px;
      line-height: 12px;
 }

 body.mceContentBody {
   background: #ffffff;
   color: #ffffff;
}

object {
	float:right;
}

.space {
	padding-left: 15px;
	padding-right: 15px;
	_padding-right: 0px;
	width: 900px;
	_width: 885px;
}

.img_spacing {
	padding-right: 27px;
	_padding-right:24px;
}

 #container {
	display:block;
	margin: auto;
	background: #ffffff;
	width:900px;
	text-align: left;
	}
 a#rss {
    position: absolute;
    top: 9px;
    right: 15px;
 }
 .shadow{
	position:relative;
	display:inline;
	z-index:100
	}

 .shadow_inner{
	overflow:hidden;
	position:absolute;
	top: -1000px;
	filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.1; /*firefox 1.5 opacity*/
	-moz-opacity:0.1; /*mozilla opacity*/
	-khtml-opacity:0.1; /*opacity*/
	z-index:10
	}

 #button-container {
	position: relative;
	background: url(../images/banner_watergoed.jpg);
	width: 200px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
 }

 .button-banner {
	background: #000;
	position: relative;
	filter:alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.8; /*firefox 1.5 opacity*/
	-moz-opacity:0.8; /*mozilla opacity*/
	-khtml-opacity:0.8; /*opacity*/
	width: 200px;
	height: 32px;
	text-align: center;
	padding-top: 8px;
 }

 a.button-watergoed {
	display: block;
	width: 150px;
	height: 25px;
	text-indent: -1000px;
	margin-left: 24px;
	background: url(../images/button-bezoekwatergoed.jpg);
 }

 a.button-watergoed:hover {
	display: block;
	width: 150px;
	height: 25px;
	margin-left: 24px;
	text-indent: -1000px;
	background: url(../images/button-bezoekwatergoed-over.jpg);
 }


#button-container-two {
	position: relative;
	background: url(../images/banner_ore.jpg);
	width: 200px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
 }

 a.button-offroadevents {
	display: block;
	width: 150px;
	height: 25px;
	text-indent: -1000px;
	margin-left: 24px;
	background: url(../images/button-bezoekoffroadevents.jpg);
 }

 a.button-offroadevents:hover {
	display: block;
	width: 150px;
	height: 25px;
	margin-left: 24px;
	text-indent: -1000px;
	background: url(../images/button-bezoekoffroadevents-over.jpg);
 }

 #button-container-three {
	position: relative;
	background: url(../images/banner_zh.jpg);
	width: 200px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
 }

 a.button-zandhappen {
	display: block;
	width: 150px;
	height: 25px;
	text-indent: -1000px;
	margin-left: 24px;
	background: url(../images/button-bezoekzandhappen.jpg);
 }

 a.button-zandhappen:hover {
	display: block;
	width: 150px;
	height: 25px;
	margin-left: 24px;
	text-indent: -1000px;
	background: url(../images/button-bezoekzandhappen-over.jpg);
}
 /* Backgrounds */
 .white { background: #FFF; }
 .header{
 	background: 	url(../images/header-3.jpg) no-repeat;
 	text-align: 	center;
 	padding-top:    148px;
 	padding-left:	20px;
 	height:			27px;
 	width:			880px;
 	}
 .footer{
 	clear: both;
 	background: 	#729fb5;
 	width:			875px;
 	padding: 		20px 0 15px 25px;
 	}
 .footer #footerleft {
 	float: left;
 	width: 600px;
 }
 .footer #footercontent {
 	width: 879px;
 	height: 173px;
 	background: url('../images/footerfill.png') no-repeat;
 	padding: 20px;
 }
 .footer ul,
 .footer ul *,
 .footer dl {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;

 	color: white;
 }
 .footer strong {
 	font-size: 13px;
 }
 .footer ul li {
 	float: left;
 	width: 200px;

	margin-top: 1em;
 	line-height: 2em;
 	font-weight: bold;
 	font-size: 12px;
 }
 .footer ul ul {
 	margin-top: 1em;
 }
 .footer li li {
 	float: none;
 	line-height: 1.5em;
 	font-weight: normal;
 	font-size: 11px;
 	color: #f8f8f8;
 	margin-top: 0.2em;
 }
 .footer li li a:hover {
 	color: #095275;
 }
 .footer dl {
 	margin-top: 1em;
 	line-height: 2em;
 }
 .footer dt {
 	margin-top: 1em;
 	font-size: 12px;
 	font-weight: bold;
 }
 .footer dd {
 	margin-top: 0.5em;
 	line-height: 1.5em;
 }

 .footer #footerright ul {
	margin-top: 1.4em;
 }

 .footer #footerright ul li{

 	line-height: 1.5em;
 	font-weight: normal;
 	font-size: 11px;
 	color: #f8f8f8;
 	margin-top: 0.2em;
 }

 .breadcrumbs {
 	margin: 20px 20px;
 }

 #submenu {
 	background: 	url(../images/gray-pixel.jpg) repeat-x;
 	padding:		0 5px;
 	margin: 		0 20px 15px 15px;
 	border-top:		1px solid #cdcdcd;
 }

 /* Content */
 .right-content,
 .left-content {
 	padding-top: 0;
 }
 .left-content {
 	float: left;
 	padding-left: 15px;
 	width: 630px;
 }
 .right-content {
 	float: left;
 	padding-left: 15px;
 	width: 220px;
 }
 .right-content .item {
 	display: block;
	background-color: #e6e6e6;
	padding: 12px 6px 12px 12px;
	margin: 8px 0;
 }
 .right-content a.item:hover {
 	background-color: #c6c6c6;
 }
 form.item label {
 	float: left;
 	width: 75px;
 	margin-top: 13px;
 }
 form.item input {
 	margin-top: 10px;
 }
 form.item input.submit {
 	margin-left: 75px;
 }
 .photolist {
 	list-style-type: none;
 }
 .photolist li {
 	display: inline;
 	padding: 2px;
 }
 .photolist li img {
 	border: 1px solid #095275;
 }
 .light {
 	color: #959595;
 	display: block;
 	margin: 5px 0;
 }
 a.lees-meer {
 	display: block;
 	text-decoration: underline;
 	font-style: italic;
 	text-align: right;
 	width: 225px;
	color:#000000;
 }
 a.lees-meer:hover {
 	display: block;
 	text-decoration: none;
 	font-style: italic;
 	text-align: right;
 	width: 225px;
	color:#000000;
 }

 #flash-header {
	border-bottom: 1px solid #cdcdcd;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 901px !important;
    z-index: 1;
}
 
 /* Menu */
 .selected {
 	background:     #fff;
 	border-top:  	1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a;
 	display:		block;
 	float: 			left;
 	height:			16px;
 	letter-spacing: 0px;
 	padding: 		5px 2px 5px 2px;
 	margin-right: 	1px;
 	text-align: 	center;
 	width:			102px;
	}

.selected a, .selected a:visited{
	color: #2a2a2a;
}

 a.menu,
 a.submenu{
 	background:     #fff;
 	border-top:  	1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a !important;
 	display:		block;
 	float: 			left;
 	height:			15px;
 	padding: 		5px 2px 5px 2px;
 	margin-right: 	1px;
	letter-spacing: 0px;
 	text-decoration:none !important;
 	width:			102px;
	font-weight: bold;

 	filter:			alpha(Opacity=80); /*modify to change the shade solidity/opacity, same as below*/
	opacity:		0.8; /*firefox 0.6 opacity*/
	-moz-opacity:	0.8; /*mozilla opacity*/
	-khtml-opacity:	0.8; /*opacity*/
 	}

  /* opacity to 1 makes some of the menu-items jump 1px on hover in firefox 2, this keeps it in same renderingmode  */
  a.menu:hover,
  a.submenu:hover {
 	filter:			alpha(Opacity=99.999); /*modify to change the shade solidity/opacity, same as below*/
	opacity:		0.9999; /*firefox 1.0 opacity*/
	-moz-opacity:	0.9999; /*mozilla opacity*/
	-khtml-opacity:	0.9999; /*opacity*/
 	}

	.slideshow{
		position: absolute;
		z-index:2;
	}
	
 /* Submenu */
 #submenu a,
 #submenu .selected {
 	background:     #99c2d6;
    border-bottom: 	1px solid #cdcdcd;
    padding: 		7px 2px 3px 2px;
    border-top:		none;
    text-align: 	center;
    margin-right: 	1px;
 }
 /*
 .sub-selected {
 	background:     #FFF100;
 	border-bottom:  1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a;
 	display:		block;
 	float: 			left;
 	height:			15px;
 	letter-spacing: 0px;
 	padding: 		5px 2px 5px 2px;
 	text-align: 	center;
 	text-decoration:none;
 	width:			94px;
 	}
 a.submenu {
 	background:     #FFF100;
 	border-bottom:  1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a !important;
 	display:		block;
 	float: 			left;
 	height:			15px;
 	margin-top:		1px;
	letter-spacing: 0px;
 	padding: 		5px 2px 5px 2px;
 	text-align: 	center;
 	text-decoration:none !important;
 	width:			94px;

 	}
  a.submenu:hover {
 	background:     #FFF100;
 	border-bottom:  1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a !important;
 	display:		block;
 	float: 			left;
 	height:			15px;
	letter-spacing: 0px;
 	margin-top: 	1px;
 	padding: 		5px 3px 5px 2px;
 	text-align: 	center;
 	text-decoration:none !important;
 	width:			93px;

 	}
 */
 .gallery
{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

.contacttable td{
  padding: 0.2em;
}

input
{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cdcdcd;
border-right-color: #cdcdcd;
border-bottom-color: #cdcdcd;
border-left-color: #cdcdcd;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

ul  .sitemap{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0px;
padding-left: 40px;
}

ul  .sitemap{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0px;
padding-left: 40px;
}

.contact td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

#datum_btn{
	margin-left: 5px;
}