/*
/* (CC) Wevolve, 2009
/* 
/* 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 {
  padding:0 30px; margin:0;

  text-align:center;
  font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
  font-size:83%;
  background:#fff;
}


/* -------------------- clearfix -------------------- */

.clear { min-height:0; }

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .clear { height:1%; }


/* -------------------- resets -------------------- */

.nocss { display:none; }

a img { border:0; } /* set image border to zero */

a:active,
a:focus { outline:0; } /* remove firefox link border */

textarea { overflow:auto; } /* remove textarea scrollbar in ie */

* html table { font-size: 100%; }  /* for IE 5.5 */

#contentpage a[name] { padding:0; } /* firefox 3 / safari 3 */

#printbranding { display:none; }


/* -------------------- colors -------------------- */ 

/* .title.red wordt in IE6 gelezen als .red.
   wordt waar nodig overruled.
*/

.title { color:#464646; }
.title.red { color:#d40202; } 
.title.blue { color:#0085e8; }
.title.green { color:#66b31c; }
.title.yellow { color:#ffd200; } 
.title.orange { color:#ff6c00; } 
.title.purple { color:#490064; } 

.titlebar { background:#464646; }
.titlebar.red, 
.titlebar.red a {
  color:#fff;
  text-decoration:none;
  background:#d40202;
} 
.titlebar.blue,
.titlebar.blue a {
  color:#fff;
  text-decoration:none;
  background:#0085e8;
}
.titlebar.green,
.titlebar.green a {
  color:#fff;
  text-decoration:none;
  background:#66b31c;
}
.titlebar.yellow,
.titlebar.yellow a {
  color:#fff;
  text-decoration:none;
  background:#ffd200;
} 
.titlebar.orange,
.titlebar.orange a {
  color:#fff;
  text-decoration:none;
  background:#ff6c00;
} 
.titlebar.purple,
.titlebar.purple a {
  color:#fff;
  text-decoration:none;
  background:#490064;
} 

#sidebar .localnav { background:#464646; }
#sidebar div.red { background:#d40202; }
#sidebar div.blue { background:#0085e8; }
#sidebar div.green { background:#66b31c; }
#sidebar div.yellow { background:#ffd200; }
#sidebar div.orange { background:#ff6c00; }
#sidebar div.purple { background:#490064; }

/*
  Link kleur voor middeldeel van de pagina.
  Was globaal toegepast, wordt nu op enkele plekken (zoals localnav hover) overruled.
*/
.title a { text-decoration:none; }

.title.red,
.title.red a { color:#d40202; background:#fff; } 
.title.blue,
.title.blue a { color:#0085e8; background:#fff; }
.title.green,
.title.green a { color:#66b31c; background:#fff; }
.title.yellow,
.title.yellow a { color:#ffd200; background:#fff; } 
.title.orange,
.title.orange a { color:#ff6c00; background:#fff; } 
.title.purple,
.title.purple a { color:#490064; background:#fff; } 

.red a:hover {
  color:#fff;
  background:#d40202;
} 
.blue a:hover {
  color:#fff;
  background:#0085e8;
}
.green a:hover {
  color:#fff;
  background:#66b31c;
}
.yellow a:hover {
  color:#fff;
  background:#ffd200;
} 
.orange a:hover {
  color:#fff;
  background:#ff6c00;
} 
.purple a:hover {
  color:#fff;
  background:#490064;
} 


/* -------------------- wrapper -------------------- */ 

#wrapper {
  padding:0;
  margin:0 auto;
  width:930px;

  text-align:left;
}


/*
  Basis layout:

  #wrapper
  - #contents
    - #crumbtrail     = breadcrumbtrail
    - #sidebar        = linker zijkant
      - .localnav       = blok in linker menu
      - #extrahtmlcode  = extra HTML code

    - #page           = iedere normale pagina
    - #albumpage      = fotoalbum
      - .titlebar       = titel
      - .headerphoto    = foto indien aanwezig
      - .title          = echte titel
      - #contentpage    = inhoud onder titel

    - #asppage        = ASP formulier
      - #form           = wrapper
        - #contentpage    = binnen ASP pagina zelf

    - #listpage       = wrapper voor blokken pagina (kort / lang / lang nieuws / lang submenu / lang item)
      - #itempage       = extra wrapper bij item pagina van lange lijst.
        - #sections       = blokken van lijst pagina / 1 lang item
          .mainitem         = blok van lijst pagina  (links: .image, rechts: .newsitem)
          .subitem          = blok bij 'lange lijst met submenu' (links: .image, rechts: .content)

    - #related        = rechter zijkant
      
*/


/* -------------------- header -------------------- */

#header {
  height:83px;
  border-bottom:1px solid #0085e8; 
}

#header h1 {
  float:left; display:inline;
  padding:0; margin:20px 0 0 0;
  width:174px;
}

#branding a {
  float:left; display:block;
  padding:0; margin:0;
  width:174px;
  height:54px;
}


/* -------------------- mainnav -------------------- */

#mainnav {
  float:left; display:inline;
  padding:0; margin:18px 0 0 0;

  font-weight:bold;
  text-transform:uppercase;
}

#mainnav ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#mainnav li {
  float:left; display:inline;
  padding:0; margin:0;
}

#mainnav li.onpath {
  padding:0;
  margin:0 0 0 -3px;
}

#mainnav a,
#mainnav strong {
  display:block;
  padding:0 13px 0 0;
  margin:0;

  color:#000;
  font-size:10px;
  text-decoration:none;
  background:url("../img/mainnav.png") 100% 0 no-repeat #fff;
}

#mainnav a span,
#mainnav strong span {
  display:block;
  padding:2px 0 8px 10px;
  margin:0;

  color:#000;
  font-size:10px;
  text-decoration:none;
  background:url("../img/mainnav.png") 0 0 no-repeat #fff;
}

#mainnav li.last a {
  background:none #fff;
}

#mainnav li.onpath a,
#mainnav li.onpath strong,
#mainnav li.last onpath a {
  position:relative;
  display:block;
  padding:0 13px 0 3px;
  margin:0;
   
  color:#000;
  font-size:10px;
  text-decoration:none;
  background:url("../img/mainnav.png") 100% -25px no-repeat #fff;
}

#mainnav li.onpath a span,
#mainnav li.onpath strong span {
  position:relative;
  display:block;
  padding:2px 0 12px 10px;
  margin:0 0 -2px -3px;

  color:#000;
  font-size:10px;
  text-decoration:none;
  background:url("../img/mainnav.png") 0 -25px no-repeat #fff;
}

#mainnav a:hover {
  text-decoration:underline;
}


/* -------------------- shortcuts -------------------- */

#shortcuts {
  float:left; display:block;
  padding:0; margin:20px 0 0 0;
  width:741px;
  height:21px;

  font-weight:bold;
  list-style-type:none;
  text-transform:uppercase;
}

#shortcuts ul {
  float:right; display:block;
  padding:0; margin:0;

  list-style-type:none;
}

#shortcuts li {
  float:left; display:block;
  padding:0; margin:0 0 0 5px;
}

#shortcuts a {
  display:block;
  padding:2px 5px; margin:0;

  font-size:8px;
  color:#000;
  text-decoration:none;
}

#shortcuts a:hover {
  color:#fff;
  background:#464646;
}

#shortcuts .contact a {
  display:block;
  padding:2px 5px 9px 5px; margin:0;

  color:#fff;
  background:url("../img/contact.png") 0 100% no-repeat #464646;
}

#shortcuts .contact a:hover {
  color:#000;
  background:#fff;
}


/* -------------------- crumbtrail -------------------- */

#crumbtrail {
  clear:both;
  padding:0; margin:5px 0 15px 0;

  font-size:9px;
  font-weight:normal;
  text-transform:capitalize;
}

#crumbtrail ul {
  float:left; display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

#crumbtrail li {
  float:left; display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

#crumbtrail li a {
  float:left; display:block;
  padding:0 1.5em 0 0;
  margin:0 .5em 0 0;

  color:#000;
  text-decoration:none;
  line-height:1.4em;
  background:url("../img/breadcrumb.png") 100% 3px no-repeat;
}

#crumbtrail li a:hover {
  text-decoration:underline;
}

#crumbtrail li span,
#crumbtrail li strong {
  text-decoration:none;
  line-height:1.4em;
}


/* -------------------- landingblocks -------------------- */

#landingblock01 {
  float:left; display:inline;
  padding:0; margin:0 15px 15px 0;
  width:741px;
  height:188px;
}

#landingblock02 {
  float:left; display:inline;
  padding:0; margin:0 15px 0 0;
}

#homevideowrapper {
  float:left; display:inline;
  padding:0; margin:0;
  width:237px;
  height:188px;
  background:#0085e8;
}

div#homevideo {
  padding:0; margin:0;
  width:237px;
  height:188px;

  background:url("../img/movie_container.jpg") 0 0 no-repeat;
}

#visualcontainer {
  float:left; display:inline;
  padding:0; margin:0 0 0 15px;
  width:489px;
  height:172px;

  background:#0085e8
}

#visual {
  width:489px;
  height:172px;

  background:#0085e8
}

#visual h2 {
  padding:1px 5px; margin:0;
  
  color:#fff;
  font-size:9px;
  text-transform:uppercase;
}

#visual p {
  padding:0; margin:0;
  width:489px;
  height:173px;

  background:url("../img/welkom.gif") 0 0 no-repeat;
}


/* -------------------- sidebar -------------------- */

#sidebar {
  float:left; display:inline;
  padding:0; margin:0 15px 0 0;
  width:174px;
}

#sidebar .image {
  padding:15px 0 0 0; margin:0;
  height:192px;

  font-weight:bold;
  text-transform:uppercase;
}

/* -------------------- localnav -------------------- */

#sidebar .localnav {
  padding:0; margin:0 0 15px;
  clear: left;

  font-weight:bold;
  text-transform:uppercase;
}

#sidebar #localnav {
  padding:15px 0 0 0; /* de enige echte #localnav (bovenste blok) krijgt een padding i.p.v. een h2.titlebar */
}

.localnav ul,
.localnav li {
  float:left; display:inline;
  padding:0; margin:0;

  font-size:12px;
  background:#fff;
}

* html #sidebar .localnav ul,
* html #sidebar .localnav ul ul {
  /* fix unwanted space at hover for IE6 only */
  fl\oat:none;
  di\splay:block;
}

.localnav ul ul {
  float:left; display:inline;
  padding:0; margin:0;

  font-size:9px;
}

.localnav li a,
.localnav li strong {
  display:block;
  padding:5px 0; margin:0;
  width:174px;

  text-decoration:none;
}

.localnav li a:hover,
.localnav li.onpath a,
.localnav li.onpath strong {
  text-decoration:none;
}

#sidebar .localnav li li a,
#sidebar .localnav li li strong {
  padding:6px 0 6px 6px; margin:0;
  width:168px;
}

* html #sidebar .localnav li li a,
* html #sidebar .localnav li li strong {
  width:174px;
  wid\th:168px;
}


/* -------------------- localnav colors -------------------- */ 

.localnav li a,
.localnav li strong {
  color:#666;
  border-bottom:1px solid #666;
}

.localnav li a:hover {
  background: #fff;  /* for incomplete style/HTML, prevent background-color effect from ".green a:hover" */
}

.localnav li a:hover,
.localnav li.onpath a,
.localnav li.onpath strong {
  color:#666;
  border-bottom:1px solid #666;
}

#sidebar .localnav li.onpath li.onpath a,
#sidebar .localnav li.onpath li.onpath strong {
  color:#666;
  border-bottom:1px solid #666;
}

#sidebar .localnav li.onpath li a:hover,
#sidebar .localnav li.onpath li.onpath a,
#sidebar .localnav li.onpath li.onpath strong {
  color:#666;
  border-bottom:1px solid #666;
}

/* ----- localnav red ----- */ 

/*
   noot: div.* is de hoofdkleur van .localnav.
         ul.*  is de steunkleur voor onpath items.
   de extra .onpath classes geven de goede rule weight.

   geen .localnav.red voor IE6 compatibility..
   geen li > a voor IE6 compatibility..
*/

#sidebar div.red li a,
#sidebar div.red li strong {
  /* eerste normaal */
  color:#d40202;
  border-bottom-color:#d40202;
  background:url("../img/localnav.png") -637px -1px no-repeat;
}

#sidebar ul.red li a:hover,
#sidebar ul.red li.onpath a,
#sidebar ul.red li.onpath strong {
  /* eerste onpath */
  color:#d40202;
  border-bottom-color:#d40202;
  background-position:-637px -1px;
}

#sidebar div.red li.onpath li a,
#sidebar div.red li.onpath li strong {
  /* tweede normaal, reset */
  color:#d40202;
  border-bottom-color:#d40202;
  background-position:-637px -51px;
}

#sidebar ul.red li.onpath li a:hover,
#sidebar ul.red li.onpath li.onpath a,
#sidebar ul.red li.onpath li.onpath strong {
  /* tweede ook onpath */
  color:#d40202;
  border-bottom-color:#d40202;
  background-position:-637px -51px;
}

/* ----- localnav blue ----- */ 

#sidebar div.blue li a,
#sidebar div.blue li strong {
  color:#0085e8;
  border-bottom-color:#0085e8;
  background:url("../img/localnav.png") 163px -1px no-repeat;
}

#sidebar ul.blue li a:hover,
#sidebar ul.blue li.onpath a,
#sidebar ul.blue li.onpath strong {
  color:#0085e8;
  border-bottom-color:#0085e8;
  background-position:163px -1px;
}

#sidebar div.blue li.onpath li a,
#sidebar div.blue li.onpath li strong {
  color:#0085e8;
  border-bottom-color:#0085e8;
  background-position:163px -51px;
}

#sidebar ul.blue li.onpath li a:hover,
#sidebar ul.blue li.onpath li.onpath a,
#sidebar ul.blue li.onpath li.onpath strong {
  color:#0085e8;
  border-bottom-color:#0085e8;
  background-position:163px -51px;
}

/* ----- localnav green ----- */ 

#sidebar div.green li a,
#sidebar div.green li strong {
  color:#66b31c;
  border-bottom:1px solid #66b31c;
  background:url("../img/localnav.png") -37px -1px no-repeat;
}

#sidebar ul.green li a:hover,
#sidebar ul.green li.onpath a,
#sidebar ul.green li.onpath strong {
  color:#66b31c;
  border-bottom:1px solid #66b31c;
  background-position:-37px -1px;
}

#sidebar div.green li.onpath li a,
#sidebar div.green li.onpath li strong {
  color:#66b31c;
  border-bottom:1px solid #66b31c;
  background-position:-37px -51px;
}

#sidebar ul.green li.onpath li a:hover,
#sidebar ul.green li.onpath li.onpath a,
#sidebar ul.green li.onpath li.onpath strong {
  color:#66b31c;
  border-bottom:1px solid #66b31c;
  background-position:-37px -51px;
}

/* ----- localnav yellow ----- */

#sidebar div.yellow li a,
#sidebar div.yellow li strong {
  color:#ffd200;
  border-bottom:1px solid #ffd200;
  background:url("../img/localnav.png") -237px -1px no-repeat;
}

#sidebar ul.yellow li a:hover,
#sidebar ul.yellow li.onpath a,
#sidebar ul.yellow li.onpath strong {
  color:#ffd200;
  border-bottom:1px solid #ffd200;
  background-position:-237px -1px;
}

#sidebar div.yellow li.onpath li a,
#sidebar div.yellow li.onpath li strong {
  color:#ffd200;
  border-bottom:1px solid #ffd200;
  background-position:-237px -51px;
}

#sidebar ul.yellow li.onpath li a:hover,
#sidebar ul.yellow li.onpath li.onpath a,
#sidebar ul.yellow li.onpath li.onpath strong {
  color:#ffd200;
  border-bottom:1px solid #ffd200;
  background-position:-237px -51px;
}

/* ----- localnav orange ----- */

#sidebar div.orange li a,
#sidebar div.orange li strong {
  color:#ff6c00;
  border-bottom:1px solid #ff6c00;
  background:url("../img/localnav.png") -437px -1px no-repeat;
}

#sidebar ul.orange li a:hover,
#sidebar ul.orange li.onpath a,
#sidebar ul.orange li.onpath strong {
  color:#ff6c00;
  border-bottom:1px solid #ff6c00;
  background-position:-437px -1px ;
}

#sidebar div.orange li.onpath li a,
#sidebar div.orange li.onpath li strong {
  color:#ff6c00;
  border-bottom:1px solid #ff6c00;
  background-position:-437px -51px;
}

#sidebar ul.orange li.onpath li a:hover,
#sidebar ul.orange li.onpath li.onpath a,
#sidebar ul.orange li.onpath li.onpath strong {
  color:#ff6c00;
  border-bottom:1px solid #ff6c00;
  background-position:-437px -51px;
}

/* ----- localnav purple ----- */

#sidebar div.purple li a,
#sidebar div.purple li strong {
  color:#490064;
  border-bottom:1px solid #490064;
  background:url("../img/localnav.png") -837px -1px no-repeat;
}

#sidebar ul.purple li a:hover,
#sidebar ul.purple li.onpath a,
#sidebar ul.purple li.onpath strong {
  color:#490064;
  border-bottom:1px solid #490064;
  background-position:-837px -1px;
}

#sidebar div.purple li.onpath li a,
#sidebar div.purple li.onpath li strong {
  color:#490064;
  border-bottom:1px solid #490064;
  background-position:-837px -51px;
}

#sidebar ul.purple li.onpath li a:hover,
#sidebar ul.purple li.onpath li.onpath a,
#sidebar ul.purple li.onpath li.onpath strong {
  color:#490064;
  border-bottom:1px solid #490064;
  background-position:-837px -51px;
}


/* -------------------- adres -------------------- */

#adres {
  padding:0; margin:0;
  font-weight:bold;
  list-style-type:none;
}

#adres #location {
  padding:0; margin:20px 0 10px;

  border-bottom:1px solid #464646;
}

#adres #location dt {
  padding:0 5px; margin:10px 0;
  
  color:#fff;
  font-size:9px;
  text-transform:uppercase;
}

#adres #location dd {
  padding:0; margin:0;
  
  color:#464646;
  font-size:11px;
}

#sidebar .titlebar {
  padding:0; margin:0;
}

#adres p.titlebar {
  margin:15px 0;
}

#adres .titlebar a {
  display:block;
  padding:0 5px;
  line-height:15px;
  vertical-align:middle;

  color:#fff;
  font-size:9px;
  text-transform:uppercase;
  text-decoration:none;
  background:url("../img/arrow.gif") 100% 50% no-repeat;
}

#adres .titlebar a:hover {
  text-decoration:underline;
}

#adres #timetable h3 {
  padding:0 5px; margin:10px 0;
  
  color:#fff;
  font-size:9px;
  text-transform:uppercase;
}

#adres #timetable th {
  text-transform:uppercase;
  font-size:11px;
  background:#fff;
}

#adres #timetable td {
  color:#464646;
  font-size:11px;
  background:#fff;
}


/* -------------------- flash titles -------------------- */

.sIFR-flash {
  visibility:visible !important;
  margin:0; padding:0;
  vertical-align:bottom;  /* delete bottom margin */
}

.sIFR-unloading .sIFR-flash  { visibility:hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }

.sIFR-alternate {
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  display:block;
  overflow:hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin:0; padding:0;
  overflow:auto;
  letter-spacing:0px;
  float:none;
}

.sIFR-dummy { 
  /* for sIFR CSS load detection */
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}



/* -------------------- page -------------------- */

#page,
#smalllistpage,
#landingpage {
  float:left; display:inline;
  padding:0; margin:0;
  width:489px;

  background:#fff;
}

#listpage,
#albumpage,
#sitemap {
  float:left; display:inline;
  padding:0; margin:0;
  width:678px;

  background:#fff;
}

#page .title,
#listpage .title,
#smalllistpage .title,
#asppage .title,
#albumpage .title,
#sitemap .title { 
  padding:0; margin:-6px 0 0 0;
  max-width:741px;

  font-weight:normal;
  text-transform:uppercase;
  background:#fff;
}

#page h1.title { 
  font-size:22px;
}

#landingpage .title { 
  padding:0; margin:0;
  max-width:741px;

  text-transform:uppercase;
  background:#fff;
}

.titlebar,
.titlebar a { 
  padding:0;
  line-height:15px;
  /* vertical-align:middle; */

  color:#fff;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}

h3.titlebar {
  margin: 0 0 10px 0;  /* related en longlist items */
}

#landingpage .titlebar { /* -- fixme -- */
  margin:0 0 5px 0;
  padding:0 5px;
  height:15px;
  vertical-align:middle;
}

#landingpage .titlebar p {
  margin: 0;
}

#smalllistpage p.intro {
  margin-top:5px;
  font-size:11px;
}

#page .headerphoto {
  margin:0 0 10px 0;
}

#page p,
#landingpage p,
#sitemap p {
  font-size:11px;
  line-height:13px;
  color:#000;
}

#contentpage {
  padding:0 0 15px 0;

  color:#000;
  border-bottom:1px solid #464646;
  background:#fff;
}

#contentpage h1,
#contentpage h2 {
  margin:10px 0 0 0;
  padding:10px 0 5px 0;

  color:#464646;
  font-style:normal;
  text-transform:uppercase;
  border-top:1px solid #464646; 
}

#contentpage.red a,
#contentpage.red h1,
#contentpage.red h2 { color:#d40202; } 
#contentpage.blue a,
#contentpage.blue h1,
#contentpage.blue h2 { color:#0085e8; }
#contentpage.green a,
#contentpage.green h1,
#contentpage.green h2 { color:#66b31c; }
#contentpage.yellow a,
#contentpage.yellow h1,
#contentpage.yellow h2 { color:#ffd200; } 
#contentpage.orange a,
#contentpage.orange h1,
#contentpage.orange h2 { color:#ff6c00; } 
#contentpage.purple a,
#contentpage.purple h1,
#contentpage.purple h2 { color:#490064; } 

#contentpage h1 { font-size:35px; }
#contentpage h2 { font-size:19px; }

#contentpage h1,
#contentpage h2 { font-weight:normal; }

#contentpage a {
  font-size:11px;
  text-decoration:underline;
  background:#fff;
}

#contentpage a:hover { color:#fff; }

#contentpage.red a:hover { background:#d40202; }
#contentpage.blue a:hover { background:#0085e8; }
#contentpage.green a:hover { background:#66b31c; }
#contentpage.yellow a:hover { background:#ffd200; }
#contentpage.orange a:hover { background:#ff6c00; }
#contentpage.purple a:hover { background:#490064; }

#contentpage p.wh-leesmeerpijl { margin:10px 0 0 0; }

#contentpage .wh-leesmeerpijl a {
  padding:1px 15px 1px 5px;
  margin:15px 0;
  color:#fff;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background:url("../img/arrow.gif") 100% 50% no-repeat #464646;
}

#contentpage .wh-leesmeerpijl a:hover {
  color:#000;
  background:url("../img/arrow.gif") 100% 50% no-repeat #ccc;
}


/* --------------------- selectionbar -------------------- */

.selectionbar {
  position:relative;
  z-index:1;
  padding:0; margin:15px 0; 
  height:15px;

  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  background:#ccc;
}

* html #wrapper .selectionbar { height: 15px; }  /* fix I6 */


/* ----------- selectionbar selection ---------- */

.selectionbar ul.selection {
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
}

.selectionbar .selection li {
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
  min-width:8em;
}

.selectionbar .selection li a,
.selectionbar .selection li p {
  display:block;
  padding:1px 15px 1px 5px;
  margin:0;
  
  color:#fff;
  text-decoration:none;
  line-height:13px;
}

.selectionbar .selection li a {
  margin-right:15px;
  background:url("../img/select_down.png") 100% 100% no-repeat #464646;
}

.selectionbar .selection li p {
  background:url("../img/arrow.gif") 100% 50% no-repeat #464646;
}


/* submenu */

.selectionbar .selection li ul {
  clear:both;
  margin:0;
  padding: 0 0 4px 0;  /* for shadow */

  position:absolute;
  left:0;
  /* top:15px; */

  border-top:1px solid #a6a6a6;
  border-left:1px solid #a6a6a6;
  background:url("../img/dropdown.png") 100% 100% no-repeat #fff;
}

.selectionbar .selection li li {
  clear:left;
  margin-right:4px;  /* can't set padding on ul, IE7 places a:hover background over it with long text */
}

.selectionbar .selection li li a {
  display:block;
  padding:1px 5px;
  margin:0;
  height:auto;

  color:#000;
  white-space:nowrap;
  text-decoration:none;
  line-height:13px;
  background:transparent;
}


/* hover effect */

/*
  Collapse filter menu if the browser can also open it
  (IE7 / Firefox with CSS, IE6 with JavaScript)
*/

.jsEnabled .selectionbar .selection li ul { display:none; }
html>body .selectionbar .selection li ul { display:none; }

.selectionbar .selection li a:hover {
  text-decoration:underline;
}

.selectionbar .selection li:hover ul,
.selectionbar .selection li.hover ul {
  display:block;
}

.selectionbar .selection li ul li a:hover {
  background:#ccc;
}


/* ---------- selectionbar pagenav ---------- */

.selectionbar .pagenav {
  position:absolute;
  top:0;
  right:0;
  
  color:#fff;
  font-size:9px;
  border-left:1px solid #fff;
  background:#464646;
}

.selectionbar .pagenav ul,
.selectionbar .pagenav li {
  float:left; display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

.selectionbar .pagenav li {
  border-right:1px solid #fff;
  height: 15px;   /* like .selectionbar, so the border reaches the bottom */
}

.selectionbar .pagenav li.next {
  border-right: 0;
}

.selectionbar .pagenav p {
  padding:0 5px; margin:0;
}

.selectionbar .pagenav li.previous a {
  display:block;
  width:17px;
  height:15px;
  
  background:url("../img/pagenav.png") 0 0 no-repeat;
}

.selectionbar .pagenav li.next a {
  display:block;
  width:17px;
  height:15px;

  background:url("../img/pagenav.png") 100% 0 no-repeat;
}

.selectionbar .pagenav li.previous a:hover {
  background-position:0 100%;
}

.selectionbar .pagenav li.next a:hover {
  background:url("../img/pagenav.png") 100% 100% no-repeat;  /* setting background explicitly fixes MSIE6 */
}


/* ---------- selectionbar backbutton ---------- */

.selectionbar .backtolist {
  padding:0; margin:0;

  color:#000;
}

.selectionbar .backtolist a {
  float:left; display:inline;
  margin:0 10px 0 0;
  width:20px;
  height:15px;

  border-right:1px solid #fff;
  background:url("../img/backtolist.png") 0 0 no-repeat;
}


.selectionbar .backtolist a:hover {
  background:url("../img/backtolist.png") 0 100% no-repeat; /* ie6 doesn't pick up background-position */
}

.selectionbar .backtolist span {
  float:left; display:inline;
  padding:0 0 2px 0;

  font-size:9px;
}


/* ---------- selectionbar itemnav ---------- */

.selectionbar ul.itemnav {
  padding:0; margin:0;
  
  color:#000;
}

.selectionbar ul { padding:0; margin:0; }

.selectionbar li {
  position:relative;
  padding:0; margin:0;
}

.selectionbar .itemnav .previous a,
.selectionbar .itemnav .previous {
  float:left; display:inline;
  margin:0 10px 0 0;
  line-height:1.5em;
}

.selectionbar .itemnav .next a,
.selectionbar .itemnav .next {
  position:absolute;
  float:right; display:inline;
  margin:0 0 0 10px;
  line-height:1.5em;
  right:0;
}

.selectionbar .itemnav .next span { margin:0 2.5em 0 0; }

.selectionbar .itemnav .previous a {
  display:block;
  width:17px;
  height:15px;

  border-right:1px solid #fff;
  background:url("../img/pagenav.png") 0 0 no-repeat;
}

.selectionbar .itemnav .previous a:hover {
  background-position:0 100%;
}

.selectionbar .itemnav .next a {
  display:block;
  width:17px;
  height:15px;

  border-left:1px solid #fff;
  background:url("../img/pagenav.png") 100% 0 no-repeat;
}

#contentpage .selectionbar .itemnav .next a {
  padding:0; /* is overruled by #contentpage a */
}

.selectionbar .itemnav .next a:hover {
  background-position:100% 100%;
}


/* -------------------- news -------------------- */

#news {
  float:left; display:inline;
  margin:0 0 15px 0;
  width:363px;
}

#news #columnleft {
  float:left; display:inline;
  padding:0; margin:0;
}

#news #columnright {
  float:right; display:inline;
  padding:0; margin:0;
}

#news .item {
  padding:0; margin:0;
  width:174px;

  font-size:11px;
}

#news h2 {
  padding:0; margin:0;

  color:#fff;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}

#news .titlebar {
  padding:0 5px;
  line-height:15px;
  vertical-align:middle;
}

#news .item h3 {
  padding:10px 0 10px 0; margin:0;

  font-size:11px;
  text-transform:uppercase;
  background:#fff;
}

#news .item h3 a { text-decoration:none; background:none; }
#news .item h3 a:hover { color:#c00; text-decoration:underline; background:none; }

#news .item p {
  padding: 0; margin:0;
}


/* -------------------- studies -------------------- */

#studies {
  clear:both;
  margin:10px 0 0 0;
  width:363px;

  font-weight:bold;
  text-transform:uppercase;
}

#studies h2 {
  display:block;
  padding:0 5px; margin:0;

  color:#fff;
  font-size:9px;
}

/* ----- main ----- */

#studies #main {
  padding:5px 0 0 0; margin:0;
  
  border-bottom:1px solid #464646;
}

#studies #main dl {
  padding:0; margin:0;
}

#studies #main dt.title {
  padding:0; margin:0;
  
  font-size:21px;
  font-weight:normal;
  background:#fff;
}

#studies #main dd {
  float:left; display:inline;
  padding:5px 0 5px 0; margin:0 12px 0 0;
}

#studies #main dd a {
  padding:0 0 0 5px; margin:0;

  text-decoration:none;
}

#studies #main dd a span.on {
  float:left; display:block;
  width:16px;
  height:16px;
  cursor:pointer;

  background:url("../img/radiobutton.png") 0 0 no-repeat;
}

#studies #main dd a span.off {
  float:left; display:block;
  width:16px;
  height:16px;
  cursor:pointer;

  background:url("../img/radiobutton.png") 0 -16px no-repeat;
}

#studies #main dd a:hover span.off {
  background:url("../img/radiobutton.png") 0 0 no-repeat;
}

/* ----- detail ----- */

#studies #detail {
  padding:10px 0 0 0; margin:0;

  font-size:9px;
}

#studies #detail dt {
  clear:both;
  float:left; display:inline;
  padding:1px 0 2px 3px; margin:0 0 3px 0;
  width:37px;
  
  color:#fff;
  background:url("../img/arrow.gif") 100% 50% no-repeat #490064;
}

#studies #detail dt.off {
  background:url("../img/arrow.gif") 100% 50% no-repeat #c8b2d0;
}

#studies #detail dd {
  float:left; display:inline;
  padding:0; margin:0;
}

#studies #detail dd a {
  display:block;
  padding:0; margin:0 0 0 26px;
  width:295px;
  line-height:17px;

  color:#490064;
  font-size:11px;
  text-decoration:none;
}

#studies #detail dd.off a {
  color:#c8b2d0;
}

#studies #detail dd a:hover {
  text-decoration:underline;
}


/* -------------------- actueel -------------------- */

#actueel {
  margin:0;
  width:363px;
  
  font-weight:bold;
  text-transform:uppercase;
}

#actueel .titlebar {
  display:block;
  padding:0 5px;
  margin:0;
  line-height:15px;
  vertical-align:middle;

  color:#fff;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}

#actueel h2.title {
  float:left; display:block;
  padding:10px 0 0 0; margin:0;
  width:174px;

  font-size:35px;
  font-weight:normal;
  background:#fff;
}

#actueel h2.title a {
  display:block;
  
  color:#ff6c00;
  text-decoration:none;
  background:#fff;
}

#actueel dl {
  float:right; display:block;
  padding:10px 0 0 0; margin:0;
  width:174px;

  font-size:11px;
}

#actueel dt {
  clear:both;
  float:left; display:inline;
  padding:0; margin:2px 3px 2px 0;
}

#actueel dt a {
  color:#333;
  text-decoration:none;
  background:#fff;
}

#actueel dt a:hover {
  color:#ff6c00;
}

#actueel dd {
  padding:0; margin:0;
  text-align:right;
}

#actueel dd a {
  position:relative;
  float:right; display:block;
  padding:0 1.5em 0 0; margin:0;

  line-height:19px;
  font-weight:normal;
  text-decoration:none;
  background:#fff;
}

#actueel dd a:hover {
  text-decoration:underline;
}

#actueel dd a span {
  position:absolute;
  float:right; display:block;
  padding:0; margin:0;
  top:6px;
  right:0px;
  width:8px;
  height:8px;
  
  background:url("../img/readon_orange.png") 0 0 no-repeat;
}

#actueel dd a:hover span {
  background-position:0 -8px;
}


/* -------------------- sections -------------------- */

#sections {
  padding:0; margin:15px 0 0 0;
  min-height:80px;  /* so empty longlists don't break */
}

* html #sections { height:80px; }

#sections .titlebar {
  padding:0 5px;
  line-height:15px;
  vertical-align:middle;
}

#sections .titlebar #small {
  display:block;
  padding:0 5px;
  margin:0 0 0 111px;
  width:15px;
  line-height:15px;
  vertical-align:middle;
  
  background:#fff;
}

/* ----- mainitems ----- */

#sections .mainitem {
  padding:0; margin:0 0 15px 0;
  position:relative;
}

#listpage #sections .mainitem .image {
  float:left; display:inline;
  padding:15px 0 0 0; margin:0 15px 0 0;
  width:111px;
  height:111px;
}

#sections .newsitem {
  position:relative;
  margin-left: 0;
  min-height:111px;  /* next to .image */
}

#listpage #sections .newsitem {
}

#itempage #sections .newsitem {
  border-bottom:1px solid #464646;
}

#sections .mainitem .newsitem {
  min-height:126px;  /* .image + titlebar */
} 

* html #sections .newsitem { height:112px; }
* html #sections .mainitem .newsitem { height:126px; }

#sections .mainitem dl,
#sections .newsitem {
  float:left; display:inline;
  margin:0; padding:0;
  width:552px;
}

#smalllistpage #sections .mainitem dl,
#smalllistpage #sections .newsitem {
  width:363px;
}

#sections .mainitem dt {
  padding:1px 0 0 5px; margin:0;

  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}

#sections .mainitem .titlebar {
  padding:0 5px;
  line-height:15px;
  vertical-align:middle;
  
  color:#fff; 
}

#itempage #sections .mainitem .titlebar {
  padding:0 5px;
  margin-top:0;
  line-height:15px;
  vertical-align:middle;
  
  color:#fff; 
}

#sections .mainitem h2,
#sections .newsitem h2 {
  padding:5px 0 5px 0; margin:0;

  font-size:20px;
  text-transform:uppercase;
}

#sections .mainitem p strong,
#sections .newsitem p strong {
  padding:0 0 15px 0; margin:0;

  text-transform:uppercase;
}

#sections .mainitem dd,
#sections .newsitem p {
  padding:0; margin:0;

  font-size:11px;
  vertical-align:top;
}

#sections p.content {
  margin-bottom:1.5em;  /* space for readon */
}

#sections .readon {
  position:absolute;
  padding:0;margin:0;
  left:0;
  bottom:0;
  width:100%;
}


/* ----- subsections ----- */

#sections .subitem {
  padding:0; margin:0 0 15px 0;
}

#sections .subitem .image {
  float:left; display:block;
  padding:0; margin:0 15px 0 0;
  width:111px;
  height:111px;
}

#sections .subitem dl {
  float:left; display:inline;
  padding:0; margin:0 0 0 15px;
  width:546px;
}

#sections .subitem h2.title {
  padding:0 0 5px 0; margin:-2px 0 0 0;

  font-size:20px;
  font-weight:bold;
  text-transform:uppercase;
}

#sections .subitem dd {
  padding:0; margin:0;

  font-size:11px;
}

#sections .subitem dd p {
  padding:0; margin:0;
}

#sections .subitem dd strong {
  text-transform:uppercase;
}


/* -------------------- popup specific -------------------- */

#wrapperpopup {
  padding:0;
  margin:0 auto;
  text-align:left;
  width:auto;
}

#wrapperpopup #branding {
  float:right; display:block;
  padding:0; margin:0 15px 10px 0;
  width:156px;
  height:54px;
}

#wrapperpopup h2.title {
  float:left; display:block;
  padding:0; margin:0;

  font-size:24px;
  text-transform:uppercase;
  background:#fff;
}

#wrapperpopup #itempage h2.title {
  float:none;
  padding:0; margin:0;

  font-size:24px;
  text-transform:uppercase;
}


/* -------------------- item -------------------- */

#TB_iframeContent {
  padding:0; margin:0;
}

#itempage,
#wrapperpopup #itempage {
  background:#fff;
}

* html #itempage { height: 1px; }
*+html #itempage { min-height: 0; }  /* fix IE7 with sIFR replacements */

#itempage .navbar {
  padding:0; margin:10px 0 15px 0;
  width:678px;
}

#itempage .selectionbar {
  float:left; display:block;
  padding:0; margin:0;
  width:426px;
}

#itempage .small {
  float:left; display:block;
  padding:0; margin:0 15px 0 0;
  width:237px;
}

#itempage #sections {
  padding:0; margin:0;
  width:678px;
}

#listpage #itempage #sections .image {
  padding:15px 0 0 0; margin:0 15px 0 0;
  width:237px;
  height:180px;
  position:relative;
}

#itempage #sections dl {
  float:left; display:inline;
  padding:0; margin:0 0 0 15px;
  width:426px;
}

#itempage #sections .newsitem {
  float:left; display:inline;
  padding:0 0 15px 0; margin:0;  /* left-margin is done by .image, fixes MSIE in popup */
  width:426px;
}

#itempage #sections dt {
  padding:1px 0 0 5px; margin:0;

  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}

#itempage #sections .titlebar {
  color:#fff;  
}

#itempage #sections .title {
  padding:5px 0; margin:0;

  font-size:20px;
  text-transform:uppercase;
}

#itempage #sections dl p {
  padding:0; margin:0 0 15px 0;
}

#itempage #sections dd {
  padding:0; margin:0;

  font-size:11px;
  vertical-align:bottom;
}

#itempage #sections dd.content {
  padding:0; margin:0;

  font-weight:bold;
  border-bottom:1px solid #464646;
}

#itempage #sections p.head {
  padding:0; margin:0;

  font-weight:bold;
  text-transform:uppercase;
}

#itempage h2 {
  margin:10px 0 0 0;

  color:#464646;
  font-style:normal;
  text-transform:uppercase;
}

#itempage.red    h2 { color:#d40202; } 
#itempage.blue   h2 { color:#0085e8; }
#itempage.green  h2 { color:#66b31c; }
#itempage.yellow h2 { color:#ffd200; } 
#itempage.orange h2 { color:#ff6c00; } 
#itempage.purple h2 { color:#490064; } 


/* -------------------- related - related_columns -------------------- */

#related {
  float:right; display:inline;
  padding:0; margin:0 0 30px 0;
  width:174px;
}

#related_columns {
  float:right; display:inline;
  padding:0; margin:0 0 30px 0;
  width:237px;
}

#column01 {
  float:left; display:inline;
  padding:0; margin:15px 0 30px 0;
  width:111px;
}

#column02 {
  float:right; display:inline;
  padding:0; margin:15px 0 30px 0;
  width:111px;
}

#related .titlebar,
#related_columns .titlebar {
  clear:both;
  padding:0 5px;
  line-height:15px;
  vertical-align:middle;

  color:#fff;
  font-size:9px;
  text-transform:uppercase;
  text-decoration:none;
}

#related .image {
  margin:-10px 0 10px 0;
  width:174px;
  height:111px;
}

#related_columns .image {
  margin:-10px 0 0 0;
  width:111px;
  height:111px;
}

#related dl,
#related_columns dl {
  padding:0; margin:0;
}

#related dt,
#related_columns dt {
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}

#related dt a,
#related_columns dt a {
  color:#000;
  text-decoration:none;
}

#related dt a:hover,
#related_columns dt a:hover { text-decoration:underline; }

#related dd,
#related_columns dd {
  padding:0; margin:0;

  font-size:11px;
}

#related p,
#related p strong,
#related_columns p,
#related_columns strong {
  padding:0; margin:0;

  font-size:11px;
}

.related_sub {
  padding:0; margin:0 0 15px 0;
}

.related_sub .title {
  background:#fff;
}

.related_sub .titlebar a {
  color:#fff;
  text-decoration:none;
}

.related_sub .titlebar a:hover {
  text-decoration:underline;
}


/* -------------------- pagenav -------------------- */

#albumpage #contentpage {
  border-bottom:0;
}

.pagenav {
  clear:both;
  padding:0; margin:1em 0;
  
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  background:#ccc;
}

.pagenav ul,
.pagenav li {
  padding:0; margin:0;

  list-style-type:none;
}

.pagenav .previous,
.pagenav .next,
.pagenav .overview,
.pagenav .pageindex {
  float:left; display:block;

  text-align:left;
}

#thumbnailpage .pagenav .previous,
#thumbnailpage .pagenav .next,
#thumbnailpage .pagenav .pageindex {
  width:33%;
}

#photopage .pagenav .previous,
#photopage .pagenav .next,
#photopage .pagenav .overview,
#photopage .pagenav .pageindex {
  width:22%;
}

.pagenav .previous a,
.pagenav .previous strong {
  display:block;
  padding:0;
  width:15px;
  height:13px;

  background:url("../img/gallery_nav_icons.png") 0 -15px no-repeat transparent;
}

.pagenav .previous a:hover {
  background:url("../img/gallery_nav_icons.png") 0 1px transparent;
}

.pagenav .next a,
.pagenav .next strong {
  display:block;
  width:15px;
  height:13px;

  background:url("../img/gallery_nav_icons.png") -90px -15px no-repeat transparent;
}

.pagenav .next a:hover {
  background:url("../img/gallery_nav_icons.png") -90px 1px transparent;
}

.pagenav .overview a,
.pagenav .overview strong {
  display:block;
  width:18px;
  height:13px;

  background:url("../img/gallery_nav_icons.png") -120px -15px no-repeat transparent;
}

.pagenav .overview a:hover {
  background:url("../img/gallery_nav_icons.png") -120px 1px transparent;
}

.pagenav .disabled {
  color:#ccc;
}

.pagenav span { color:#d00; }

.pagenav a { text-decoration:underline; }

.pagenav a:hover {
  clear:both;

  color:#fff;
  text-decoration:none;
}


/* -------------------- thumbnails -------------------- */

#thumbnails dl {
  float:left; display:inline;
  padding:0; margin:1em .5em 1em 0;

  text-align:center;
}

#thumbnails dd {
  display:block;
  padding:0; margin:0;
}

#thumbnails a {
  padding:0; margin:0;
}

#thumbnails a img {
  vertical-align:bottom; /* delete extra bottom margin */
  border:2px solid #fff;
}

#thumbnails a:hover img { border:2px solid #464646; }

#thumbnails dt { padding:.25em 0; }

#thumbnails dt a {
  padding:.1em;
  
  color:#464646;
  font-size:.8em;
}

#thumbnails dt a:hover {
  color:#fff;
  background:#464646;
}


/* -------------------- photo -------------------- */

#photo {
  float:left; display:inline;
}

#photo dl,
#photo dt,
#photo dd {
  padding:0; margin:0;
}

#photo h2 {
  padding:.25em;
  font-weight:normal;
}

#photo .description {
  padding:.5em;
  width:30em;
  
  text-align:left;
}

#photo a { padding:0; }

#photo a img {
  vertical-align:bottom; /* delete extra bottom margin */
}


/* -------------------- thumbnailstrip -------------------- */

#thumbnailstrip {
  float:right; display:inline;
  padding:0 .25em; margin:0 0 1em 0;

  text-align:center;
  background:#ccc;
}

#thumbnailstrip ul {
  padding:0; margin:0;

  list-style-type:none;
}

#thumbnailstrip li {
  padding:.25em; margin:0;

  list-style-type:none;
}

#thumbnailstrip a { padding:0; }

#thumbnailstrip a img {
  vertical-align:bottom; /* delete extra bottom margin */
  border:3px solid #fff;
}

#thumbnailstrip a:hover img,
#thumbnailstrip li.onpath a img  { border:3px solid #464646; }

#thumbnailstrip p.overview a {
  padding:.25em;

  color:#464646;
  font-size:.9em;
  background:#fff;
}

#thumbnailstrip .previous a,
#thumbnailstrip .overview a,
#thumbnailstrip .next a {
  padding:.25em;

  color:#464646;
  font-size:.9em;
}

#thumbnailstrip .previous a:hover,
#thumbnailstrip .overview a:hover,
#thumbnailstrip .next a:hover {
  color:#fff;
  text-decoration:none;
  background:#464646;
}


/* -------------------- contactnav -------------------- */

#contactnav {
  padding:0; margin:0 0 30px 0;

  font-weight:bold;
  text-transform:uppercase;
  list-style-type:none;
}

#contactnav ul {
  float:left; display:inline;
  padding:0; margin:0;

  font-size:9px;
  list-style-type:none;
}

#contactnav li {
  float:left; display:inline;
  padding:0; margin:0 0 3px 0;
}

#contactnav a,
#contactnav strong {
  display:block;
  line-height:15px;
  vertical-align:middle;
  padding:0 5px; margin:0;
  width:164px;

  color:#fff;
  text-decoration:none;
  background:url("../img/arrow.gif") 100% 50% no-repeat #464646;
}

#related_columns #contactnav a,
#related_columns #contactnav strong {
  width:100px; /* voor landingpage */
}

#contactnav a:hover {
  color:#000;
  background:url("../img/arrow.gif") 100% 50% no-repeat #ccc;
}


/* --------------------- readon -------------------- */

.readon,
#contentpage .wh-leesmeer {
  padding:0; margin:0 0 15px 0;

  vertical-align:bottom;
}

#related_columns .readon {
  padding:0; margin:0;
}

.wh-leesmeer {
  padding:0; margin:0 0 15px 0;

  vertical-align:bottom;
}

#contentpage .wh-leesmeer,
#landingpage .wh-leesmeer {
  padding:0; margin:0 0 -11px 0;
  clear:both;
  border:0;
}

.readon a,
#contentpage .wh-leesmeer a {
  display:block;
  padding:1px 0; margin:10px 0 0 0;
  width:100%;

  color:#464646;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid #464646;  
  background:url("../img/readon.png") 100% 0 no-repeat #fff;
}

.readon a:hover,
#contentpage .wh-leesmeer a:hover {
  color:#000;
  background:url("../img/readon.png") 100% -15px no-repeat #efefef;
}


/* --------------------- asppage ------------------ */

#asppage #sidebar {
  float:left; display:inline;
  padding:0; margin:0 15px 0 0;
  width:237px;
}

#asppage .localnav {
  width: 174px;
}

#asppage .image {
  float:left; display:inline;
  padding:15px 0 0 0; margin:10px 0 15px 0;
  width:237px;
  height:180px;
}

#asppage #form {
  float:left; display:inline;
  padding:0; margin:-5px 0 0 0;
  width:489px;
}


/* --------------------- sitemap -------------------- */ 

#sitemap .mainfolder {
  float:left; display:inline;
  margin:0 15px 15px 0; 
  width:30%;
}

#sitemap .newrow {
  clear: both;
}

#sitemap h2 {
  font-size:16px;
  text-decoration:none;
  text-transform:uppercase;
}

#sitemap h2 a {
  padding:0 .25em;

  text-decoration:none;
  text-transform:uppercase;
  border-bottom:1px solid;
}

#sitemap ul {
  padding:10px 0; margin:0;

  list-style-type:none;
  font-size:11px;
}

#sitemap ul ul {
  padding:0 0 0 15px; margin:0;
  
  list-style-type:none;
  background:#fff;
}

#sitemap li {
  padding:0; margin:0;

  line-height:18px;
  background:#fff;
} 

#sitemap ul li a {
  text-decoration:none;
  border-bottom:1px solid;
} 


/* --------------------- footer ------------------ */

#footer {
  clear:both;
  overflow:hidden; /* hide horizontal scrollbar IE */
  margin:2em 0;
}


/* --------------------- footernav ------------------ */

#footernav {
  position:relative;
  float:left; display:inline;
  left:50%;

  font-size:10px;
  text-align:center;
}

#footernav ul {
  position:relative;
  float:left; display:inline; /* IE 6 - > needs this */
  padding:0; margin:0;
  left:-50%;
}

#footernav li { 
  float:left; display:inline;
}

#footernav li a {
  display:block;
  padding:0 .5em; margin:0;

  color:#666;
  text-align:center;
  text-decoration:none;
  border-right:1px solid #666;
  background: #fff;
}

#footernav li.last a { border:none; }

#footernav li a:hover {
  color:#000;
  text-decoration:underline;
  background:#fff;
}


/* --------------------- realisation -------------------- */

#realisation {
  display:none;
  clear:both;
  padding:1em 0 2em 28em;
  margin:0;

  color:#ccc;
  line-height:2em;
  font-size:9px;
}

#realisation dt {
  float:left; display:inline;
  margin:0 .5em 0 0;
}

#realisation dd {
  float:left; display:inline;
  padding:0; margin:0;
}

#realisation dd a {
  display:block;
  padding:0 0 0 2.5em;
  line-height:2.2em;

  color:#ccc;
  text-decoration:none;
  background:url("../img/sisicon.png") 0 2px no-repeat transparent;
}

#realisation a:hover {
  color:#209cd3;
  text-decoration:underline;
  background-position:0 -98px;
}

/* -------------------- popup openings -------------------- */

#openings {
  padding:15px 0 0 0;
  
  font-size:12px;
  background:#ff6c00;
}

#openings dl {
  padding:5px 0; margin:0;
  
  background:#fff;
}

#openings dl { color:#464646; }
#openings.red dl { color:#d40202; } 
#openings.blue dl { color:#0085e8; }
#openings.green dl { color:#66b31c; }
#openings.yellow dl { color:#ffd200; } 
#openings.orange dl { color:#ff6c00; } 
#openings.purple dl { color:#490064; } 

#openings dt {
  padding:5px 0 0 0; margin:0;

  font-weight:bold;
  text-transform:uppercase;
}

#openings dl { border-bottom:1px solid #464646; }
#openings.red dl { border-bottom:1px solid #d40202; } 
#openings.blue dl { border-bottom:1px solid #0085e8; }
#openings.green dl { border-bottom:1px solid #66b31c; }
#openings.yellow dl { border-bottom:1px solid #ffd200; } 
#openings.orange dl { border-bottom:1px solid #ff6c00; } 
#openings.purple dl { border-bottom:1px solid #490064; } 

#openings dd {
  padding:0; margin:0;

  color:#464646;
  font-size:10px;
  font-weight:bold;
  text-transform:none;
}

#openings dd.date {
  padding:0; margin:10px 0 0 0;
}