html, body { width:100%; height:100%; margin:0; }
html { background:#E9E9E9 url('../img/bg.png') 0 0 repeat-x; }
body { font-family:Tahoma, Verdana, Arial; }
h1, h2, h3, h4, h5, ul, ol, dl, dt, label { color:#4814A0; font-size:11px; }
h1 { font-size:25px; line-height:25px; font-weight:bold; padding-left:21px; margin:0; margin-bottom:13px; background:url('../img/title.png') 0 -29px no-repeat; }
h2 { font-size:12px; line-height:18px; font-weight:bold; margin:0;margin-bottom:3px;margin-top:6px; }
p { font-size:11px; line-height:18px; color:#4814A0; margin:0 0 17px 0; }
ul { margin:0; padding:0; line-height:18px; }
ul li { list-style:none; margin:0; padding:0; padding-left:28px; background:url('../img/title.png') -6px 6px no-repeat; }
ol { margin-left:22px; }
a { color:#4814A0; }
a:hover { color:#FF5A00; }
form, fieldset { margin:0; padding:0; border:0; }
.clear { clear:both; height:0; font-size:0; }
#outer-wrapper { width:938px; margin:0 auto; background:url('../img/cont-border.png') 221px 0 repeat-y; }
#inner-wrapper { width:904px; margin:0 auto; min-height:100%; background:url('../img/cont-bg.png') 0 100% no-repeat; position:relative; padding:0 17px 100px 17px; }
#header { width:904px; height:107px; background:url('../img/header.gif') 0 0 no-repeat; }
#header a { width:904px; height:107px; display:block; }
#logo { display:none; }
#left-col { width:208px; float:left; z-index:2; }
#nav-top, #nav-bottom { width:208px; height:35px; background:url('../img/nav-topbottom-bg.png') 0 0 no-repeat; }
#nav-bottom { background-position:0 -35px; }
#nav { width:208px; background:#ECE7F5 url('../img/nav-border.png') 100% 0 repeat-y; }
#nav ul { list-style:none; margin:0; padding:8px 0; background-color:#ECE7F5; }
ul#main-nav { width:208px; font-size:15px; }
ul#main-nav li { width:208px; margin:6px 0; padding:0; position:relative; left:11px; display:block; background-position:100% -81px; background-repeat:no-repeat; }
ul#main-nav li a { width:208px; height:23px; text-indent:-5000px; display:block; background-position:100% -54px; overflow:hidden; }
ul#main-nav li.current { background-position:100% -27px; }
ul#main-nav li.current a { background-position:100% 0; }
ul#main-nav li a:hover { background:none; }
ul#main-nav ul.sub-nav { margin-right:31px; padding-top:1px; font-size:11px; line-height:18px; }
ul#main-nav ul.sub-nav li { width:auto; height:18px; margin:0; left:0px; text-indent:inherit; background:none; }
ul#main-nav ul.sub-nav li a { width:auto; height:auto; text-indent:inherit; text-decoration:none; background:none; text-align:right; }
#btn-home, #btn-home a { background-image:url('../img/nav-btn-home.png'); }
#btn-profiel, #btn-profiel a { background-image:url('../img/nav-btn-profiel.png'); }
#btn-producten, #btn-producten a { background-image:url('../img/nav-btn-producten.png'); }
#btn-portfolio, #btn-portfolio a { background-image:url('../img/nav-btn-portfolio.png'); }
#btn-referenties, #btn-referenties a { background-image:url('../img/nav-btn-referenties.png'); }
#btn-contact, #btn-contact a { background-image:url('../img/nav-btn-contact.png'); }
ul#main-nav #btn-contact { margin:0; }
#login a#btn-zoeken { display:block; width:47px; height:12px; text-indent:5000px; overflow:hidden; background:url('../img/zoeken.png') 0 0 no-repeat; }
#login a#btn-zoeken:hover { background-position:0 -16px; }
#login { width:208px; background-color:#DAD0EC; text-align:right; }
#login h2 { text-align:right; clear:both; color:#7F5ABC; }
#login-top, #login-bottom { width:208px; height:3px; background:url('../img/login-topbottom-bg.png') 0 0 no-repeat; }
#login-bottom { height:5px; background-position:0 -3px; }
#login #zoeken { width:168px; height:15px; }
#login a#btn-zoeken { display:block; float:right; width:147px; height:12px; text-indent:5000px; overflow:hidden; background:url('../img/zoeken.png') 100px 0 no-repeat; }
#login a#btn-zoeken:hover { background-position:100px -16px; }
#login-content { width:168px; padding:20px 20px 10px 20px; background:url('../img/login-border.png') 100% 0 repeat-y; }
#login input { width:162px; height:15px; padding:2px 3px; margin:8px 0; border:none; font-size:11px; color:#fff; background:url('../img/input-bg.png') 0 0 no-repeat; }
#login a#geg-onth { width:162px; height:15px; padding:2px 3px; margin:8px 0; text-align:left; font-size:11px; text-decoration:none; display:block; background:#C8B8E2 url('../img/input-block.png') 100% 0px no-repeat; }
#login a#geg-onth:hover { background-position:100% -19px; }
#login #ww { margin:0; position:absolute; top:0px; }
#login a#ww-verg { font-weight:bold; color:#7F5ABC; text-decoration:none; }
#login a#ww-verg:hover { color:#FF5A00; }
#login #submit { width:168px; height:19px; padding:0 6px 2px 6px; color:#4814A0; font-weight:bold; text-align:left; background:url('../img/input-submit.png') 0 0 no-repeat; }
#overlay-wrapper { height:19px; position:relative; text-align:left; margin:8px 0; }
#overlay-wrapper #ww-overlay { position:absolute; top:0px; z-index:2; width:162px; height:15px; padding:2px 3px; font-size:11px; color:#fff; cursor:text; }
#right-col { width:696px; min-height:384px; float:left; position:relative; }
#right-col-wrapper { }
#content { width:514px; padding:10px 41px 10px 41px; }
#blokken { width:590px; padding:10px 37px 10px 41px; margin-bottom:0px; background:url('../img/news-bg.png') 41px 10px repeat-y; }
#blokken div.blok { width:249px; padding:10px 18px; float:left; }
#blokken #blok1 { margin-right:20px; }
#blokken #blok3 { margin-right:20px; }
#blokken h1 { font-size:17px; line-height:17px; padding-left:11px; background:url('../img/title.png') -13px -10px no-repeat; }
#footer { width:504px; padding:5px 10px 22px 0; position:absolute; bottom:0px; left:267px; }
#footer p, #footer a { color:#9172C6; margin:0; }
#footer a:hover { color:#FF5A00; }
#footer #author { width:20px; height:85px; position:absolute; left:654px; bottom:15px; }
#footer #author a { width:20px; height:85px; display:block; }
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright:2006 Mark Wubben.
Author:Mark Wubben,
=:history
* IFR:Shaun Inman
* sIFR 1:Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2:Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility:visible !important;
margin:0;
padding:0;
}
.sIFR-replaced, .sIFR-ignore {
visibility:visible !important;
}
.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}
.sIFR-active h1 {
visibility:hidden;
text-align:left;
}