html{
 font:85%/130% Arial,sans-serif;
 color:#272727;
 background:#ddd;
}
head{
 position:relative;
 margin:4em auto 0 auto;
 padding:0 1em;
 border:2px solid #d2d2d2;
 border-bottom:0;
 display:block;
 max-width:26em;
 color:inherit;
 background:#fff;
}
head > title{
 position:absolute;
 right:0;
 margin:-1.3em 0 0 0;
 padding:.2em;
 display:block;
 text-transform:lowercase;
 letter-spacing:.3em;
 font-size:2em;
 font-weight:bold;
 color:#fff;
 background:transparent;
}
head > link{ 
 display:inline;
 padding:.1em .2em;
 text-decoration:none;
 color:#272727;
 background:transparent;
}
head > link[title=Index]{
 margin:.7em 0 .2em 0;
 padding:0;
 display:block;
}
head > link[title=Index]::before{
 content:url(./limpid.png);
}
head > link[title]:not([title=Index])::before{
 content:attr(title);
}
head > link[title=Diensten]{
 border-bottom:1px solid #969;
}
head > link[title=Diensten]:hover{
 background:#969;
}
head > link[title=Projecten]{
 border-bottom:1px solid #f93;
}
head > link[title=Projecten]:hover{
 background:#f93;
}
head > link[title=Profiel]{
 border-bottom:1px solid #6cf;
}
head > link[title=Profiel]:hover{
 background:#6cf;
}
head > link[title=Contact]{
 border-bottom:1px solid #f69;
}
head > link[title=Contact]:hover{
 background:#f69;
}
body{
 margin:0 auto 0 auto;
 padding:0 1em;
 border:2px solid #d2d2d2;
 border-top:0;
 max-width:26em;
 color:inherit;
 background:#fff;
}
body > h1{
 margin:0;
 padding:1em 0 .2em;
 font-weight:bold;
 font-size:100%;
}
body > address{
 margin:0;
 padding:.1em 0;
 font-style:normal;
}
body abbr,body acronym{
 border:0;
}
body abbr[title],body acronym[title]{
 cursor:help;
}
body a:link{
 color:#f93;
 background:transparent;
 text-decoration:underline;
}
body a:visited{
 color:#f69;
 background:transparent;
 text-decoration:underline;
}
body a:link:hover,body a:visited:hover{
 text-decoration:none;
}
body > p#footer{
 margin:.2em 0 .1em;
 padding:.1em 0 0;
 border-top:2px solid #d2d2d2;
 text-align:right;
}