* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-family: Arial, Verdana, Sans-Serif;
}
body {
    background: #000 url(images/page_back.gif) -280px 0px;
}
.center {
    width: 940px;
    margin: 0 auto;
}
.clear {
    clear: both;    
}

label
{
    display:block;
    float:left;
    width:100px;
}

/* -------------------------------------------------------------------- 
                Site header
 -------------------------------------------------------------------- */
.header {
    padding-top: 15px;
    background: url(images/header_back.gif) top left no-repeat;
}
.header .logo {
    float: left;
    margin-left: 20px;
}
.header .elements {
    margin-left: 30px;
    float: left;
}
.header .elements .search {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #888;
}
.header .elements .search .textbox {
    border: 1px solid #888;
    color: #ccc;
    background-color: #000;
    font-size: 14px;
    padding: 2px;
    width: 178px;
    vertical-align: middle;
    margin-top:5px;
}
.center .content .half.right #altsearch .textbox {
    border: 1px solid #888;
    color: #ccc;
    background-color: #FFF;
    font-size: 14px;
    padding: 2px;
    width: 178px;
    vertical-align: middle;
    margin-top:5px;
}
.center .content .half.right #altsearch .button {
    margin-top:5px;
    margin-left: 2px;
    vertical-align: middle;
}
.center .content .half.right #altsearch {
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    vertical-align: top;
}
.center .content .half.left .searchlisting {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 18px;
}
.center .content .half.left .searchlisting .resultbullet {
    color: #ca0009;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
}
.center .content .half.left .searchlisting .resulttitle {
    color: #ca0009;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
.center .content .half.left .searchlisting .resulttext {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}


.center .content .half.left #searchresults {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    height: 14px;
    border-top-width: 10px;
    border-bottom-width: 25px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.center .content .half.left #searchresults #term {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ca0009;
}


.header .elements .search .button {
    margin-top:5px;
    margin-left: 2px;
    vertical-align: middle;
    border: 0;
}
.header .elements .menu {
    margin-top: 43px;
    padding-bottom: 10px;
}
.header .elements .menu a {
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    font-variant:small-caps;
    font-weight: bold;
    color: #ca0009;
    text-decoration: none;
    margin-right: 10px;
}
.header .elements .menu a:hover {
    color: #888;
    border-bottom:2px solid #ca0009;
}
.header .elements .menu a.active {
    color: #888;
    border-bottom: 2px solid #ca0009;
}

.header .elements .menu a.home {
    background: url('images/home.gif') no-repeat;
    display:block;
    width: 23px;
    height: 22px;
    float:left;
    margin-top:-4px;
}
.header .elements .menu a.home:Hover {
    background: url('images/home.gif') no-repeat 0 -22px;
    border:0;
}

.header .elements .menu a.activeHome {
    background: url('images/home.gif') no-repeat 0 -22px;
    display:block;
    width: 23px;
    height: 22px;
    float:left;
    margin-top:-4px;
}

.header .elements .submenu {
    margin-top: 15px;
    color: #444;
    padding-bottom: 10px;
}
.header .elements .submenu a {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #ca0009;
    text-decoration: none;
    margin-right: 10px;
}
.header .elements .submenu a:hover {
    color: #777;
    border-bottom:1px solid #ca0009;
}
.header .elements .submenu a.active {
    color: #777;
    border-bottom: 1px solid #ca0009;
}

/* -------------------------------------------------------------------- 
                Search results
 -------------------------------------------------------------------- */
.content .half .searchbox {
    border: 1px solid #888;
    color: #ccc;
    font-size: 14px;
    padding: 2px;
    width: 225px;
    vertical-align: middle;
}
.content .half .button {
    vertical-align: middle;
    border:0;
}


/* -------------------------------------------------------------------- 
                Who is who
 -------------------------------------------------------------------- */
.content ul.board {
    list-style: none;
    display:block; 
    margin-bottom:20px;
}
.content ul.board li {
    float: left;
    margin: 0 20px 20px 0;
    height:270px;
}

.content ul.board li a {
    color: #C00108;
}


.content ul.board li img {
}
.content ul.board li .name {
    text-align: center;
    font-weight: bold;
}
.content ul.board li .job {
    text-align: center;
    width:140px;
}

.whoIsWhoImage
{
    margin:5px 20px 0 0;
}
/* -------------------------------------------------------------------- 
                Common elements
 -------------------------------------------------------------------- */
.content {
    background-color: #fff;
    padding: 20px;
}
.content .half {
    width: 430px;
    overflow:hidden;
}
.content .half img {
    max-width: 430px;
}
.content .left {
    float: left;
}
.content .right {
    float: left;
    margin-left: 40px;
}
.content .timestamp {
    color: #ca0009;
}
.content .timestamp .time {
    color: #777;
}
.content h1 {
    font-size: 20px;
    font-weight:normal;
    color: #ca0009;
    margin-bottom: 25px;
}
.content h2 {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    color: #ca0009;
    margin-bottom: 1px;
}
.content h3 {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    color: #ca0009;
}
.content h4 {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    color: #888888;
}
.content .intro {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    line-height: 18px;    
    margin-bottom: 25px;
}
.content .text {
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    color: #000;
    line-height: 18px;
    margin-bottom: 25px;
}

.content .text p
{
    font-size: 11px;
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    line-height: 18px;
    color: #000;
}

.content .text a {
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    color: #ca0009;
    text-decoration: underline;
    line-height: 18px;
}
.content .half .images {
    margin-bottom: 25px;    
    clear: both;
}
.content .half .images img {
    max-width: 205px;    
    float: left;
}
.content .half .images img.left {
    margin-right: 20px;
}
.content .half .image {
    margin-bottom: 25px;    
    clear: both;
}
.content .half .image img {
    max-width: 430px;
}
.content .half ul.bullets {
    list-style-type: none;
    width: 430px;
    margin-bottom:25px;
}
.content ul.bullets li {
    margin-bottom: 3px;
    background: url(images/bullet.gif) 0px 2px no-repeat;
    padding-left: 15px;
    display:block;
    clear: both;
}
.content ul.bullets li span,
.content ul.bullets li a {
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    color: #ca0009;
    text-decoration:none;
}
.content ul.bullets li .date {
    font-family: Verdana, Sans-Serif;
    float: right;
    font-size: 9px;
    margin-top: 2px;
    color: #888;
}

/* -------------------------------------------------------------------- 
                Content blocks
 -------------------------------------------------------------------- */
.content .full {
    overflow: hidden;
    margin-bottom:25px;
}
.content .full .left {
    width:550px;
}
.content .full .listright {
    float:left;
    height: 248px;
    border: 1px solid #999;
    border-left: none;
    overflow-y: auto;
    width:349px !important;
    width: auto;
}
.content .full .listright h2 {
    margin: 15px 20px 0 20px;
}

.content .full .listright p
{
    margin-left:20px;
    margin-top:5px;
}

.content .full .listright p a
{
    color:#ca0009;
    font-size:12px;
}

.content .full ul.bullets {
    display: block;
    margin: 15px 20px;
    width: 309px;
    list-style-type: none;
}
.content .full .imagetall {
    float:left;
    margin-right:21px;
}
.content .twothird {
    width: 530px;
    float: left;
    overflow: hidden;
}
.content .third {
    width: 350px;
    float: left;
    margin-left:20px;
    overflow: hidden;
}

/* -------------------------------------------------------------------- 
                Productions history
 -------------------------------------------------------------------- */
.content .history {
    background: url(images/history_back.gif) top left no-repeat;
    position: relative;
    
        overflow: hidden;
        height: 325px;
    
    width: 900px;
    margin-bottom:25px;
}
.content .history #years {
    margin: 0;
}
.content .history #years a {
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 11px;
    padding: 6px 0 20px 0;
    color: #888;
    text-decoration:none;
    float: left;
    width: 90px;
    vertical-align: middle;
    text-align: center;
    background: url(images/history_group(1).gif) top left no-repeat;
    margin-top: 1px;
}
.content .history #years a:hover {
    background: url(images/history_group_active(1).gif) top left no-repeat;
}
.content .history #years a.active {
    color: #000;
    background: url(images/history_group_active(1).gif) top left no-repeat;
}
.content .history #strip {
    clear: both;
    margin: 0 1px;
    white-space:nowrap;
}
.content .history .leftarrow {
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 100;
    border-left:1px solid #888;
    cursor: hand;
}
.content .history .rightarrow {
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 100;
    text-align:right;
    border-right:1px solid #888;
    cursor: hand;
}
.content .history #strip .year {
    float: left;
    width: 105px;
    height: 285px;
    background: url(images/history_year.gif) top left no-repeat;
}
.content .history #strip .year .vertical {
    margin: 33px 28px 0 30px;
    height: 140px;
}
.content .history #strip .year .vertical img {
    display:block;
}
.content .history #strip .year .bottom {
    margin: 65px 0 0 20px;
    text-align:center;
    font-family:Verdana, Sans-Serif;
    font-weight:bold;
    font-size:15px;
    color: #fff;
}
.content .history #strip a.show {
    display: block;
    float: left;
    width: 136px;
    height: 285px;
    background: url(images/history_poster.gif) top left no-repeat;
    text-decoration:none;
}
.content .history #strip a.show:hover {
    background: url(images/history_poster_active.gif) top left no-repeat;
}
.content .history #strip a.active {
    background: url(images/history_poster_active.gif) top left no-repeat;
}
.content .history #strip a.show img {
    margin: 44px 0 0 18px;
    width: 100px;
    max-height: 141px;
    min-height: 141px;
}
.content .history #strip a.show .name {
    display: block;
    margin-top: 50px;
    color: #ca0009;
    font-size: 11px;
    font-weight:bold;
    text-align:center;  
    white-space:normal;
}
.content .history #strip a.show .description {
    display: block;
    color: #888;
    font-size: 11px;
    font-weight:bold;
    text-align:center;
}

/* -------------------------------------------------------------------- 
                Home
 -------------------------------------------------------------------- */
.content .half ul.newsBullets {
    list-style-type: none;
    width: 430px;
    margin-bottom:25px;
}

.content .half ul.specialNewsBullet
{
   margin-bottom:40px !important;
   margin-bottom:0;
}

.content ul.newsBullets li {
    margin-bottom: 3px;
    background: url(images/bullet.gif) 0px 2px no-repeat;
    padding-left: 15px;
    display:block;
    clear: both;
    margin-bottom:24px;
}
.content ul.newsBullets li a {
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    color: #ca0009;
    text-decoration:none;
}
.content ul.newsBullets li a.title {
    font-weight:bold;
}
.content ul.newsBullets li .text
{
    margin-bottom:3px;
}
.content ul.newsBullets li .readmore {
    float:left;
    margin-right:3px;
}
.content ul.newsBullets li .date {
    font-family: Verdana, Sans-Serif;
    font-size: 9px;
    margin-top: 4px;
    color: #888;
}

.content .showreelFooter,
.content .showreel
{
    margin-bottom: 33px;
    margin-top:5px;
}

.content .showreelFooter a.lastReel,
.content .showreel a.lastReel
{
    margin: 0;
}

.content .showreelFooter a,
.content .showreel a
{
    margin-right:17px;
}

.content .showreelFooter a.middle,
.content .showreel a.middle
{
    margin-right:37px;
}
 
.content .showreelFooter
{
    width:900px;
    clear:both;
    margin:0;
    padding:40px 0 0 0;
}

.content .evenreel a
{
    margin-right:21px;
}


/* -------------------------------------------------------------------- 
                Partners
 -------------------------------------------------------------------- */
 
.content .onethird
{
    width: 284px;
    float:left;
    margin-left:24px;
    margin-bottom:10px;
}

.content h1.partners
{
    width:100%;
}

.onethirdWrapper
{
    
    margin-left:-24px !important;
    margin-left: -47px;
}
.content .onethird .partners
{
    text-align: center;
    padding:8px;
    margin-bottom:6px;
    background: url('images/partner_background.jpg') no-repeat;
    height:120px;
}
.content .onethird h2
{
    margin-bottom:19px;
}

/* -------------------------------------------------------------------- 
                Company history
 -------------------------------------------------------------------- */
.content .yearSelect
{
    position: absolute;
    background: url(images/back_year.jpg) top left repeat-y;
    width: 124px;
    height:100%;
    padding-top:16px;
    z-index:10000;
}
.content .yearSelect a:Hover
{
    background: url(images/year_active.gif) top right no-repeat;
}
.content .yearSelect a.active
{
    background: url(images/year_active.gif) top right no-repeat;
}
.content .yearSelect a
{
    background: url(images/year_normal.gif) top right no-repeat;
    width:103px;
    display: block;
    height: 28px;
    color: #888888;
    text-decoration: none;
    font-weight: bold;
    padding:16px 0 0 15px;
    font-size: 11px;
    font-family: Verdana;
    z-index: 80;
}
.content .companyhistory {
    background: url(images/company_history_back.jpg) top left repeat-y;
    position: relative;
    overflow: hidden;
    height: 500px;
    width: 898px;
    border: 1px solid #888;
    margin-bottom:25px;
}
.content .companyhistory .toparrow {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
}
.content .companyhistory .bottomarrow {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 100;
}
.content .companyhistory #strip
{
    margin-left: 134px;
}
.content .companyhistory #strip .year {
    position: relative;
    padding: 80px 0px 0px 172px;
    background: url(images/company_history_year.gif) top left no-repeat;
}
.content .companyhistory #strip .year .image {
    position: absolute;
    left: 20px !important;
    left: -150px;
    top: 40px;
    width: 100px;
    
}
.content .companyhistory #strip .year .image img {
    padding: 8px;
    background: url(images/company_history_foto.gif) no-repeat left top;
    margin-bottom: 10px;
}

.content .companyhistory #strip .year .numbers 
{
    position: absolute;
    top: 10px;
    left: 230px !important;
    left: 60px;
    font-size: 50px;
    line-height: 40px;
    color:#888;
}
.content .companyhistory #strip .year ul 
{ 
    color: white;
}
.content .companyhistory #strip .year ul li 
{
    background: url(images/company_history_left.gif) top left no-repeat;
    padding-left: 42px;
    padding-top:3px;
}
.content .companyhistory #strip .year ul li img.top 
{
    margin-bottom:-3px;
}
.content .companyhistory #strip .year ul li img.bottom
{
    margin-bottom:4px;
}
.content .companyhistory #strip .year ul li .item 
{
    color: black;
    padding: 8px 19px 8px 19px;
    width: 411px;
    background: url(images/back_text.gif) top left repeat-y;
}


/***********************************************************************/
/*.content .companyhistory {
    background: url(images/company_history_back.jpg) top left repeat-y;
    position: relative;
    overflow: hidden;
    height: 500px;
    width: 898px;
    border: 1px solid #888;
    margin-bottom:25px;
}
.content .companyhistory .toparrow {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    cursor:pointer;
}
.content .companyhistory .bottomarrow {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 100;
    cursor:pointer;
}
.content .companyhistory #strip {
    clear: both;
    white-space:nowrap;
}
.content .companyhistory #strip .year {
    position: relative;
    padding: 80px 0px 0px 172px;
    background: url(images/company_history_year.gif) top left no-repeat;
}
.content .companyhistory #strip .year img.historyImage {
    position: absolute;
    left: 20px;
    top: 40px;
    background: url(images/company_history_foto.gif) no-repeat left top;
    padding: 8px;
}

.content .companyhistory #strip .year .numbers {
    position: absolute;
    top: 12px;
    left: 230px;
    font-size: 50px;
    line-height: 37px;
    color:#888;
}

* html .content .companyhistory #strip .year .numbers
{
    left:60px;
}

.content .companyhistory #strip .year ul { 
    list-style-type: none;
}
.content .companyhistory #strip .year ul li {
    background: url(images/company_history_left.gif) top left no-repeat;
    padding-left: 50px;
    height: 66px;
    clear: both;
}
.content .companyhistory #strip .year ul li .item {
    float: left;
    display: block;
    padding: 15px 18px 20px 10px;
    margin-top: 10px;
    background: url(images/company_history_right.gif) top right no-repeat;
}
*/
/* -------------------------------------------------------------------- 
                Site footer
 -------------------------------------------------------------------- */
.footer {
    font-family: Verdana, Sans-Serif;
    font-size:14px;
    background: url(images/footer_back.gif) top left no-repeat;
    padding: 18px 0px;
    text-align: center;
    color: #999;
}
.footer a {
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
}
.center .content .supervisors .gallery {
}
.center .content {
    clear: left;
    height: auto;
}
.center .content .supervisors .gallery img {
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: #FFF;
}
.center .content .supervisors {
    clear: left;
    overflow: hidden;
    margin-bottom: 20px;
}
.center .content .supervisors .gallery .name {
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ca0009;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: #FFF;
}
.center .content .supervisors .gallery .name_alt {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: #FFF;
}

.center .content .supervisors .gallery .function {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000;
    text-align: center;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: #FFF;
}
.center .header .elements .submenu .subtext {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #505050;
}

/***********************  CAREER   ************************************************/

#careerContent p
{
    margin-bottom:5px;
}
input 
{
    padding:1px;
    border: 1px solid gray;
    margin:1px;
}

.center .buttonSoll,
.center .buttons 
{
    display: block;
    width: 56px;
    height: 21px !important;
    height: 19px;
    background: url('images/background_btn.jpg') no-repeat;
    color: white;
    text-decoration: none;
    text-align: center;
    padding-top: 1px !important;
    padding-top: 3px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.center .buttonSoll
{
    width: 80px;
    background: url('images/background_btn_solliciteer.jpg') no-repeat;
}

.center input.buttons
{
    width: 61px;
    border:0;
    height:21px;
    cursor:hand;
}


.center .buttonSoll:Hover,
.center .buttons:Hover
{
    background-position: 0 -21px;
}


/* -------------------------------------------------------------------- 
                BEWAARD BLIJVEN
 -------------------------------------------------------------------- */
.rss div
{
    color:#ca0009;
    font-size:11px;
    margin-top:4px;    
    float:left;
}
.rss
{
    width: 430px;
    margin-bottom:22px;
}
.rss a
{
    margin-right:10px;
    float:left;
}
.content .full .left {
    width:550px;
}
.reddot
{
    border:1px solid black;
    background-color:#feffaf;
    margin-bottom:15px;
    padding:0 3px;
}
.special1
{
    background-color:#ffbc68;
}

.mainReddot
{
    background-color:#ff953f;
}
.full .smartedit
{
    border:1px solid #888888;
    height:248px;
}


.countries
{
    margin-bottom:15px;
    margin-left:-5px;
}
.countries a
{
    color:#ca0009;
    margin:0 5px;
    font-size:11px;
}    
.countries .select
{
    font-weight:bold;
    color:#000000;
    text-decoration:none;
}

        .companyintro
        {
            color:#888888;
            font-size:11px;
        }

.year .reddot
{
    width:100px;
    float:left
}

.content .timestamp {
    margin-bottom: 20px;
}
 

* html .content .companyhistory #strip .year img.historyImage 
{
   left:-152px;
}
 

.sitemap li a
{
    color:#ca0009;
    text-decoration:none;
}
 
.sitemap
{
    margin-left:25px;
}

.sitemap li
{
    margin-bottom: 3px;
    background: url(images/bullet.gif) 0px 2px no-repeat;
    padding-left: 15px;
    list-style:none;
}

#sitemapWrapper
{
    margin-left:-25px;  
}
 
/*********** custom css ***********/

.bannerBrochureWrap
{
    height:130px;
}

.bannerBrochure
{
    position:absolute; 
    top:319px;
    margin-left:-4px;
}

.content .half .bannerBrochure img.banner2
{
    position:absolute;
    top:64;
}

.content .half .bannerBrochure img.banner3
{
    position:absolute;
    top:94px;
    left:0;
}

.content .half .bannerBrochure img 
{
    max-width:465px;
}

.newsletterBox
{
    background:url(images/background_newsletter.jpg) no-repeat;
    width:430px;
    height:89px;
    font-family:Arial, Verdana;
}

/****** directory our people ******/

ul.pdf li
{
    list-style-image:url('images/pdf_icon.jpg');
    list-style-position:10 0px;
    margin-left:20px;
    line-height:23px;
    margin-bottom:5px;
}
ul..pdf
{
    margin-top:30px;
}
.content ul.pdf li a
{
    font-size:14px;
    color: #000;
    text-decoration: none;
} 

.bannerBrochureWrap2 
{
    height: 144px;
    
}
 .bannerBrochure2 
 {
    top: 449px;
}