html, form, body { height: 100%; margin: 0 auto; }
body { margin: 0; padding: 0; background: #F1F1F2 url(../img/background.jpg) top center fixed repeat-y; font-family: Verdana, Helvetica, Tahoma, sans-serif; font-size: 11px; color: #000000; text-align: center; }
a { color: #FF0000; text-decoration: none; }
.con { width: 900px; margin: 0 auto; text-align: left; background-color: #FFFFFF; }
#omvattendetable { margin: 0 auto; height: 100%; }
.top { width: 900px; height: 167px; background-image: url(../img/nav_home.jpg); }
.topHome { width: 900px; height: 167px; background-image: url(../img/nav_home.jpg); }
.topBetonmortels { width: 900px; height: 167px; background-image: url(../img/nav_betonmortels.jpg); }
.topDrogemortels { width: 900px; height: 167px; background-image: url(../img/nav_drogemortels.jpg); }
.topGietvloerMortels { width: 900px; height: 167px; background-image: url(../img/nav_gietvloermortels.jpg); }
.topVerpakkingeenheden { width: 900px; height: 167px; background-image: url(../img/nav_verpakking.jpg); }
.topEquipment { width: 900px; height: 167px; background-image: url(../img/nav_equipment.jpg); }
.topService { width: 900px; height: 167px; background-image: url(../img/nav_service.jpg); }
.topEBCMix { width: 900px; height: 167px; background-image: url(../img/nav_ebcmix.jpg); }
.topEBCBeton { width: 900px; height: 167px; background-image: url(../img/nav_ebcbeton.jpg); }
.topOverEBC { width: 900px; height: 167px; background-image: url(../img/nav_overebc.jpg); }
.topVestigingen { width: 900px; height: 167px; background-image: url(../img/nav_vestigingen.jpg); }
.topLogistiek { width: 900px; height: 167px; background-image: url(../img/nav_logistiek.jpg); }
.topContact { width: 900px; height: 167px; background-image: url(../img/nav_contact.jpg); }
.titel { width: 580px; height: 30px; float: left; }
#menuContainerTop { float: right; width: 150px; height: 30px; overflow: hidden; margin-top: 0px; }
#menuContainer { float: left; height: 30px; overflow: hidden; margin-top: 104px; width: 900px; }
#linkNaarHomepageContainer { width: 180px; height: 125px; position: absolute; }
#linkNaarHomepage { display: block; height: 100%; width: 100%; }
.header { width: 700px; height: 100px; float: left; margin: 0 10px; background: url(../img/bgTop_v5.jpg) center no-repeat; }
.inhoud { width: 880px; float: left; overflow: visible; padding: 20px 10px 10px 5px; position: relative; }
.left { width: 200px; float: left; overflow: hidden; }
.rightHome { width: 446px; margin-left: 215px; line-height: 18px; position:relative; }
.right { width: 660px; line-height: 18px; position:relative; float:right; margin-left:15px; }
#divSpecial { position: absolute; vertical-align: top; top: 23px; right: 0px; float: right; width: 210px; border: solid 0px #FF00FF; text-align: left; background-image: url(../img/laatstenieuws.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 18px; }
/************ Layout ************/
h1 { font-size: 15px; margin-top: 1px; color: #000000; }
h2 { font-size: 14px; color: #000000; margin-bottom: -10px; }
a.TopMenuItem:link { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:visited { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:hover { font-size: 10px; font-weight: bold; text-decoration: underline; color: #ACB8BF; }
a.TopMenuItem:active { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.MenuItem:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
a.MenuItem:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #005331; }
a.MenuItemActive:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
div#menu a:link { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:visited { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:hover { text-decoration: underline; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:active { font-weight: bold; text-transform: uppercase; text-decoration: none; color: #858588; padding-bottom: 10px; }
.focused { background-image: url(../img/pijltje.gif); background-repeat: no-repeat; }
#menu .text { padding-left: 20px; }
#footer { height: 75px; text-align: left; background-image: url(../img/footer.jpg); background-repeat: no-repeat; background-position: bottom left; color:#FFFFFF; font-size:11px; font-family: Tahoma, sans-serif; padding-left:20px; padding-bottom:3px;}
#footer a { color:#FFFFFF; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
/**** Nieuws component ***/
.newsItem { border: solid 2px #ACB7BE; margin-bottom: 10px; width: 200px; font-size: 11px; text-align: left; }
.newsItem td, .newsItem th { padding: 5px; }
/**** Contactformulier ****/
table.contactFormulier th { font-weight: normal; text-align: left; padding-right: 20px; vertical-align: top; }
table.contactFormulier td { vertical-align: top; padding-bottom: 4px; }
table.contactFormulier input,
table.contactFormulier .textbox,
table.contactFormulier textarea { border: solid 1px #ccc; font-family: Verdana, Helvetica, Tahoma, sans-serif; font-size: 11px; padding: 2px; margin-right: 10px; }
table.contactFormulier .button { width: 100px; }
/**** Nieuwsoverzicht ****/
.newsItemOverzicht { margin-bottom: 15px; }
.newsItemOverzicht tr { margin-bottom: 20px; }
.newsItemOverzicht td, .newsItemOverzicht th { padding-left: 0px; }
/*--------------------------------------------------------------------------------------------*/
/* Downloads
/*--------------------------------------------------------------------------------------------*/
div#docListTemplate { position: relative; width: 674px; height: auto; }
div#docListIntro { float: left; width: 446px; height: auto; overflow: hidden; }
div#docListItems { float: right; width: 200px; margin-right: 10px; margin-left:15px; height: auto; overflow: hidden; background-image: url(../img/downloads.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
div#docListItems .dliUL { padding: 0; margin: 18px 0 0 0; }
div#docListItems .dliLI { border: solid 2px #ACB7BE; padding: 4px; margin: 0 0 10px 0; }
div#docListItems p.dtiDate { font-size: 10px; color: #999; padding: 0px; margin: 0px; visibility: hidden; display: none; }
div#docListItems h2.dliTitle { font-size: 12px; color: #000; padding: 0px; margin: 0px; }
div#docListItems p.dliBody { color: #000; padding: 0px; margin: 0px; }
div#docListItems p.dliDownload { text-align: right; padding: 0px; margin: 8px 04px 0 0; }
div#docListItems a.dliADownload { }
div#docListItems .downloadError { color: #800; font-weight: bold; }