@charset "UTF-8";

/* ------ Stylesheet voor Farwoods Design | www.farwoods.com | 27 juli 2005 ------------------ */

html{margin:0;padding:0;background:#FFF;cursor:default;}
html:before{content:"You are not viewing this layout from its original source. Visit www.farwoods.com to see the original website.";}
html#farwoods-com:before{display:none;}
/* ------ Positionering: ---------- */

body{margin:0;padding:0;}
#content{width:58%;float:left;}
#sidebar1{float:left;clear:left;border-top:1px solid #BBB;width:100%;margin-top:15px;}
#sidebar2{margin-left:61%;padding-top:0.3em;}
#footer{clear:both;border-top:1px solid #BBB;padding-top:9px;position:relative;top:15px;margin-top:0;padding-bottom:8px;}
#page{margin:19px 22px 24px 22px;}

/* ------ Fonts: ------------------ */

body,p,address,table{font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Sans-serif;}
p,address,ul,ol,fieldset,table,dl{font-size:0.8em;margin-left:0.3em;font-style:normal;margin-bottom:0.7em;color: #585858;}
h1, h2, #sidebar1 h3{font-family: Georgia, "Trebuchet MS", Helvetiva, Sans-serif;font-size: 1.3em;color:#547336;font-weight:normal;margin-top:0.6em;letter-spacing:-0.04em;}
h1{font-size:1.6em;color:#40522D;}
h2, #sidebar1 h3{margin-bottom: 0.4em;color:#485158;}
h3, h4, #portfolioindex dt{font-family: Arial, Helvetica, Sans-serif; font-size: 0.8em;text-transform:lowercase;color:#39500D;margin-top:1.3em;margin-bottom:0.6em;}
#portfolioindex dt{font-size:1.2em;font-weight:bold;}
label{font-size: 0.75em; font-family: Verdana, Helvetica, Sans-serif;color:#777;} small{color: #888;}
#content ul{margin-left: 2em; padding: 0;}
.bar{font-size:115%;}
.bar dd{margin:-11px 5px 0 0;font-size:0.8em;font-family:Verdana, Tahoma, Helvetica, Sans-serif;text-align:center;}
.bar dl{color:#4D5D70;}
.bar dt:hover + dd{color:#687E99;}
html>body .bar dd{margin-top:-22px;}
.good{color: #82AA3A;}
.error, .urgent{color: #F00;}
blockquote{font-style: italic; margin: 0; padding: 0;}
.bar p, .bar address, .bar ul{font-size: 0.7em;}
.bar ul{margin: 0; padding-left: 1.8em; line-height: 1.7em; color: #768E46; list-style-type: square;}
.nodis, hr, #skipnav, legend{display: none;}
p.smalls{font-size: 0.5em;}
#content ul{list-style-image: url(../img/li.gif);line-height:1.8em;}
#content ol{list-style-image: none; margin-left: 40px; padding: 0;}
/* ------ Links en fonts: --------- */

a{color:#66829E;} a:hover{text-decoration: none;color:#9AACBF;}
p.datum{display: block; width: 70px; margin: -2em 1em 1em 0.5em; float: right; font-size: 0.7em; text-align: right; color: #AAA;}
.bar p, .bar address{color: #4A6230;}
address{font-size: 0.7em; width: 195px; margin-top: 20px;}
address:first-line{text-decoration: underline;}
.bar .newsdate{color: #C3D5A5;}
.bar a{color:#555C64;}
.bar a:hover{color:#FFF;background:#86A452;}
a img{border:0;}
acronym[title], abbr[title]{border: 0; cursor: help;}
#footer abbr{cursor:pointer;}
abbr[title]:hover, acronym[title]:hover{border-bottom: 1px dashed #888;}
#footer abbr{border:0;}
kbd, #content code{font-size: 1.2em;}
#content kbd code{font-size: 1em;}

.screenshot, html>body#portfolioindex dd a:first-child{margin-top:10px;padding:8px;width:130px;}
html>body a.screenshot, html>body#portfolioindex dd a:first-child{background: transparent url(../img/pflink.png) 0px 0px no-repeat scroll;display:block;}
html>body a.screenshot:hover, html>body#portfolioindex dd a:first-child:hover{background: transparent url(../img/pflink.png) 0px -114px no-repeat scroll;}
a.screenshot:hover{background:transparent;}

p.news em:after{content:":";}

#sidebar2 dl{width:150px;font-size:75%;}
#sidebar1 dt{display:block;float:left;width:150px;}
dt img{margin-bottom:10px;border:3px solid #83A4C4;}
html>body dt img{margin-bottom:0;border:0;margin-left:0px;}
.bar dd{display:none;}
#sidebar1 p{clear:both;}
#portfolioindex dd{margin-left:0;}
#portfolioindex dl img{display:block;margin-bottom:8px;}

.style-title:before{content:"(Liquid) ";}

#content a[rel~=external]{padding-right:16px;background:transparent url(../img/external.gif) center right no-repeat scroll;white-space:nowrap;}
#content a[rel~=external]:hover{background: transparent url(../img/externalhover.gif) center right no-repeat scroll;}
li[id~=rel-ext]:after{content:' Externe links op deze website worden met het volgende symbool aangegeven:';background:transparent url(../img/external.gif) center right no-repeat scroll;padding-right:16px;}

/* ------ Forms: ------------------ */

fieldset{border:0;margin:0;margin-top:15px;}
input, textarea, select{font-family: Verdana, Helvetica, Sans-serif; font-size: 0.75em; margin-bottom: 0.4em;}
.bar fieldset{padding:0;}
#content input, #content textarea{border: 1px solid #CCC; background: #FFF url(../img/form.gif) 0px -3px repeat-x scroll; padding: 0.3em;margin-left:12px;}
#content textarea{background: #FFF url(../img/frm_ta.gif) 0px -8px repeat-x scroll;width: 353px; height: 174px; overflow: auto;}
html>body #content textarea{width: 350px;} 
#content input{width: 220px;}
#content input:hover, #content textarea:hover,
#content input:focus, #content textarea:focus{border-color: #AAA; background-position: 0px -5px;}
#content textarea:hover, #content textarea:focus{background-position: 0px -14px;}
#content input.knop{width: 9em; color: #999; background-position: 0px 2px;}
#content input.knop:hover{background-position: 0px -2px; color:#777;}
#content label:hover + input, #content label:hover + br + textarea{border: 1px solid #AAA;}
fieldset p, ul ol, #sitemaplist ul, #sitemaplist li{font-size: 1em;}
#content #sitemaplist, #content #sitemaplist ul{list-style-image: url(../img/sitemapli.gif);}
html>body #sitemaplist, html>body #sitemaplist ul{line-height: 1.3em;}
#sitemaplist{font-size: 0.9em;}
#sitemaplist li{margin-top: -5px;}
#projectlogin input{width: 108px;margin-left:0px;margin-top:2px;}
#contactform input{width:170px;position:relative;left:180px;top:-2px;}
html>body #contactform input{top:-5px;}
#contactform input.knop{position:relative;left:0;top:4px;}
#contactform label{background:#F2F2F2;padding:9px 0px 12px 12px;color:#777;display:block;margin-bottom:-44px;margin-right:10px;line-height:1.4em;}
html>body #contactform label{margin-bottom:-40px;margin-right:0;}
#contactform label#msglbl{height:232px;margin-bottom:-242px;}
#contactform{margin-bottom:21px;width:398px;}

/* ------ Menu: ------------------- */

#nav{list-style:none;margin:0;padding:0;background:#86AE3E;width:100%;height:4em;}
#nav li {margin:0;float:left;display:table-cell;margin:18px 0 0 10px;}
#nav a{display:block;margin:0;padding:7px 3px 10px 3px;color:#FFF;background:#86AE3E;text-decoration:none;font-size:0.85em;}
#nav a kbd, #nav a{font-family: Verdana, Helvetica, Sans-serif;}
#nav a kbd{font-size: 1em;} /* Voor IE */
#nav a:hover{color:#E0F7BA;}
#nav a:hover kbd{text-decoration:underline;} /* Accesskeys weergeven */
li#logo{margin:3px 28px 0 10px;}

/* ------ Tabellen: --------------- */

table{background: #FFF; border: 1px solid #DDD; width: 380px;border-collapse: collapse;margin-top:15px;} /* topmarge voor IE */
html>body table{margin-top: 10px;} /* En voor andere browsers */
th{text-align:left; color: #6C849C;font-family: Verdana, Tahoma, Helvetica, Sans-serif;font-size: 0.8em;background: #EEE;}
table td, table th{padding: 6px;}

/* ------ Per pagina: ------------- */

dl#algemenevoorwaarden dt{font-weight: bold; line-height: 2.4em;}
dl#algemenevoorwaarden dd{font-size: 1.2em; text-indent: -1.6em;}
#content dl#algemenevoorwaarden ul{list-style: none; list-style-image: none; line-height: 1.55em;}