/* -------------------------------------------------------------- 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"; h1 { font-size:30px; } h1 span { color:#999; } h2 { color:#414141; font-size:16px; font-weight:bold; } h3 { font-size:14px; } .container { width: 990px; /* New total width */ background-color:#fff; } .logo img{ margin:34px 0 25px 36px; } .zoeken { text-align:right; } .zoeken form { margin:76px 10px 0 0; } .zoekbutton { margin:0; padding:0; line-height:normal } input { margin:0; padding:0; line-height:normal; } .uppercase { font-size:11px; text-transform:uppercase; } .whitespace { padding:36px 0 0 54px; line-height:22px; } .whitespace_cats { padding:10px 0; } .aside { padding-left:0; padding-top:54px; padding-right:50px; } .expositie { text-align:right; height:311px; clear:both; background-color:#000; border:1px solid #000; color:#fff; margin:0 38px 18px 36px; padding:0; line-height:30px; overflow:hidden; } .expositie h1 { color:#fff; } .expositie .introductie { font-size:14px; text-align:left; float:left; padding:18px; width:500px; } .expositie .introductie .yellowbutton { padding-top:18px; width:100%; text-align:right; } .expositie .introductie .yellowbutton a { font-size:12px; float:right; text-align:center; color:#000; font-weight:bold; background:#FFF33F url(/images/button.jpg) no-repeat top left; width:199px; height:30px; display:block; } .expositie .introductie .yellowbutton a:hover { /*background:#FFF33F url(/images/bekijk_expo.gif) no-repeat top left;*/ } .exposties .preview { text-align:right; width:358px; height:311px; padding:0; margin:0; } #nav { clear:both; background:url(/images/menu.jpg) top repeat-x; border:1px solid #000; margin:0 8px 0px 36px; list-style:none; height:44px; } #nav ul { padding:0; margin-top:0; list-style:none; } #nav li { float: left; } #nav a { display:block; padding:0 10px; line-height:44px; color:#000; border-left:1px solid #F4F4F3; border-right:1px solid #999999; text-transform:uppercase; display:block; font-weight:bold; } #nav a:hover { color:#1DCE13; } #nav a.selected { background:url(/images/selected.jpg) repeat-x top; } #nav li ul li { background:url(/images/menu.jpg) top repeat-x; width:250px; clear:both; border-bottom:1px solid #000; } #nav li ul li a{ line-height:34px; border-right:0px; } #nav li ul { /* second-level lists */ padding:0; margin:0; position: absolute; display:block; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; z-index:100; } #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:-1px; } #nav li li:hover ul, #nav li li.sfhover ul { margin-left:-1px; } .interessant { margin:36px 36px 0 36px; clear:both; } .interessant td { margin:0; border:1px solid #eee; } .interessant td:hover { border:1px solid #FFFF33; } .interessant a:hover { color: #000; } .interessant h4 { padding: 5px 9px; text-transform:uppercase; color:#000; font-weight:bold; font-size:14px; background-color:#c0c0c0; } .interessant .bedrijven{ list-style-image:url(/images/dash.png); padding-left:18px; margin-bottom:0; } .interessant a{ font-size:11px; color:#999; } .interessant .bedrijven a{ text-transform:uppercase; } .footer { background:#fff url(/images/footer2.gif) no-repeat top center; margin-top:18px; clear:both; color:#C8C5BC; height:81px; width:100%; } .footer p { color:#999; padding-top:28px; padding-left:52px; } td.gastenboek, th.gastenboek { padding-left:5px; } #quote { font-size:11px; color:#669900; width:425px; background-color:#ffffcd; } #quote p { padding:0 15px; margin:0; text-align:center; } #quotetop { width:100%; height:34px; background:#ffffcd url(/images/quote-top-left.gif) no-repeat top left; text-align:right; } #quotefooter { background:#ffffcd url(/images/quote-bot-left.gif) no-repeat top left; height:47px; display:block; } #quotefooterc { background:url(/images/quote-bot-right.gif) no-repeat top right; height:47px; } #quotefooter p { line-height:normal; font-style:italic; margin:0; padding:13px 15px 0 15px } td.fff33e{ background:url(/images/fff33e.gif) repeat-y top right; } .kunstenaar { list-style:none; margin-left:36px; } .kunstenaar_whitespace { padding-left:0px; } .kunstenaar_whitespace a { padding-left:18px; } .kunstenaar tr { margin-left:0; } .kunstenaar td { list-style:none; margin-left:18px; } .modelclass{ background-color:#fff33c; padding:4px; } .modelclass a { color:#000; } .modelclass a:hover { text-decoration:underline; } .border-left { border-left:3px solid #fff33c; } .border-top { border-top:3px solid #fff33c; } .border-bottom { border-bottom:3px solid #fff33c; } .border-right { border-right:3px solid #fff33c; } .ffffcd { background-color:#ffffcd; } .cats { margin:0; padding:0 60px 0 0; width:170px; list-style:none; } .cats ul { margin:10px 0; } .cats li { margin:0; padding:0 20px; background-color:#ffffcd; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } .active { background-color:#ffffcd; display: list-item; margin-right:-6px; margin-top:-1px; } .cats li a { text-decoration:none; color:#000; } .cats li a:hover { text-decoration:underline; } span.datum { color:#999; font:Verdana, Arial, Helvetica, sans-serif; } blockquote { font-size:18px; padding:18px; float:right; text-align:right; } table,td { border:0; } span.yellow { background-color:#FFF33D; }