/* -------------------------------------------------------------- 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"; /* 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 { overflow:-moz-scrollbars-vertical } .clear { clear: both; } .breadcrumbs { margin: 5px 0 20px; vertical-align:middle; font-size: 10px; color: #999; display: block; } .breadcrumbs a { color: #999; text-decoration:none; } .noborders { background:none; border:none; padding:0 0 10px 34px; } .bovenmenu { background-color:#069; color:#ccc; } .notice { margin-bottom: 20px; } .datumklein{ font-size: 9px; line-height: 12px; color: #666; } .notice a{ color: #069; text-decoration:none; font-weight:bold } .notice p { margin:0; margin-left:12px; color: #069; padding:0; } .notice ul { padding: 0; margin: 0; list-style:none; } .notice li { padding: 16px 8px; border-bottom: 1px solid #fff; background-color: #e5e5e5; } .noticepagina ul { list-style:none; } .inhoudhome { min-height:307px; height:auto!important; height: 307px; overflow: hidden; } .inhoudpagina { min-height: 431px; overflow: hidden; } .inhoudhome a { color: #069; } .inhoudpagina a { text-decoration:underline; color: #069; } .inhoudhome a:hover { text-decoration:underline; color: #999; } .inhoudpagina a:hover { text-decoration:underline; color: #999; } .whitespace { margin:0 20px; } .space { margin:0 18px; } .kop { background-color:#666; height: 29px; } .plaatjerechts { text-align:right; } h1 { margin: 0; font-size:22px; color: #069; margin:9px 0; padding:0; } h2 { color:#069; font-weight:bold; font-size:16px; line-height:29px; text-align:left; margin:0; padding:0; } h2.balk { display:block; color:#fff; background-color:#666; padding:0 0 0 8px; font-size: 14px; font-weight: normal; } h3 { color:#fff; font-weight:bold; font-size:14px; text-align: center; /*text-transform:uppercase;*/ background-color: #069; margin: 0; /*padding: 0;*/ padding: 5px; } .project h3 { color:#fff; font-weight:bold; font-size:14px; /*text-align:left;*/ text-align: left; background-color:#666; margin:0; /*padding:0 0 0 8px;*/ padding: 5px 5px 5px 8px; } #fotohome { margin-top:1px; } img.project { height:207px; width:264px; padding:0; margin:0; } .projecttekst { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:relative; background-color:#999; color:#fff; display:block; margin-top:-36px; padding:4px 0 4px 8px; width:256px; } .navbovenmenu { background-color:#069; height: 29px; color: #fff; list-style:none; } .navbovenmenu ul { margin-top:0; color: #fff; list-style:none; background-color:#069; } .navbovenmenu li { height: 24px; line-height: 24px; color: #fff; } .navbovenmenu a { display:block; padding:3px 12px 0px 5px; color: #fff; } .navbovenmenu a:hover { color:#333; } .navbovenmenu a.selected { color:#bbb; } .navbovenmenu li { /* all list items */ float: left; } .navbovenmenu li ul li { width:172px; padding:0 0 4px 0; background-color:#666; border-bottom:1px solid #939393; clear:both; } .navbovenmenu li ul { /* second-level lists */ position: absolute; width:172px; display:block; margin-left: -1000em; padding: 2px 0 0 0; z-index:100; } .navbovenmenu li ul ul { /* third-and-above-level lists */ margin: 0; padding: 0; border: none; display:none; } .navbovenmenu li ul ul li { border-bottom-color: #ccc; background-color: #e5e5e5; } .navbovenmenu li ul ul li a { color: #707070; } .navbovenmenu li:hover ul ul, .navbovenmenu li.sfhover ul ul { margin-left: -1000em; } .navbovenmenu li:hover ul, .navbovenmenu li.sfhover ul { /* lists nested under hovered list items */ margin-left: 0; display: block; } .navbovenmenu li li:hover ul, .navbovenmenu li li.sfhover ul { margin: -27px 0 0 172px; } .links { padding-top:0; } #submenu { padding:0; margin:0 0 20px; color: #FFF; border-bottom:1px solid #fff; } #submenu li { margin:0; padding:0px; line-height: 20px; border-top: 1px solid #fff; color: #fff; list-style:none; background-color:#e5e5e5; } #submenu li ul { margin:0; color: #069; list-style:none; } #submenu li ul li { padding:0; } #submenu li ul li a { padding-left: 30px; } #submenu a { display:block; margin:0; padding:4px 8px; color: #707070; } #submenu a:hover { color:#fff; background-color: #069 } #submenu a.selected { background-color: #069; color:#fff; } #subsubmenu { padding:0; margin:0; color: #FFF; border-bottom:1px solid #fff; } #subsubmenu ul { margin:0; padding:0; color: #069; list-style:none; } #subsubmenu li { margin:0; padding:0px; line-height: 20px; border-top: 1px solid #fff; color: #fff; list-style:none; background-color:#A8A8A8; } #subsubmenu li ul li { padding:0; background-color:#666; } #subsubmenu li ul li a { color:#fff; } #subsubmenu a { display:block; margin:0; background-image:url(/images/groterdan.gif); background-repeat:no-repeat; background-position:center left; padding:2px 0 2px 25px; color: #FFF; } #subsubmenu a:hover { color:#000; background-position:center right; } #subsubmenu a.selected { background:url(/images/groterdan.gif) #069 repeat-y; background-repeat:no-repeat; background-position:center left; color:#fff; } .productlink { background-color: #acd; height: 234px; width:351px; text-align:justify; } .whiteborder { border-right:1px solid #fff; } .productlinkborder { background-color: #acd; height: 224px; width: 175px; } .productlinkborder h3 { color:#fff; font-weight:bold; font-size:14px; text-align: center; width: 174px; background-color: #069; margin: 0; padding: 0; } .productlink p, .productlinkborder p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: normal; padding:8px; font-weight: normal; overflow:hidden; } .noticenieuws { margin-top:13px; height:429px; background:url(/images/nieuws.gif) no-repeat; } .noticenieuws a{ color: #069; } .noticenieuws p { margin:0; margin-left:10px; color: #069; width: 240px; text-align:left; padding:0; } .foto { margin:5px; border: 1px solid #; } .fotorechts { text-align:center; padding-top: 20px; } .footer { background-color: #069; height: 24px; line-height: 24px; padding:0; text-transform:uppercase; } #adres { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; padding-left:8px; color: #fff; } #visualmedia { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float:right; margin-right: 6px; color: #fff; } a p { margin:0; } table { border:0; } td { vertical-align:top; border:0; } tr { width:200px; } label { display: block; width: 150px; } input, textarea { width:250px; padding:5px; margin:0 0 10px; border:1px solid #ccc; } textarea { height: 150px; } input.button { border:none; background-color:#069; color:#fff; padding:5px; margin:0; width: auto; } .foto img { border:1px solid #333; padding:5px; background-color:#ccc; } #photos { margin: 40px 0; padding: 0; overflow: auto; } #photos li { margin: 0 5px 5px 0; padding: 0; list-style-type: none; float: left; } #photos li a { padding: 1px; height: 59px; width: 90px; border: 1px solid #e3e3e3; background-color: #fff; display: block; overflow: hidden; } #photos li a:hover { border-color: #006699; } .vm { display:block; margin-top:10px; text-align:right; }