/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; @import "lib/menu.css"; /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). */ /* .container { background: url(lib/img/grid.png); } */ /* .container { background: url(lib/img/baseline.png); } */ body { font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size:12px; } .inhoud { overflow:hidden; } .inhoudwhite ul { padding:10px 0 10px 40px; } .container { width: 960px; background-color:#fff; text-align:justify; } .logo { background-repeat:no-repeat; height:317px; } .logo img { padding-top:120px; padding-left:52px; } #nav { background:url(/images/nav.jpg) repeat-x; height:34px; width:852px; margin-left:52px; list-style:none; } #nav ul { margin-top:0; list-style:none; } #nav li { line-height:24px; } #nav li a { padding:0 20px; line-height:30px; font-size:12px; color:#fff; } #nav a:hover { color:#E9EEF7; text-decoration:none; } #nav li.selected{ background:url(/images/rood.jpg) center top repeat-x; } #nav a.selected { color:#fff; display:block; height:34px; line-height:30px; background:url(/images/driehoek.jpg) center top no-repeat; } * #nav a.selected { display:inline-block; } #nav li { /* all list items */ float: left; } #nav li ul { /* second-level lists */ position: absolute; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } .inhoud { float:left; } .inhoudwhite { margin:0 52px; padding:0 0 0 17px; } .agenda { width:319px; } .agendawhite { margin:10px 54px 0 40px; background-color:#e9eef7; } .agendawhite ul { padding:5px 0 0 5px; } .referentiewhite { margin:10px 54px 0 39px; background-color:#e9eef7; height:403px; } .referenties { width:319px; float:right; } .referenties img { text-align:center; } .agendapunt li { list-style:none; padding-bottom:14px; } .titel { font-weight:bold; } .datum { font-size:10px; margin-bottom:0; } br.links { line-height:10px; } .newswhite { overflow:hidden; margin:0 52px; background-position:bottom; background-color:#e9eef7; background-repeat:no-repeat; } .newswhite h4 { margin-bottom:10px; padding-left:6px; } .notice li { width:170px; list-style: url(/images/driehoek.gif); } .banner { width:319px; } .bannerwhite { margin:17px 54px 0 40px; } .regel { background-image:url(/images/hor_lijn.jpg); background-repeat:no-repeat; background-position:top; } .footer { padding:20px 52px 10px 52px; width:852px; text-align:center; font-size:10px; color:#0251a5; } .footer a{ text-decoration:underline; } h1 { font-family:Arial, Helvetica, sans-serif; color:#e92128; font-size:18px; font-weight:bold; padding:0; } h2, h4 { font-size:12px; font-weight:bold; color:#000; padding:0; font-family:Arial, Helvetica, sans-serif; } h3 { background-color:#e92128; font-size:12px; line-height:20px; padding:0 0 0 5px; margin:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } h3.nieuws { background-color:#e92128; font-size:12px; line-height:20px; padding:0 5px 0 0; margin:0; color:#fff; font-weight:bold; text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } hr { color:#0251a5; background-color:#0251a5; height:1px; } .normal { border:0; margin:17px 0 17px 17px; } .normal td { background:url(/images/driehoek.gif) no-repeat top left; border:0; } .lijn { margin:0; padding:0; background:#fff url(/images/lijn.gif) repeat-y top left; } tr, td, table { border:0; margin:0; padding:0; } input, textarea { padding-left:10px; margin-top:1px; margin-left:10px; width:200px; border:1px solid #0251a5; overflow:-moz-scrollbars-vertical; } input.button { border-color:#000; margin-top:1px; background-color:#0251a5; color:#fff; } .inhoud img { padding:0 10px; } .inhoud td { text-align:justify; vertical-align:top; } .inhoud table { margin-top:5px; }