/** /* */ /* initial.css, use in every project */ /* version: 1.0, last modified: 12/02/2007 */ /* */ /* Use only _one_ place for default font declaration */ body, button, html, input, select, td, textarea, th { color: #000; font: 10px/13px Verdana, Arial, sans-serif; } a { color: #000; } a img { border: none; } address { display: block; font-style: normal; padding: 0 10px !important; } body, html { margin: 0; padding: 0; } body { background: url(../images/body-bkg.gif) repeat-y 126px top; /* overwritten on intro page */ } button {} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; } h1 { color: #fff; font-size: 17px; margin: 0; padding: 6px 0 0 391px; text-transform: uppercase; } h2 { font-size: 11px; } fieldset, form { border: none; margin: 0; padding: 0; } input, select, textarea {} label { cursor: pointer; } li, dd, blockquote { margin-left: 1em; } legend {} td, th {} #adres { color: #fff; font-weight: bold; } #adres a { color: #fff; } #adres div { width: 213px; } #adres p { background: #646963; font-size: 12px; padding: 3px 10px; } #adres-1 { left: 126px; position: absolute; } #adres-2 { left: 345px; position: absolute; } #container { min-width: 1000px; } #content { margin-left: 213px; max-width: 520px; padding: 20px 0 20px 50px; } * html #content { height: 1%; margin-left: 0; } #footer { background: url(../images/footer-bkg.gif) repeat-x; height: 22px; } #footer-inner { height: 100%; line-height: 22px; margin-left: 126px; padding-left: 460px; } #intro { /* on tag */ background: url(../images/body-intro-bkg.gif) repeat-y 126px top; } #intro #adres { height: 150px; position: relative; } #intro #footer-inner { background: url(../images/footer-inner-bkg.gif) no-repeat; } #intro #vaerhorst-inner { background: url(../images/main-intro.jpg) no-repeat left top; } #logo-1 { left: 126px; position: absolute; top: 0; } #logo-1 img { margin-top: 25px; } #logo-2 { left: 345px; position: absolute; top: 0; } #logo-2 img { margin-top: 30px; } #klikhier { height: 140px; position: relative; } #klikhier-rotterdam { left: 126px; position: absolute; top: 50px; } #klikhier-zuidbeijerland { left: 345px; position: absolute; top: 50px; } #main { padding-left: 126px; } #nav { font-size: 11px; margin: 0 auto; width: 202px; } #nav a { border: 1px solid #888; color: #fff; display: block; font-weight: bold; margin: 4px 0; padding: 5px 0 5px 15px; text-decoration: none; width: 186px; } #nav li { list-style: none; margin: 0; } #nav li.exp-open { position: relative; } * html #nav li.exp-open { margin-bottom: -17px; } #nav ul { margin: 0; } #nav ul a { background: #646963; border: none; border-bottom: 1px solid #888; border-left: 1px solid #888; font-size: 10px; margin: 0; } #nav .list-closed { display: none; margin: 0; } #nav .list-open { left: 100%; position: absolute; top: 0; z-index: 1; } #nav-adres { float: left; width: 213px; } * html #nav-adres { margin-right: -3px; } #vaerhorst { background: url(../images/vaerhorst-bkg.gif) repeat-x; height: 162px; margin-top: 20px; padding-top: 2px; } #vaerhorst-inner { background: url(../images/main.jpg) no-repeat left top; height: 135px; position: relative; } .clearing { clear: both; } .klikhier-container { text-align: center; width: 213px; } .logo-container { background: #d2eb20; height: 135px; text-align: center; width: 213px; } /* */ /* Specifieke afwijkingen tussen Rotterdam en Zuid Beijerland */ /* */ .vaerhorst-rotterdam #footer { background: url(../images/footer-rotterdam-bkg.gif) repeat-x; } .vaerhorst-rotterdam #nav a:hover { background: #5cbde0; } .vaerhorst-rotterdam #footer-inner { background: url(../images/footer-inner-rotterdam-bkg.gif) no-repeat; } .vaerhorst-zuidbeijerland #nav a:hover { background: #d2eb20; } .vaerhorst-zuidbeijerland #footer-inner { background: url(../images/footer-inner-zuidbeijerland-bkg.gif) no-repeat; } /* */ /* Force footer to bottom, and push down with contents... */ /* */ html, body, #container { height: 100%; min-height: 100%; width: 100%; } html>body, html>body #container { height: auto; } #container { left: 0; position: absolute; top: 0; } /* hide from Mac IE5 */ /* \*/ #footer { bottom: 0; clear: both; left: 0; position: absolute; width: 100%; } /* */ /* Change in Opera 5+ (and some others) */ html>body div#footer { position: static; } /* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */ /* \*/ head:first-child+body div#footer { position: absolute; } /* */