/* --------------------------------------- Tirato Creatives 25-4-2008 --------------------------------------- */ body,html {height:100%;} * {margin:0; padding:0;} body {font:11px arial; color:#FFF; height:100%;} a {text-decoration:underline; color:#FFF;} a:hover {text-decoration:none;} a:focus, a:hover, a:active {outline:none} .left {float:left;} .right {float:right;} .clear {clear:both;} /* Topbar _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ #topbar {width:100%; height:59px; background:url('images/topbar-bg.png') repeat-x;} .topwrap {width:990px; margin:0 auto; height:59px;} .topwrap ul {margin:0; padding:0;} .topwrap li {list-style:none; display:inline;} .topwrap li a {display:block; float:left; height:49px; color:#FFF; text-decoration:none; padding:10px 25px 0 25px; margin:0 2px;} .topwrap li a:hover {background:url('images/topbar-hover.png') repeat-x; color:#325975;} .topwrap li a.actief {background:url('images/topbar-actief.png') repeat-x; font-weight:bold; color:#325975; font-size:12px;} /* Headings _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ h1,h2,h3,h4,h5 {font-weight:normal;} h1 b {display:none;} h3 {font:11px tahoma; color:#FFF; } img {border:0;} /* Forms _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ .submit {border:0; background:#385163; font:11px tahoma; color:#FFF; height:22px; outline:none; cursor:pointer; padding:0 7px;} .submit:hover {color:#1a374c; background:#FFF;} .tekst {border:1px solid #FFF; background:#305975; font:11px tahoma; height:13px; color:#FFF; padding:3px; margin-bottom:3px;} /* Wrapper _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ #wrapper {width:990px; margin:0 auto;} /* Header _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ #header {width:990px;} #header .logo {background:url('images/logo.png') no-repeat; height:80px; margin-left:240px;} #header .logo_groen {background:url('images/logo_groen.png') no-repeat; height:80px; margin-left:240px;} #header .logo_oranje {background:url('images/logo_oranje.png') no-repeat; height:80px; margin-left:240px;} #header .logo_rood {background:url('images/logo_rood.png') no-repeat; height:80px; margin-left:240px;} #header .logo_blauw {background:url('images/logo_blauw.png') no-repeat; height:80px; margin-left:240px;} .center {text-align:center;} /* Kolommen _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ #kolomWrap {width:990px; position:relative; background:url('images/kolomwrap.png') repeat-y;} #kolomEen {width:216px; float:left; position:relative;} #menu {width:216px; background:#FFF; margin-bottom:3px;} #menu ul {margin:0; padding:0;} #menu li {display:inline; list-style:none;} /* Bruin ________________________________________________________________________________________________ //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu li a {width:196px; height:24px; background:#325975; display:block; float:left; color:#FFF; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 20px;} #menu li a:hover {color:#FFF; background:#6e473a;} #menu li a.sub {width:186px; height:24px; background:#8e9ba4; display:block; float:left; color:#1a374c; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 30px;} #menu li a:hover.sub {color:#FFF; background:#6e473a;} /* Groen ________________________________________________________________________________________________ //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu li a.groen {width:196px; height:24px; background:#325975; display:block; float:left; color:#FFF; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 20px;} #menu li a.groen:hover {color:#FFF; background:#6c9d31;} #menu li a.groen.sub {width:186px; height:24px; background:#8e9ba4; display:block; float:left; color:#1a374c; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 30px;} #menu li.groen a.sub:hover {color:#FFF; background:#749a47;} /* Oranje ________________________________________________________________________________________________ //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu li a.oranje {width:196px; height:24px; background:#325975; display:block; float:left; color:#FFF; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 20px;} #menu li a.oranje:hover {color:#FFF; background:#f26522;} #menu li a.sub {width:186px; height:24px; background:#8e9ba4; display:block; float:left; color:#1a374c; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 30px;} #menu li.oranje a.sub:hover {color:#FFF; background:#e18154;} /* Rood ________________________________________________________________________________________________ //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu li a.rood {width:196px; height:24px; background:#325975; display:block; float:left; color:#FFF; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 20px;} #menu li a.rood:hover {color:#FFF; background:#981b1e;} #menu li a.rood.sub {width:186px; height:24px; background:#8e9ba4; display:block; float:left; color:#1a374c; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 30px;} #menu li.rood a.sub:hover {color:#FFF; background:#9b484a;} /* Blauw ________________________________________________________________________________________________ //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu li a.blauw {width:196px; height:24px; background:#325975; display:block; float:left; color:#FFF; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 20px;} #menu li a.blauw:hover {color:#FFF; background:#00adef;} #menu li a.sub {width:186px; height:24px; background:#8e9ba4; display:block; float:left; color:#1a374c; margin:0 0 1px 0; text-decoration:none; padding:8px 0 0 30px;} #menu li.blauw a.sub:hover {color:#FFF; background:#5cb8db;} #login {width:216px; min-height:440px; background:#1a374c; float:left; border-top:2px solid #FFF; position:relative;} #loginDochter {width:216px; height:280px; background:#1a374c; position:absolute;top:332px;left: 0px;} .loginForm {width:190px; height:100px; position:absolute; left:13px; top:200px;} #kolomTwee {background:#1a374c; width:272px; position:absolute; left:219px; padding:20px; min-height:534px;} p {text-align:justify; line-height:18px; color:#d0dce4;} #kolomDrie {background:url('images/x.png') no-repeat; position:absolute;width:456px;left:534px; height:581px;} .beeld {width:459px; position:absolute; top:172px;} .iconen {width:160px;position:absolute;top:138px;height:20px;left: 17px;} #kolomTwee ul {margin:0 0 0 20px; padding:0; list-style:disc; list-style-type:disc;} #kolomTwee li {list-style:disc; list-style-type:disc; margin-top:5px; color:#d0dce4;} /* Footer _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ #footer {width:216px;height:20px;color:#999999;float:left;} #footer a {text-decoration:underline; color:#999999;} #footer a:hover {text-decoration:none; color:#000;} #footerDochter {width:216px;height:20px;color:#999999;position:absolute;top: 623px;} #footerDochter a {text-decoration:underline; color:#999999;} #footerDochter a:hover {text-decoration:none; color:#000;} /* Formulieren _________________________________________________________________ ///////////////////////////////////////////////////////////////*/ td {height:30px; font-weight:bold;} textarea {border:1px solid #FFF; background:#305975; font:11px tahoma; color:#FFF; padding:3px; margin-bottom:3px;} .tags a {color:#a2aaaf; text-decoration:underline;} .tags a:hover {text-decoration:none;}