body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #ffcc33;
	background-image: url(afbeedingen_wijnhuis/fullback.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: auto;
}

#container { width: 800px; clear:both;}

#clearDIV {clear:both; width:50px; height:1px;}
/*  ============================================================================================================================================ */
#top { float:none; clear:both; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; height:160px;background-image: url(afbeedingen_wijnhuis/vineyard2.jpg);background-repeat: no-repeat; width:800px;}
#top H3 {margin: 0px 0px 0px 300px;padding: 0px 0px 0px 0px;font-family: serif; font-weight: bold;font-size:2.4em;font-variant:small-caps;}
#top A { color:#cc3300;}

/*  ============================================================================================================================================ */
#menu1 { width: 300px; float: left;  padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;  color : #FFFFFF; font-size: 0.7em; text-align: right;}
#menu1 A { background-color : #cc3300; padding: 1px 2px 1px 2px; margin: 0px 0px 0px 2px;  text-decoration: none;  } 
#menu1 a:HOVER { background-color : #000000; color: #FFFFFF;  }
#menu1 .actief { background-color : #000000; color: #FFFFFF;  }
#menu1 .nonactief { background-color : #cc3300; color: #FFFFFF;  }

/*  ============================================================================================================================================ */
#menu2 { width: 500px; float: left;  padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;  color : #FFFFFF; font-size: 0.7em;text-align: right;}
#menu2 A { font-weight: bold; padding: 1px 2px 1px 2px; margin: 0px 0px 0px 2px;  text-decoration: none;  } 
#menu2 a:HOVER { text-decoration: none; color: #FFFFFF; background-color : #000000; }
#menu2 .actief { text-decoration: none; color: #FFFFFF; background-color : #000000; }
#menu2 .nonactief { text-decoration: none; color: #000000;  }

/*  ============================================================================================================================================ */
#submenu { width: 300px; float: left;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 0.7em; }
#submenu P { margin: 5px 5px 5px 5px;  }

	#submenu #types { padding: 0em 0em 0em 0em; margin: 0em 1em 0em 0em;  text-align: right; }
	#submenu #types A { font-weight: bold; margin: 0em 0em 0em 0em; padding: 2px 5px 2px 5px; } 
	#submenu #types .nonactief:HOVER { text-decoration: underline; color: #000000;  }
	#submenu #types .actief { text-decoration: none; color: #cc3300;  }
	#submenu #types .nonactief { text-decoration: none; color: #000000;  }
	
	#submenu #bestellen { padding: 0em 0em 0em 0em; margin: 0em 4em 0em 0.5em; text-align: right; }
	
	#submenu #thumbs { padding: 0em 0em 0em 0em; margin: 0em 4em 0em 0.5em; text-align: right; }
	#submenu #thumbs A { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; text-align: right; }
	#submenu #thumbs .thumb { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;  color:#000000; border : 4px dotted #000000;}
	#submenu #thumbs .thumbA { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;  }
	#submenu #thumbs .thumb:HOVER { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; border : 4px solid #000000; }
	
	#submenu .winkelkar { padding: 2px 2px 2px 2px; margin: 0em 0em 0em 0em;  border : 1px solid #000000; }
	#submenu .winkelkar:hover { padding: 2px 2px 2px 2px; margin: 0em 0em 0em 0em;  border : 1px solid #cc3300;background-color : #cc3300; }

/*  ============================================================================================================================================ */
#content { width: 500px; float: left; clear: right; padding: 10px 0px 20px 0px; margin: 0em 0em 0em 0em; font-size: 0.8em;  }
#content A { color:#cc3300; }

.wijntje { padding: 2px 2px 2px 2px; margin: 0px 0px 5px 0px; background-color : #cc3300; font-size: 0.8em; }
.wijntje .wijntable { width:100%; background-color : #EEEEEE;  }
.wijntje .wijntable H3 { color: #cc3300; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; font-size:1.8em; font-family: "Times New Roman", Times, serif; font-weight: bold; }
.wijntje .wijntable .wijntype { margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; font-weight: bold; }
.wijntje .wijntable .wijnsoort { margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;  font-weight: bold; }
.wijntje .wijntable .textP { margin: 0.5em 0em 0em 0em; padding: 0em 0em 0em 0em; }
.wijntje .wijntable .prijsP { margin: 0.5em 0em 0em 0em; padding: 0em 0em 0em 0em; text-align: left;  }

.blok { border : 2px solid #cc3300; background-color : #EEEEEE; padding: 5px 5px 5px 5px; margin: 0px 0px 5px 0px; font-size: 0.8em; }
.blok H3 { color: #cc3300; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; font-size:1.8em; font-family: "Times New Roman", Times, serif; font-weight: bold; }

.formtable { width: 100%; margin: 0px;  color: #A71805; }
.formtable .formlabel { padding: 2px 10px 2px 2px; text-align: right; width: 25%; }
.formtable .formfield  { padding: 2px 2px 2px 2px; text-align: left; }

.prijstable { width: 100%; margin: 0px;  color: #A71805; }
.prijstable TH { color: #000000; border-bottom : 1px solid #cc3300; padding: 0px 0px 2px 0px; }

	#content #thumbs { padding: 0em 0em 0em 0em; margin: 0em 4em 0em 0.5em; text-align: left; }
	#content #thumbs A { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; text-align: left; }
	#content #thumbs .thumb { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;  color:#000000; border : 4px dotted #000000;}
	#content #thumbs .thumbA { padding: 0em 0em 0em 0em; margin: 0em 10px 10px 0em;  }
	#content #thumbs .thumb:HOVER { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; border : 4px solid #000000; }


/*  ============================================================================================================================================ */
#footer { width: 500px; clear: both; padding: 5px 0px 20px 0px; margin: 2em 0em 0em 0em; font-size: 0.7em; border-top : 1px dotted #cc3300; text-align: right;}
#footer A { text-decoration: none; color: #cc3300; } 
#footer A:HOVER { text-decoration: underline; color: #cc3300; } 



/* lightbox styles ============================================================================================================================================ */

#lightbox{background-color:#FFFFFF;padding: 10px;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; color: #000000; text-align: left;}
#keyboardMsg{ float: right; color: #000000; }
#lightbox img{ border: none;  } 
#overlay img{ border: none; }
#overlay{ background-image: url(_overlay.png); }
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_overlay.png", sizingMethod="scale");
	}