/****************************************************************
* Default element styles
*****************************************************************/
* { border:0 none; outline:0; }

html
{
    background-color: #fffffe;
    background-image: url('../Images/bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 100%;
}

body
{	
    padding: 0;
    margin: 0;
    overflow-y:scroll;
}

div#container
{
    position: relative;
    width: 997px;
    margin: 0 auto;
    padding: 0 0 153px 0;
}

div#wrapper
{
    position: relative;
    background-color: #fff;
}

div#header
{
    position: relative;
}

div#logo
{
    position: absolute;
    width: 213px;
    height: 118px;
    background-image: url('../Images/logo.png');
    background-repeat: no-repeat;
    border-right:solid 1px #a0a0a0;
}

div#map
{
    position: absolute;
    width: 783px;
    height: 213px;
    background-image: url('../Images/map.jpg');
    background-repeat: no-repeat;
    margin-left: 214px;
    z-index: 2;
}

div#top
{
    min-height: 23px;
    color: #fff;
    font-family:Tahoma, Arial;
    font-size:11px;
}

ul.quick-tools { overflow:hidden; list-style:none; margin:0; padding:0; }
ul.quick-tools li { float:left; height:35px; }
ul.quick-tools li a { display:block; background:url('../images/sprites.png'); }
ul.quick-tools li.contact a { width:33px; height:35px; background-position:0 0;  }
ul.quick-tools li.contact a:hover { background-position:0 -35px;  }
ul.quick-tools li.home a { width:30px; height:35px; background-position:-33px 0;  }
ul.quick-tools li.home a:hover { background-position:-33px -35px;  }
ul.quick-tools li.search { position:relative; width:150px;  }

.contactForm td
{
    color: #666;
}

div#top a
{
    color: #090b78;
}

div#flags
{
    float: right;
    margin: 0 4px 0 0;
}

div#flags img
{
    margin: 0 2px;
}

div#topmenu
{
    position: absolute;
    top: 0px;
}

div#spacer
{
    position: absolute;
    width: 213px;
    height: 34px;
    top:118px;
    background-color: #4e558c;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #7378a3 #686868 #7378a3 #7378a3;
}

div#items
{
    position: absolute;
    margin-left: 214px;
    height: 37px;
    width: 784px;
    top:118px;
    line-height: 37px;
    background-image: url('../Images/bgtopmenu.png');
    background-repeat: repeat-x;
    z-index: 3;
    border-style: solid;
    border-width: 0 0px 0 0;
    border-color: #686868;
}

div#leftmenuwrapper
{
    position: absolute;
    background-image: url('../Images/bgmenuloop.png');
    background-repeat: repeat-y;
    width: 214px;
    bottom: 0;
    top: 0;
}

div#leftmenu
{
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url('../Images/bgmenu.png');
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 515px;
    width: 194px;
    padding: 20px 0 0 20px;
}

div#contentwrapper
{
    position: relative;
    top: 153px;
    bottom: 0;
}

div#content
{
    position: relative;
    top: 0;
    bottom: 0;
    width: 728px;
    left: 214px;
    z-index: 8;
    min-height: 501px;
    padding: 34px 0px 0 55px;
    background-image: url('../Images/bgcontent.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    border-right: solid 1px #686868;
}

div.paddedContent { padding-right:55px; }

div#footer
{
    width: 784px;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 0 213px;
    background-image: url('../Images/footer.png');
    background-repeat: no-repeat;
    text-align: center;
    font-size: 13px;
    border-right: solid 1px #686868;
    border-left: solid 1px transparent;
}

div#footercontent
{    
    background:#fff;
    margin: 0 9px;
    height: 60px;
}

div#footercontent span
{
    line-height: 60px;
}

.logo
{
    display: block;
    width: 213px;
    height: 118px;
}

div.toplinks
{    
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #62699b;
}

.clear
{
    clear: both;
}

/****************************************************************
* Language Flags
*****************************************************************/
#languages { position:absolute; z-index:10; top:1px; right:0px; }
ul.languages { overflow:hidden; margin:0px; padding:0px; list-style:none; }
ul.languages li { float:left; margin-right:1px; }
ul.languages li a { display:block; width:16px; height:11px; background:url('../images/flags.png'); }
ul.languages li a.nl-nl,
ul.languages li a.nl-nl-active { background-position:0 0; }
ul.languages li a.nl-nl:hover { background-position:0 -11px; }
ul.languages li a.en-gb { background-position:-16px 0; }
ul.languages li a.en-gb-active,
ul.languages li a.en-gb:hover { background-position:-16px -11px; }
/*ul.languages li a.en-gb:hover { background-position:-16px -11px; }*/

/****************************************************************
* TopMenu
*****************************************************************/
div#topmenu ul.top-menu-items
{
    position:relative;
    top: -131px;
    padding: 0;
    overflow:hidden;
}

div#topmenu li.menu-item
{
    float: left;
    height: 153px;
    width:196px;
    min-width: 90px;
    list-style-type: none;
    font-size: 15px;
    color: #fff;
}


/****************************************************************
* TopMenu
*****************************************************************/
div#topmenu li a.menu-item { display: block; min-width:196px; height:153px; color: #fff; background:url('../images/menu/topmenu-buttons.jpg'); }
div#topmenu li a.menu-item-1 { background-position:0 0; }
div#topmenu li a.menu-item-1:hover { background-position:0 -153px; }
div#topmenu li a.menu-item-1-active { background-position:0 -306px; }
div#topmenu li a.menu-item-2 { background-position:-196px 0; }
div#topmenu li a.menu-item-2:hover { background-position:-196px -153px; }
div#topmenu li a.menu-item-2-active { background-position:-196px -306px; }
div#topmenu li a.menu-item-3 { background-position:-392px 0; }
div#topmenu li a.menu-item-3:hover { background-position:-392px -153px; }
div#topmenu li a.menu-item-3-active { background-position:-392px -306px; }
div#topmenu li a.menu-item-4 { background-position:-588px 0; }
div#topmenu li a.menu-item-4:hover { background-position:-588px -153px; }
div#topmenu li a.menu-item-4-active { background-position:-588px -306px; }

div#topmenu li a.menu-item-en-1 { background:url('../images/menu/topmenu-buttons-en-gb.jpg') 0 0; }
div#topmenu li a.menu-item-en-1:hover { background:url('../images/menu/topmenu-buttons-en-gb.jpg') 0 -153px; }
div#topmenu li a.menu-item-en-1-active { background:url('../images/menu/topmenu-buttons-en-gb.jpg') 0 -306px; }
div#topmenu li a.menu-item-en-2 { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -196px 0; }
div#topmenu li a.menu-item-en-2:hover { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -196px -153px; }
div#topmenu li a.menu-item-en-2-active { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -196px -306px; }
div#topmenu li a.menu-item-en-3 { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -392px 0; }
div#topmenu li a.menu-item-en-3:hover { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -392px -153px; }
div#topmenu li a.menu-item-en-3-active { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -392px -306px; }
div#topmenu li a.menu-item-en-4 { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -588px 0; }
div#topmenu li a.menu-item-en-4:hover { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -588px -153px; }
div#topmenu li a.menu-item-en-4-active { background:url('../images/menu/topmenu-buttons-en-gb.jpg') -588px -306px; }

/****************************************************************
* LeftMenu
*****************************************************************/
div#leftmenu ul
{
    padding: 0;
    margin: 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #62699b;
}

div#leftmenu li
{
    list-style-type: none;
    color: #fff;
}

div#leftmenu ul.sub
{
    border: none;
    display: none;
}

div#leftmenu .visible
{
    display: block;
}

div#leftmenu li.sub
{
    background-image: none;
    list-style-type: none;
}

/* LeftMenu Hyperlinks */
div#leftmenu a
{
    color: #fff;
    display: block;
    padding: 5px 0 5px 23px;
    background-image: url('../Images/Menu/hover.png');
    background-repeat: repeat-y;
    background-position: -192px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #62699b;
    font-size: 15px;
    line-height: 17px;
    cursor: pointer;
    font-family:Tahoma;
}

div#leftmenu a:hover,
div#leftmenu a.active
{
    text-decoration: none;
    background-position: 1px 0;
    cursor: pointer;
    color:#ffcc66;
}

div#leftmenu li.sub a
{
    display: block;
    background-image: url('../Images/Menu/subhover.png');
    background-repeat: no-repeat;
    background-position: 23px center;
    padding: 5px 0 5px 38px;
    width: 152px;
    color: #c1c2d6;
    font-family:Tahoma;
    font-size:14px;
}

div#leftmenu li.sub a:hover,
div#leftmenu li.sub a.active
{
    background-position: -171px center;
    color:#ffcc66;
}

/****************************************************************
* Splash LeftMenu
*****************************************************************/
#leftmenu-splash 
{
    margin-top:20px;
    color:#fff; 
    font-family:Tahoma; 
    font-size:12px; 
    background: url('../Images/bgmenu.png') no-repeat 0 bottom;
    min-height: 515px;
    position: absolute;
    top: 0;
    bottom: 0;
    width:214px;
}
#leftmenu-splash a { color:#90a7fc; }
#leftmenu-splash h3 { color:#fecd69; font-family:Tahoma, Sans-Serif; font-size:16px; border-bottom:solid 1px #fecd69; font-weight:normal; padding:0 0 4px 21px; margin:0 0 0 0; }
#leftmenu-splash .padding { padding:11px 5px 0 21px; }
#leftmenu-splash .splash-left-menu-content { margin-top: 25px; }

/****************************************************************
* ContentBox
*****************************************************************/
.content-box-2 { margin-bottom:15px; }
.content-box-2 h3 { padding:0 0 7px 10px; margin:0; color:#0c1560; font-family:Tahoma; font-size: 16px; font-weight:normal; background:url('../images/dashed-border-h.png') repeat-x 0 bottom; }
.content-box-2 .content-wrapper { margin-top:3px; border:solid 1px #c2c0d8; }
.content-box-2 .content-wrapper .content-body { color:#262626; font-family:Tahoma; font-size:12px; }
.content-box-2 .content-wrapper .content-body .padding { padding:5px 5px 5px 7px;  }
.content-box-2 .content-wrapper .content-footer { height:13px; background:url('../images/content-box-footer.png') repeat-x; }

.content-box-3 { margin-bottom:15px; border-left:solid 4px #232c7f; border-right:solid 4px #232c7f; }
.content-box-3 .content-header { min-height:27px; }
.content-box-3 .content-header .top { height:1px; background:url('../images/dashed-border-h.png') repeat-x; }
.content-box-3 .content-header .bottom { height:1px; background:url('../images/dashed-border-h.png') repeat-x; }
.content-box-3 h3 { padding:3px 0 4px 10px; margin:0; color:#0c1560; font-family:Tahoma; font-size: 16px; font-weight:normal; }
.content-box-3 .content-wrapper {  }
.content-box-3 .content-wrapper .content-body { color:#262626; font-family:Tahoma; font-size:12px; }
.content-box-3 .content-wrapper .content-body .padding { padding:5px 5px 5px 7px;  }
.content-box-3 .content-footer { height:1px; background:url('../images/dashed-border-h.png') repeat-x; }

/****************************************************************
* Page Layouts
*****************************************************************/
.floating-content-wrapper { }
.floating-content-wrapper .row { }
.floating-content-wrapper .col1 { float:left; width:328px; padding-right:5px; }
.floating-content-wrapper .col2 { float:right; width:335px; padding-left:5px; }

/****************************************************************
* Projects
*****************************************************************/
div.projectNews div.newsItem{}
div.projectNews img { float: left; margin: 0 14px 0 0; vertical-align: bottom; }
div.projectNews div.newsItem h1 { margin: 0 0 2px 0; padding:0; font-size:17px; }
div.projectNews div.newsItem h2 { float: left; }
div.projectNews div.hr { color: #606060; }
div.projectNews .newsInfo { font-size: 10px; color: #606060; font-style:italic; margin-bottom:5px; }

/****************************************************************
* News
*****************************************************************/
div.news {}
div.news ul { list-style-type:none; margin:0; padding:0;}
div.news ul li { margin-bottom:15px; }
div.news ul li a { font-style:italic; font-weight:bold; }
div.news .date { font-weight:bold; }

/****************************************************************
* Default news
*****************************************************************/

/****************************************************************
* Profiles
*****************************************************************/
.profileDetailsWrapper { margin:0 51px 15px 0; }
.profileDetailsWrapper .col1 { float:left; width:425px; }
.profileDetailsWrapper .col2 { float:right; width:245px; }
.profileDetailsWrapper .profileNameAndFunction { margin-bottom:12px; }
.profileDetailsWrapper .profileNameAndFunction .profileName { color:#606060; font-size:14px; }
.profileDetailsWrapper .profileNameAndFunction .profileFunction { color:#8a8a8a; font-size:14px; }
.profileDetailsWrapper .profileSummary { margin-bottom:12px; }
.profileDetailsWrapper .profileContactInfo { }
.profileDetailsWrapper .profile-picture-wrapper {  }
.profileDetailsWrapper .profile-picture { width:245px; border:solid 1px #c6c6c6 !important;  }

.profileListWrapper {  }
.profileListWrapper ul.profile-list { overflow:hidden; margin:0; padding:0; list-style:none; }
.profileListWrapper ul.profile-list li { float:left; width:123px; height:210px; margin:0 18px 0 0; }
.profileListWrapper .profileThumbWrapper { position:relative; width:115px; height:172px; border: solid 1px #c6c6c6; overflow:hidden; }
.profileListWrapper .profileThumbWrapper .profileThumbContent { position: absolute; bottom: -3px; }
.profileListWrapper a { position:relative; display: block; color:#000; bottom:0; width:115px; }
.profileListWrapper a:hover { color:#000; }
.profileListWrapper a .overlay { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url('../images/overlay.png'); }
.profileListWrapper a:hover .overlay { display:none; }
.profileListWrapper img { margin: 0; }


/****************************************************************
* Global Search
*****************************************************************/
.searchWrapper {
    position: relative;
    float: left;
    width: 146px;
    margin-top: 2px;
}

.searchInput {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 112px;
    height: 16px;
    color: #aaa;
    border-top: solid 1px #cbcbcb;
    border-left: solid 1px #b8b8b8;
    border-right: solid 1px #cbcbcb;
    padding-left: 4px;
    line-height: normal;
    font-size:11px;
}

.searchButton {
    position: absolute;
    height: 19px;
    width: 18px;
    line-height:19px;
    top: 8px;
    line-height: normal;
    background: #fff url('../Images/search.png') no-repeat center center;
    border-top: solid 1px #cbcbcb;
    border-right: solid 1px #dddddd;
    cursor: pointer;
    right: 6px;
}

.menuSmall 
{
    float: right;
    width: 50px;
    padding-top:2px;
}

.menuSmall img
{
    margin-right: 4px;
}