/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	Css documment for Mcw Cms websites.

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.5 and Internet Explorer 8.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	Used colors within website:
	name: #XXXXXX;
	name: #XXXXXX;
===========================================================================================
*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
table tr {
	vertical-align: top;
	text-align: left;
}
body {
	margin: 0px;
	padding: 0px;
	background: url(../_images/bg.gif) #edf1f7 repeat-x left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}
body.home {
	background: url(../_images/bgHome.gif) #edf1f7 repeat-x left top;
}
img {
	border: none;
}
p {
	line-height: 18px;
	margin: 0 0px 20px 0px;
}
a {
	color: #7a8b14;
}
a:hover {
	color: black;
	text-decoration: none;
}

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4 {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color:#000;	
	font-size:16px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;

}
h2 {
	font-size: 24px;
	color: #336699;
	font-weight: normal;
	line-height:20px;
}
h3 {
	margin: 0;
	font-size: 16px;
	font-size: 14px;
	color: #336699;
	background: url(../_images/h2.gif) left bottom;
	margin: 15px 0 5px 0;
}
h4 {
	margin: 0 0 10px 0;
	font-size: 13px;
	color: #c7e513;
}
.h3Variant1 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.pVariant1 {
	margin-top: 10px;
}
.pVariant2 {
}
.pVariant3 {
}
.pVariant4 {
}
.pVariant5 {
}

.aVariant1 {
}
.aVariant2 {
}
.aVariant3 {
}
.aVariant4 {
}

.ulVariant1 {
}
.ulVariant2 {
}
.ulVariant3 {
}
.ulVariant4 {
}

.olVariant1 {
}
.olVariant2 {
}
.olVariant3 {
}
.olVariant4 {
}

.liVariant1 {
}
.liVariant2 {
}
.liVariant3 {
}
.liVariant4 {
}

.tableVariant1 {
}
.tableVariant2 {
}
.tableVariant3 {
}
.tableVariant4 {
}

.imgVariant1 {
	float: right;
	margin: 0.4em 0em 0.4em 1em;
	padding: 0;
}
.imgVariant2 {
	float: left;
	margin: 0.4em 1em 0.4em 0em;
	padding: 0;
}
.imgVariant3 {
}
.imgVariant4 {
}
/* END MCW EDITOR DECLARTIONS */
.clear {
	clear:both;
}
.container {
	width: 910px;
	margin: auto; /* min-height: 1000px; 	height: 1000px; */
}
.main {
	min-height: 95%;
	overflow: visible;
	border-top: solid 1px #fff;
	background-color:#fff;
	width: 910px;
}
.menu {
	height: 40px;
	position: relative;
	width: 908px;
	z-index: 200;
}
.header {
	height: 112px;
	border-bottom: solid 1px #ffffff;
	background-color: #c7e513;
}
.headerLeft {
	float: left;
	width: 180px;
	height: 100%;
}
.headerRight {
	position: relative;
	float: right;
	width: 728px;
	height: 100%;
	background-color: #6893bc;
}
.headerImage {
	/*background-image: url('../_images/header/header1.jpg');*/
}
.headerTitle {
	position: absolute;
	width: 445px;
	height: 25px;
	background-color: #c7e513;
	overflow: hidden;
	bottom: 0;
}
.headerTitle div {
	float: left;
}
div.headerTitle h1 {
	margin: 3px 10px 3px 30px;
	font-size: 16px;
	color: #333;
}
.headerLogo {
	position: absolute;
	width: 55px;
	height: 77px;
	overflow: hidden;
	right: 50px;
	top: 18px;
	text-indent: -200px;
	background: url(../_images/logo.gif) no-repeat left top;
}
.columnLeft {
	width: 180px;
	float: left;
}
.columnRight {
	width: 728px;
	float: right;
}
.content {
	margin: 30px;
	line-height: 18px;
}
.content ol, .content ul {
	margin: 25px 0 40px 25px;
	font-weight: bold;
	border-left: dotted 1px #666;
	font-size: 12px;
}
.content a {
	font-weight: bold;
}
.content li {
	margin-bottom: 10px;
	padding: 0 5px;
	font-weight: normal;
	color: #336699;
}

.contentLeft {
	width: 480px;
	float: left;
}
.contentRight {
	width: 140px;
	float: right;
}
.contentLeft ul, .contentRight ul {
	border: none;
	margin: 10px 0px 0px 15px;
	padding: 0px;
}
      
	


.footer {
	clear: both;
	height: 20px;
}
.webcamFrame {
	background-color: #c7e513;
}
table.veldInfo {
	width:470px;
	padding:0px;
	margin:0px;
	color:#000;
}
table.veldInfo td {
	text-align:right;
}





/* News Items */

.newsItem {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	width: 100%;
	clear: both;
	background: url(/_images/h2.gif) repeat-x left bottom;
}
.newsText {
	width: 450px;
	float: left;
}
.newsImage {
	margin: 25px 0 0 0;
	float: right;
}
.newsItem a {
	text-decoration: none;
	border: none;
}
.newsPublishDate {
	margin: 0px;
	font-size: 10px;
}
.newsTitle {
	margin: 0px;
	font-weight: bold;
	background: none !important;
}
.newsIntro {
	margin: 0px;
}

/* Galery Frame */
.galFrame {
	padding: 10px;
	float: left;
	width: 134px;
	height: 170px;
	background-color: #c7e513;
	margin-right: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	color: #7a8b14;
	font-weight: bold;
}
.galFrame a {
	display: block;
	border: solid 2px #c7e513;
	width: 130px;
	height: 130px;
}
.galFrame a:hover {
	border: solid 2px #ffffff;
}
.galFrame img {
	display: block;
}

/* ListItems paging navigation */
.pagingContainer {
	margin: 20px 0px 0px 0px;
}
.pagingContainer ul {
	border: none;
	padding: 0px 0px 0px 150px;
	margin: 0px;
	list-style: none;
}
.pagingContainer ul li {
	display: inline;
	margin: 0px 1px;
}
.pagingContainer ul li a, .pagingContainer ul li span {
	padding: 5px 8px;
	font-size: 10px;
	text-decoration: none;
}
.pagingContainer ul li a:hover {
}
.pagingContainer ul li span {
	background-image: url('/_images/ico_page.gif');
}
.pagingContainer ul li.imageButton a {
}
.pagingContainer ul li.imageButton a:hover {
}
.dockContainer {
	position:relative;
	left:0px;
	top:0px;
	z-index:1;
	width:637px;
	height:528px;
	background-color:#edf1f7;
	float:left;
}
.dockContainer .dockPhotos {
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
	border-left:1px solid #fff;
}

/*  DockStation Shade */
.dockContainer .dockStationShade {
	height:528px;
	width:505px;
	position:absolute;
	left:86px;
	top:0px;
	z-index:6;
	opacity:0.0;
	filter:alpha(opacity=0);
	/* background:url(../_images/dockStationBack.png) no-repeat 0px 247px; */
}
.dockContainer .dockStationShade table {
	height:528px;
	width:505px;
	margin:0px;
	padding:0px;
}
.dockContainer .dockStatioShade table tr {
	margin: 0px;
	padding: 0px;
}
.dockContainer .dockStationShade table td {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

/*  DockStation */
.dockContainer .dockStation {
	height:528px;
	position:absolute;
	left:67px;
	top:0px;
	z-index:7;
	opacity:0.0;
	filter:alpha(opacity=0);
}
.dockContainer .dockStation table {
	height:534px;
	width:510px;
	margin:0px;
	padding:0px;
}
.dockContainer .dockStation table tr {
	margin: 0px;
	padding: 0px;
}
.dockContainer .dockStation table td {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
.homePageLogoContainer {
	width:100px;
	height:365px;
	position:absolute;
	top:0px;
	padding:30px;
	z-index:100;
	border-left:1px solid #fff;
}
.outerline {
	width:1px;
	height:425px;
	display:block;
	position:absolute;
	left:637px;
	top:0px;
	z-index:101;
	background-color:#fff;
}
.dockitem {
	width: 66px;
	height: 162px;
	color: White;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	background: url(../_images/dockGradient.jpg) #c7e513 repeat-x 0px 93px;
	text-decoration:none;
}
a.aItem {
	width:66px;
	height:93px;
	text-decoration:none;
	display:block;
}
.dockitemShade {
	width: 66px;
	height: 162px;
	/* background: transparent  url(../_images/backGradientShade.png) repeat-x 0px 0px; */
}
.imgContainer {
	padding: 7px;
	margin: 0px;
	background-color:#c7e513;
}
.dockitem img {
	margin:0px;
	padding:0 0 4px 0;
	display:block;
	filter:gray;
	width:53px;
	height:54px;
	background-color:#c7e513;
}
.dockTextSmall {
	color:#fff;
	font: bold 11px Arial Narrow;
	text-decoration:none !important;
	cursor:pointer;
}
.dockTextBig {
	color:#c7e513;
	font: bold 14px Arial Narrow;
	text-decoration:none !important;
	opacity:0.0;
	filter: alpha(opacity=0);
	cursor:pointer;
	display:none;
}
.homeRightContainer {
	height:528px;
	width:245px;
	position:relative;
	float:left;
	left:0px;
}
.homeRightContainer .introText {
	height:197px;
	width:230px;
	padding:25px;
}
.homeRightContainer .koopBanner {
	position:absolute;
	top:195px;
	left:26px;
	width:221px;
}
.homeFooter {
	padding: 20px 0px 0px 0px;
	color: #888;
	clear: both;
	position: relative;
	bottom: 0px;
}
.homeFooter a {
	color: #888;
	text-decoration:none;
}
.homeFooter a:hover {
	text-decoration:underline;
}



/* ~~~~~~~~~~ SLIDE VIEWER PRO FOR GALLERY ~~~~~~~~~~ */
.svwp {
	width: 50px;
	height: 20px;
}
/*preloader stuff. do not modify!*/
.svwp ul {
	position: relative;
	left: -999em;
}
/*preloader stuff. do not modify!*/
.slideViewer {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;

}
.slideViewer ul {
	/*your list of images*/
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideViewer ul li {
	float: left;
	padding: 0;
	background: none;
}

/*typographic info*/
.slideViewer span.typo {
	padding: 6px; /* do not modify padding */
	color: #00386E;
	font-size: 12px;
	text-align: center;
	margin-left: 0 !important;
	margin-top: -29px !important;
}

.thumbSlider {
	/*the thumbnails slider*/
	overflow: hidden;
	width: 1%;
}
.thumbSlider ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.thumbSlider ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
.thumbSlider a {
	color: #fff;
	text-decoration: none;
}
.thumbSlider a img {
	border: 0;
	display: block;
	padding: 0;
}
.thumbSlider p.tmbrdr {
	/* the border above -not around- each thumb */ /* width, height and top values are dynamically added by the script. Do not modify. */
	position: relative;
	left: 0;
	font-size: 0.01em;
	left: 0;
	margin: 0;
	padding: 0;
}

a.left, a.right {
	/*the left and right buttons (links)*/
	color: #ff0000;
	font: bold 16px Arial;
	overflow: hidden;
}
a.left {
	background: Transparent url('../_images/galleryleft.gif') no-repeat center center;
}
a.right {
	background: Transparent url('../_images/galleryright.gif') no-repeat center center;
}
a.left span, a.right span {
	color: #00386e;
}
a.left img, a.right img {
	border: 0;
}
a.l_dis, a.r_dis {
	/*background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
	cursor: default;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
a.l_dis span, a.r_dis span {
	visibility: hidden;
}
a:focus {
	outline: none;
}

/* ~~~~~~~~~~ END SLIDE VIEWER PRO FOR GALLERY ~~~~~~~~~~ */



#divGalleryImages img {
	border:none; outline:none; display:block;
}
#ui0 {
	padding:35px 0;	
}
#galPrev, #galNext {
	display:block; overflow:hidden;
	width:22px; height:22px;
	position:absolute; top:392px;
	z-index:1112;
	text-indent:-9999px;
}
#galPrev {
	left:580px;
	background:url('../_images/galleryleft.gif') no-repeat 0 0;
}
#galNext {
	right:10px;
	background:url('../_images/galleryright.gif') no-repeat 0 0;
}

/* ~~~~~~~~~~ END GALLERY PAGE ~~~~~~~~~~ */