/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------   
      Author: Wouter Govaert
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              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, b, u, i, center, 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-size: 100%; vertical-align: baseline; }


#header { background: #FFF url(../img/bg_body.gif) top left repeat-x; padding-bottom: 30px; }
#container { background: #FFF; float: left; width: 100%; }
body { background: #b2b4a6; }
#TalentsatPeak #container { background: #FFF url(../img/bg_talents.gif) center 250px no-repeat; }
#TalentsatPeak .peak-and-you { display: none; }
ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }

/**************************************/
/*              TYPOGRAPHY            */
/**************************************/

html { font-family: Arial, Verdana, Sans-Serif; font-size: 62.5%; }
body { font-size: 1.2em; /*  line-height: 1.6em; */ }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px solid #ccc; cursor: help; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-family: monaco, "Lucida Console" , courier, monospace; font-size: 92%; }
del { color: #666; text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px solid #ccc; cursor: help; }

/* HEADERS AND PARAGRAPHS */
h1 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 20px; }
h2 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 20px; }
h3 { font-weight: bold; color: #da881f; font-size: 20px; margin-bottom: 10px; }
h4 { font-weight: bold; color: #da881f; font-size: 13px; margin-bottom: 10px; }
h5 { font-weight: bold; color: #000000; font-size: 13px; margin-bottom: 10px; }
h6 { font-weight: bold; color: #da881f; font-size: 11px; margin-bottom: 10px; }
p { margin: 0 0 1.5em; }

/* TABLES */


hr { background-color: #000000; border: none; height: 1px; margin-top: 20px; margin-bottom: 20px; }
table { border: none !important; border-collapse: collapse; padding: 0px; margin: 0px; margin-bottom: 10px; width: 100%; }
table td { border: none !important; border-right: none !important; border-bottom: 1px solid #FFFFFF !important; padding-bottom: 5px; padding-top: 5px; padding-right: 10px; background-color: #EEEEEE; }
table th { border: none !important; border-right: none !important; border-bottom: 1px solid #FFFFFF !important; padding-bottom: 5px; padding-top: 5px; padding-right: 10px; background-color: #DDDDDD; font-weight: bold; text-align: left; }

/**************************************/
/*              FORMS                 */
/**************************************/

/* INPUT & TEXTAREA */
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
textarea, input { padding: .3em .4em .15em .4em; }
textarea, input[type='text'], input[type='password'], select { }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { }

/* FIELDSET & LABEL */
fieldset { border: 1px solid #ccc; margin: 0 0 1.5em 0; padding: 1.4em; }
legend { font-size: 1.2em; font-weight: bold; padding-left: .8em; padding-right: .8em; }
label { font-weight: bold; }

/* SELECT */
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }

/**************************************/
/*              LISTS               */
/**************************************/

dt { margin-bottom: .4em; margin-top: .8em; }
ul { list-style-type: disc; margin-left: 1em; }
ul.orange { margin: 0; list-style: none; }
ul.orange li { background: url(/Sites/personalsite/Templates/img/listitem-orange.gif) 5px 2px no-repeat; padding-left: 15px; margin-bottom: 5px; color: #000; }
ul.orange li a { font-weight: bold; }
ul ul { list-style-type: circle; margin-bottom: 0; }
ul ul ul { list-style-type: square; }



/**************************************/
/*        NAVIGATION  AND LINKS       */
/**************************************/
a { color: #da881f; text-decoration: none; }
a:hover { color: #da881f; text-decoration: underline; }
a { padding: 0.3em 0 .1em 0; position: relative; }



#mainmenu ul#navigation { list-style: none; margin: 0 0 0 -30px; padding: 0; width: 920px; float: left; }
#mainmenu ul#navigation li { margin: 0px; padding: 0; display: block; float: left; width: auto; }
#mainmenu ul#navigation li a { float: left; display: block; color: #b2b4a6; text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif, SansSerif; text-decoration: none; font-size: 15px; width: auto; padding: 17px 30px 0; height: 30px; }
#mainmenu ul#navigation li a:hover { color: #FFF; background: url(../img/nav-hover.gif) 1px center repeat-x; }
#mainmenu ul#navigation li a.active { background: url(../img/nav-active.gif) 1px center repeat-x; color: #FFF; font-weight: bold; }
#langmenu { float: right; }
#langmenu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
#langmenu ul li { margin: 0px; padding: 0 0 0 5px; display: block; float: left; width: auto; }
#langmenu ul li a { float: left; display: block; color: #b2b4a6; text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif, SansSerif; text-decoration: none; font-size: 13px; width: auto; padding: 19px 0 0; }
#langmenu ul li a:hover { color: #da881f; }
#footermenu { width: 990px; margin: 0px auto; }
#footermenu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
#footermenu ul li { margin: 0px; padding: 0px; display: block; float: left; width: auto; }
#footermenu ul li a { float: left; margin-left: 0px; margin-right: 20px; margin-top: 10px; display: block; color: #3D3D49; text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif, SansSerif; text-decoration: none; font-size: 12px; font-weight: bold; width: auto; }
#footermenu ul li a:hover { color: #da881f; }
/**************************************/
/*              HEADER                */
/**************************************/

#header-page { width: 100%; background: url(../img/header-page.jpg) top center no-repeat; text-align: center; }
#logo { width: 990px; margin: 0px auto; height: 156px; text-indent: -10000px; display: block; }
#mainmenu { width: 990px; margin: 0px auto; /*overflow: hidden;*/ height: 44px; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.ContentWrapper { margin-bottom: 10px; float: left; }

#subnavigation { margin-bottom: 20px; }
#subnavigation ul { margin: 0; padding: 0; }
#subnavigation ul li ul { margin: 10px 0 0 15px; }
#subnavigation li { margin: 0; padding: 0; font-size: 14px; font-weight: bold; font-family: Arial; padding-bottom: 5px; }
#subnavigation li a { color: #000; border: none; margin: 0; padding: 0; }
#subnavigation li a:hover { color: #da881f; }
.RadTreeView { margin-bottom: 30px; }
.RadTreeView .rtUL .rtLI .rtUL, .RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot { padding: 0 !important; font-weight: bold; }
.RadTreeView ul li a { color: #000; }
.RadTreeView ul li a:hover { color: #da881f; }
ul.rtUL { margin-left: 10px !important; }
.WrapTreeNodeActive { color: #da881f; font-weight: bold; }
.RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn { border: none !important; }

#wrapper { width: 990px; margin: 0px auto; text-align: left; padding: 0; min-height: 300px; }
#left { float: left; width: 265px; padding: 0; min-height: 300px; }
#logoff { width: auto; font-weight: bold; float: left; padding: 20px 0 0 80px; display: none; }
#logoff a { text-decoration: underline; }
#content { float: left; width: 725px; }
#contentLeft { float: left; width: 445px; margin: 0 25px 0 0; padding: 0; }
#contentLeft.large_content { width: 735px; }
#contentLeft.rss { width: 990px; }
#contentLeft.rss span, #contentLeft.rss label, #contentLeft.rss select, #contentLeft.rss input { display: block; float: left; margin-right: 15px; }
#contentLeft.rss select { margin-top: 5px; }
#contentLeft.rss span, #contentLeft.rss label { margin-top: 10px; }
#contentLeft.rss a {display:block; clear:left; text-decoration:underline; font-weight:bold; padding-top:40px;}
#contentLeft h3 { font-size: 22px; line-height: 1em; }
#contentLeft h3 em { font-size: 18px; }
#contentLeft h4 { font-size: 20px; }
/*#contentLeft ul {
    margin: 0;
    padding: 0;
}*/
#contentLeft li { list-style: none; font-size: 13px; padding-bottom: 5px; }
#contentLeft ol, #contentLeft ol li { list-style-type: decimal; }
#contentLeft ol { margin-left: 30px; }
#contentRight { float: right; width: 255px; /*margin-left: 20px;*/ padding: 0; }
#contentRight h3 { font-size: 13px; font-weight: bold; margin: 0 0 5px; padding: 0; }



/**************************************/
/*               FOOTER               */
/**************************************/
#footer { background: url(../img/footer.gif) top center repeat-x; color: #3b3d49; font-size: 10px; height: 212px; clear: left; }
#footer a { color: #3b3d49; }
#footer #links { height: 25px; padding-top: 0; }
#footer #links a { font-family: Tahoma, Arial, Sans-Serif; font-size: 10px; font-weight: bold; line-height: 22px; vertical-align: middle; margin: 0; padding: 0 28px 0 20px; display: block; color: #FFF; float: left; }
#footer #links a.rss { background: url(../img/icon-rss.gif) 15px center no-repeat; padding-left: 35px; }
#footer #links a:hover.rss { background: url(../img/icon-rss-active.gif) 15px center no-repeat; }
#footer #links a.linkedin { background: url(../img/icon-linkedin.gif) left center no-repeat; }
#footer #links a:hover.linkedin { background: url(../img/icon-linkedin-active.gif) left center no-repeat; }
#footer #links a.facebook { background: url(../img/icon-facebook.gif) left center no-repeat; }
#footer #links a:hover.facebook { background: url(../img/icon-facebook-active.gif) left center no-repeat; }
#footer #links a.twitter { background: url(../img/icon-twitter.gif) left center no-repeat; }
#footer #links a:hover.twitter { background: url(../img/icon-twitter-active.gif) left center no-repeat; }
#footer #links img { margin: 3px 5px 0 0; display: block; float: left; }
#footer div { width: 990px; margin: 0 auto; padding-top: 10px; }
#footer div p { float: left; width: auto; padding-right: 30px; }
#footer div p.links { font-size: 12px; font-weight: bold; padding: 0 32px 0 16px; }
#footer div p.links.extra-margin { padding: 0 152px 0 0; }
/**************************************/
/*            HELPER CLASSES          */
/**************************************/

.clearFix:after, .container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearFix, .container { display: inline-block; }
* html .clearFix, * html .container { height: 1%; }
.clearFix, .container { display: block; }
.clear { clear: both; }
*:first-child + html .clearFix { display: block; zoom: 1; }
* html .clearFix { display: block; zoom: 1; }
.orange { color: #da881f; }
img.centered, .alignCenter, div.alignCenter { display: block; margin-left: auto; margin-right: auto; }
img.alignRight { display: inline; }
img.alignLeft { display: inline; }
.alignRight { float: right; }
.alignLeft { float: left; }
.caps { font-size: 1.2em; font-variant: small-caps; font-weight: bold; letter-spacing: 1px; padding: 0 2px; text-transform: lowercase; }
.small { font-size: .8em; line-height: 1.875em; margin-bottom: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.thin { font-weight: lighter; }
.error, .notice, .success { border: 2px solid #ddd; margin-bottom: 1.6em; padding: .8em; }
.error { background: #FBE3E4; border-color: #FBC2C4; color: #8a1f11; }
.notice { background: #FFF6BF; border-color: #FFD324; color: #514721; }
.success { background: #E6EFC2; border-color: #C6D880; color: #264409; }
.error a { background: none; color: #8a1f11; margin: 0; padding: 0; }
.notice a { background: none; color: #514721; margin: 0; padding: 0; }
.success a { background: none; color: #264409; margin: 0; padding: 0; }
.center { text-align: center; }








/* SKINS ---------------------------------------------------------------- */
.login { margin-top: 20px; display: none; }
.login label { font-weight: bold; display: block; margin-top: 10px; }
.login div { float: left; width: 100%; }
.login input { font-family: Arial; float: left; clear: left; }
.login input.button { background: url(/Sites/personalsite/Templates/img/bg_login.gif) left top no-repeat; color: #FFF; border: none; width: 68px; height: 24px; font-weight: bold; line-height: 20px; vertical-align: middle; clear: none; margin-left: 10px; }
.blog { background: #FFFFFF url(../img/grey.gif) top left no-repeat; padding-top: 10px; margin-bottom: 30px; }
.news { background: #FFFFFF url(../img/news-top.gif) top left no-repeat; width: 228px; margin: 0 0 0 2px; }
.news div.news-bottom { width: 100%; height: 15px; background: #FFFFFF url(../img/news-bottom.gif) bottom left no-repeat; margin: 0px !important; padding: 0; border: none; }
.news h3 { color: #da881f; font-size: 16px; font-weight: bold; font-family: Arial; padding: 15px 15px 0; margin: 0; line-height: normal; }
.news h4 { padding: 0; margin: 0; }
.news a { color: #000; }
.news a.more { padding: 15px 0 0 15px; display: block; font-weight: bold; color: #da881f; text-decoration: underline; }
.news div { margin: 0 15px; padding: 3px 0 0; width: 200px; border-bottom: 1px solid #d6daca; }
.news p { margin: 0; padding: 0 15px 2px 0; width: 185px; }
.news img.icon { margin-top: -12px; float: right; }
.newsbig { float: left; padding-bottom: 20px; }
.newsbig .newsitem { border-bottom: 1px dotted #b2b4a6; margin-bottom: 10px; float: left; clear: left; width: 445px; }
.newsbig .newsitem h3 a { font-size: 18px; }
.newsbig .newsitem p { margin-bottom: 10px; }
.newsitem p img { float: left; padding: 0 10px 10px 0; }

.workbox { background: url(/Sites/personalsite/Templates/img/workbox.gif) top left no-repeat; width: 210px; height: 223px; padding: 10px; color: #FFF; }
.workbox h3 { color: #FFF; font-size: 16px; margin: 0 0 3px; }
.workbox p { border-top: 1px solid #c19964; padding: 5px 0; margin: 0 0 3px; height: 150px; overflow: hidden; }
.workbox a { color: #FFF; text-decoration: none; }
.workbox a:hover { text-decoration: underline; color: #FFF; }
.workbox p.more-info { height: auto; }
.workbox p.more-info a { font-size: 16px; }
.workbox p.more-info a:hover { color: #da881f; }
#contentRight .comingup h3 { font-size: 16px; }
.comingup p { border-bottom: 1px solid #d6daca; padding: 2px 0; }
.comingup p.no-border { border: 0; }
.quote { line-height: 1.8em; }
.quote em { font-family: Times New Roman; font-size: 15px; }
.peak-and-you { text-align: center; font-size: 12px; line-height: normal; }
#contentRight .peak-and-you h3 { font-size: 16px; font-family: Arial; font-weight: bold; margin: 10px 0 0; padding: 0; line-height: 1em; }

.Content5Wrapper h3, .Content5Wrapper div, .blog h3 { /*margin-left: 20px; 	margin-right: 10px;*/ }
.grey-bottom { height: 30px; margin: 0px !important; width: 100%; background: #FFFFFF url(../img/grey-bottom.gif) bottom left no-repeat; }
.greyblock { background: url(../img/greyblock-top.gif) top left no-repeat; width: 238px; padding: 8px 8px 0 9px; float: left; }
.top { margin-bottom: 70px; }
.greyblock .button { float: right; margin-top: 5px; }
.greyblock p { margin-bottom: 0; }
.greyblock-bottom { background: url(../img/greyblock-bottom.gif) top left no-repeat; width: 255px; float: left; }

/* FOTOBOOK ---------------------------------------------------------------- */
.fotoblock { float: right; padding-right: 100px; }
.fotobookthumbs { float: left; width: 215px; padding: 0 0 0 15px; }

.fotobookthumbs img, .displaypic img { /*    border: 1px solid #000000 !important;*/ margin-right: 10px; margin-bottom: 10px; }

.fotobookthumbs a { display: block; float: left; height: 61px; margin: 0; padding: 0; }
.ChildViewThumbs div.ChildViewItem { margin-bottom: 10px; float: left; width: 155px; padding: 10px 15px 10px 0; height: 160px; color: #333; overflow: hidden; }
.ChildViewItem h4 { color: #333; text-transform: uppercase; font-size: 12px; margin: 0; }
.ChildViewItem a { display: block; height: 280px; margin: 0; padding: 0; }
.ChildViewItem a { color: #333 !important; text-decoration: none !important; }
.fotobooklarge { margin-bottom: 10px; float: left; width: 437px; padding: 0; height: 203px; }
.fotobooklarge h4 { color: #333; text-transform: uppercase; font-size: 12px; margin: 0; }
.fotobooklarge a { display: block; height: 203px; margin: 0; padding: 0; }

#fotobookthumbs { margin-top: 10px; margin-bottom: 20px; }
.ChildViewThumbs { width: 680px; padding-left: 17px; background: url(/Sites/personalsite/Templates/img/bg_casestudies-top.gif) top left no-repeat; float: left; }
.ChildViewThumbs .Content4Wrapper div { width: 663px; }
.ChildViewThumbs h3 { padding: 10px 0; margin: 0; float: left; width: auto; }
.ChildViewThumbs .Content4Wrapper h3 { float: none; color: #333; text-transform: uppercase; font-size: 16px; text-decoration: underline; }
.ChildViewThumbs .Content4Wrapper { padding-right: 17px; }
.ChildViewThumbsBtm { width: 697px; background: url(/Sites/personalsite/Templates/img/bg_casestudies-btm.gif) top left no-repeat; height: 6px; float: left; margin-bottom: 10px; }
.bg_fotobook { position: absolute; top: 0; }
.back a { color: #000; float: right; padding: 20px 17px 5px 0; }
.grey-border { float: left; margin-bottom: 15px; }
/* BLOG ---------------------------------------------------------------- */
/*.newsitem {
    margin-bottom: 10px;
    margin-left: 20px;
}
.newsitem a {
    color: #000000 !important;
    text-decoration: none !important;
}
*/
/*Press Room*/
.press div { border-bottom: 1px dotted #333; padding: 10px 0; float: left; clear: left; width: 666px; }
.press div.pressheader { border-bottom: 1px solid #c3c9b3; font-weight: bold; }
.press { background: url(/Sites/personalsite/Templates/img/bg_press_top.gif) left top no-repeat; width: 666px; padding: 10px 20px 0; float: left; }
.press a, .press span { display: block; float: left; width: 100px; margin: 0; padding: 0 0 0 10px; }
.press span.description { width: 300px; }
.press span a { padding: 0; }
.press span.description { width: 150px; }
.press span.title { width: 180px; }
.press span.id { width: 60px; }
.pressbtm { background: url(/Sites/personalsite/Templates/img/bg_press_btm.gif) left top no-repeat; width: 706px; height: 15px; clear: left; }
.press a.more { padding-top: 15px; display: block; float: left; }

.press .presscontent { border-bottom: 0; }
a.pdf, .press a.pdf { background: url(/Sites/personalsite/Templates/img/icons/icon_pdf.gif) left top no-repeat; line-height: 16px; vertical-align: middle; padding-left: 20px; }
a.jpg, a.gif, a.png, .press a.jpg, .press a.gif, .press a.png { background: url(/Sites/personalsite/Templates/img/icons/icon_image.gif) left center no-repeat; line-height: 16px; vertical-align: middle; padding-left: 20px; }
a.xls, a.xlsx, .press a.xls, .press a.xlsx { background: url(/Sites/personalsite/Templates/img/icons/icon_xls.gif) left center no-repeat; line-height: 16px; vertical-align: middle; padding-left: 20px; }
a.doc, .press a.doc { background: url(/Sites/personalsite/Templates/img/icons/icon_doc.gif) left center no-repeat; line-height: 16px; vertical-align: middle; padding-left: 20px; }
#Contact #contentLeft p { width: 220px; float: left; }
#map_canvas { width: 400px; height: 300px; margin-bottom: 20px; clear: left; }
#slickbox { display: none; }
#newsToggler { display: block; float: left; width: 200px; padding: 5px 5px 5px 0; font-weight: bold; text-decoration: underline; }
.marginBtm10px { margin-bottom: 10px; }