/* 
/* (CC) 2010 Wevolve
/* 
/* Feel free to be inspired by this CSS,
/* see the Creative Commons License (http://creativecommons.org/) 
/* 
/* If you re-use parts or whole of this CSS,
/* you must include this copyright notice at the start of the file. 
/* 
/* Please contact us for commercial use and to find out 
/* how we can help you with various web-based solutions:/* 
/* web:http://www.wevolve.nl 
/* e-mail:info@wevolve.nl 
/* tel.:+31-(0)74 255 2140 
/*
/* -------------------- body/resets -------------------- */

html,body{height:100%;}
body{padding:0;margin:0;color:#545454;font:100% Arial, Helvetica, sans-serif;background:#e8e8e8;}
.clear{overflow:hidden;}
.nocss{display:none;}
a img{border:0;vertical-align:bottom;}
a:active,a:focus{outline:0;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
#page a[name]{padding:0;}
#printbranding{display:none;}

/* -------------------- wrapper -------------------- */ 
#wrapper{margin:0 auto -140px;width:950px;min-height:100%;height:auto !important;height:100%;text-align:left;z-index:100;}

/* -------------------- header -------------------- */
#header{overflow:hidden;margin:82px 0 20px 10px;}
#branding{margin:0;}
#branding a{display:block;width:735px;height:56px;background:url("../img/branding.png") 0 0 no-repeat;}

/* -------------------- contents -------------------- */
#contents,
#contentssingle{overflow:hidden;float:left;display:inline;margin:0 0 30px 0;width:755px;}

/* -------------------- item -------------------- */
.item{width:245px;margin:0 0 20px 0;background:url("../img/item_repeat_small.png") 0 0 repeat-y;}
#contents .item:hover{cursor:pointer;}
.item.medium{float:left;display:inline;width:500px;background:url("../img/item_repeat_medium.png") 0 0 repeat-y;}
.item.large{float:left;display:inline;width:755px;background:url("../img/item_repeat_large.png") 0 0 repeat-y;}
.itemcontent{overflow:hidden;padding:30px 30px 10px 30px;background:url("../img/item_top_small.png") 0 0 no-repeat;}
.medium .itemcontent{background:url("../img/item_top_medium.png") 0 0 no-repeat;}
.large .itemcontent{background:url("../img/item_top_large.png") 0 0 no-repeat;}
.item img{margin:0 0 10px 0;}
.item h1,
.item .wh-heading1{padding:10px 0;margin:0;color:#232b76;font-size:18px;text-transform:uppercase;}
.item h2,
.item .wh-intro{padding:0 0 10px 0;margin:0;color:#545454;font-size:18px;font-weight:normal;}
.item .wh-heading2{padding:10px 0;margin:0;color:#545454;font-size:18px;font-weight:bold;}
.item h3,
.item .wh-heading3{padding:10px 0;margin:0;color:#232b76;font-size:13px;text-transform:uppercase;}
.item p,
.item .wh-normal,
.item .wh-bodytext{padding:0 0 10px 0;margin:0;font-size:14px;text-transform:none;}
.item a{color:#ff9801;text-decoration:none;}
.item a:hover{text-decoration:underline;}
.readmore{clear:both;height:43px;font-size:11px;text-transform:uppercase;background:url("../img/item_bottom_small.png") 0 100% no-repeat;}
.readmore a{padding:1px 0 1px 20px;margin:0 0 0 30px;color:#fff;text-decoration:none;line-height:38px;background:url("../img/readmore.png") 0 0 no-repeat;}
.readmore a:hover{text-decoration:underline;}
.medium .readmore{background:url("../img/item_bottom_medium.png") 0 100% no-repeat;}
.large .readmore{background:url("../img/item_bottom_large.png") 0 100% no-repeat;}

/* -------------------- columns -------------------- */
#column_variable,
#column01,
#column02{float:left;display:inline;margin:0 10px 0 0;}
#column_variable{float:right;margin:0;}

/* -------------------- forms -------------------- */
.form{display:none;margin:30px 0 0 28px;width:322px;background:none;overflow:hidden;}
#cboxLoadedContent .form{display:block;padding:0;}
#contentssingle .form{display:block;margin:0;}
.form fieldset{overflow:hidden;padding:0;margin:0;border:0 none;}
.form label{line-height:30px;color:#7b7b7b;font-size:16px;}
.form .emailaddress label{float:left;width:300px !important;}
.form p{margin:0 0 10px 0;}
.form .formfield{float:left;display:inline;padding:0;margin:0 0 10px 0;}
.form .firstname,
.form .lastname{margin:0 10px 0 0;}
.form .emailaddress,
.form .submit{clear:both;}
.form input{padding:3px;width:174px;font-size:16px;border:2px solid #e8e8e8;background:#e8e8e8;}
.form textarea{padding:3px;width:308px;font-family:Arial, Helvetica, sans-serif;font-size:16px;border:2px solid #e8e8e8;background:#e8e8e8;}
.form .infix input{width:114px;}
.form .companyname input,
.form .emailaddress input{width:306px;}
.form input:focus,
.form textarea:focus{border:2px solid #999;}
.form input.button{margin:5px 0 0 -5px;border:0 none;cursor:pointer;height:37px;width:150px;background:url("../img/send_button.png") no-repeat scroll 0 0;}
.form input.button_en{margin:5px 0 0 -5px;border:0 none;cursor:pointer;height:37px;width:150px;background:url("../img/send_button_en.png") no-repeat scroll 0 0;}
.form input.button:hover,.form input.button_en:hover{border:0 none;background-position:0 -37px;}
.form .button:focus,.form .button_en:focus{outline:none;}
.form .button::-moz-focus-inner,.form .button::-moz-focus-inner{border:0;}
.form .label{float:left;display:inline;font-size:12px;}
.jsenabled .form .gender input{display:none;}
.jsenabled .form .gender span{float:left;display:inline;height:16px;margin:5px 5px 10px 0;font-size:12px;}
.jsenabled .form .checkbox_group{margin:5px 0 0 0;background:url("../img/checkbox.png") 0 0 no-repeat;}
.jsenabled .form .checkbox_group.checked{background-position:0 -16px;}
.jsenabled .form .checkbox_group.error{background-position:0 -32px;}
.jsenabled .form .checkbox_group .label{margin:0 0 0 20px;color:#7b7b7b;font-size:16px;}
.form p.error{display:block;padding:0 0 10px 40px;margin:0;height:40px;color:#c00;font-size:12px;background:transparent url("../img/error.png") 0 0 no-repeat;}
.form input.error,
.form textarea.error{border:2px solid #c00;}

#signupform h2{display:block;margin:20px 0 10px 0;width:281px;height:20px;border:0 none;background:url("../img/formtitle_signup.png") 0 0 no-repeat;}
#signupform h2.en{display:block;margin:20px 0 10px 0;width:220px;height:20px;border:0 none;background:url("../img/formtitle_signup_en.png") 0 0 no-repeat;}
#signoffform h2{display:block;margin:20px 0 10px 0;width:264px;height:20px;border:0 none;background:url("../img/formtitle_signoff.png") 0 0 no-repeat;}
#signoffform h2.en{display:block;margin:20px 0 10px 0;width:245px;height:20px;border:0 none;background:url("../img/formtitle_signoff_en.png") 0 0 no-repeat;}
#contactform h2{display:block;margin:20px 0 10px 0;width:245px;height:20px;border:0 none;background:url("../img/formtitle_contact.png") 0 0 no-repeat;}
#contactform h2.en{display:block;margin:20px 0 10px 0;width:103px;height:20px;border:0 none;background:url("../img/formtitle_contact_en.png") 0 0 no-repeat;}
#signupform h2.submit{width:214px;background:url("../img/formtitle_signup_submit.png") 0 0 no-repeat;}
#signupform h2.submit_en{width:203px;background:url("../img/formtitle_signup_submit_en.png") 0 0 no-repeat;}
#signoffform h2.submit{width:198px;background:url("../img/formtitle_signoff_submit.png") 0 0 no-repeat;}
#signoffform h2.submit_en{width:229px;background:url("../img/formtitle_signoff_submit_en.png") 0 0 no-repeat;}
#contactform h2.submit{width:173px;background:url("../img/formtitle_contact_submit.png") 0 0 no-repeat;}
#contactform h2.submit_en{width:171px;background:url("../img/formtitle_contact_submit_en.png") 0 0 no-repeat;}

/* -------------------- navigation -------------------- */
#navigation{position:relative;float:right;display:inline;width:175px;}
#navigation h3{padding:10px 0;margin:0;font-size:18px;font-weight:normal;border-top:1px solid #d0d0d0;}
#navigation p{padding:0;margin:0;}
#navigation ul,
#navigation li{float:left;display:inline;padding:0;margin:0;}
#navigation a{display:block;}
/* ----- language ----- */
#language{overflow:hidden;position:relative;margin: 10px 0 0;height:2em;border-top:1px solid #d0d0d0;}
#language a{position:absolute;top:8px;left:0px;width:32px;height:25px;background:url("../img/languages.png") 0 0 no-repeat;}
#language .nl{background-position:0 0;}
#language .en{background-position:-32px 0;}
/* ----- signup ----- */
#signup,#signup_en{margin:10px 0 0 0;}
#signup h3,#signup_en h3{padding:10px 0 0 0;margin:0;}
#signup a{display:block;margin:0 0 5px -6px;width:187px;height:39px;background:url("../img/signup_button.png") 0 0 no-repeat;}
#signup_en a{display:block;margin:0 0 5px -6px;width:187px;height:39px;background:url("../img/signup_button_en.png") 0 0 no-repeat;}
#signup a:hover,#signup_en a:hover{background-position:0 -39px;}
/* ----- archive ----- */
#archive{overflow:hidden;}
#archive h3{padding:8px 0;border-bottom:1px solid #d0d0d0;}
#archive ul{margin:10px 0;font-size:16px;}
#archive ul ul{margin:3px 0 3px 10px;font-size:14px;}
#archive li{margin:0 0 3px 0;font-weight:normal;}
#archive li li{margin:0;font-weight:normal;}
#archive a{width:175px;color:#545454;text-decoration:none;}
#archive span{display:block;}
#archive a:hover{text-decoration:underline;}
#archive .onpath{font-weight:bold;}
#archive .current{font-weight:bold;}
/* ----- social ----- */
#share{overflow:hidden;padding:0 0 10px 0;}
#share li{margin:0 10px 0 0;}
#share .email a{width:32px;height:32px;background:url("../img/social_buttons_large.png") 0 0 no-repeat;}
#share .email a:hover{background-position:0 -32px;}
#share .linkedin a{width:32px;height:32px;background:url("../img/social_buttons_large.png") -32px 0 no-repeat;}
#share .linkedin a:hover{background-position:-32px -32px;}
#share .twitter a{width:32px;height:32px;background:url("../img/social_buttons_large.png") -64px 0 no-repeat;}
#share .twitter a:hover{background-position:-64px -32px;}
#share .facebook a{width:32px;height:32px;background:url("../img/social_buttons_large.png") -96px 0 no-repeat;}
#share .facebook a:hover{background-position:-96px -32px;}
/* ----- contact ----- */
#contactus {border-bottom:1px solid #d0d0d0;}
#contactus h3 a {color: #545454; text-decoration: none;}

/* -------------------- single -------------------- */
#single{float:left;display:inline;margin:0;width:480px;margin:0 30px 0 0;}
#single img{margin:0 0 10px 0;}
.item #single h3,
.item #single .wh-heading3{padding:0;margin:0;color:#545454;font-size:14px;}

/* -------------------- itemnavigation -------------------- */
#itemnavigation{float:left;display:inline;width:175px;}
/* ----- date ----- */
#itemnavigation dl{padding:10px 0 10px 0;margin:0;color:#7b7b7b;font-size:14px;border-bottom:1px solid #e5e5e5;}
#itemnavigation dt{font-weight:bold;}
#itemnavigation dd{padding:0;margin:0;}
/* ----- social_article ----- */
#share_article{overflow:hidden;width:175px;padding:10px 0;margin:0;border-bottom:1px solid #e5e5e5;}
#share_article h3{color:#545454;font-size:14px;font-weight:normal;text-transform:none;}
#share_article ul{float:left;display:inline;padding:0;margin:0;}
#share_article li{float:left;display:inline;padding:0;margin:0 10px 0 0;}
#share_article a{display:block;}
#share_article .email a{width:16px;height:16px;background:url("../img/social_buttons_small.png") 0 0 no-repeat;}
#share_article .email a:hover{background-position:0 -16px;}
#share_article .linkedin a{width:16px;height:16px;background:url("../img/social_buttons_small.png") -16px 0 no-repeat;}
#share_article .linkedin a:hover{background-position:-16px -16px;}
#share_article .twitter a{width:16px;height:16px;background:url("../img/social_buttons_small.png") -32px 0 no-repeat;}
#share_article .twitter a:hover{background-position:-32px -16px;}
#share_article .facebook a{width:16px;height:16px;background:url("../img/social_buttons_small.png") -48px 0 no-repeat;}
#share_article .facebook a:hover{background-position:-48px -16px;}
/* ----- backbutton ----- */
#backbutton,#backbutton_en{padding:10px 0;margin:0;border-bottom:1px solid #e5e5e5;}
#backbutton a{display:block;width:215px;height:27px;background:url("../img/back_button.png") 0 0 no-repeat;}
#backbutton_en a{display:block;width:215px;height:27px;background:url("../img/back_button_en.png") 0 0 no-repeat;}
#backbutton a:hover,#backbutton_en a:hover{background-position:0 -27px;}

/* -------------------- push -------------------- */
#push{overflow:hidden;clear:both;height:140px;}

/* -------------------- footer -------------------- */
#footer{overflow:hidden;position:relative;clear:both;height:140px;background:#fff;}

/* -------------------- legal -------------------- */
#footernav{overflow:hidden;margin:0 auto;width:940px;font-size:11px;color:#858585;line-height:10px;}
#footernav ul{float:left;display:inline;padding:0 0 5px 0;margin:20px 0 0 0;}
#footernav #web{float:right;margin-right:200px;}
#footernav li{float:left;display:inline;padding:0 5px;margin:0;border-right:1px solid #858585;}
#footernav .last{padding:0 0 0 5px;border:0 none;}
#footernav .right{float:right;}
#footernav a{color:#858585;text-decoration:none;}
#footernav a:hover{text-decoration:underline;}

/* -------------------- realisation -------------------- */
#realisation a{position:absolute;overflow:hidden;bottom:1em;right:1em;display:block;width:17px;height:17px;background:url("../img/realisation.png") 100% 0 no-repeat;}
#realisation a:hover{width:64px;background-position:100% -17px;}

/* -------------------- ColorBox -------------------- */
/* ----- Core Style ----- */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;background:#fff;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
/* ----- ColorBox custom style ----- */
#cboxTopLeft{width:46px;height:46px;background:url("../img/colorbox/border1.png") no-repeat 0 0;}
#cboxTopCenter{height:46px;background:url("../img/colorbox/border1.png") repeat-x 0 -92px;}
#cboxTopRight{width:46px;height:46px;background:url("../img/colorbox/border1.png") no-repeat -46px 0;}
#cboxBottomLeft{width:46px;height:46px;background:url("../img/colorbox/border1.png") no-repeat 0 -46px;}
#cboxBottomCenter{height:46px;background:url("../img/colorbox/border1.png") repeat-x 0 -138px;}
#cboxBottomRight{width:46px;height:46px;background:url("../img/colorbox/border1.png") no-repeat -46px -46px;}
#cboxMiddleLeft{width:46px;background:url("../img/colorbox/border2.png") repeat-y 0 0;}
#cboxMiddleRight{width:46px;background:url("../img/colorbox/border2.png") repeat-y -46px 0;}
#cboxContent{background:#fff;}
#cboxLoadedContent{padding:0 0 20px 0;}
#cboxTitle{position:absolute;bottom:0px;left:0;text-align:center;width:100%;color:#999;}
#cboxCurrent{position:absolute;bottom:0px;left:100px;color:#999;}
#cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444;}
#cboxPrevious{position:absolute;bottom:0px;left:0;color:#444;}
#cboxNext{position:absolute;bottom:0px;left:63px;color:#444;}
#cboxLoadingOverlay{background:#fff url("../img/colorbox/loading.gif") no-repeat 5px 5px;}
#cboxClose{position:absolute;bottom:0;right:0;display:block;color:#444;}
