/* duurzaam2020 Cascading Style Sheet
/*
/* (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/
/* MAIL:  info@wevolve.nl
/* TEL:   +31-(0)74 255 2140
*/

html, body {
  height:100%;
}

a img {
  border:none;
}

body {
  padding:0; margin:0;

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

#wrapper {
  margin:0 auto -7em auto; /* negative bottom margin must correspond to footer height */
  padding:0;
  width:65em;
  min-height:100%;

  text-align:left;
  background-color:#fff;
}

* html #wrapper {height:100%;} /* for IE5-6 */

#header {
  position:relative; /* to paint over any previous background */
  overflow:hidden;
  padding:0 1em;
  height:11.5em;
}

#contents {
  padding:0 1em 7em 1em; /* equal to wrapper negative margin bottom  */
  min-height:0;
}

* html #contents { height:1%; }

#contents:after,
#billboard:after,
#header:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}


/* ------- boxes ------ */

.boxSW {
  padding:0 0 0 .25em;

  background:url("../img/boxSW.gif") bottom left no-repeat;
}

.boxSE {
  padding:0 0 .25em 0;

  background:url("../img/boxSE.gif") bottom right no-repeat;
}

.boxNE {
  padding:0 .25em 0 0;

  background:url("../img/boxNE.gif") top right no-repeat;
}

.boxNW  {
  padding:.25em 0 0 0;
  margin:0 0 0 -.25em;
  min-height:0;

  background:url("../img/boxNW.gif") top left no-repeat;
}

* html .boxNW {height:1%;}
.boxNW:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


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

#globalheaderbackground {
  position:absolute;
  left:0;
  height:3em;
  width:100%;
  
  background:url("../img/header_bg.png") left bottom repeat-x #2099e7;
}

#globalheader {
  position:relative;
  height:3em;
  margin-bottom:1em;
}


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

#shortcuts ul {
  float:left; display:inline;
  padding:1.1em 0;
  margin:0;
  
  list-style-type:none;
  font-size:.8em;
  text-transform:uppercase;
}

#shortcuts li {
  float:left; display:inline;
  padding:0; margin:0;
  color:#fff;
  
  border-right:1px solid #fff;
}

#shortcuts li a,
#shortcuts li strong {
  display:block;
  padding:0 .5em;
  
  color:#fff;
  text-decoration:none;
  font-weight:normal;
}

#shortcuts li.nocss a {
  display:none;
}

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

#shortcuts li.last {
  border:none;
}

#slogan {
  float:right; display:inline;
  padding:.4em; margin:0;

  color:#fff;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:1.4em;
}

.drzm2020logo {
  float:left; display:inline;
  padding:0; margin:0;
  clear:both;
}

.drzm2020logo a {
  display:block;
  width:88px;
  height:72px;
  
  background:url("../img/drzm2020logo.png") left top no-repeat transparent;
}


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

#mainnav ul {
  float:left; display:inline;
  margin:0 0 0 3em;
  padding:0;
  width:25em;
  overflow:hidden;
  font-weight:bold;
}

#mainnav li {
  float:left; display:inline;
  margin:0; padding:0;
  list-style-type:none;
}

#mainnav li a,
#mainnav li strong  {
  display:block;
  width:10em;
  padding:.2em 0;
  white-space:nowrap;
  
  color:#2099e7;
  text-decoration:none;
}

#mainnav li strong,
#mainnav li.onpath a,
#mainnav li a:hover {
  color:#fb890d;
}


/* ---- sitesearch ---- */

.sitesearch {
  float:right; display:inline;
  width:15em;
}

.sitesearch form {
  padding:0; margin:0;
  float:right; display:inline;
}

.sitesearch input {
  float:left; display:inline;
  margin:0;
  font-size:.9em;
}

input#p1, input#p2 {
  padding:.2em .5em;
  font-size:.9em;
  background-color:#f5f5f5;
  border:1px solid #2099e7;
}

input#s1, input#s2 {
  margin:0 0 0 .5em;
}


/* ---- logged in user ---- */

#loggedinas {
  float:right; display:inline;
  margin:0; padding:0;
  width:15em;

  text-align:right;
}

#loggedinas dt {
  font-size:.8em;
  padding:1em 0 .5em 0;
}

#loggedinas dd {
  margin:0; padding:0;
  float:right; display:inline;

  color:#ff6f0f;

  font-family:"Times New Roman", Times, serif;
  font-size:1.4em;
}


/* -------------------- billboard ---------------------- */

#billboardbackground {
  position:absolute;
  left:0; top:11.5em; /* must correspond to header height */
  width:100%;
  height:2em; /* make correspond to subnav height */
  
  overflow:hidden;
  background:url("../img/striping.png") left top repeat transparent;
}

#home #billboardbackground {
  height:13em; /* make correspond to visual and theme height */
}

#billboard {
  position:relative;

  height:2em; /* make higher than 'contained' absolute divs */
  background-color:#fff;
  padding:0 1em;
}

#home #billboard {
  height:13em;
}


/* ---- visual ---- */

#visual {
  float:left; display:inline;
  padding:0; margin:0;
  
  width:43em;
  color:#fff;
  background:url("../img/visual.jpg") bottom right no-repeat #004a76;
}

#visual .boxNW {
  height:12.5em; /* let the innermost box determine the height of the containers */
  overflow:hidden;
}

#visual dl {
  margin:1em;
}

#visual dd {
  margin:1em; padding:0;
}

#nnscvisual {
  background:url("../img/nscvisual.png") 55% bottom no-repeat #004a76;
}

#nnscvisual h1 {
  margin:1em 7em 1em 1em;
}

#nnscvisual h1 a {
  display:block;
  text-decoration:none;
  padding:0 0 1em 0;
  color:#fff;
}

#nnscvisual h1 a:hover {
  text-decoration:underline;
}


/* ---- themes ----  */
/* don't forget to update javascript if sizes change here! */

#themeboard .boxNW,
#themephoto .boxNW {
  padding:0;
  height:12.75em;
}

#themeboard, #themephoto {
  position:absolute;
  right:1em;

  width:18em;

  overflow:hidden;
  background:url("../img/themeback.png") top left no-repeat #004a76;
}

#navpanel #themeboard,
#navpanel #themephoto {
  position:relative;
  right:auto;
  margin-bottom:2em;
}

#themeview {
  position: absolute;
  bottom:0;
  width: 999em; /* set to something wider than the sum of the widths of the items it contains */
  height:100%;
}

.theme {
  float:left; display:inline;
  width:18em; /* if updated fiddle with javascript stepsize as well! */
  height:100%;
  margin:0 auto;

  text-align:center;
}

.theme h2 {
  padding:0; margin:0;
  height:100%;
  font-size:1.5em;
  line-height:1.8em;
  font-weight:normal;
  font-family:serif;
}

.theme h2 a {
  display:block;
  height:100%;
  color:#fff;
  text-decoration:none;
  background-position:50% 100%;
  background-repeat:no-repeat;
}

.themenav {
  position:absolute;
  display:block;
  top:50%;
  width:4em;
  line-height:3em;
  text-indent:-999em;
  text-decoration:none;
  color:#fff;
}

.themenav:hover {
  text-decoration:none;
}

.themenav#arrowleft {
  left:0;
  background:url("../img/navprevious.png") 50% 50% no-repeat transparent;
  display:none;
}

.themenav#arrowright {
  right:0;
  background:url("../img/navnext.png") 50% 50% no-repeat transparent;
}

#theme_duurzaambouwen a { background-image:url("../img/theme_build.jpg"); }
#theme_cradletocradle a { background-image:url("../img/theme_cradle.jpg"); }
#theme_klimaatenenergie a { background-image:url("../img/theme_energy.jpg"); }
#theme_duurzamevoeding a { background-image:url("../img/theme_food.jpg"); }
#theme_duurzamelifestyles a { background-image:url("../img/theme_lifestyle.jpg"); }
#theme_duurzamemobiliteit a { background-image:url("../img/theme_mobile.jpg"); }
#theme_duurzaamheidsbeleid a { background-image:url("../img/theme_policy.jpg"); }
#theme_duurzaamproduceren a { background-image:url("../img/theme_produce.jpg"); }
#theme_duurzameproducten a { background-image:url("../img/theme_product.jpg"); }
#theme_duurzaambeleggen a { background-image:url("../img/theme_stock.jpg"); }
#theme_mvo a { background-image:url("../img/theme_durable.jpg"); }


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

#footerwrapper {
  position:relative; /* to paint over any previous background */
  padding:0; margin:0;
  height:7em;

  color:#fff;
  text-align:center;
  background:url("../img/footer_bg.png") 0 0 repeat-x #12355a;
}

#footer  {
  margin:0 auto;
  padding:1em 0;
  height:5em;
  width:55em;
  overflow:hidden;

  text-align:left;
  background:url("../img/footer_bg.png") 0 0 repeat-x #12355a;
}

#footer .sitesearch {
  margin-top:1em;
}

.sponsor {
  float:left; display:inline;
  padding:0 4em 0 0;
  margin:0;
  
  font-size:.85em;
}

.sponsor dd {
  padding:0; margin:0;
}

.sponsor a {color:#fff;}

#drzm2020home dt {
  display:none;
}

#drzm2020home a {
  display:block;
  width:88px;
  height:72px;
  
  background:url("../img/drzm2020logo_white.png") 50% 50% no-repeat transparent;
}

#initiatiefnemer a {
  display:block;
  width:111px;
  height:41px;
  
  background:url("../img/dhv.png") 50% 50% no-repeat;
}
 
#hoofdsponsor a {
  display:block;
  width:90px;
  height:41px;
  
  background:url("../img/ibm.png") 50% 50% no-repeat;
}

.nocss, * .nocss, .nocss * {
  display:none;
}

.clear {
  clear:both;
}


/* --------------------- subnav -------------------- */

#subnav {
  position:relative;
  background:url("../img/lightblue.png") 0 49% repeat-x #2098e7;
}

#subnav ul {
  overflow:hidden;
  padding:0;
  margin:0 1em;
  height:1.5em; /* subtract the box padding from the height */
}

#subnav li {
  float:left; display:inline;
  margin:0; padding:.2em 0;
  
  font-size:.9em;
  white-space:nowrap;
}

#subnav li a,
#subnav li strong {
  display:block;
  padding:0 .5em;
  margin:0;

  color:#fff;
  text-decoration:none;
  border-right:1px solid #fff;
}

#subnav li.onpath a {
  font-weight:bold;
}

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

#subnav li.last a,
#subnav li.last strong {
  border:none;
  
}

#subnav p {
  padding:0; margin:0;
  height:1.5em;

  color:#fff;
  text-align:center;
}

#subnav .boxNE {background-image:url("../img/menuboxNE.png"); }
#subnav .boxNW {background-image:url("../img/menuboxNW.png"); }
#subnav .boxSE {background-image:url("../img/menuboxSE.png"); }
#subnav .boxSW {background-image:url("../img/menuboxSW.png"); }


/* -------------------- location -------------------- */

ul#crumbtrail {
  clear:both;
  padding:.5em 1em;
  margin:0;
  min-height:0;
}

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

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

  list-style-type: none;
}

#crumbtrail li a,
#crumbtrail li strong {
  float:left; display:inline;
  padding:0 10px 0 0;
  margin:0 5px 0 0;

  font-size:.85em;
  color:#999;
  text-decoration:none;
  background:url("../img/pathway.gif") 100% 0 no-repeat transparent;
}

#crumbtrail li a:hover {
  color:#666;
  text-decoration:underline;
  background:url("../img/pathway.gif") 100% 51% no-repeat transparent;
}

#crumbtrail li strong {
  color:#666;
  text-decoration:none;
  background:none;
}

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

* html #crumbtrail { height:1%; }


/* -------------- quicklinks  ------------ */

#quicklinks {
  background-color:#eee;
  margin: 0 0 2em 0;
}

#quicklinks .boxNW {
  padding:2em;
}


/* -------------------- quicklinks content -------------------- */

#quicklinks .title {
  color:#1f96e4;
  font-weight:normal;
}

#quicklinks p {
  color:#777;
  font-size:.95em;
  line-height:1.1em;
}

#quicklinks ul {
  padding:0; margin:0;
  min-height:0;
}

#quicklinks li {
  float:left; display:inline;
  width:13em;

  list-style-type:none;
}

#quicklinks li a {
  display:block;
  padding:.2em 0 .2em 1.5em;
  
  color:#777;
  font-size:.95em;
  text-decoration:none;
  background:url("../img/quicklinks.png") 0 6px no-repeat;
}

#quicklinks li a:hover {
  color:#f1890c;
  background-position:0 -94px;
}

#navpanel {
  float:right; display:inline;
  width:18em;
}

#navpanel #adwrapper {
  position:relative;
  height:290px;
}

#navpanel #prefacerectangle {
  position:absolute;
  margin:0 0 1em 0;
}


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

#print {
  padding:0 0 1em 0;
}

#print a {
  display:block;
  padding:.25em .5em .25em 2em;

  color:#666;
  text-decoration:none;
  background:url("../img/printer.png") no-repeat 0 40%;
}

#print a:hover {
  color:#ff6f0f;
  text-decoration:underline;
}

#localnav {
  margin:0 0 2em 0;
}

#localnav ul {
  padding:0; margin:0;
  min-height:0;
}

#localnav li {
  float:left; display:inline;
  padding:0; margin:0;
  width:14em;
  list-style-type:none;
}

#localnav li a,
#localnav li strong {
  display:block;
  padding:.4em 0 .4em 1.5em;

  color:#666;
  font-size:.95em;
  text-decoration:none;
  font-weight:normal;
  background:url("../img/localnav.png") 0 8px no-repeat transparent;
}

#localnav li.onpath a,
#localnav li.onpath strong,
#localnav li a:hover {
  color:#ff6f0f;
  background-position:0 -92px;
}

#quicklinks ul:after,
#localnav ul:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #quicklinks ul,
* html #localnav ul { height:1%;}


/* -------------------- column -------------------- */

.column {
  float:left; display:inline;
  overflow:hidden;
  margin:0 4% 1em 0;
  width:41.5%;
}


/* -------- news and events lists --------- */

.newslist dl,
.googlerssitem {
  clear:both;
  padding:1em 0 0 0;
  margin:.2em 0 0 0;

  border-top:1px solid #eee;
}

.newslist dl:hover {
  background-color:#fadfc2;
}

.newslist dt {
  font-weight:bold;
}

.newslist dd {
  padding:.3em 0 1em 0;
  margin:0;
}

.newslist dd.date {
  margin:0; padding:0;

  color:#ff6f0f;
  font-size:.8em;
  border:none;
}

#page .newslist a,
#page .newslist a:hover {
  color:#004a76;
}

.googlerssitem a {
  font-weight:bold;
}

.googlerssitem table {
  border-collapse:collapse;
}

.googlerssitem table td {
  padding:0; margin:0;
}

.googlerssitem .j br {
  display:none;
}
.googlerssitem .lh br {
  display:block;
}

.googlerssitem font font,
.googlerssitem font nobr {
  color:#ff6f0f;
  font-size:.9em;
  border:none;
}

.rsslink {
  float:right; display:inline;
  margin:0;
  padding:0;
  clear:both;
  font-family:arial, helvetica, sans-serif;
  color:#666;
}

h1 .rsslink {
  font-size:.6em;
}

.rsslink img {
  margin:0 .5em;
}

#contents p.rsslink a {
  text-decoration:none;
  color:#666;
}


/* -------------------- agendaitems ------------------- */

.agendaitem {
  clear:both;
  padding:1em 0 .5em 0;
  margin:.2em 0 0 0;
  border-top:1px solid #eee;
  min-height:0;
}

.agendaitem dl {
  border:none;
  margin:0; padding:0;
  min-height:0;
}

.agendaitem:hover {
  background-color:#fadfc2;
}

.agendaitem dd.desc dl.detailedinfo {
  margin-top: 1em;
}

.agendaitem .detailedinfo dt {
  float:left; display:inline;
  margin:0 .5em 0 0;
}

.agendaitem .detailedinfo dd {
  margin:0; padding:0;
}

.detailedinfo dd:after {
  content: "."; /* fix positioning for empty dd */
  visibility: hidden;
}

* html .detailedinfo dd { height: 1px; }
*+html .detailedinfo dd { min-height: 0; }

p.showdetails {
  margin:0; padding:0;
  color:#006;
  font-size:.8em;
  text-align:right;
}

p.showdetails a {
  cursor:pointer;
}


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

#page {
  overflow:hidden;
  float:left; display:inline;
  width:43em;
  min-height:0;
}

#page a {
  color:#004a76;
  text-decoration:underline;
}

#page .lessinfo, #page .infolink {
        display: none;
}

#page a:hover {
  background-color:#fadfc2;
}

.pagetitle {
  clear:both;
  padding:.5em 0;
  margin:0;

  color:#133e6b;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:2em;
}


/* -------------------- buttons -------------------- */

.formbutton {
  float:left; display:inline;
  margin:1em;
  clear:both;
  min-height:0;
 
  white-space:nowrap;

  font-family:Helvetica, Geneva, Arial, sans-serif;
  text-decoration:none;
}

.fformbutton input {
  padding:.5em 10px .5em 0;
  margin:0 0 0 10px;
  min-height:0;

  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
  border:none;
  background:#204770;
}

.fformbutton:hover {
  background-position:100% -65px;
}

.fformbutton:hover input {
  background-position:0 -65px;
  cursor:pointer;
}

.button {
  float:left; display:inline;
  margin:0; padding:0;
  font-family:Helvetica, Geneva, Arial, sans-serif;
  white-space:nowrap;
}

.button a {
  float:left; display:inline;
  padding:0 15px 0 0;
  text-decoration:none;
  background:url("../img/button.png") 100% 0 no-repeat #204770;
}

.button span {
  float:left; display:inline;
  padding:.8em 0 .6em 15px;

  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
  background:url("../img/button.png") 0 0 no-repeat #204770;
}

.button a:hover {
  background-position:100% -65px;
  cursor:pointer;
}

.button a:hover span {
  background-position:0 -65px;
  cursor:pointer;
}

.button.orange a      { background-image:url("../img/button_orange.png");}
.button.orange a span { background-image:url("../img/button_orange.png");}
.button.ongrey a     { background-image:url("../img/button_ongrey.png");}
.button.ongrey a span { background-image:url("../img/button_ongrey.png");}


/* -------------------- drzmform -------------------- */

form.drzmform {
  padding:0; margin:0;
}

form.drzmform fieldset,
div.drzmform .fieldset {
  padding:.5em;
  margin:0 0 2em 0;

  border:1px dotted #ccc;
}

div.drzmform .fieldset {
  min-height:0;
  margin:2em 0;
}

* html div.drzmform .fieldset {height:1%;}
div.drzmform .fieldset:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.drzmform legend,
div.drzmform .legend h2 {
  padding:.5em;
  margin:0 0 .5em .5em;

  color:#ff6f0f;
  font-size:1.4em;
  font-weight:normal;
  font-family:"Times New Roman", Times, serif;
  border:1px solid #efefef;
  background:url("../img/blank.png") #fff; /* hide seethrough in IE */
}

div.drzmform .legend h2 {
  float:left; display:inline;
  position:relative;
  margin:-1.5em 0 .5em 0;
}

div.drzmform .legend {
  min-height:0;
  padding:0 0 1em 0;
}
* html div.drzmform .legend {height:1%;}
div.drzmform .legend:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.drzmform .formfield,
div.drzmform dl.formfield {
  padding:.2em .5em; margin:0;
  min-height:0;
  clear:both;
}

form.drzmform .formfield p,
div.drzmform dl.formfield dd
{
  padding:0; margin:0 0 0 11em;
  line-height:1.4em;
  font-weight:bold;
}

form.drzmform .fieldhint {
  font-weight:normal;
  color:#333;
}

form.drzmform .fieldhint small {
  font-weight:normal;
  font-size:.85em;
}

form.drzmform input {
  margin:0;
  padding:0 .2em;
}
  
form.drzmform label,
div.drzmform .formfield dt {
  float:left; display:inline;
  padding:0 .5em;
  margin:0;
  width:10em;

  color:#666;
  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

form.drzmform textarea {
  overflow:auto;
  padding:0.2em;

  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
}

form.drzmform .required {
  background:url("../img/asterisk.png") 90% 50% no-repeat;
}

form.drzmform input.error,
form.drzmform select.error,
form.drzmform textarea.error {
  border:2px solid #ff6f0f;
}

form.drzmform p.error {
  display:block;
  margin:0 0 0 13em;

  color:#ff6f0f;
}

form.drzmform option {
  background:#efefef;
}


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

.pagenav {
  clear:both;
}

.pagenav ul {
  padding:.5em 0;
  margin:0 1em 0 0;

  height:2em;
}

.pagenav li {
  list-style-type:none;
}

.pagenav li.previous {
  float:left; display:inline;
}

.pagenav li.next {
  float:right; display:inline;
}

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

* html .pagenav ul{
  height:1%;
}


/* ------------------------ webpack --------------------------- */

/* Global tag, containing the complete webpack item */
.whwp {
  font-size:.9em;
  font-family:arial, helvetica, sans-serif;
}

/* Webpack item title */
.whwp .whwp-title {
  font-weight:bold;
}


/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover {
  margin:3px 3px 3px 0px;
  width:100px;

  text-align:center;
  color:#fff;
  border:outset 2px;
  border-right-color:#cc3c00;
  border-bottom-color:#cc3c00;
  background-color:#ff6f0f;;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover {
  display:block;
  padding:2px 5px;

  text-decoration:none;
  vertical-align:middle;
  white-space:nowrap;
}

.whwp input.whwp-button {
  /* IE/FF work around: first pointer, then hand */
  font-size:100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup {
  overflow:hidden;
  padding:10px;
  margin:20px 0px;

  border:1px solid #2099e7;
  background-color:#fff;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question {
  margin:10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question {
  margin:10px 0px 4px 0px;

  font-style:italic;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label {
  font-size:100%;
  font-style:normal;
}

.whwp .whwp-entry {
  margin:10px 0px;

  border:1px solid #000;
}

.whwp .whwp-entry .whwp-header {
  background-color:#d0d0d0;
  font-weight:bold;
  padding:4px;
}

.whwp .whwp-entry .whwp-message {
  padding:4px;
}

.whwp .whwp-entry .whwp-message blockquote {
  padding-left:5pt;
  margin-left:1pt;

  border-left:1pt solid #000;
}

.whwp .whwp-entry .whwp-footer {
  padding:5px;
}

.whwp table.whwp-table {
  width:100%;
  font-family:arial, helvetica, sans-serif;
  font-size:100%; /* Ensure IE picks up the inherited font-size for this table */
  border:solid 1px #000;
  border-collapse:collapse;
}

.whwp table.whwp-table th {
  padding:2px 5px;
  
  vertical-align:top;
  white-space:nowrap;
  color: #000;
  text-align:left;
  background-color:#d0d0d0;
}

.whwp table.whwp-table td {
  padding:2px 5px;

  text-align:left;
  vertical-align:top;
}

.whwp .whwp-odd {
  background-color:#eee;
}

.whwp .whwp-even {
  background-color:#fff;
}

.whwp .whwp-errors {
  color:#f00;
}

.whwp table.whwp-attachments {
  font-size:100%;
}


/* ------------ contentlistings ----------- */

#contentlisting dt {
  font-weight:bold;
  margin:1.5em 0 0 0;
}

#contentlisting dd {
  padding:.2em 0 0 0;
  margin:0;
}

#contentlisting dd.description {
}

#contentlisting dd.date {
  margin:0; padding:0;

  color:#ff6f0f;
  font-size:.8em;
  border:none;
}

#page #contentlisting dt a,
#page #contentlisting dt a:hover {
  color:#004a76;
}


/* ------------------------ search results --------------------------- */

#searchpage {
  font-family:arial, helvetica, sans-serif;
}

#searchpage form {
  margin:0;
  padding:.5em 10px;
  clear:both;
  line-height:1.4em;
  min-height:0;

  border:1px solid #e0e0e0;
  background-color:#ebf0f8;
}

* html #searchpage form { height:1%;}
#searchpage form:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

#wsc_extendedform div, #wsc_simpleform div {
  margin:.2em;
}

.searchoption {
  margin:0;padding:0;
  width:32%;
  float:left;
}

#searchpage label {
  margin:0; padding:0;
  display:block;

  font-size:92%;
  font-weight:bold;
}

#searchpage select, #searchpage input {
  font-size:92%;
}

.wsc_highlight {
  font-weight:bold;
}

.wsc_result {
  padding-top:1em;
}

.wsc_result dt {
  font-size:1em;
  font-weight:bold;
}

.wsc_result dd {
  margin:0;
  padding:.3em 0 0 0;
}

.wsc_resultprops {
  margin:0;
  padding:.3em 0 0 0;
  color:#008000;
  font-size:.8em;
}

#wsc_summary {
  margin:1em 0;
}

#wsc_sortby dt,
#wsc_sortby dd {
  margin:0;padding:0;
  list-style-type:none;
  display:inline;
}

#wsc_pagenav {
  list-style-type:none;
  text-align:center;
}

#wsc_pagenav li {
  list-style-type:none;
  margin:0 .2em;
  display:inline;
}


/* --------------------- friends -------------------- */

.person {
  float:left; display:inline;
  padding:2%;
  margin:0 2% .25em 0;
  width:43.5%;
  height:12em;
  
  border:1px solid #efefef;
}

.person h3 {
  padding:0 0 .5em 0; margin:0;
  font-size:1.3em;
  line-height:1.5em;
}

.person h3 a {
  display:block;
  padding-right:20px;
}

.person h3.friend a {
  background:url("../img/buddies/details.png") 100% 50% no-repeat;
}

.person h3.addfriend a {
  background:url("../img/buddies/add.png") 100% 50% no-repeat;
}

.person .delfriend {
  float:right; display:inline;
  min-height:0;
}


/* --------------------- thumbnails and photos -------------------- */

#thumbnailpage, #photopage {
  margin:0;
  padding:0;
  text-align:center;
}

#photo, #thumbnails {
  margin:0;
  padding:0;

  clear:both;
  text-align:center;
}

#thumbnails li {
  float:left;
  list-style-type:none;

  color:#000;
  height:175px;
  width:175px;
  text-align:center;

}

#thumbnails img, #photo img {
  padding:1px;
  background-color:#666;
}


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

.pagenav {
  clear:both;
  padding:1em 0 0 0; margin:0;
  
  color:#000;
  font-size:.8em;
  text-align:center;
  white-space:nowrap;
  min-height:0;
}

* html .pagenav {height:1%;}
.pagenav:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

.pagenav ul {
  float:left; display:inline;
  margin:0;
  padding:0;
  text-align:center;
}

.pagenav li {
  float:left;
  padding:0; margin:0;
  list-style-type:none;
  vertical-align:middle;
}

.pagenav li a, .pagenav li a:visited {
  float:left;
  padding:.2em .5em;

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

.pagenav  li a:hover {
  background-color:#ffc600;
  text-decoration:underline;
}

.pagenav li.onpath {
  padding:6px;
  line-height:1.3em;
  font-weight:bold;
  color:#f60;

  border:1px solid #000;
  background-color:#eef;

}


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

#realisation {
  float:right; display:inline;
  padding:0 1em 1em 0; margin:-2.5em 0 0 0;
  z-index:10000;
  background:#12355a;
}

#realisation a { 
  display:block;
  width:17px;
  height:17px;
  background:url("../img/realisation.png") 100% 0 no-repeat;
}

#realisation a:hover { 
  width:64px;
  background:url("../img/realisation.png") 100% -17px no-repeat;
}