@charset "UTF-8";

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

html{margin:0;padding:0;background:#83A4C4 url(../img/body.jpg) top center repeat-x scroll;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;}

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

body,p,address,table{font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Sans-serif;margin:0;padding:0;}
p,address,ul,ol,fieldset,table,dl{font-size:0.8em;margin-left:0.3em;font-style:normal;margin-bottom:0.7em;color:#585858;}
p+p{margin-top:.7em;}
h1, h2{font-family: Georgia, Garamond, "Trebuchet MS", serif;font-size: 1.3em;color:#547336;font-weight:normal;margin-top:0.6em;letter-spacing:-0.04em;}
h1{font-size:1.6em;margin-top:0;margin-bottom:26px;padding-bottom:6px;color:#40522D;background:#E2E2E2;margin:0 -15px 20px -19px;padding-left:19px;}
h2{margin-bottom: 0.4em;color:#485158;}
h3, h4{font-family:Arial, Helvetica, Sans-serif;font-size:0.7em;text-transform:lowercase;color:#39500D;margin-top:1em;margin-bottom:0.6em;}
label{cursor:pointer;font-size: 0.75em; font-family: Verdana, Helvetica, Sans-serif;color:#777;}
small{color: #888;}
#content ul{margin-left: 2em; padding: 0;}
#content p strong{color:#687847;font-weight:normal;background:#F5F8EF;}
.intro strong{font-weight:normal;}
.bar dd{margin:-11px 5px 0 0;font-size:0.8em;font-family:Verdana, Tahofma, 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,#content label.error{color: #D00;}
blockquote{font-style: italic; margin: 0; padding: 0;}
.intro{font-style:italic; text-indent: 1.4em; margin-bottom:1.4em;}
#content li{margin-bottom:.7em;}
#aboutnick #content li{margin-bottom:.1em;}

/* ------ Positionering: ---------- */

body{margin:0;padding:0;top:66px;background: #C3D4E5 url(../img/main.gif) 0px 0px repeat-x scroll;position:absolute;width:100%;}
li#logo{position:absolute;top:0;z-index:3;left:11px;width:160px;height:121px;background:transparent url(../img/header.jpg) -11px 0px no-repeat;z-index:20;}
li#logo img{margin:12px 0 0 18px;float:left;}
#nav li#logo a{background:transparent url(../img/logohover.gif) 18px 12px no-repeat;}
#nav li#logo>a{display:block;width:150px;height:100px;}
#nav li#logo a:hover img{display:none;}
#nav li#logo a:hover{display:block;width:150px;height:100px;background:transparent url(../img/logohover.gif) 18px 12px no-repeat;} /* Alleen voor IE.. */

#page{background: transparent url(../img/content.gif) top center repeat-y scroll;margin-bottom:-5px;margin-top:-42px;} /* margin-bottom voor IE */ 
#content{width:592px;padding:0 17px 0 179px;position:relative;left:50%;top:-39px;margin-left:-375px;margin-bottom:-39px;min-height:400px;height:400px;
     voice-family: "\"}\""; 
     voice-family:inherit;
     width:396px;
   } /* Box Model hack voor het contentgedeelte */
html>body #content{width:396px;padding-bottom:16px;height:auto;} /* padding-bottom minimaal 16px */
#footer{height:51px;background: #83A4C4 url(../img/footer.gif) top center repeat-x scroll; font-size: 0.6em;
          font-family:Verdana, Tahoma, Helvetica, Sans-serif;color:#E0EBF7;
          padding-top:17px;text-align:center;margin:0;}
html>body #footer{line-height:0px;padding-top:24px;height:auto;padding-bottom:23px;} /* Om te voorkomen dat de footer wrapt in Gecko-browsers */          
.bar{position: absolute; top: 121px; left: 50%; width: 160px; z-index: 2; padding: 0 10px 0 10px; display: table-cell; height: 352px;
     voice-family: "\"}\""; 
     voice-family:inherit;     
     width: 140px;} /* Met topwaarde voor IE en Box Model hack*/
html>body .bar{width: 140px;}
#sidebar1{margin-left: -372px;}
#sidebar2{margin-left: 215px; background: transparent url(../img/rside.jpg) 0px 0px no-repeat scroll;}
.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;}
.bar dl dt{height: 120px;}

/* ------ Links en fonts: --------- */

a{color:#66829E;text-decoration:underline;} a:hover{text-decoration:none;color:#9AACBF;}
#sidebar2 h4, #sidebar2 h3{text-align:right;}
p.datum{display: block; width: 70px; margin: -2.6em 1em 1em 0.5em; float: right; font-size: 0.7em; text-align: right; color: #AAA;}
.bar p, .bar address{color: #4A6230;}

address{font-size: .7em; width: 192px; margin-top: 20px; float:left; min-height: 120px; height: 10em;}
html>body address{height: auto;}

address:first-line{text-decoration: underline;}
.bar .newsdate{color: #C3D5A5;}
.bar a{color:#555C64;}
.bar a:hover{color:#FFF;background:#86A452;}
#footer a{text-decoration: none; color: #C8DDF1;}
#footer a:hover{color: #FFF;}
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;}
img.fr-r,img.fr-l,#team #content div img{background:#FFF;padding:7px;border:1px solid #D2D7DC;}
img.fr-r{float:right;margin:.3em 0 2em 1.4em;}
img.fr-r + p{margin-right:172px;margin-top:11px;}
img.fr-l{float:left;margin:.3em 1.4em 4em 0;}
img.fr-l + p{margin-left:192px;margin-top:11px;}

.morebtn{float:right;display:block;width:36px;margin-top:6px;height:18px;background:transparent url(../img/morebtn.gif) 0px 0px no-repeat scroll;text-indent:-1000em;text-decoration:none;overflow:hidden;}
.morebtn:hover{background-position:0px -19px;outline:none;}

.screenshot{margin-top:10px;padding:8px;}
a.screenshot{display:block;background: transparent url(../img/pflink.gif) 0px 0px no-repeat scroll;}
html>body a.screenshot{background: transparent url(../img/pflink.png) 0px 0px no-repeat scroll;}
a.screenshot:hover{background: transparent url(../img/pflink.gif) 0px -114px no-repeat scroll;}
html>body a.screenshot:hover{background: transparent url(../img/pflink.png) 0px -114px no-repeat scroll;}

#sidebar2 p.news em.date{font-style: normal; display: block; color:#EAFBCC;line-height: 1.25em; float: left; margin-right: 0.7em; margin-top: 0.2em; font-size: 0.85em; text-align: center;
                          padding: 0 1px 3px 2px; text-transform: uppercase;font-weight: normal; width: 2.6em;
                          

background: transparent url(../img/newsdate-br.gif) bottom right no-repeat scroll;position:relative;z-index:10;                          
                          
                          }
#sidebar2 p.news em.date strong{font-size: 1.65em; display: block; letter-spacing: 1px; padding: 4px 0 3px 3px; margin-left: -2px; font-family: Garamond, Georgia, Times, Helvetica, serif; position: relative; z-index: 9;
background: transparent url(../img/newsdate-tl.gif) top left no-repeat scroll;position:relative;z-index:9;

}
#sidebar2 p.news:hover em.date{color: #FFF;}

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

#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;}
#content a.screenlink[rel~=external],#content a.screenlink[rel~=external]:hover{padding:0;background:transparent;}
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;}

#content a.rss{padding-right:16px;background:transparent url(../img/rss.gif) center right no-repeat scroll;white-space:nowrap;}

p.meta{padding-top:.25em;border-top:1px solid #95AD6B;}

::-moz-selection{
	background:#678BAB;
	color:#fff;
}

::selection {
	background:#678BAB;
	color:#fff;
}

/* ------ 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 + br + input, #content label:hover + br + textarea{border: 1px solid #AAA;}
#content form fieldset input:hover{color:#888;}
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;cursor:pointer;}
#contactform label,form#zoeken{background:#F2F2F2;padding:9px 0px 12px 12px;color:#777;display:block;margin-bottom:-44px;margin-right:10px;line-height:1.4em;}
#contactform label:hover{color:#222;}
html>body #contactform label{margin-bottom:-40px;margin-right:0;}
#contactform label#msglbl{height:232px;margin-bottom:-242px;}
#contactform{margin-bottom:21px;}
form#zoeken{margin-bottom:auto;margin-top:2em;}

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

#nav{list-style:none;margin:0;padding:0;padding-left:424px;position:relative;left:50%;top:0px;margin-left:-386px;width:773px;height:122px;margin-bottom:42px;background:#37510A url(../img/header.jpg) 0px 0px no-repeat scroll;
width:65px;padding-right:7px;
     voice-family: "\"}\""; 
     voice-family:inherit;
     width:342px; /* Box model hack voor navigatie */
     }
html>body #nav{width:342px;}     
#nav li {margin:0;float:left;display:table-cell;}
#nav a kbd, #nav a{font-family: Verdana, Helvetica, Sans-serif;}
#nav a kbd{font-size: 1em;} /* Voor IE */
#nav a:hover,#nav a:active,#nav a:focus,#nav a.menucurrent{color:#E0F7BA;outline:none;}
#nav a:hover kbd{text-decoration:underline;} /* Accesskeys weergeven */

#nav1{width:47px;}
#nav2{width:100px;}
#nav3{width:61px;}
#nav4{width:64px;}


#nav a#nav5{
width:65px;padding-right:7px;
     voice-family: "\"}\""; 
     voice-family:inherit;
     width:58px; /* Box model hack voor rechtermenuknop */
}
html>body #nav a#nav5{width:58px;}

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

table{background:#FFF url(../img/frm_ta.gif) 0px 17px repeat-x;border:1px solid #DDD;width:385px;border-collapse:collapse;margin-top:15px;margin-bottom:18px;} /* topmarge voor IE */
th{text-align:left;color:#6C849C;font-family: Verdana, Tahoma, Helvetica, Sans-serif;font-size:.8em;background: #F2F2F2;}
td,th{padding:5px;padding-left:12px;}
th[scope=col]{border-bottom:1px solid #BBB;color:#36506A;}
th[scope=row]{border-right:1px solid #BBB;padding-left:9px;}
tr:hover td{background:#EFF2F5;color:#031222;}
tr:hover th[scope=row]{color:#36506A;}
tr.bestellen:hover td{background:#FFF;}
tr.bestellen td{padding:7px 0 7px 12px;}
tr.prijs td,tr.prijs th{background:#DEE5EC;border:0;}

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

p.nieuwsbericht{margin:1em 0 1.4em 0;padding-bottom:1.6em;border-bottom:1px solid #CCC;}
.archiefdatum{font-size:.75em;border-top:1px solid #DDD;text-align:right;color:#AAA;margin-top:1.6em;}
#nieuws h2{margin-right:3.5em;}
h2 a{text-decoration:none;border-bottom:1px solid #CBD6E6;}
h2 a:hover{border-bottom:1px solid #ADBFD8;}
body#home #content p,h2+p{margin-bottom:23px;text-indent:0.6em;}
h2+p{margin-bottom:auto;}
body#contactsent #content{height: 395px;}
#content{background: transparent url(../img/detailh.jpg) 0px 38px no-repeat scroll;}
body#portfolio #content{background: transparent;}
html>body#portfolio #content{background: transparent url(../img/detailpp.jpg) 0px 38px no-repeat scroll;}
body#contact #content, body#contactsent #content, body#voorwaarden #content, body#vacatures #content{background: transparent url(../img/detailc.jpg) 0px 38px no-repeat scroll;}
body#diensten #content,body#werkwijze #content{background: transparent url(../img/detaild.jpg) 0px 38px no-repeat scroll;}
body#about #content,body#sitemap #content{background: transparent url(../img/detailo.jpg) 0px 38px no-repeat scroll;}
body#project #content{background: transparent url(../img/detailk.jpg) 0px 38px no-repeat scroll;}
body#portfolioindex #content,body#colofon #content{background: transparent url(../img/detailp.jpg) 0px 38px no-repeat scroll;}
/* body#nieuws #content{background: transparent url(../img/detaild.jpg) 0px 38px no-repeat scroll;padding-bottom:15px;} */
body#aboutnick #content{background: transparent url(../img/detailnick.jpg) 0px 38px no-repeat scroll;}
body#portfolioindex #content dl{font-family: Verdana, Tahoma, Helvetica, Sans-serif; font-size: 0.7em;}
body#portfolioindex #content dt{font-weight:bold;color:#405365; position:relative; left: 140px; top: 2.9em;}
body#portfolioindex #content dt a{text-decoration:none;color:#405365;}
body#portfolioindex #content dt a:hover{color:#6586a5;}
body#portfolioindex #content dd{margin:0; padding: 3.4em 8px 0px 140px;background: transparent url(../img/showcaseback.jpg) 0px 0px no-repeat scroll;color:#6A7480;}
body#portfolioindex #content dd img{float:left;margin-left: -130px;margin-top: -28px;}
#werkwijze #content ol li{margin-bottom:0.75em;padding:0 0.7em 0.4em 0.7em;background:#F5F5F5;}
#werkwijze #content ol{background:#F5F5F5;padding-top:0.6em;list-style:lower-alpha;margin-bottom:1.5em;margin-right:1.2em;}
/* #diensten #content ul li{padding: 0 0 .6em .4em;font-family:Georgia,Garamond,Times,Serif;} */
html>body#werkwijze #content ol{background:transparent;}
#werkwijze ol dfn{font-weight:bold;display:block;margin:0 -.6em .3em -.6em;font-size:1.1em;padding:3px .7em;}
html>body#werkwijze ol dfn{background:#EEE;}
.log, #projectlogin{background: #FFF; border: 1px solid #DDD; padding: 10px; margin-right:10px;}
#projectlogin{padding: 10px; width: 116px;margin-left: auto; margin-right: auto;}
#project form{margin: 65px 0px 80px 0px;}
html>body #projectlogin{width: 116px; margin: 45px 0 50px 127px; padding: 10px;}
#projectlogin .knop{margin-top: 10px;}
html>body p.log strong{display: block; padding: 3px; padding-right: 8px; background: #EEE; color: #999; text-align: right; margin-bottom: -2em;}
html>body p.log strong.viewable{background: #EEE url(../img/oog.gif) 8px 4px no-repeat scroll;}
td.nummerovr{text-align: right;}
.disabled, .disabled a{color: #666;}
/* #diensten #content ul{background:#FFF url(../img/frm_ta.gif) 0px -8px repeat-x scroll;border:1px solid #EEE;border-bottom:0;padding:1em 15px;width:372px;margin:.3em 0 0 9px;
     voice-family: "\"}\""; 
     voice-family:inherit;
     width:342px;
}
html>body #diensten #content ul{width:242px;}
#diensten #content ul li{font-size:120%;font-weight:bold;color:#57708B;list-style:none;list-style-image:none;}
#diensten #content ul li small{font-size:.8em;display:block;font-weight:normal;color:#777;margin:-.5em 0 -.9em 5em;}
*/
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;}

#team #content div{width:185px;float:left;}
#team #content div#nick{padding-right:20px;}
#team #content div h2{width:3em;float:left;}
#team #content div p{clear:both;font-size:.75em;}

#vacatures #content ul{padding-left:1em;font-size:.75em;line-height:1.4;}

/* CSS voor datumlijst: */
ul#year{list-style: none;list-style-image:none;margin-left:0;padding-top:1.6em;padding-bottom:.6em;float:left;background:#FFF url(../img/frm_ta.gif) 0px -8px repeat-x scroll;border:1px solid #EEE;border-bottom:0;width:372px;margin:.3em 0 1.2em 9px;}     
ul#year ul{list-style: none;display: table-cell; font-size: 1em;float:left; margin:0 0 0 .8em;}
ul#year>li{clear:both;}
ul#year ul li {float: left; margin-right: 0.5em;}
ul#year a{clear: both; border-right: 1px solid #BBB; padding-right: 0.8em;
          display: block; float: left; width: 4em; text-align: right;}
ul#year ul a{clear: none; border: 0; padding: 0; float: none; display: inline;
             width: auto; text-align: left;}
ul#year a.selected{font-weight: bold;}
ul#year>li>a:hover{border-right: 1px solid #BBB;}

ul#month{list-style:none;list-style-image:none;float:left;margin-left: 1.2em; width: 100%; margin-bottom:1.6em;}
ul#month li a{display:block;width:70%;float:left;}
ul#month .datum{display:block;float:right;text-align:right;padding-right:2.6em;}
ul#month li{clear:both;}

/* Foutmeldingen: */

p.errormessage{background:#FEFFCA url(../img/errormsg.jpg) bottom right no-repeat;border:1px solid #D4DA84;color:#A42F00;font-size:.75em;font-weight:bold;padding:1.3em 4em 1.3em 1.3em;}
form#zoeken input{width:120px;}


/* Navigatie */

#nav a{display:block;margin:0;padding:0;text-indent:-1000em;text-decoration:none;height:29px;overflow:hidden;}
#nav1{width:48px;background: transparent url(../img/nav.jpg) 0px 0px no-repeat;}
#nav2{width:99px;background: transparent url(../img/nav.jpg) -48px 0px no-repeat;}
#nav3{width:61px;background: transparent url(../img/nav.jpg) -147px 0px no-repeat;}
#nav4{width:65px;background: transparent url(../img/nav.jpg) -208px 0px no-repeat;}
#nav5{width:70px;background: transparent url(../img/nav.jpg) -273px 0px no-repeat;}  

#nav1:hover,#nav1:focus{background: transparent url(../img/nav.jpg) 0px -29px no-repeat;}
#nav2:hover,#nav2:focus{background: transparent url(../img/nav.jpg) -48px -29px no-repeat;}
#nav3:hover,#nav3:focus{background: transparent url(../img/nav.jpg) -147px -29px no-repeat;}
#nav4:hover,#nav4:focus{background: transparent url(../img/nav.jpg) -208px -29px no-repeat;}
#nav5:hover,#nav5:focus{background: transparent url(../img/nav.jpg) -273px -29px no-repeat;}   

/* --------- Overige navigatie: ------------------- 
 
#nav a{display:block;margin:0;padding:7px 0px 10px 0px;color:#C6DAA4;text-decoration:none;font-size:0.85em;background: transparent url(../img/navhover.gif) -40px -40px repeat-x scroll;text-align: center;}
#nav1:hover{background-position:0px 0px;}
#nav2:hover{background-position:-47px 0px;}
#nav3:hover{background-position:-147px 0px;}
#nav4:hover{background-position:-208px 0px;}
#nav5:hover{background-position:-272px 0px;} */ 
  
 /*
#nav li a#nav1.menucurrent{background: transparent url(../img/navhover.gif) 0px 0px;}
#nav li a#nav2.menucurrent{background: transparent url(../img/navhover.gif) -47px 0px;}
#nav li a#nav3.menucurrent{background: transparent url(../img/navhover.gif) -147px 0px;}
#nav li a#nav4.menucurrent{background: transparent url(../img/navhover.gif) -208px 0px;}
#nav li a#nav5.menucurrent{background: transparent url(../img/navhover.gif) -272px 0px;}

*/