/*-----------------------
Oranda Website Styles
Design & Code by Florian Schroiff
http://fernstrg.com/
Copyright 2008
-----------------------*/
/*--RESET--*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/*--SITE--*/
body{font-family:'Helvetica Neue',Helvetica,'Liberation Sans','FreeSans',Arial,sans-serif;font-size:14px;color:#222;background:#fff url(../themes/oranda/img/body_bg.png) repeat-x top center;}
/*--Global Styles--*/
#wrap{margin:0 auto;width:890px;position:relative;}
#content{position:relative;width:890px;z-index:+100;padding-bottom:2em;}
a:link,a:visited{color:#222;text-decoration:none;border-bottom:1px solid #222;}
a:hover,a:active{color:#ff5900;border-bottom:1px solid #ff5900;}
a.pdf:link,a.doc:link{padding-left:20px;border:0;color:#888;}
a.pdf:visited,a.doc:visited{padding-left:20px;border:0;color:#222;}
a.pdf:hover,a.pdf:active,a.doc:hover,a.doc:active{color:#ff5900;}
a.pdf{background:transparent url(../themes/oranda/img/file_acrobat.png) no-repeat left center;}
a.doc{background:transparent url(../themes/oranda/img/file_word.png) no-repeat left center;}
h2{color:#ff5900;font-size:1.2857em;font-weight:normal;line-height:1.6em;padding:0.5em 10px;clear:both;}
h3{padding:0 10px 0.5em 10px;color:#ff5900;}
h4{padding:0 10px 0.3em 10px;font-weight:bold;line-height:1.4em;}
p{padding:0 10px 0 10px;margin:0 0 0.5em 0;line-height:1.4em;}
ol{list-style-position:outside;list-style-type:decimal;padding:0 10px 0.5em 30px;}
ul{list-style-type:none;padding:0 10px 0.5em 10px;}
ul li{padding:0 0 0 20px;margin-bottom:0.4em;line-height:1.3em;background:transparent url(../themes/oranda/img/arrow_right.png) no-repeat 0 0.1em;}
ol li{padding:0;line-height:1.3em;margin-bottom:0.4em;}
span.oranda{color:#ff5900;}
span.bold{font-weight:bold;}
span.italic{font-weight:italic;}
/*------------MASTHEAD-------------*/
#masthead{position:relative;width:890px;padding-top:131px;background:transparent;}
h1{position:absolute;top:0;left:0;width:682px;height:131px;text-indent:-9000em;overflow:hidden;background:#ddd url(../themes/oranda/img/head_bg.png) no-repeat top left;z-index:0;}
/*------------NAVIGATIE------------*/
ul#nav{height:24px;width:889px;background:#222;margin:0 0 0.5em 0;padding:0;border-left:1px solid #fff;}
#nav li{float:left;height:24px;line-height:24px;overflow:hidden;padding:0;background:transparent;}
#nav li a:link,#nav li a:visited{width:99px;padding:0 0 0 10px;border-right:1px solid #fff;background:#222;display:block;float:left;text-decoration:none;color:#dbdbdb;font-size:0.7857em;}
#nav li a:hover,#nav li a:active{color:#fff;background:#ff5900;}
#nav li.active a:link,#nav li.active a:visited,#nav li.active a:hover.active,#nav li.active a:active{font-weight:bold;color:#ff5900;background:#222;cursor:default;}
#lang{position:absolute;right:0;top:0;width:208px;height:360px;z-index:100;}
ul#lang,#lang li{padding:0;margin:0;background:transparent;}
.home #lang{background:transparent url(../themes/oranda/img/bg_home.jpg) no-repeat bottom left;}
.case #lang{background:transparent url(../themes/oranda/img/bg_case.jpg) no-repeat bottom left;}
.blog #lang{background:transparent url(../themes/oranda/img/bg_blog.jpg) no-repeat bottom left;}
.org #lang{background:transparent url(../themes/oranda/img/bg_org.jpg) no-repeat bottom left;}
.vragen #lang{background:transparent url(../themes/oranda/img/bg_vragen.jpg) no-repeat bottom left;}
#lang a:link,#lang a:visited{position:absolute;top:20px;right:10px;line-height:11px;height:11px;padding-right:20px;font-size:0.7857em;border:0;color:#888;}
#lang a:hover,#lang a:active{color:#ff5900;}
#lang #nl a{background:transparent url(../themes/oranda/img/nl.png) no-repeat top right;}
#lang #en a{background:transparent url(../themes/oranda/img/gb.png) no-repeat top right;}
/*--------------INTRO HOME-------------------*/
.intro h2{width:650px;color:#ff5900;font-size:2em;font-weight:normal;line-height:1.2em;padding:0.5em 10px;}
.features{width:330px;margin-top:0.5em;float:left;}
.features h3{font-weight:bold;}
/*---------------NEWS----------------*/
#news{padding:2em 0 0 0;clear:both;}
#news h2{padding-bottom:0;}
.news_item{position:relative;width:320px;padding:0 0 2em 120px;float:left;}
.news{clear:left;}
.news.noclear{clear:none;}
.news_item h3{border-top:2px solid #222;border-bottom:1px solid #222;line-height:1.8em;margin-bottom:0.5em;padding:0;}
.news_item p.date{width:100px;border-top:1px solid #222;position:absolute;top:0;left:10px;padding:0.3em 0 0 0;margin:0;}
.news_item p{font-size:0.8571em;line-height:1.5em;padding:0;}
.job_item{border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center;width:400px;padding:10px 15px 15px 15px;margin:0 0 2em 10px;float:left;background:#f9f9f9 url(../themes/oranda/img/vac_bg.png) no-repeat top right;}
.job_item p{font-size:1.2em;line-height:1.9em;padding:0;margin:0;}
.job_item .vac{padding:0;margin:0;width:400px;text-align:left;font-size:80%;font-weight:normal;color:#ff5900;}
.job_item h5{font-size:1.8em;line-height:1.3em;padding:0;}
.job_item p a{font-size:70%;}
/*----------VRAGEN & CASE STUDIES-----------*/
#content ul.addnav{position:absolute;top:150px;right:10px;line-height:1.3em;width:204px;border-top:2px solid #222;border-bottom:1px solid #222;background:#fff;padding:1em 3px;}
.other #content ul.addnav{top:0;right:10px;}
.vragen #intro p,.vragen #intro h2{width:660px;}
.vragen #intro p{font-size:1.142em;padding-bottom:1em;}
.addnav li a{border-bottom:none;color:#888;}
.addnav li a:hover{color:#ff5900;}
/*---------------TABS---------------*/
.tabs div.chapter{background:transparent url(../themes/oranda/img/line_grey_440.png) no-repeat top left;width:440px;margin:0.5em 0 0 0;padding:0.5em 230px 1em 0;float:right;}
.tabs ul.tabnav{list-style-type:none;padding:0;margin:0.5em 0 0 0;float:left;width:220px;}
.tabs ul.tabnav li{padding:0;margin:0;background:transparent;height:2.3em;overflow:hidden;}
.tabs ul.tabnav li a:link,.tabs ul.tabnav li a:visited{display:block;border-top:1px solid #222;border-bottom:0;line-height:2.3em;padding:1px 0 0 10px;margin:0;background:transparent;}
.tabs ul.tabnav li a:link.active,
.tabs ul.tabnav li a:hover,.tabs ul.tabnav li a:active{color:#ff5900;border-top:2px solid #ff5900;border-bottom:0;padding:0 0 0 10px;background:transparent;font-weight:bold;}
/*-------------ORGANISATIE--------------*/
.org .intro{width:660px;padding-top:0.5em;}
.org .intro p{font-size:1.2em;}
.partner{width:440px;float:left;margin-bottom:2em;clear:left;}
.partner.noclear{clear:none;}
.partner img{padding:4px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff;float:left;margin-left:10px;width:90px;}
.partner p,.partner h3{width:320px;float:right;padding:0 0 0.5em 0;}
.partner h3{font-size:1.1em;padding-bottom:0.5em;margin-bottom:0.5em;border-bottom:1px solid #ff5900;}
/*-----------VACATURE & Contact---------*/
.vacature #item{width:430px;float:left;padding:0 0 1em 0;}
.contact #contactinfo{width:320px;float:left;padding:0 0 1em 0;}
#contact{float:right;width:320px;margin:0 0 0 0;padding:1em 10px 1em 0;}
.contact #contact{width:430px;}
#contact p{padding:0.5em 0 0 0;font-size:0.7857em;clear:both;}
#contact h3{padding-left:0;}
fieldset{position:relative;padding-bottom:0.8em;}
.contact fieldset p{width:430px;margin:0;padding:0;}
.vacature fieldset p{width:320px;margin:0;padding:0;}
fieldset img{float:left;padding:0.2em 0;}
input#name,input#email,input#bedrijf,input#functie,textarea,select,input#submit,input#captcha{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff;}
input#name,input#email,input#bedrijf,input#functie,input#captcha{font-size:1em;height:1.2em;padding:0.1em 0;}
input#submit{font-size:10px;color:#ff5900;font-weight:bold;margin:0;clear:both;}
input#submit:active{color:#ff5900;font-weight:bold;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #888;border-top:1px solid #888;}
label#namelabel,label#emaillabel,label#bedrijflabel,label#functielabel{float:left;width:57px;padding:0.2em 0 0 3px;display:block;margin-bottom:1em;}
label#messagelabel,label#captchalabel,label#cvlabel{padding-left:3px;}
select{float:left;margin-bottom:0.7em;}
input#name,input#email,input#functie,input#bedrijf{float:right;width:240px;height:1.4em;margin-bottom:1em;}
input#captcha{margin-top:0.2em;width:168px;float:right;}
.contact input#captcha{margin-right:110px;}
.contact input#name,.contact input#email,.contact input#functie,.contact input#bedrijf{margin-right:100px;}
.vacature textarea{width:100%;height:200px;max-width:350px;margin-top:0.5em;}
.contact textarea{width:428px;height:150px;max-width:500px;margin-top:0.5em;}
.vacature input#cv{margin-top:0.5em;}
.contact span#verklaring{float:right;width:340px;}
.verklaring{padding-top:1em;}
#map iframe{clear:both;margin-left:10px;padding:4px;background:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;}
/*-------------ARTIKELEN---------------*/
.artikel{position:relative;width:649px;margin:0 0 1em 10px;padding:10px 0 0 0;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff url(../themes/oranda/img/article.png) no-repeat top left;}
.artikel h3,.artikel p{width:520px;}
.artikel p.schrijver{font-style:italic;font-size:0.8571em;}
.artikel p.download{position:absolute;top:0;left:448px;width:200px;margin:0;padding:0;font-size:0.8571em;height:3em;line-height:3em;background:transparent;z-index:+100;text-align:right;}
.artikel p.download a.pdf{padding:1em 20px 1em 0;margin:0 10px 0 0;background:transparent url(../themes/oranda/img/file_acrobat.png) no-repeat right center;}
/*------BLOG-----*/
.blog .entry{position:relative;min-height:5em;}
.blog h2,.blog p{width:420px;}
.blog h2{padding-right:230px;border-bottom:1px solid #222;margin-bottom:10px;}
.blog .meta{position:absolute;top:0;left:450px;font-size:0.8571em;color:#888;}
.blog .meta p{margin:0;padding:0;width:200px;text-align:right;}
.blog #sidebar{background:#fff;position:absolute;top:160px;right:10px;width:210px;border-top:2px solid #222;border-bottom:1px solid #222;padding:1em 0;}
.blog .articleimage{padding:10px;}
.blog #sidebar form#monthselect{margin:0 0 0 10px;width:160px;}
p#pagination{margin-top:3em;}
/*------COMMENTS-----*/
h3#comment-head{margin:2em 0;padding:0 0 2em 10px;border-bottom:1px solid #ddd;width:430px;font-weight:700;}
.comment{padding:0 20px 2em 0;margin:0 0 2em 0;border-bottom:1px solid #ddd;width:420px;}
.comment_meta{margin-top:.5em;color:#666;font-size:.75em;}
#comment_form p,{margin:0 0 1em 0;clear:both;}
#comment_form label{float:none;}
#comment_form input[type=text]{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff;margin:0 1em 0 0;padding:0;width:200px;float:none;font-size:14px;line-height:1.3em;height:1.3em;}
#comment_form input[type=submit]{background:transparent;margin:0;padding:0.2em 0.5em;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff;clear:both;color:#ff5900;font-weight:700;}
#comment_form textarea{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888;background:#fff;width:380px;max-width:100%;height:200px;max-height:600px;font:400 14px/1.3em "Helvetica Neue","Helvetica",Arial,sans-serif;}
.captcha{width:360px;height:50px;}
#comment_form .captcha input{float:left;display:inline;margin:0 0 0 10px;}
#comment_form .captcha img{float:left;}
/*--------------site info---------------*/
#site_info{padding:0.6em 10px 75px 0;border-top:1px solid #222;background:#fff;clear:both;font-size:0.8571em;}
.blog #site_info{width:650px;}
#site_info a:link,#site_info a:visited{border-bottom:none;color:#fff;background:#b4b4b4;padding:0.1em 0.3em;}
#site_info a:hover,#site_info a:active{background:#222;color:#ff5900;}
#site_info p{margin:0;padding:0;line-height:1.4em;width:40%;}
#site_info p.copyright{float:right;text-align:right;}
#site_info p.login{float:left;padding-left:10px;}