/* CSS Document */

/* basic elements */
html { margin: 0px; padding: 0px; width: 100%; }
body { margin: 0px; padding: 0px; font-family: Georgia, Times New Roman, Times, serif; font-size: 0.9em; line-height: 1.2em; color: #033e99; background: url(../images/main_bg.jpg) repeat; scrollbar-3dlight-color:#033e99; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#033e99; scrollbar-darkshadow-color:#033e99; scrollbar-face-color:#033e99; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#033e99; }
p { margin: 0px; padding: 0px; line-height: 1.3em; }
a:link, a:visited { text-decoration: underline; color: #0B55C4; }
a:hover, a:active { text-decoration: none; font-weight: bold; }
table { color: #0066CC; }
img { padding: 10px; }

/* headers */
h1 { padding: 0; font-family: Georgia, Times New Roman, Times, serif; font-size: 1.4em; font-weight: bold; color: #666; text-align: left; width: 100%; }
h2 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.3em; font-weight: normal; color: #ff9900; width: 100%; margin-top: 1.4em; margin-bottom: 0.2em; }
h3 { margin: 0; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; font-size: 1.2em; padding-left: 0px; margin-bottom: 10px; text-align: left; color: #033E99; }
h4 { font-family: Arial, Helvetica, sans-serif; color: #333; }

/* small text */	
.small, .createdate, .modifydate { font-size: 0.75em; color: #a1bbd7; line-height: 1em; }

/* container div's */
#container { width: 800px; padding: 0px; position: relative; margin: 0 auto 0 auto; z-index: 6; }
#container_top { height: 140px; width: 800px; background: url(../images/logo.jpg) no-repeat; margin-top: 25px; margin-bottom: 0; z-index: 7; float: left; }
#container_mid { margin-top: 0; width: 800px; background-color: #fff; float: left; background: url(../images/cont_mid.gif) repeat-y; }
#container_btm { background: url(../images/cont_btm.jpg) no-repeat; height: 35px; width: 800px; clear: left; }
/* navigation */
#mainNav { height: 30px; padding: 100px 0 5px 0; width: 610px; margin-left: 170px; background: url(../images/bg_navbar.gif) no-repeat left bottom; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#mainNav ul { margin: 0px; padding: 0px; }
#mainNav li { display: block; list-style: none; width: 110px; height: 30px; text-align: center; padding-top: 10px; padding-bottom: 5px; float: left; margin-left: 10px; margin-top: 5px; background: url(../images/nav_tabP.jpg) no-repeat left top; }
#mainNav li.Home { background: url(../images/nav_tabA.jpg) no-repeat left top; color: #BD351D; }
#mainNav a:link, #mainNav a:visited { color: #FFFFFF; }
#mainNav a:hover, #mainNav a:active { color: #FFFFFF; text-decoration: underline; }

/* content divs */
#left { width: 230px; float: left; margin: 0 5px 0 0; padding: 1em 10px 30px 10px; }
#left2 { width: 210px; float: left; margin: 100px 5px 0 0; padding: 1em 10px 1em 20px; text-align: right; border-right-width: 1px; border-right-style: dashed; border-right-color: #033E99; }
#left2 h3 { text-align: right; }
#mainContent { width: 310px; float: left; margin: 0 5px 0 0px; padding: 1em 10px; text-align: justify; }
#mainContent a img { text-decoration: none; border: none; }
#mainContent1 { width: 480px; float: right; height: 500px; margin: 20px 15px 20px 5px; padding: 1em 10px; }
#mainContent2 { width: 470px; float: right; text-align: justify; height: 500px; padding-right: 10px; padding-left: 0px; overflow: auto; margin: 10px 0px; }
#menuTable { height: 400px; width: 450px; overflow: auto; float: left; }
#content_mtop { float: left; background: url(../images/content_mtop.jpg) no-repeat top left; height: 30px; width: 290px; }
#content_mmid { float: left; background: url(../images/content_mmid.jpg) repeat-y; width: 250px; padding: 0 20px 0 24px; }
#content_mbtm { float: left; background: url(../images/content_mbtm.jpg) no-repeat top left; height: 30px; width: 290px; }
#sideBar { width: 180px; float: right; margin: 20px 15px 0 5px; text-align: center; background-color: #FFFFFF; color: #FFFFFF; }
#sideBar_top { background: url(../images/sidebar_top.jpg) no-repeat top left; height: 15px; width: 180px; }
#sideBar_mid { background: url(../images/sidebar_mid.jpg) repeat-y top left; width: 170px; padding-right: 10px; text-align: center; }
#sideBar_mid p { padding: 0 4px; }
#sideBar_mid a:link, #sideBar_mid a:visited { text-decoration: underline; color: #FFF; }
#sideBar_mid a:hover, #sideBar_mid a:active { text-decoration: none; }
#sideBar_mid h3 { color: #fff; text-align: center; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; background-color: #033e99; padding: 5px 0; }
#sideBar_btm { background: url(../images/sidebar_btm.jpg) no-repeat top left; height: 20px; width: 180px; }
#sideBar2 { width: 240px; float: left; margin: 20px 10px 0 25px; text-align: justify; }
#footer { color: #fff; font-size: 0.85em; text-align: center; padding: 0 0 1em 0; margin: 0 auto 1em auto; width: 800px; }
#footer a:link, #footer a:visited { text-decoration: underline; color: #FFF; }
#footer a:hover, #footer a:active { text-decoration: none; }
#extraDiv1 { position: absolute; height: 200px; top: 5px; background: url(../images/top_bg.jpg) repeat-x left top; left: 0px; width: 100%; z-index: 1; }
#menuTable td { padding: 0px 6px; }
#recensie { padding: 10px; text-align: center; border: 1px dashed #033E99; margin-top: 15px; margin-left: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 4px 4px 6px #A7A7A7; box-shadow:4px 4px 6px #A7A7A7; }
#recensie h3 { text-align: center; margin: 0.2em 0px; }
#wijnkaart { color: #B73619; padding: 10px; border: 1px dashed #B73619; text-align: center; }
#wijnkaart h3 { color: #B73619; text-align: center; margin: 0.4em 0px; font-weight: bold; }
#wijnkaart a { color: #B73619; font-weight: normal; }
#biologisch { padding: 10px; text-align: center; border: 1px dashed #033E99; margin-top: 15px; }
#biologisch h3 { text-align: center; margin: 0.4em 0px; }
#kerstspecial { color: #B73619; text-align: center; font-weight: bold; border: 1px dashed #B73619; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 4px 4px 6px #A7A7A7; box-shadow:4px 4px 6px #A7A7A7; }
#kerstspecial h2 { color: #B73619; text-align: center; margin: 0px 0px; font-weight: bold; }
#kerstnieuws { color: #B73619; border: 1px dashed #B73619; padding: 10px; text-align: center; width: 160px; margin: 0 0 5px 32px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 4px 4px 6px #A7A7A7; box-shadow:4px 4px 6px #A7A7A7; }
#kerstnieuws h3 { color: #B73619; text-align: center; }
#kerstnieuws a:link, #kerstnieuws a:visited { color: #B73619; }