/* -------------------------------------------------------------- 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"; body { font-family:Arial, Helvetica, sans-serif; } /* 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); } */ .container { background-color:#fff; border:#000 solid 2px; border-top:0px; margin:auto; width:780px; /* New total width */ } .center { text-align:center; float: left; } .logo { float:left; } .logo a { padding:35px 0 0 70px; display:block; } .zoek { vertical-align:middle; float:right; } .zoek p { padding-top:63px; } .nav { background:url(/images/navbackground.jpg) no-repeat center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; clear:both; line-height:30px; text-align:center; float:left; list-style:none; } .nav ul { text-align:left; margin:0; margin-left:70px; list-style:none; } .nav li { height:30px; line-height:30px; list-style:none; vertical-align:middle; padding:0; } .nav a { padding:0 10px; color:#fff; font-size:12px; display:block; } .nav a:hover { color: #FFE7AE ; background:transparent; } .nav a.selected { color: #FFE7AE; } .nav li { /* all list items */ float:left; } .nav li ul li { width:150px; padding:-6px 0 0 0; color: #fff; vertical-align:top; height:24px; border-bottom:1px solid #fff; border-left:4px solid #EB6D29; background-color:#FE9603; clear:both; } .nav li ul { /* second-level lists */ position: absolute; width:150px; color:#0C4A85; display: block; padding:0; margin:0 0 0 -1000em; z-index:100; background:transparent; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .nav li ul ul { /* third-and-above-level lists */ display: none; } .nav li:hover ul ul, .nav li.sfhover ul ul { margin-left: -1000em; } .nav li:hover ul, .nav li.sfhover ul { /* lists nested under hovered list items */ margin-left: 0px; padding:0; } .nav li li:hover ul, .nav li li.sfhover ul { margin-left:78px; } h1 { position:relative; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px; text-align:left; color:#fff; margin-left:0px; margin-top:-30px; margin-bottom:30px; padding:0; z-index:2; } h1 span { background-color:#FE9603; padding:0 0 0 20px; width:370px; line-height:55px; display:block; } .tekst { float:left; padding:0 0 0 55px; font:Arial, Helvetica, sans-serif 12px; color:#333; position:relative; } .tekst a { color:#003C7F; } .tekst a:hover { color:#666; } .whitespace { margin:0 20px; } h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight:bold; color:#003775; } h2 span { color:#fff; padding:5px 10px; line-height:35px; background-color:#003775; } .nieuws { float:left; margin-left:83px; } #aside { padding-top:15px; } #aside h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#fff; line-height:20px; padding:4px 5px 2px 10px; font-size:12px; text-align:left; background-color:#fe9602; font-weight:normal; } .news { margin:0 0 30px 0; padding:10px; background-color:#fce6c8; color:#333; } .news a { color:#003C7F; text-decoration:underline; } .news a:hover { color:#666; text-decoration:underline; } .news ul { list-style:none; padding:0; margin:0; } .news li { padding:2px 0; } .news input.text { border:1px solid #FE9603; width:135px; margin:0; } .news input.button { color:#fff; background-color:#FE9603; border:1px solid #FE9603; margin:0; } .news p { padding:0; margin:0; } .lijn { color:#fff; font-size:16px; font-weight:bold; } .quote { margin-right:200px; margin-top:-180px; height:80px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#003c7f; position: relative; float:right; } .footer { background:#FFF url(/images/footer.jpg) bottom center no-repeat; height:200px; vertical-align:bottom; } .footer a { color:#003c7f; text-decoration:underline; } .footer a:hover { color:#666; } .footer div { padding:100px 40px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#003c7f; float:right } blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#003c7f; float:right; max-width:250px; position:relative; font-style:normal; line-height:22px; margin-right:-40px; } blockquote p { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#003c7f; } input.text { color:#999; border:1px solid #FE9603; width:145px; margin:0; padding:2px; vertical-align:baseline; font-size:11px; } #formtable input,.formtable input { color:#999; border:1px solid #FE9603; width:145px; margin:0; padding:2px; vertical-align:baseline; font-size:11px; margin-bottom:1px; } .formtable .radio input{ width:auto; } input.button { color:#fff; font-size:12px; height:19px; padding:0; background-color:#FE9603; border:1px solid #FE9603; vertical-align:baseline; } #formtable input.button,.formtable input.button { color:#fff; font-size:12px; height:19px; padding:0; background-color:#FE9603; border:1px solid #FE9603; vertical-align:baseline; } .copyright { color:#125AA7; text-align:right; width:780px; margin:0 auto 10px auto; } .copyright a { text-decoration:underline; } .login { width:780px; color:#125AA7; text-align:right; margin:20px auto 0 auto; } .login a { color:#125AA7; background-color:#FE9603; width:780px; text-align:right; padding:5px 10px; margin:10px auto 0 auto; } tr td { border:none; } table { border:none; } .formtextarea { color:#999; border:1px solid #FE9603; width:145px; margin:0; padding:2px; vertical-align:baseline; font-size:11px; margin-bottom:1px; } .formtable .desc{ width:200px; } .error{ background:#FEC981; } .banner, .banner2 { display:block; height:101px; width:203px; background:url(/images/Banner_vordering_mouseover.jpg); line-height:32px; text-align:right; cursor: pointer; } .banner { background-position: top left; } .banner2 { background-position: -203px 0; }