/* ------------------------------------ *
 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.jpg) repeat-x #4D4D4D;
      color: #2A2A2A;
      font-size: 11px;
      line-height: 12px;
 }

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

.space {
	padding-left: 15px;
	padding-right: 15px;
	width: 900px;
}

.img_spacing {
	padding-right: 27px;
}

 #container {
	display:block;
	margin: auto;
	background: #ffffff;
	width:900px;
	text-align: left;
	}
 .shadow{
	position:relative;
	display:inline;
	z-index:100
	}

 .shadow_inner{
	overflow:hidden;
	position:absolute;
	top: -1000px;
	opacity:0.1; /*firefox 1.5 opacity*/
	-moz-opacity:0.1; /*mozilla opacity*/
	-khtml-opacity:0.1; /*opacity*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	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: 9px;
	margin-left: 14px;
 }

 .button-banner {
	background: #000;
	position: relative;
	opacity:0.8; /*firefox 1.5 opacity*/
	-moz-opacity:0.8; /*mozilla opacity*/
	-khtml-opacity:0.8; /*opacity*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	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: 8px;
 }

 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:	30px;
 	height:			27px;
 	width:			870px;
 	}

#slideshow {
	display:block;
	height:215px;
	margin-bottom:20px;
	width:615px;
}

 .footer{
 	background: 	#FEF200;
 	padding-left:   15px;
	padding-right:	15px;
 	padding-top:	95px;
 	letter-spacing: 1px;
 }
 .footer{
 	clear: both;
 	width:			875px;
 	padding: 		20px 0 15px 25px;
 	}
 .footer #footerText {
 	text-align: right;
 	margin-right: 15px;
 }
 .footer #footerleft {
 	float: left;
 	width: 600px;
 }
 .footer #footercontent {
 	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;

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

	margin-top: 1em;
 	line-height: 2em;
 	font-weight: bold;
 	font-size: 12px;
 }
 /* IE doesn't want a global style and overwrite for .zh */
 .footer ul li.se {
 	width: 160px;
 }
 .footer ul li.ore {
 	width: 175px;
 }
 .footer ul li.zh {
 	width: 135px;
 }
 .footer ul li.sp {
 	width: 120px;
 }
 .footer #footerright ul li {
 	width: 200px;
 }
 .footer ul ul {
 	margin-top: 1em;
 }
 .footer li li {
 	float: none;
 	line-height: 1.5em;
 	font-weight: normal;
 	font-size: 11px;
 	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;
 	margin-top: 0.2em;
 }

 .breadcrumb {
 	margin: 20px 30px;
 }

 /* Content */
 .left-content {
 	float: left;
 	padding-left: 30px;
 	width: 630px;
 	}
 .right-content {
 	float: left;
 	margin-left: 15px;
 	width: 220px;
 }
 .right-content a#rss {
 	position: absolute;
 	top: 7px;
 	right: 10px;
 	float: right;
 }
 .right-content .item {
 	display: block;
	padding: 0 15px 8px 15px;
	margin: 8px 0px 16px 0px;
	line-height: 15px;
 }
 .right-content .item.nieuws {
 	border-bottom: 1px solid #ccc;
 }
 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;
 }

 .total-content {
 	display: block;
 	float: left;
 	padding-left: 15px;
 	width: 870px;
 	}
 .nieuws-item {
 	border-bottom: 1px solid #cdcdcd;
 	display: block;
 	width: 225px;
 	}
 .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;
 }

 /* 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 3px 5px 2px;
 	text-align: 	center;
 	width:			93px;
 	}
 a.menu {
 	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;
	letter-spacing: 0px;
 	text-align: 	center;
 	text-decoration:none !important;
 	width:			94px;
	font-weight: bold;
 	}

  a.menu,
  a.submenu {
	opacity:		0.75; /*css 3 opacity*/
	-moz-opacity:	0.75; /*mozilla opacity*/
	-khtml-opacity:	0.75; /*opacity*/
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*IE8 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 {
	opacity:		0.9999; /*firefox 1.0 opacity*/
	-moz-opacity:	0.9999; /*mozilla opacity*/
	-khtml-opacity:	0.9999; /*opacity*/
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=99.999)"; /*IE8 opacity*/
 	}

	#flash-header {
	border-bottom: 1px solid #cdcdcd;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 901px !important;
    z-index: 1;
}

	.slideshow {
		position: absolute;
		z-index:2;	
	}
	
 /* Submenu */
 .line {
 	background: 	url(../images/gray-pixel.jpg) repeat-x;
 	display: 		block;
 	margin:			0 15px;
 	padding:		0 0 15px 15px;
 	width: 			870px;
 	}
 .sub-selected {
 	background:     #FFF100;
 	border-bottom:  1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	margin-right:   5px;
 	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;
 	margin-right:	5px;
	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;
 	}

 a.option-link {
	background: url(../images/arrow.jpg) no-repeat #fff200;
	border: 1px solid #a79d0c;
	display: block;
	padding: 5px 5px 5px 30px;
	width: 188px;
 }
  a.option-link:hover {
	background: url(../images/arrow.jpg) no-repeat #fff200;
	border: 1px solid #534e0a;
	display: block;
	padding: 5px 5px 5px 30px;
	width: 188px;
 }

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

 .contact input, .contact select, .contact textarea {
	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;
}

 #datum_btn{
	margin-left: 5px;
}