/* Disable most default styles. */
html, body, ul, li, p, img, form, address, h1, h2, h3, td, th {
border: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: left;
font-size: 1em;
font-style: normal;
font-weight: normal;
list-style: none;
line-height: 1.5em;
}
.hidden { display: none; }
/* Fixing floats funkiness */
.clear:after { /* FF */ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { /* IE6 */ min-height: 1px; }
* html .clear { /* IE5 */ height: 1px; padding-bottom: 5px; }
/* Set default style */
body, table { font-family: FreeSans, Arial, "Trebuchet MS", sans-serif; font-size: 12px; }
body { padding: 5px 0; background-color: #a30502; }
/* Center everything */
#container { position: relative; margin: 0 auto; width: 900px; }
/* Nice borders around inner container */
.outer.btl { background: url(outer-btl.gif) 0 0 no-repeat; height: 509px; }
.outer.btr { background: url(outer-btr.gif) 100% 0 no-repeat; padding: 14px 16px 10px 16px; }
.outer.bl { background: url(outer-bl.gif) 0 0 repeat-y; height: 100%; /* IE6SUCKS */ }
.outer.br { background: url(outer-br.gif) 100% 0 repeat-y; }
.outer.bbl { background: url(outer-bbl.gif) 0 100% no-repeat; }
.outer.bbr { background: url(outer-bbr.gif) 100% 100% no-repeat; }
/* The inner container */
#contained { position: relative; background-color: white; height: 450px; /* not exact, need a bit more */ }
/* Logo on top left */
#logo { position: absolute; left: 0; top: 0; background: url(coffeebreak.gif) no-repeat 0 0;
width: 544px; height: 105px; }
#logo h1 { display: none; }
/* Menu and submenu on top right */
#menu, #submenu { position: absolute; left: 544px; width: 324px; background-color: #f99d1c; }
#menu { top: 0; background-image: url(menu.png); }
#submenu { top: 81px; }
#menu h2, #submenu h3 { display: none; }
#menu ul, #submenu ul { list-style: none; }
#menu li, #submenu li { float: left; }
#menu a, #submenu a { display: block; width: 75px; border-left: 6px solid white; }
#menu a { height: 75px; }
#submenu a { height: 24px; }
#menu a span, #submenu a span { display: none; }
#menu a, #submenu a { background-position: 100% 0; }
#menu a:hover, #menu .active a, #menu a:active, #menu a:focus,
#submenu a:hover, #submenu .active a, #submenu a:active, #submenu a:focus { background-position: 0 0; }
#menu .home a { background-image: url(menu-home.png); }
#menu .coffeebreak a { background-image: url(menu-coffeebreak.png); }
#menu .borrels a { background-image: url(menu-borrels.png); } /* HAS BEEN REMOVED */
#menu .vergaderen a { background-image: url(menu-vergaderen.png); }
#menu .drinks a { background-image: url(menu-drinks.png); }
#menu .meetings a { background-image: url(menu-meetings.png); }
#submenu .borrelprijzen { border-right: 6px solid white; } /* HAS BEEN REMOVED */
#submenu .openingstijden a { background-image: url(submenu-open.png); }
#submenu .nieuws a { background-image: url(submenu-nieuws.png); }
#submenu .jobs a { background-image: url(submenu-jobs.png); }
#submenu .artwork a { background-image: url(submenu-artwork.gif); } /* HAS BEEN REMOVED */
#submenu .contact a { background-image: url(submenu-contact.png); }
#submenu .idee a { background-image: url(submenu-idee.png); }
#submenu .vision a { background-image: url(submenu-vision.png); }
#submenu .togo a { background-image: url(submenu-togo.png); }
#submenu .drinks a { background-image: url(submenu-drinks.png); }
#submenu .coffeetea a { background-image: url(submenu-coffeetea.png); }
#submenu .food a { background-image: url(submenu-food.png); }
#submenu .menu a { background-image: url(submenu-menu.png); }
#submenu .borrels a { background-image: url(submenu-algemeen.png); } /* HAS BEEN REMOVED */
#submenu .vergaderen a { background-image: url(submenu-algemeen.png); }
#submenu .borrelprijzen a, #submenu .vergaderprijzen a { background-image: url(submenu-prijzen.png); } /* borrel* HAS BEEN REMOVED */
#submenu .borrelvoorwaarden a, #submenu .vergadervoorwaarden a { background-image: url(submenu-nb.gif); } /* borrel* HAS BEEN REMOVED */
#submenu .borrelfotos a, #submenu .vergaderfotos a { background-image: url(submenu-fotos.png); } /* borrel* HAS BEEN REMOVED */
#submenu .vergadereten a { background-image: url(submenu-eten.png); }
#submenu .vergaderfotos a { background-image: url(submenu-fotos.png); }
#thiswouldvebeensimplerwithoutie6 { position: absolute; top: 111px; }
#bigphoto { width: 335px; height: 340px; float: left; }
#content { width: 527px; height: 336px; float: right; }
#content .monodivider { width: 511px; /* SEE: #submenu->width */ float: left; padding: 8px; }
#content .bidivider { width: 247px; /* SEE: #submenu->width */ float: left; padding: 8px; }
#content .bidivider.pt1 { float: right; padding-right: 0; }
#content h2 { display: none; }
#content h3 { font-weight: bold; font-size: 1.2em; letter-spacing: 0.05em; color: #a30502; text-transform: uppercase; }
#content p, #content address { margin-bottom: 12px; }
#content p.first { font-weight: bold; }
#content p a { font-weight: bold; color: black; }
.page-404 #content .monodivider { width: 491px; background-color: black; color: white; border: 6px dashed yellow; }
#content ul { margin: 0 0 12px 16px; }
#content ul ul { margin: 0 0 0 16px; }
#content li { list-style: disc outside url(dot.gif); }
#content li li { list-style: circle outside url(arrow.gif); }
#content td, #content th { line-height: 1.1em; padding-right: 1em; }
#content th.head { font-weight: bold; padding-top: 1em; }
#content td { text-align: right; }
.page-borrelprijzen #content td { width: 5em; /* vertical-align: bottom; */ text-align: left; } /* HAS BEEN REMOVED */
.page-vergaderprijzen #content td { width: 5em; /* vertical-align: bottom; */ text-align: left; }
/* Exceptions */
.page-openingstijden #content table { margin-bottom: 1.5em; }
.page-artwork #content img { margin: 8px; cursor: pointer; }
.page-drinks #content p { font-size: 0.95em; }
.page-drinks #content h3 a { color: inherit; color: #a30502; }
.page-openingstijden #content .banners, .page-vergaderen #content .banners { text-align: center; }
/* Orange footer */
#footer { color: white; background-color: #f99d1c; font-size: 90%; letter-spacing: 0.01em;
position: absolute; top: 453px; left: 0; bottom: 0; width: 868px; height: 24px; overflow: hidden; }
#footer .footer.bl { background: url(footer-bl.gif) 0 100% no-repeat; padding: 0; height: 24px; }
#footer .footer.br { background: url(footer-br.gif) 100% 100% no-repeat; padding: 0 8px; height: 24px; }
#footer address { float: left; padding: 2px; }
#footer .copyright { float: right; font-size: 90%; padding: 2px; }
#footer a { color: white; }