body {
  background-color: #cccccc;
  /*color: #2d2e2e;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
#topDiv {
  /*background-color: #9bb6d2;*/
  background-color:#666666;
  border-bottom: solid 3px #000000;
  text-align: center;
  height:125px;
  padding-top:10px;
  
}
#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 955px;
  border-left:#000000 2px solid;
  border-right:#000000 2px solid;
}
#outerWrapper #contentWrapper #leftColumn1 {
	/*background-color: #eaeff5;*/
	border-right: solid 1px #000000;
	border-bottom:solid 1px #000000;
	float: left;
	 padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:10px;
	width: 150px;
	height: 100%;
}
#outerWrapper #contentWrapper #content {
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:10px;
  width: 765px;
  float: left;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
  /*background-color: #eaeff5;*/
  background-color:#999999;
  border-top: solid 2px #000000;
  border-bottom: solid 2px #000000;
  padding: 10px 10px 10px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;/*Gray color*/
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;/*Gray color*/
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

/******************************* Start Layout Website *******************************/

table /* te gebruiken voor table, td en tr */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	line-height: 15px;
}
tr /* te gebruiken voor table, td en tr */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	line-height: 15px;
}
td /* te gebruiken voor table, td en tr */
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	line-height: 15px;
}
#content 
{
	margin:0;
	padding:20px;
	width:490px;
	padding:1px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	font-variant:normal;
}
#content a
{
	color:#666666;/*Gray color*/
	text-decoration: none;
}
#content a:hover
{
	color:#666666;/*Gray color*/
	text-decoration: underline;
}
h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}

/* Site Menu Start*/
.hoofdmenu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	border-bottom: 1px solid #dadada;
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	display:block;
	background-color:#9bb6d2;
	padding-left : 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(titlebar.png) repeat center left; /*custom bullet list image*/
}
/* submenu */
#menu{
width: 150px; /*width of menu*/
}
#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
#menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
#menu ul li a{
color:#000000; /*#A70303*/ 
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
font-weight:normal;
/*border-bottom: 1px solid #dadada;*/
font-size: 10px;
}
#menu ul li a:visited{
color:#000000; /*#A70303*/ 
}
#menu ul li a:hover{ /*hover state CSS*/
color:#000000; /*#A70303*/ 
background-color: #F3F3F3;
}
/* Site Menu End*/

p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	margin-top: 0px;
	margin-bottom: 0px;
}
p a:link
{
	text-decoration: /*underline;*/ none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	margin-top: 0px;
	margin-bottom: 0px;
}
p a:visited
{
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	margin-top: 0px;
	margin-bottom: 0px;
}
p a:hover
{
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	margin-top: 0px;
	margin-bottom: 0px;
}
p a:active
{
	text-decoration: /*underline;*/ none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.footer2 a:link {
	text-decoration: none;
	color: #666666;
}
.footer2 a:visited {
	text-decoration: none;
	color: #666666;
	}
.footer2 a:hover {
	text-decoration: underline;
	color: #666666;
	font-weight:bold;
	}
.footer2 a:active {
	text-decoration: none;
	color: #666666;
	}
/***************************************** End Layout website **************************/


/*************************************************************************** CMS MODULES *************************************/
/********************************************************************** Fotoalbum overzicht **********************************/
.albumlijst
{
	margin-top: 30px;
	height: 70px;
}
.albumlijst img
{
	float: left;
	margin-right: 20px;
}
.thumbs
{
	padding: 4px 4px 4px 4px;
	border: black 1px solid;
	margin: 0;
}
.kader
{

	height: 100px;
	margin: 0 20px 0 0;
	float: left;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    /*visibility: hidden;*/
}
/*.clearfix {display: inline-table;}*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/******************************************************************** Module Booking en Links ********************************/
.links
{
    width: 750px;
    margin: 0;
    padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;/*Gray color*/
	font-variant:normal;
}
.linkstitel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
.rechts
{
    text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;/*Gray color*/
}
.rechts a:link {
	text-decoration: none;
	color:#666666;/*Gray color*/
}
.rechts a:visited {
	text-decoration: none;
	color:#666666;/*Gray color*/
	}
.rechts a:hover {
	text-decoration: underline;
	color:#666666;/*Gray color*/
	}
.rechts a:active {
	text-decoration: none;
	color:#666666;/*Gray color*/
	}
/********************************************************************* Contact & Newsletter formulier *****************************/
p.error
{
	text-align: justify;
	color: red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	width:400px;
	padding: 5px 0px 3px 25px;
	margin: 5px 10px 15px 20px;
}
p.succes
{
	text-align: justify;
	color: green;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	width:400px;
	padding: 5px 0px 3px 25px;
	margin: 5px 10px 15px 20px;
}
.invulformulier
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;/*Gray color*/

}	
.button 
{
	background-color : transparent;
	width : 80px;
	height : 16px;
	border : 1px solid #89930d;
	text-align : center;
	background-color : #c9f1ff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color:#666666;/*Gray color*/
	display : block;
	font-weight : bold;
}


/*********************************************************************** Module Partners - Leveranciers ****************************/
.partnertiteloverzicht
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
.partnertitel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
/************************************************************************* Module Nieuws *******************************************/
#nieuwslijst
{
	margin: 10px 0px 0px 0px;
	padding: 0;	
	font-weight:bold;
}
#nieuwslijst li
{
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
#nieuwslijst li a:link
{
	text-decoration: none;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
#nieuwslijst li a:visited
{
	text-decoration: none;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
#nieuwslijst li a:hover
{
	text-decoration: underline;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
#nieuwslijst li a:active
{
	text-decoration: none;
	font-weight:bold;
	color:#666666;/*Gray color*/
}

/************************************************************* Module Producten ***************************/
.productthumb
{
	width: 70px;
	height: 70px;
	border: 2px silver solid;
	margin-right: 10px;
}
.productgroot
{
	width: 70px;
	height: 70px;
	border: 2px silver solid;
	margin-right: 10px;
}
.productoverzicht
{
	margin-bottom: 20px;	
}
.producttitel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
.meerweten
{
    text-align: left;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}
.meerweten a:link {
	text-decoration: none;
	color:#666666;/*Gray color*/
}
.meerweten a:visited {
	text-decoration: none;
	color:#666666;/*Gray color*/
	}
.meerweten a:hover {
	text-decoration: underline;
	color:#666666;/*Gray color*/
	font-weight:bold;
	}
.meerweten a:active {
	text-decoration: none;
	color:#666666;/*Gray color*/
	}
/****************************************************** Module Eigen Promoties ****************************/
.promotieoverzicht
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;/*Gray color*/
}
.promotieoverzichttitel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
}

.promohoofd
{
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;/*Gray color*/
	background-color: #efefef;
	width: 200px;	
}
/** album **/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(albums/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(albums/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(albums/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
.flxml_input {
width : 160px;
height : 16px;
border : 1px solid #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333333;
}
.flxml_text {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666666;
}
.flxml_error {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ff0000;
}
.flxml_titel {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #496ca1;
}
.flxml_button {
background-color : transparent;
width : 80px;
height : 16px;
border : 1px solid #89930d;
text-align : left;
background-color : #e4e5ed;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
display : block;
font-weight : bold;
}