html,body	{ margin: 0px; padding: 0px; width:100%; height:100%;}

body		{font-family: Verdana; font-size: 1.0em; background-color: #3a3933; background-image:url(../img/bgBrouwerij.jpg); background-repeat: repeat-y; background-position: center top;}

th			{ font-weight: normal; }

img			{ border:none 0px #000000;}

h1					{ color:#3a3933; font-size:1.5em; text-decoration:none; font-weight:normal; }
a						{ color: #3a3933; text-decoration: underline;  }
a:hover			{ color: #FFBE0F; text-decoration: underline; }

/*-----------------------------------------------------------
	stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/

table#tblContainer 		{ width: 100%; height: 100%; border: none 1px green;}
td#tdContainer 				{ vertical-align: top; text-align: center; height: 100%;}

div#divContainer			{ border: none 1px purple; }
div#divContainer 			{ position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 810px; height: 100%; }

/*--------------------------------------------------------------------------------------
 stijlen voor de diverse images
----------------------------------------------------------------------------------------*/

div#logo						{ position: absolute; z-index: 10; left:   0px; top: 100px; }
div#houtBoven				{ position: absolute; z-index: 10; left: 421px; top:   0px; }
div#cd							{ position: absolute; z-index: 10; left: 597px; top:  120px; }
div#flessen					{ display: none; position: absolute; z-index: 10; left: 597px; top: 340px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/

div#contentContainer 		{ position: absolute; z-index: 1000; left: 28px; top: 228px; padding: 0px; margin: 0px; border: none 1px #ccc; }

table#tblInhoud  				{ color: #3a3933; font-size: 0.7em; width: 360px; border: none 1px red; margin: 0px 0px 10px 0px; }

table#tblInhoud  h1			{ font-size: 1.1em; font-weight: bold; color: #EAEBB2; font-size: 1.1em; }
table#tblInhoud  h2			{ font-size: 1.1em; font-weight: bold; color: #EAEBB2; font-size: 1.0em; margin: 1em 0px 0px 0px; }
table#tblInhoud  td			{ font-size: 1.0em; margin: 0px;}
table#tblInhoud  th			{ font-size: 1.0em; margin: 0px;}
table#tblInhoud  p			{ font-size: 1.0em; margin: 0px 0px 1em 0px; }
table#tblInhoud  ul			{ font-size: 1.0em; margin: 0px; }
table#tblInhoud  ol			{ font-size: 1.0em; margin: 0px; }
table#tblInhoud  a						{ font-size: 1.0em; margin: 0px; color: #3a3933; text-decoration: underline;  }
table#tblInhoud  a:hover			{ color: #FFBE0F; text-decoration: underline; }

/*--------------------------------------------------------------------------------------
 stijlen voor de nieuwsitems rechts
----------------------------------------------------------------------------------------*/

div.backToNews														{ width: 100%; text-align: right; padding: 0px; margin: 0px; } 
table.nieuwsLijst													{ }

div#newsItems															{ position: absolute; z-index: 200; left: 0px; top: 0px; width: 980px; padding: 0px; margin: 0px; border: none 1px green; text-align: right; }

div#newsItems table.newsContainer					{ margin: 113px 4px 10px 0px; float: right; color: #666; border: none 1px green; }
div#newsItems td.newsItems									{ padding: 0px 6px 0px 6px; }

div#newsItems table.newsItem								{ border: solid 1px #999; width: 173px; font-size: 0.7em; text-align: left; margin: 0px 0px 6px 0px; }
div#newsItems table.newsItem th							{ background-color: #999; padding: 2px; color: #fff; font-weight: normal; background-image: url(../img/btnNieuwsMenuMeer.gif); background-position: 155px 3px; background-repeat: no-repeat;}
div#newsItems table.newsItem th a						{ color: #fff; display: block; padding: 2px; width: 100%; font-weight: bold; }
div#newsItems table.newsItem th a:hover			{ text-decoration: underline;  }
div#newsItems table.newsItem td							{ background-color: #eee; padding: 2px; color: #999; line-height: 1.4em; }
div#newsItems table.newsItem td.meer				{ text-align: right; }
div#newsItems table.newsItem td.meer a			{ color: #999; text-decoration: none;}
div#newsItems table.newsItem td.meer a:hover	{ color: #00a750; text-decoration: underline;}

div#newsItems td.newsArchief								{ padding: 33px 6px 20px 6px; text-align: left;  }
div#newsItems td.newsArchief a							{ font-size: 0.7em; text-align: left; text-decoration: underline; color: #666;}
div#newsItems td.newsArchief a.:hover				{ color: #00a750; }

/*--------------------------------------------------------------------------------------
 stijlen voor het navigatiegedeelte rechtsboven (zoek & global navigation)
----------------------------------------------------------------------------------------*/

div#navTop									{ position: absolute; z-index: 300; left: 0px; top: 0px; padding: 0px; margin: 0px; border: none 1px green; text-align: right; }

div#navTop table.navTable		{ margin: 10px 0px 0px 10px; float: left; color: #666; border: none 1px green; }
div#navTop td.links					{ padding: 0px 40px 0px 0px; font-size: 0.7em; }
div#navTop td.invoer				{ padding: 0px; }
div#navTop td.knop					{ padding: 0px; }
			
div#navTop .invoer input	{ width: 150px; height: 16px; margin-right: 4px; border-top: solid 1px #333; border-left: solid 1px #333; border-bottom: solid 1px #bbb; border-right: solid 1px #bbb; font-family: Arial;}
div#navTop .tdSearchBtn		{ background-image: none; }
div#navTop .tdSearchBtnOver	{ background-image: url(../img/btnBackgroundOver.gif); background-repeat: no-repeat; background-position: 0px 1px;}

div#navTop .btnSearch		{ width: 20px; height: 20px; font-size: 0.9em; }
div#navTop a						{ color: #3a3933; text-decoration: underline;  }
div#navTop a:hover			{ color: #FFBE0F; text-decoration: underline; }

div#navTop table.adresTable		{ text-align: left; font-size: 0.7em; float: left; margin-top: 10px; }
div#navTop table.adresTable	th	{ padding-right: 10px;}

div#navTop td.vlaggen a				{ background-image: url(../img/vlag_en.gif); width: 24px; height: 19px; display: block; text-decoration: none; margin: 2px 0px 0px 74px; }
div#navTop td.vlaggen a:hover	{ background-image: url(../img/vlag_en_over.gif); text-decoration: none; }

/*-----------------------------------------------------------
	Images
------------------------------------------------------------*/

ul.contactMogelijkheden									{ padding: 1em 0em 1em 2em; list-style-type: none;  }
table.contactFormulier th								{ padding: 0px 2em 0px 0px; }
table.contactFormulier input						{ width: 210px; }
table.contactFormulier textarea					{ width: 210px; }
table.contactFormulier td.knoppen				{ text-align: right; padding: 1em 0px; }
table.contactFormulier td.knoppen	input	{ width: 100px; }

/*-----------------------------------------------------------
	Kruimelpad
------------------------------------------------------------*/

div#crumbContainer											{ font-size: 11px; color: #999; position: absolute; z-index: 300; left: 234px; top: 100px; border: none 1px green; padding: 0px; margin: 0px; }
div#crumbContainer div#crumbPath				{ display: inline;}

/*-----------------------------------------------------------
	Zoeken
------------------------------------------------------------*/

table.tblResults									{ border: none 1px green; margin-top: 1em; }
table.tblResults td.title					{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults td.criteria			{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults div.result				{ border-top: dotted 1px #636F63; margin: 0px 0px 10px 0px; padding: 0.5em 0px; display: inline-block; }
table.tblResults p.resultTitle		{ font-weight: bold; }
table.tblResults div.result a			{ float: right; }
table.tblResults ul								{ padding-left: 20px; }

/*-----------------------------------------------------------
	Het menu
------------------------------------------------------------*/
	
div#menu					{ position: absolute; left: 421px; top: 231px; z-index: 1500; width: 210px; border: none 1px #0aa; }
div#menu .text    { display: none;}

/*-----------------------------------------------------------
	Leeftijdscheck
------------------------------------------------------------*/

.ageCheck         {height: 300px; font-size: 18px; text-align: center;}
.jaChkBtn         {width: 38px; height: 38px; cursor:pointer; background-image: url(../img/ja.jpg); border: 0;}
.neeChkBtn        {width: 38px; height: 38px; cursor:pointer; background-image: url(../img/nee.jpg); border: 0;}