/** TOC
* - Generic
* - Containers
* - Container-header
* - Container-quicklink
* - Container-footer
* - Container-inhoud-himages
* - Container-inhoud-tmceblok
* - Container-inhoud-carrousel-box
* - Container-inhoud-Projectblokken
* - Container-inhoud-MargeBalk
* - Container-inhoud-ContentBlok
*
*
* achtergrond kleur aanpassen?
* - body
* - div#header div#releafvormgeving
*
******************************************************************************************************/

/** Generic
******************************************************************************************************/
* { margin:0; padding:0; font-family:Arial; font-size:11px; color:#000000;}

html,body     { border:none; height:100%;}
img,fieldset  { border:0;}

table          { border-collapse:collapse; border-spacing:0; empty-cells:show;}
td             { vertical-align:top;}
table.fixed    { table-layout:fixed;}
table.fixed td { overflow:hidden;}

a { cursor:pointer;}
.limiter { clear:both;}
div#icstats { display:none; height:0px;}

/* arrows */
.arrow-light { width:11px; height:11px;}
.arrow-dark  { width:11px; height:11px;}

/* loaders */
.imgLoader { display:block;}
.imgLoader,
.loading { background-image:url(../images/img-loader.gif) !important; background-position:center center !important; background-repeat:no-repeat !important;}

.raquo { font-size:16px !important;}

/** Containers
******************************************************************************************************/
body                                         { /*background:#f1f1f1;*/ background-image:url(../images/body-background-ZW.jpg); }
div#container-grijs                          { background:#fafafa; width:940px; margin:0 auto;}
div#container-grijs div#container            { width:902px; margin:0 20px 0 20px;}

/** Container-header
******************************************************************************************************/
div#header { width:902px; height:76px; padding:18px 0 0 0;}

div#header div       { position:absolute; height:76px;}
div#header div a     { display:block; height:76px; text-decoration:none;}
div#header div a span { display:block; position:absolute; bottom:12px; text-align:right; font-size:10px;}

div#header div#logo       { width:70px; background:#747474;}
div#header div#logo a     { width:70px;}
div#header div#logo a img { display:block; height:58px; width:49px; padding:9px 0 0 11px;}

div#header div#home        { width:215px; margin:0 0 0 79px; background:#a7a7a7;}
div#header div#home a      { width:215px;}
div#header div#home a span { width:203px; color:#fafafa;}
div#header div#home img    { position:absolute; margin:53px 0 0 155px;}

div#header div#overreleaf        { width:215px; margin:0 0 0 303px; background:#cccccc;}
div#header div#overreleaf a      { width:215px;}
div#header div#overreleaf a span { width:203px; color:#747474;}
div#header div#overreleaf img    { position:absolute; margin:53px 0 0 120px;}

div#header div#portfolio        { width:130px; margin:0 0 0 526px; background:#e0dfdd;}
div#header div#portfolio a      { width:130px;}
div#header div#portfolio a span { width:118px; color:#747474;}
div#header div#portfolio img    { position:absolute; margin:53px 0 0 45px;}

div#header div#contact        { width:80px; margin:0 0 0 664px; background:#f1f1f1;}
div#header div#contact a      { width:80px;}
div#header div#contact a span { width:68px; color:#747474;}
div#header div#contact img    { position:absolute; margin:53px 0 0 5px;}

/* !!! incl. rechter ronde-border !!! */
div#header div#releafvormgeving       { width:168px; height:94px; background:#fafafa; margin:-18px 0 0 752px;}
div#header div#releafvormgeving a     { width:168px; height:94px;}
div#header div#releafvormgeving a img { width:168px; height:94px;}

/** Container-quicklink
******************************************************************************************************/
div#quicklink { height:25px; line-height:25px;}

div#quicklink a img { position:absolute; margin:8px 0 0 -15px;}

div#quicklink a.links        { float:left; color:#747474; font-size:10px; text-decoration:none; padding:0 0 0 15px;}
div#quicklink a.links:hover  { color:#262626;}
div#quicklink a.links:active { color:#ce689d;}

div#quicklink a.rechts        { float:right; color:#a7a7a7; font-size:10px; text-decoration:none;}
div#quicklink a.rechts:hover  { color:#dd9ebe;}
div#quicklink a.rechts:active { color:#dd9ebe;}

/** Container-footer
******************************************************************************************************/
div#footer { height:90px; background:#f1f1f1;}

div#footer img#mini-logo { display:block; position:absolute; width:15px; height:16px; margin:38px 0 0 865px;}

div#footer p        { height:20px; line-height:20px;}
div#footer p.links  { margin:37px 0 0 22px; width:429px; float:left;}
div#footer p.rechts { margin:37px 55px 0 0; width:396px; float:left; text-align:right;}

div#footer p.links,
div#footer p.links a,
div#footer p.rechts,
div#footer p.rechts a { font-family:Tahoma; font-size:10px; color:#a7a7a7; text-decoration:none;}

/** Container-inhoud-himages
******************************************************************************************************/
div#himages { width:902px; height:229px;}

div#himages div#himage-1 { width:478px; height:229px; float:left; cursor:pointer;}
div#himages div#himage-2 { width:417px; height:229px; float:left; margin:0 0 0 7px;}

div#himages div#himage-1 img#himage-1-image { width:478px; height:229px; background-color:#f1f1f1;}
div#himages div#himage-2 img#himage-2-image { width:417px; height:229px; background-color:#f1f1f1;}

div#himages div#himage-1 div#himage-1-balk { position:absolute; width:478px; height:39px; margin:191px 0 0 0; overflow:hidden;}
div#himages div#himage-1 div#himage-1-balk div { width:478px; margin:39px 0 0 0; height:39px; background-image:url(../images/headerbalk.png); background-repeat:no-repeat;}

div#himages div#himage-1 div#himage-1-balk div table { width:463px; height:28px; margin:4px 0 0 15px;}
div#himages div#himage-1 div#himage-1-balk div table tr td.top { font-weight:bold; height:14px;}
div#himages div#himage-1 div#himage-1-balk div table tr td.left { font-weight:bold; width:60px;}
div#himages div#himage-1 div#himage-1-balk div table tr td.mid { width:30px;}
div#himages div#himage-1 div#himage-1-balk div table tr td     { color:#ffffff; font-family:Arial; font-size:9px;}
div#himages div#himage-1 div#himage-1-balk div table tr td a   { color:#ffffff; text-decoration:none; font-family:Arial; font-size:9px;}

/** Container-inhoud-tmceblok
******************************************************************************************************/
div#tmceblok { width:902px; margin:15px 0 15px 0;}

/** Container-inhoud-carrousel-box
******************************************************************************************************/
div#carrousel-box                                  { width:902px; height:180px; margin:0 0 10px 0;}
div#carrousel-box div#carrousel-wrap               { width:830px; height:180px; overflow:hidden; float:left;}
div#carrousel-box div.links                        { width:36px; height:180px; float:left; text-align:center; cursor:pointer; background-image:url(../images/carr-arrow-left-on.gif); background-position:center center; background-repeat:no-repeat;}
div#carrousel-box div#carrousel                    { /*width=aantal*168*/ height:180px;}
div#carrousel-box div#carrousel div.carrousel-item { width:158px; height:180px; float:left; margin:0 0 0 10px; overflow:hidden;}
div#carrousel-box div#carrousel div.firstchild     { margin:0;}
div#carrousel-box div.rechts                       { width:36px; height:180px; float:left; text-align:center; cursor:pointer; background-image:url(../images/carr-arrow-right-on.gif); background-position:center center; background-repeat:no-repeat;}

div#carrousel-box div.links.disabled  { background-image:url(../images/carr-arrow-left-off.gif); background-position:center center; background-repeat:no-repeat;}
div#carrousel-box div.rechts.disabled { background-image:url(../images/carr-arrow-right-off.gif); background-position:center center; background-repeat:no-repeat;}

/** Projectblokken
******************************************************************************************************/
div.projBlok { cursor:pointer; width:157px; height:179px; background-image:url(../images/projBlok.png); background-repeat:no-repeat; overflow:hidden;}
div.projBlok { }
div.projBlok img.image { margin:19px 0 0 14px; display:block; width:126px; height:79px; background-color:#f1f0f0; background-image:url(../images/img-loader.gif); background-position:center center; background-repeat:no-repeat;}
div.projBlok h3.titel { margin:7px 0 0 14px; width:129px; font-size:10px; color:#505050;}
div.projBlok div.omschrijving { margin:3px 0 0 14px; width:129px; height:45px; overflow:hidden; font-family:Tahoma; font-size:9px; color:#747474;}
div.projBlok.hover,
div.projBlok.selected { background-image:url(../images/projBlok-selected.png); }

/** MargeBalk
******************************************************************************************************/
div#margeBalk { display:none; width:902px; height:10px; margin:10px 0 10px 0; background:#f1f1f1;}

/** ContentBlok
******************************************************************************************************/
div#contentblok { margin:20px 15px 20px 15px;}
div#contentblok div#submenu { float:left; width:463px; min-height:1px;}
div#contentblok div#content { float:left; width:402px; margin:0 0 0 7px;}

.content,.content * { font-size:11px; color:#747474; font-family:Tahoma; line-height:18px;}
.content h1 { font-size:34px; color:#747474; font-family:Arial; text-transform:uppercase;}
.content h2 { font-size:16px; color:#383c39; font-family:Arial; text-transform:uppercase;}
.content h3 { font-size:12px; color:#747474; font-family:Arial; text-transform:uppercase;}
.content a { text-decoration:underline;}
.content ul,
.content ol  { margin:0 0 0 15px;}

/** cntblk HACK 17-12-2010
******************************************************************************************************/
div#cntblk-header                                  { margin-top:11px;}
div#cntblk-header h2                               { display:block; color:#747474; font-size:53px; width:370px; height:64px; overflow:hidden;}
div#cntblk-header div#cntblk-submenu               { float:right; width:520px; overflow:hidden; margin:14px 0 0 12px;}
div#cntblk-header div#cntblk-submenu ul            { list-style:none;}
div#cntblk-header div#cntblk-submenu ul *          { color:#747474; font-size:12px;}
div#cntblk-header div#cntblk-submenu ul li         { display:inline;}
div#cntblk-header div#cntblk-submenu ul li         { float:left; display:block; width:173px; height:20px; overflow:hidden;}
div#cntblk-header div#cntblk-submenu ul li a       { text-decoration:none;}
div#cntblk-header div#cntblk-submenu ul li a span  { display:inline;}
div#cntblk-header div#cntblk-submenu ul li a span  { display:inline; text-decoration:none; height:16px; padding:2px 3px;}

div#cntblk-header div#cntblk-submenu ul li.active span { background:#747474;}
div#cntblk-header div#cntblk-submenu ul li.active *    { color:#fff59e;}

div#cntblk-inhoud   { line-height:16px; padding:0 10px;}
div#cntblk-inhoud,
div#cntblk-inhoud * { font-size:13px; color:#747474;}

div#cntblk-inhoud .fstl-intro   { line-height:42px;}
div#cntblk-inhoud .fstl-intro,
div#cntblk-inhoud .fstl-intro * { font-size:35px; color:#747474;}

div#cntblk-inhoud .fstl-medium   { line-height:22px;}
div#cntblk-inhoud .fstl-medium,
div#cntblk-inhoud .fstl-medium * { font-size:18px; color:#747474;}

div#cntblk-inhoud .fstl-normal   { line-height:16px;}
div#cntblk-inhoud .fstl-normal,
div#cntblk-inhoud .fstl-normal * { font-size:11px; color:#747474;}

div#cntblk-inhoud .advhr { width:904px; margin:0 -10px;}

/** tmceBlok
******************************************************************************************************/
table.tmceN1Blok { width:902px; table-layout:fixed;}
table.tmceN1Blok tr td { overflow:hidden;}

table.tmceN1Blok tr td.links  { width:478px;}
table.tmceN1Blok tr td.midden { width:7px;}
table.tmceN1Blok tr td.rechts { width:417px;}

table.tmceN1SubBlok tr td { height:18px;}
table.tmceN1SubBlok tr th { height:18px; vertical-align:top;}
table.tmceN1SubBlok tr th.links,
table.tmceN1SubBlok tr td.links  { width:125px !important;}
table.tmceN1SubBlok tr th.midden,
table.tmceN1SubBlok tr td.midden { width:130px !important;}
table.tmceN1SubBlok tr th.rechts,
table.tmceN1SubBlok tr td.rechts { width:162px !important;}

table.tmceN1Blok tr th,
table.tmceN1Blok tr th p,
table.tmceN1Blok tr th strong,
table.tmceN1Blok tr th b,
table.tmceN1Blok tr th u,
table.tmceN1Blok tr th i,
table.tmceN1Blok tr th a { color:#505050; font-size:11px; text-decoration:none;}

table.tmceN1Blok tr td,
table.tmceN1Blok tr td p,
table.tmceN1Blok tr td strong,
table.tmceN1Blok tr td b,
table.tmceN1Blok tr td u,
table.tmceN1Blok tr td i,
table.tmceN1Blok tr td a { color:#747474; font-size:11px; text-decoration:none;}
table.tmceN1Blok tr td a:hover { color:#747474; text-decoration:underline;}

table.tmceN1SubBlok tr td,
table.tmceN1SubBlok tr td p,
table.tmceN1SubBlok tr td strong,
table.tmceN1SubBlok tr td b,
table.tmceN1SubBlok tr td u,
table.tmceN1SubBlok tr td i,
table.tmceN1SubBlok tr td a { color:#a7a7a7; font-size:11px; text-decoration:none;}
table.tmceN1SubBlok tr td a:hover { color:#ce689d; text-decoration:none !important;}

/** contentBlok
******************************************************************************************************/
#superTekst  { position:absolute; width:190px; margin:-1px 0 0 288px; font-size:41px; color:#989898; text-transform:uppercase;}
#arrow-large { position:absolute; width:67px; height:64px; margin:3px 0 0 210px;}
#subHeaderTekst { margin:1px 0 0 0;}

ul.menuN2               { list-style:none; margin:0;}
ul.menuN2 li            { line-height:18px; height:18px;}
ul.menuN2 li,
ul.menuN2 li a          { text-decoration:none; text-transform:uppercase; font-size:11px; color:#747474;}
ul.menuN2 li a:hover    { color:#262626;}
ul.menuN2 li.selected,
ul.menuN2 li.selected a { color:#ce689d;}
ul.menuN3               { list-style:none; margin:0 0 0 22px;}
ul.menuN3 li            { line-height:18px; height:18px;}
ul.menuN3 li,
ul.menuN3 li a          { text-decoration:none; text-transform:uppercase; font-size:10px; color:#a7a7a7;}
ul.menuN3 li a:hover    { color:#dd9ebe;}
ul.menuN3 li.selected   { color:#dd9ebe;}
ul.menuN3 li.selected a { color:#dd9ebe; text-decoration:underline;}

/** projectBlokken
******************************************************************************************************/
div#projLinks { float:left; width:565px;}

/* imgBlok */
div#projLinks div#imgMainBlok                                     { width:565px; height:360px; background-image:url(../images/port-bg.gif); background-position:center center; background-repeat:no-repeat;}
div#projLinks div#imgMainBlok div#imgViewBlok                     { position:absolute; z-index:2; width:550px; height:346px; margin:7px 0 0 7px; overflow:hidden;}
div#projLinks div#imgMainBlok div#imgViewBlok div#imgMoveBlok     { width:11200px; /*max20img*/}
div#projLinks div#imgMainBlok div#imgViewBlok div#imgMoveBlok img { float:left; width:550px; height:346px; margin:0 10px 0 0;}

/* Project details*/
div#projLinks div#imgMainBlok div.links,
div#projLinks div#imgMainBlok div.rechts { position:absolute; z-index:3; width:65px; height:65px; cursor:pointer;}
div#projLinks div#imgMainBlok div.links  { display:none; margin:128px 0 0 47px; background:url(../images/header-arrow-left.png);}
div#projLinks div#imgMainBlok div.rechts { margin:128px 0 0 453px; background:url(../images/header-arrow-right.png);}

div#projLinks div#projDetailsHeader           { width:550px; margin:20px 0 0 4px;}/*
div#projLinks div#projDetailsHeader img       { position:absolute; width:45px; height:43px; margin:6px 0 0 0;}*/
div#projLinks div#projDetailsHeader h2        { margin:0 0 0 5px; width:490px;}
div#projLinks div#projDetailsHeader h2 span   { float:left;display:block;  font-size:23px; color:#747474; text-transform:uppercase;}
div#projLinks div#projDetailsHeader h2 span.helveticaNeue { float:left; display:block; font-size:13px; font-weight:normal; margin:8px 0 0 5px;}
div#projLinks div#projDetailsHeader h3        { clear:both; margin:1px 0 0 5px; font-size:17px; color:#747474; text-transform:uppercase; font-weight:normal;}

div.pjdh { width:565px}
div.pjdh p img { width:10px; height:10px;}
div.pjdh p,
div.pjdh p * { font-family:Tahoma; font-size:12px; line-height:19px; color:#717171;}
div.pjdh table p,
div.pjdh table p * { font-family:Tahoma; font-size:11px; line-height:17px; color:#717171;}
div.pjdh p   { padding:0 10px;}
div.pjdh td.links   { width:340px;}
div.pjdh p br.extraspc { margin:0 0 2px 0;}

div.img_border { background:url(../images/bor-png.png) repeat-x; height:1px; margin:10px 0;}
/*
div#projLinks div#projDetailsHeader h2        { margin:0 0 0 53px; width:490px;}
div#projLinks div#projDetailsHeader h2 span   { font-size:23px; color:#747474; text-transform:uppercase;}
div#projLinks div#projDetailsHeader h3        { margin:1px 0 0 53px; font-size:11px; color:#747474; text-transform:uppercase;}
*/
div#projLinks div#projDetails { width:550px; margin:20px 0 0 15px;}

div#projLinks div#projDetails table { float:left; table-layout:fixed;}
div#projLinks div#projDetails table td   { font-family:Tahoma; font-size:11px; color:#747474;}
div#projLinks div#projDetails table td p { font-family:Tahoma; font-size:11px; color:#747474;}

/* OPDRACHT,VORMGEVING,COPYRIGHT */
div#projLinks div#projDetails table#projDetailLinks             { width:310px;}
div#projLinks div#projDetails table#projDetailLinks td.links    { width:70px; line-height:18px; font-size:10px !important;}
div#projLinks div#projDetails table#projDetailLinks td.links p  { width:70px;}
div#projLinks div#projDetails table#projDetailLinks td.rechts   { width:216px; line-height:18px;}
div#projLinks div#projDetails table#projDetailLinks td.rechts p { width:218px;}
div#projLinks div#projDetails table#projDetailLinks p { margin:-2px 0 0 0;}

/* BRIEFING */
div#projLinks div#projDetails table#projDetailRechts             { width:230px; margin:0 0 0 10px;}
div#projLinks div#projDetails table#projDetailRechts td.links,
div#projLinks div#projDetails table#projDetailRechts td.links p  { width:90px; line-height:18px;}
div#projLinks div#projDetails table#projDetailRechts td.rechts,
div#projLinks div#projDetails table#projDetailRechts td.rechts p { line-height:18px;}
div#projLinks div#projDetails table#projDetailRechts p { margin:-2px 0 0 0;}

/* rechts */
div#projRechts { float:left; width:330px; min-height:510px; margin:0 0 0 7px;}

/* projCats */
div#projCats                      { height:95px; width:330px;}/*
div#projCats img                  { float:left; width:45px; margin:0 8px 0 0;}*/
div#projCats div#projCatBlok      { float:left; width:277px; height:95px;}
div#projCats div#projCatBlok h1   { font-size:33px; color:#747474; text-transform:uppercase; margin:0 0 0 5px;}
div#projCats div#projCatBlok a    { float:left; text-decoration:none; font-size:11px; line-height:18px; color:#747474;}
div#projCats div#projCatBlok a span    {text-decoration:none; font-size:11px;color:#747474;}

div#projCats div#projCatBlok div          { float:left; margin-left:5px;}
div#projCats div#projCatBlok div#cbLinks  { width:138px;}
div#projCats div#projCatBlok div#cbRechts { width:129px;}
div#projCats div#projCatBlok a            { color:#747474; display:block; text-decoration:none; padding:1px 3px;}
div#projCats div#projCatBlok a:hover      { color:#262626;}
div#projCats div#projCatBlok a.selected   { background:#747474;}
div#projCats div#projCatBlok a.selected span   { color:#fff59e;}

div#projPag   { width:330px; height:25px; line-height:25px; border-top:1px solid #a7a7a7; margin:0 0 -5px 0;}
div#projPag a { text-decoration:none;}

div#projPag a span { display:block; margin:0 2px; padding:1px 0;}
div#projPag a.selected span,
div#projPag a:hover span      { background:#747474; color:#fff59e;}

div#CProj-box  { position:absolute; z-index:0; width:330px; height:395px; overflow:hidden; margin:-4px 0 0 0;}
div#CProj      { height:395px;}
div.CProj-item { float:left;}
div.CProj-item div.projBlok { margin:12px 4px 12px 4px;}

div#projPag a { display:block; float:left; width:15px; height:11px; line-height:11px; margin:8px 0 0 0; text-align:center; font-size:10px; color:#747474;}
div#projPag a span { font-size:10px; color:#747474;}
div#projPag a.of { width:45px; text-align:right;}
div#projPag a.selected { color:#ce689d;}
div#projPag a.borright { border-right:1px solid #747474;}
div#projPag a.borleft  { border-left:1px solid #747474;}

div#projPag a.projLR { margin:6px 0 0 0;}
div#projPag a.projLR span { font-size:22px;}

div#projFooter { width:862px; padding:20px; margin:15px 0 15px 0; background:#f1f1f1;}
div#projFooter div.links { float:left; width:300px;}
div#projFooter div.rechts { float:left;}

div#projFooter div img.projFooterArrow { position:absolute; width:10px; height:11px;}
div#projFooter div h4                  { color:#747474; font-size:11px; margin:-2px 0 3px 15px;}
div#projFooter div ul                  { list-style:none; margin:0 0 0 5px;}
div#projFooter div ul *                { font-family:Tahoma;}
div#projFooter div ul li               { line-height:18px;}
div#projFooter div ul li a             { background:url(../images/proj-meer-blok.gif) no-repeat scroll center left; padding:0 0 0 10px; color:#747474; text-decoration:none;}
div#projFooter div ul li a:hover       { color:#262626;}
div#projFooter div ul li.selected a    { background:url(../images/proj-meer-blok-selected.gif) no-repeat scroll center left; color:#ce689d;}

div#NCPBox                             { overflow:hidden; height:460px; /*380px;*/}
div#NCPBox div#NCP                     { }
div#NCPBox div#NCP div.NCPI            { margin:10px 0; height:65px; overflow:hidden;}

div#NCPBox div#NCP div.NCPI table.nProjBlock          { cursor:pointer; width:100%; height:65px; background:url(../images/NPI.jpg) no-repeat scroll top left;}

div#NCPBox div#NCP div.NCPI table.nProjBlock:hover    { background:url(../images/NPI-HOVER.jpg) no-repeat scroll top left;}
div#NCPBox div#NCP div.NCPI table.nProjBlock.selected { background:url(../images/NPI-ACTIVE.jpg) no-repeat scroll top left;}

div#NCPBox div#NCP div.NCPI table.nProjBlock tr       { }
div#NCPBox div#NCP div.NCPI table.nProjBlock tr td    { padding:10px 0 10px 0;}

div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.image               { width:80px; text-align:right;}

div#NCPBox div#NCP div.NCPI table.nProjBlock.selected tr td.image { width:100px;}
div#NCPBox div#NCP div.NCPI table.nProjBlock.selected tr td.image div { width:100px;}

div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.image div     { height:45px; width:80px; overflow:hidden; vertical-align:middle; display:table-cell; }
div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.image div img { width:65px; height:41px; border:2px solid #fafafa;}

div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.omschrijving      { vertical-align:middle; padding-left:10px; padding-right:10px;}
div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.omschrijving h3   { font-size:10px; color:#505050;}
div#NCPBox div#NCP div.NCPI table.nProjBlock tr td.omschrijving span { font-family:Tahoma; font-size:9px; color:#747474;}