body { margin:0; padding:0; font-family:verdana; }
body { background:#411408 url(../images/introBG.jpg) repeat-x top;}
ul { margin:0; padding:0 }
ul li { margin:0; padding:0 ; list-style:outside; list-style-type:none }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-weight:normal }
h1 { color:#c2a557; font-family:Trebuchet MS, verdana; font-size:20px; padding:5px; }
img.prodImg { float:left; margin:20px 15px 15px 0px; border:1px solid #d6b562; }
a { color:#FFFFFF; }
a:hover { text-decoration:none; }


/***** INTRO SPLASH PAGE CSS ***/
body #banner { height:300px; width:100%;background:#e1bf6a url(../images/introBanner.jpg) repeat-x top; margin-top:220px; }
body #placer { width:850px; margin:0 auto; }
body .flag { width:94px; height:234px; background:transparent url(../images/introFlag.jpg) no-repeat top; float:left;  }
body #logo { width:304px; height:225px; background:transparent url(../images/introLogo.jpg) no-repeat top; float:left }
.flag a { margin-top:235px; display:block; font-family:trebuchet MS; font-size:12px; color:#4f210f; text-align:center; text-decoration:none }
.flag a:hover { color:#7a4827; }
.flag a span { font-size:18px; display:block; text-align:center;}
#NL { margin-right:50px;}
#FR { margin-right:15px;}
#EN { margin-left:15px; }
#ES { margin-left:50px; }


/********** MAIN SITE CSS ******/

/** header and navigation CSS ***/
#header { height:149px; width:100% ; background:transparent url(../images/mainHeader.jpg) repeat-x top; float:left }
#header a#logo { display:block; width:200px; height:149px;  background:transparent url(../images/mainLogo.jpg) no-repeat top center; float:right; }

#menu { width:850px; position:absolute; }
a.mItem { font-family:verdana; font-size:11px; text-decoration:none; color:#7a4827; float:left; display:block; margin-left:20px; margin-top:10px; }
a.mItem:hover { color:#7a4827;border-top:10px solid #7a4827; margin-top:0px; }
a.mItemActive { border-top:10px solid #7a4827; border-bottom:13px solid #7a4827;font-family:verdana; font-size:11px; text-decoration:none; color:#7a4827; float:left; display:block; margin-left:20px; font-weight:bold }
a.mItemActiveZ { border-top:10px solid #7a4827; font-family:verdana; font-size:11px; text-decoration:none; color:#7a4827; float:left; display:block; margin-left:20px; font-weight:bold }
#header #subMenu { width:155px; background-color:#7a4827; position:absolute; margin-top:36px; }
#header #subMenu ul {  margin-top:10px; margin-bottom:10px; }
#header #subMenu ul li { margin-left:10px; background-image:url(../images/mainSubmenuItem.jpg); background-repeat:no-repeat; background-position:left; padding-left:27px; margin-bottom:2px; display:block; height:15px; }
#header #subMenu ul li a {font-family:trebuchet MS,verdana; font-size:11px; color:#d6b562; text-decoration:none }
#header #subMenu ul li a:hover { font-weight:bold }
#header #subMenu ul li a.sel { font-weight:bold; text-decoration:underline}

.subHistoriek { left:73px; }
.subBieren { left:143px; }
.subFun { left:377px; }


/******** contentPanes ***********/

#homeContent { width:100%; clear:both}
#homeContent #leftPanel { float:left; width:50%; }
#homeContent #rightPanel { float:right; width:49%;  }

#welkomTekst { margin-left:65px; }
#welkomTekst h1 { color:#c2a557; font-family:Trebuchet MS, verdana; font-size:18px; }
#welkomTekst p {color:#c2a557; font-family:verdana; font-size:11px;}
img#welkomFlag { position:absolute; margin-top:-15px; margin-left:5px; }

/**** NewsItems ****/

#newsPane { width:500px;background-image:url(../images/newsBG.gif); background-repeat:repeat-y; }
#newsPane .newsLine { font-size:0px; width:500px; background-image:url(../images/newsLine.gif); background-repeat:no-repeat; height:1px; }
#newsPane .newsDate { font-size:9px; font-family:verdana; color:#e1bf69; text-align:right}
#newsPane h2 { font-family:Trebuchet MS; font-size:24px; color:#c8a959; padding-left:50px; background-image:url(../images/mainNewsPostTitle.gif); background-position:15px; background-repeat:no-repeat;}
#newsPane p {font-family:verdana; font-size:11px; color:#c2a557; padding:0px 10px 10px 50px;}
#newsPane img { float:left; margin:5px 7px 7px 50px; border:1px solid #e3c16b }
a#newsLinkArchive { text-decoration:none; font-size:11px; color:#e3c16b;  font-family:verdana; margin-left:50px; padding-top:10px; display:block; padding-bottom:15px;  }
a#newsLinkArchive:hover { text-decoration:underline; }


/********** QuickLinkBox ****************/
#quickLinkBox { width:471px; height:214px; background-image:url(../images/quickLinkBox.jpg); background-repeat:no-repeat; float:right }
a#slideShow { width:220px; height:194px; background-image:url(../images/custom/slideshow1.gif); position:absolute; margin-left:241px; margin-top:10px; text-indent:-5000px; }
#leftSide { position:absolute; width:230px; height:195px; margin-top:10px; margin-left:10px; }
#leftSide h3 { font-family:Trebuchet MS; font-size:16px; color:#7a4827; }
#leftSide ul { list-style-type:square; margin:10px 0px 0px 10px; color:#7a4827; }
#leftSide ul li { margin-top:7px;list-style-type:square; list-style:outside; margin-left:15px;}
#leftSide ul li a {font-family:verdana; font-size:10px; color:#7a4827;}
#leftSide ul li a:hover { text-decoration:none; }

#leftSide table { margin-top:15px; text-align:left; margin-left:10px; font-family:verdana; font-size:11px;font-weight:bold; color:#7a4827;}
#leftSide table input { font-family:verdana; font-size:12px; width:175px; height:14px; text-align:left;color:#7a4827; font-weight:normal}
#leftSide table a { font-weight:normal; color:#7a4827;}
#leftSide table a:hover {text-decoration:none;}

/**************** imageBox ***********/

#imageBox { width:452px; height:301px;  float:right; margin-right:10px; clear:both}
#imageBox img { border:1px solid #eca426;}
#imageComment { text-align:right; font-family:verdana; font-size:10px; color:#cfaf5e;}
#imageBox a {text-decoration:underline; font-size:10px; color:#e3c16b;  font-family:verdana; margin-left:50px;  display:block; padding-bottom:15px; }
#imageBox a:hover { text-decoration:none; }


/*************** cms additions **********/
.line{ margin: 0 0 7px 0; color:#c2a557; font-family:verdana; font-size:11px; }
.line h3{ font-size: 11px; } 

.description{ margin-left: 79px; }

#gallery{ margin-top: 10px;  }
.gallery_pic{ margin: 0 15px 15px 0; float: left; text-align: center; font-family:verdana; font-size:11px; color:#c2a557; }
.gallery_pic img{ border: 1px solid #c2a557; max-width: 100px; }

.clear{ clear: both; margin-bottom: -15px; }

form{ margin-top: 15px; }
form div{
	margin-bottom: 10px;
}
label{
	padding: 0 10px;
	color: #c2a557;
	font-size: 11px;
	margin: 2px 0 0 0;
	width: 70px;
	display: -moz-inline-box;	 /* Firefox */
	display: inline-block;	
	text-align: right;
	float: left; 
	text-align: right; 	
}
div input{ width: 170px; }
textarea{ font-family: verdana; }
div.space{ margin-left: 90px; }
div.space input{ background-color: #c2a557; color: #000; border: 0; font-size: 11px; width: auto; padding: 2px 5px 2px 5px; }

form textarea{
	margin-top: 5px;
	font-size: 12px;
}

/* Validation Error Messages */
.errMsg {
	color: #fff;
	margin-left: 10px;
	font-size: 10px;
	display: inline;
}

.msg{ font-size: 13px; font-weight: bold; }