/* 
/* (CC) Wevolve (R), 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; margin:0;

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


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

.clear { min-height:0; }

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

* html .clear { height:1px; }


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

.nocss,
.jsEnabled .nojs { 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 */

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

#printbranding { display:none; }


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

#wrapper {
  position:relative;
  margin:0 auto;
  width:74em;

  text-align:left;
}


/* -------------------- teasers -------------------- */

#teasers {
  float:left; display:inline;
  padding:0 0 .5em 0; margin:0;
  width:49em; /* voorkom dat de header uit elkaar valt bij het ontbreken van teasers */
  height:4.5em;
}

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

#teasers li {
  float:left; display:inline;
  padding:0 .5em; margin:0;
  overflow:hidden;
  width:23em;
  height:4.5em;

  color:#636466;
  border-right:1px solid #636466;
}

#teasers li a {
  padding:0; margin:0;
  overflow:hidden;
  
  font-size:1.5em; 
  text-decoration:none;
}

#teasers li a:hover span {
  text-decoration:none;
}

#teasers li a img {
  float:left; display:inline;
  padding:0 .5em 0 0; margin:0;
  width:66px;
  height:60px;
}

#teasers li a span {
  display:block;
  padding:.4em 0 0 0;
  text-decoration:none;
}

#teasers li a span.red {
  color:#dc5e55;
}

#teasers li a span.orange { 
  color:#f39900;
}


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

#header form {
  padding:0; margin:1.4em 0 0 0;
}

#header .search {
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
  
  text-decoration:none;
}

.jsEnabled #header .search {
  margin: 0 0 0 3em; /* voor de overlabel */
}

#header .searchtext {
  float:left; display:inline;
  padding:.3em 0 0 1em; margin:0;
  width:220px;

  border:0;
  background:none;
}

#header .background {
  float:left; display:inline;
  height:24px;

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

#header .searchsubmit {
  float:left; display:inline;
  padding:0; margin:0 0 0 1em;
  font-size:1.1em;

  color:#5f604b;
  cursor:pointer;
  border:none;
  background:none;
}

#header .overlabel {
  float:left; display:inline;
  padding:0; margin: .5em 0 0 0;
  font-size:.8em;
}

.jsEnabled #header .overlabel {
  position:absolute;
  float:none;
  padding:0 0 0 10px; margin:2.25em 0 0 1em;

  top:0;
  left:0;
  z-index:1;
  cursor:text;
}


/* -------------------- navigation -------------------- */

#navigation {
  position:relative; /* IE6 fix (peekabo bug) */
  margin:0 -.6em;
  background:#464646;
  min-width: 433px;  /* logo width */
}

h1#branding {
  float:left; display:block;
  padding:0; margin:.5em 0 .5em .4em;
}

#branding a {
  display:block;
  width:430px;
  height:60px;

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


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

#mainnav {
  clear:both;
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
  width:48em; /* IE7 > fix */

}

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

  border-top:1px solid #fff;
}

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

#mainnav a,
#mainnav strong {
  display:block;
  width:112px;
  height:31px;
  
  color:#fff;
  font-size:.8em;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  text-transform:lowercase;
  border-right:1px solid #fff;
}

#mainnav li.platform a { background:url("../img/mainnav.png") 0 0 no-repeat; }
#mainnav li.platform a:hover, #mainnav li.platform strong { background:url("../img/mainnav.png") 0 -31px no-repeat; }

#mainnav li.projecten a { background:url("../img/mainnav.png") -112px 0 no-repeat; }
#mainnav li.projecten a:hover, #mainnav li.projecten strong { background:url("../img/mainnav.png") -112px -31px no-repeat; }

#mainnav li.publicaties a { background:url("../img/mainnav.png") -224px 0 no-repeat; }
#mainnav li.publicaties a:hover, #mainnav li.publicaties strong { background:url("../img/mainnav.png") -224px -31px no-repeat; }

#mainnav li.pers a { background:url("../img/mainnav.png") -336px 0 no-repeat; }
#mainnav li.pers a:hover, #mainnav li.pers strong { background:url("../img/mainnav.png") -336px -31px no-repeat; }

#mainnav li.contact a { background:url("../img/mainnav.png") -448px 0 no-repeat; }
#mainnav li.contact a:hover, #mainnav li.contact strong { background:url("../img/mainnav.png") -448px -31px no-repeat; }

#mainnav li.wegwijzer a { background:url("../img/mainnav.png") -560px 0 no-repeat; }
#mainnav li.wegwijzer a:hover, #mainnav li.wegwijzer strong { background:url("../img/mainnav.png") -560px -31px no-repeat; }

#mainnav li.projects a { background:url("../img/mainnav.png") -672px 0 no-repeat; }
#mainnav li.projects a:hover, #mainnav li.projects strong { background:url("../img/mainnav.png") -672px -31px no-repeat; }

#mainnav li.publications a { background:url("../img/mainnav.png") -784px 0 no-repeat; }
#mainnav li.publications a:hover, #mainnav li.publications strong { background:url("../img/mainnav.png") -784px -31px no-repeat; }

#mainnav li.press a { background:url("../img/mainnav.png") -896px 0 no-repeat; }
#mainnav li.press a:hover, #mainnav li.press strong { background:url("../img/mainnav.png") -896px -31px no-repeat; }

#mainnav li.guide a { background:url("../img/mainnav.png") -1008px 0 no-repeat; }
#mainnav li.guide a:hover, #mainnav li.guide strong { background:url("../img/mainnav.png") -1008px -31px no-repeat; }

#navigation #mainnav li ul {
  position:absolute;
  display:none;
  padding:0; margin:0;
  width:17em;
  z-index:100;

  border:none;
  background:url("../img/nav_bottom.gif") 0 100% no-repeat transparent;
}

#navigation #mainnav li:hover ul,
#navigation #mainnav li ul.slowhover { display:block; }

#navigation #mainnav li ul ul li.bottomclass {
  padding:0 1em 0 0; margin:0 0 -1em 0;
  background:url("../img/nav_bottom.gif") 0 100% no-repeat transparent;
}

#navigation #mainnav li ul ul li.bottomclass a {
  background:url("../img/nav_bottom.gif") 100% 100% no-repeat transparent;
}

#navigation #mainnav li ul li {
  float:none; display:block;
  background:#cdcdcd;
}

#navigation #mainnav li ul li a,
#navigation #mainnav li ul li strong {
  padding:.5em .25em .5em 2.5em; margin:0;
  width:18.5em;
  height:auto;

  color:#333;
  text-align:left;
  border-right:none;
  border-top:1px solid #fff;
  background:url("../img/readonarrow.gif") 10px 7px no-repeat #cdcdcd;
}

#navigation #mainnav li ul li a:hover { 
  color:#000;
  text-decoration:underline;
  background:url("../img/readonarrow.gif") 10px 7px no-repeat #cdcdcd;
}

#navigation #mainnav li ul ul {
  position:static;
  visibility:visible;
  float:none; display:block;
  padding:0 0 .5em 0; margin:0;
  border:none;
}

#navigation #mainnav li ul ul li a,
#navigation #mainnav li ul ul li strong {
  display:block;
  padding:.5em .25em .5em 5.5em; margin:0;
  width:15.5em;
  
  color:#333;
  font-weight:normal;
  border:none;
  background:url("../img/readonarrow.gif") 10px 7px no-repeat #cdcdcd;
}

#navigation #mainnav li ul ul li a:hover {
  color:#000;
}

#navigation #mainnav li.bottomclass {
  display:block;
  padding:0 0 .5em 0;
  background:url("../img/nav_bottom.gif") 100% 100% no-repeat transparent;
}


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

#crumbtrail {
  padding:0.25em 0 0.25em 0.75em;
  margin:0.8em 0 0.8em -0.7em;
  width:48.8em;

  text-decoration:underline;
  background:#fbdfab;
}

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

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

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

  color:#000;
  font-size:.7em;
  background:url("../img/pathway.png") 100% 50% no-repeat;
}

#crumbtrail li.last a,
#crumbtrail li.last strong {
  background:none;
}

#crumbtrail li a:hover {
  color:#000;
}

#crumbtrail li span,
#crumbtrail li strong {
  font-weight:normal;
}


/* -------------------- contents -------------------- */

#contents a.readon {
  text-decoration:none;
}

#contents a:hover.readon {
  text-decoration:underline;
}


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

#page {
  float:left; display:inline;
  width:49em;

  color:#333;
}

#page h1.title {
  padding:0; margin:0 0 .6em 0;
  font-size:1.8em;
}

#page .msword h3 {
  padding:0; margin:1em 0 .5em 0;
}

#page .msword p {
  padding:0 0 .8em 0;
}

#page a,
#page .wh-normal a {
  color:#f90;
  text-decoration:none;
}

#page .wh-normal a:hover {
  text-decoration:underline;
}

#page a.readon {
  color:#f90;
}

#page p.pubdate {
  float:left; display:inline;
  padding:0 .6em 0 0; margin:0 .6em 0 0;
  
  border-right:1px solid #333;
}


/* -------------------- mainarticle -------------------- */

#page .articlerow {
  padding:0 0 .8em 0; margin:0 0 .8em 0;
  
  border-bottom:1px solid #f9cc7f;  
}

#page .articlerow img {
  float:right;
  margin:0 0 1em 1em;
}

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

#mainarticle .intro {
  font-size:1.1em;
  max-width:38em;
}

#mainarticle p {
  font-size:.8em;
  max-width:52em;
}


/* -------------------- followup -------------------- */

.followup {
  float:left;
  padding:0; margin:0;
  width:100%;
}

#page .followup.left {
  float:left;
  padding:0 .8em 0 0; margin:0;
  width:48%;
}

#page .followup.right {
  float:right;
  padding:0 0 0 .8em; margin:0;
  width:48%;

  border-left:1px solid #f9cc7f;
}

#page img.right {
  border:none;
}

#page .followup h2.title {
  padding:0; margin:0;

  font-size:1.2em;
}

#page .followup p {
  padding:0; margin:.5em 0 0 0 ;
  max-width:52em;

  font-size:.8em;
}


/* -------------------- roundedboxes general -------------------- */

.roundedbox {
	 padding:0 0 0 1em;
	 margin:0;
	
	 background:url("../img/boxleftbottom.gif") 0 100% no-repeat;
}

.roundedbox div {
	 padding:0 0 1.5em 0;
	 margin:0;
	
	 background:url("../img/boxrightbottom.gif") 100% 100% no-repeat;
}

.roundedbox div div {
	 padding:0 1em 0 0;
	 margin:0;
	
	 background:url("../img/boxrighttop.gif") 100% 0 no-repeat;
}

.roundedbox div div div {
	 padding:1em 0 0 1em;
	 margin:0 0 0 -1em;
	
	 background:url("../img/boxlefttop.gif") 0 0 no-repeat;
}

.roundedbox div div div div {
	 padding:0; margin:0;

	 background:none;
}

.roundedbox h3 {
  padding:.25em .8em; margin:-.5em -.5em 0 -.5em;
  height:16px;
  width:20em;

  font-size:1em;
}


/* -------------------- roundedbox specific headers -------------------- */

.boxtitle { background:url("../img/boxheaders.png") 7px 0 no-repeat; }
 
h3.contact { background-position:7px 0; }
h3.innovatieplatform { background-position:7px -32px; }
h3.innovationplatform { background-position:7px -64px; }
h3.kia { background-position:7px -96px; }
h3.meest-bekeken { background-position:7px -128px; }
h3.most-viewed { background-position:7px -160px; }
h3.nederlandindewereld { background-position:7px -192px; }
h3.netherlandsintheworld { background-position:7px -224px; }
h3.nieuws-vandaag { background-position:7px -256px; }
h3.pers { background-position:7px -288px; }
h3.press { background-position:7px -320px; }
h3.persberichten { background-position:7px -352px; }
h3.press-releases { background-position:7px -384px; }
h3.platform { background-position:7px -416px; }
h3.projecten { background-position:7px -448px; }
h3.projects { background-position:7px -480px; }
h3.publicaties { background-position:7px -512px; }
h3.publications { background-position:7px -544px; } 


/* -------------------- infobox -------------------- */

#infobox {
  margin:1em 0 0 0;
  font-size:.75em;
  background:#ebebeb;
}

#infobox.small {
  float:left; display:inline;
  width:31em;

  font-size:.75em;
  background:#ebebeb;
}

#infobox h3 {
  margin:0 0 0 -.5em;
  
  font-size:1.2em;
}

#infobox ul,
#infobox_small ul {
  float:left; display:inline;
  padding:0; margin:0;
}

#infobox ul li,
#infobox_small ul li {
  float:left; display:inline;
  padding:0; margin:0;
  
  width:100%;
}

#page #infobox ul li a,
#page #infobox_small ul li a {
  display:block;
  padding:0 0 0 2.25em;
  width:100%;
  
  color:#333;
  height:20px;
  text-decoration:none;
}

#page #infobox ul li a { width:50em; }

#page #infobox.small ul li a { width:27em; }

#page #infobox ul li a { background:url("../img/infobox_icons.gif") no-repeat; }
  
#page #infobox ul li a.document { background-position:0 -64px; }
#page #infobox ul li a.externallink { background-position:0 -34px; }
#page #infobox ul li a.image { background-position:0 -96px; }
#page #infobox ul li a.internallink { background-position:0 -34px; }
#page #infobox ul li a.movie { background-position:0 -128px; }
#page #infobox ul li a.pdf { background-position:0 -160px; }
#page #infobox ul li a.ppt { background-position:0 -192px; }
#page #infobox ul li a.rapport { background-position:0 -224px; }
#page #infobox ul li a.word { background-position:0 -288px; } 

a:hover { text-decoration:underline; }


/* -------------------- picture floats -------------------- */

#page .imgbox {
  float:right;
  margin:0 0 0 1em;
  width:306px;
  
  font-size:.9em;
  font-style:italic;
}


/* -------------------- facebook -------------------- */

#page .faqsectiontitle {
  clear:both;
  float:left; display:block;
  padding:0 .5em 0 0; margin:.5em 0;

  color:#f39900;
}

#page .faqquestion {
  clear:both;
  float:left; display:inline;
  padding:0 1.5em 0 0; margin:0;

  font-weight:bold;
  cursor:pointer;
  background:url("../img/arrow_open.gif") 100% 50% no-repeat;
}

#page .faqquestion {
  display:inline;
  padding:0 1.5em 0 0; margin:0 0 .5em 0;

  font-weight:bold;
  cursor:pointer;
  background:url("../img/arrow_open.gif") 100% 50% no-repeat;
}

#page .faqquestion:hover {
  text-decoration:underline;
}

#page .faqanswer {
  clear:both;
  padding:0; margin:0 0 1em 0;
}

/* -------------------- press / publications -------------------- */

#page #pressindex dl {
  padding:0; margin:0;
  font-size:.9em;
}

#page #pressindex dt {
  color:#7e932e;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

#page #publications h2 {  
  padding:0; margin:0;

  color:#f39900;
  text-transform:uppercase;
  text-decoration:none;
  font-size:1em;
}

#page #publications p {
  padding:0; margin:0;
  font-size:.9em;
}

#page #pressindex dt span,
#page #publications .date {
  clear:both;
  display:block;
  font-weight:bold;
  color:#333;
}

#page #pressindex dd {
  padding:0 0 1em 0; margin:0 0 2.5em 0;
}

#page #publications .publication {
  padding:0 0 1em 0; margin:0 0 1em 0;
}

#page #publications ul {
  padding:0; margin:0;
}

#page #publications li {
  clear:both;
  float:left; display:inline;
  padding:0; margin:0;
}

#page #publications li a {
  display:block;
  padding:0 0 0 2em; margin:0;
  height:20px;
  
  color:#f39900;
}

#page #pressindex dd a.readon {
  float:right;
  padding:0 0 0 1.5em; margin:0;
}


/* -------------------- facebook -------------------- */

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

#facebook li {
  float:left; display:inline;
  padding:0; margin:0 1em 1em 0;
}

#facebook a {
  display:block;
  
  background:#cacfd2;
}


/* --------- slidingboxes ---------- */

#facebook .boxgrid { 
  position:relative; 
  overflow:hidden;
  width:9.7em;
  height:11.2em;

  border:solid 3px #fff; 
  background:#fff; 
}

#facebook .boxgrid img { 
  top:0;

  border:3px solid #fff; 
}

#facebook .boxgrid img.onpath {
  border:3px solid #f99b2b;
}

#facebook .boxcaption { 
  position:absolute;
  padding:.5em;
  float:left; 
  width:10.55em; 
  height:100px; 

  color:#333;
  font-size:.8em;
  text-align:left;
  background:#cacfd2; 
}

#facebook .captionfull .boxcaption {
  top:155px;
  left:3px;
}

#facebook .caption .boxcaption {
  top:270px;
  left:0;
}


/* -------------------- sidecolumn -------------------- */

#sidecolumn {
  position:relative; /* IE6 fix (peekabo bug) */
  float:right; display:inline;
  padding:0; margin:-10em 0 0 0; 
  width:24.25em;
} 


/* -------------------- toolbox -------------------- */

#toolbox { 
 padding:0; margin:0 0 1em 0;
}

#toolbox ul {
  float:left; display:inline;
  padding:0; margin:0 0 .8em .8em;
}

#toolbox li {
  float:left; display:inline;
  padding:0; margin:0 2em 0 0;
}

#toolbox li.eng,
#toolbox li.nederlands {
  margin:0;
}

#toolbox a,
#toolbox strong {
  display:block;

  color:#fff;
  font-size:.8em;
  font-weight:normal;
  text-decoration:none;
}

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

#toolbox li.rss a {
  padding:0 2em 0 0;

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

#toolbox li.eng a {
  padding:0 2em 0 0;

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

#toolbox li.ned a {
  padding:0 2em 0 0;

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


/* -------------------- featured -------------------- */

#featured {
  clear:both;
  padding:.5em .8em; margin:0 0 .8em 0;

  color:#fff;
  background:#f39900;
}

#featured img {
  float:right;
  margin:.5em 0 1em 1em;
}

#featured h2 {
  padding:0; margin:0;
  
  font-weight:normal;
}

#featured p {
  font-size:.85em;
  font-family:"Courier New", Courier, monospace;
}

#featured a.movie {
  padding: 0 0 0 1.7em;
  line-height: 16px;
  background:url("../img/infobox_icons.gif") 0 -128px no-repeat;
}

#featured .readon {
  float:right;

  color:#333;
  font-family:Arial, Helvetica, sans-serif;
}


/* ---------- sidecolumn bestread/newletter/press/rss---------- */

#sidecolumn #subnav,
#sidecolumn #bestread,
#sidecolumn #press,
#sidecolumn #newsletter,
#sidecolumn #rss,
#sidecolumn .hottopics {
  float:left; display:inline;
  padding:0; margin:0 0 .8em 0;

  color:#fff;
  background:#fff;
} 

#sidecolumn #subnav,
#sidecolumn #bestread {
  background:#f39900;
} 

#sidecolumn #press {
  background:#7e932e;
} 

#sidecolumn #rss {
  background:#007fba;
} 

#sidecolumn #subnav ul,
#sidecolumn #bestread ul,
#sidecolumn #press ul,
#sidecolumn #rss ul {
  float:left; display:inline;
  padding:0; margin:0;
} 

#sidecolumn #subnav li,
#sidecolumn #bestread li,
#wrapper #sidecolumn #press li,
#wrapper #sidecolumn #rss li {
  float:left; display:inline;
  padding:0; margin:0 -1em;
  width:24.25em;
  font-size:1em;
} 

#sidecolumn #subnav li li {
  padding:0; margin:0;
} 

#sidecolumn #subnav li,
#sidecolumn #bestread li {
  border-top:1px solid #f39900;
} 

#sidecolumn #press li {
  border-bottom:1px solid #7e932e;
} 

#sidecolumn #rss li {
  border-bottom:1px solid #007fba;
} 

#sidecolumn #subnav li a,
#sidecolumn #subnav li strong {
  display:block;
  position:relative;
  padding:.5em 2em .5em .8em; margin:0;

  color:#333;
  font-size:.8em;
  font-weight:bold;
  text-decoration:none;
  background:url("../img/arrow.gif") 96% 10px no-repeat #fbdfab;
}

#sidecolumn #subnav li a:hover,
#sidecolumn #subnav li.onpath a,
#sidecolumn #subnav li.onpath a.current {
  background:#f39900;
}

#sidecolumn #subnav li.onpath a {
  background:url("../img/arrow_open.gif") 97% 10px no-repeat #fbdfab;
} 

#sidecolumn #subnav li.onpath li a,
#sidecolumn #subnav li.onpath li strong {
  padding:.5em 2em .5em 2em;
  background:#fbdfab; /* restore */
} 

#sidecolumn #subnav li li a.open {
  background:url("../img/arrow_open.gif") 97% 10px no-repeat #fbdfab;
} 

#sidecolumn #subnav li li a:hover,
#sidecolumn #subnav li li.current a {
  background:#f39900;
} 

#sidecolumn #subnav li li li a,
#sidecolumn #subnav li li li strong,
#sidecolumn #subnav li.onpath li.onpath li a,
#sidecolumn #subnav li.onpath li.onpath li strong {
  padding:.5em 2em .5em 4em;
  background:none #fbdfab;
}

#sidecolumn #subnav li.onpath li.onpath li a:hover,
#sidecolumn #subnav li.onpath li.onpath li.onpath a.current {
  background:#f39900;
} 

#sidecolumn #bestread ul li a,
#sidecolumn #press ul li a,
#sidecolumn #rss ul li a {
  display:block;
  position:relative;
  padding:.5em .8em; margin:0;

  color:#fff;
  font-size:.8em;
  text-decoration:none;
} 

#sidecolumn #bestread ul li a {
  background:#f07d00;
} 

#sidecolumn #press ul li a {
  background:#a6b230;
} 

#sidecolumn #rss ul li a {
  background:#009bdb;
} 

#sidecolumn #bestread ul li a:hover,
#sidecolumn #press ul li a:hover,
#sidecolumn #rss ul li a:hover {
  text-decoration:underline;
} 

#sidecolumn #bestread a.readon,
#sidecolumn #press a.readon,
#sidecolumn #rss a.readon {
  float:right; display:inline;
  padding:.25em; margin:0 0 -1.3em 0;

  color:#fff;
  font-size:.8em;
} 


/* -------------------- newsletter -------------------- */

#newsletter a {
  display:block;
  width:322px;
  height:125px;
  background:url("../img/bannernieuwsbrief.jpg") 0 0 no-repeat;
}


/* -------------------- aanmelden afmelden nieuwsbrief -------------------- */

#aanmelden_nieuwsbrief, 
#afmelden_nieuwsbrief {
  clear:both;
  padding:1em 0;
}

#aanmelden_nieuwsbrief .input,
#afmelden_nieuwsbrief .input {
  position:relative;
  float:left; display:inline;
  height:24px;

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

#aanmelden_nieuwsbrief .input input,
#afmelden_nieuwsbrief .input input {
  padding:.25em;
  margin:.25em .5em;
  width:16.5em;
  
  font-size:1em;
  border:none;
  background:none;
}

#aanmelden_nieuwsbrief .button,
#afmelden_nieuwsbrief .button {
  float:left; display:inline;
  padding:0; margin:0 0 0 1em;
  font-size:1.1em;

  color:#000;
  cursor:pointer;
  border:none;
  background:none;
}

#aanmelden_nieuwsbrief .overlabel,
#afmelden_nieuwsbrief .overlabel {
  float:left; display:inline;
  padding:0; margin:0;
  
  font-size:.8em;
}

.jsEnabled #aanmelden_nieuwsbrief .overlabel,
.jsEnabled #afmelden_nieuwsbrief .overlabel {
  position:absolute;
  float:none;
  padding:0;

  top:.5em;
  left:1em;
  z-index:1;
  cursor:text;
}

.lastnieuwsbrief { 
  clear:both;
  padding:2em 0 0 0;
}


/* --------------------- hottopics -------------------- */

#sidecolumn .hottopics .image img {
  display:block;
  margin:0;
  width:322px;
/*  height:160px;  niet nodig? */
} 


/* -------------------- colorbox general -------------------- */

#projectcolumns {
  clear:both;
}

#projectcolumns #kia {
  float:left; display:inline;
  padding:0; margin:0 0 .9em 0;
  width:30.25em;

  font-size:.8em;
}

#projectcolumns #world {
  float:right; display:inline;
  padding:0; margin:0;
  width:30.25em;

  color:#000;
  font-size:.8em;
}

#sidecolumn #members {
  float:right; display:inline;
  padding:0; margin:0;
  width:30.25em;

  color:#000;
  font-size:.8em;
}

#projectcolumns .colorboxcontent,
#sidecolumn .colorboxcontent {
  position:relative;
  padding:.5em .8em; margin:0 -1em;

  color:#000;
}

#projectcolumns .colorboxcontent .readon,
#sidecolumn  .colorboxcontent .readon {
  float:right;

  color:#333;
}

#projectcolumns .movie {
  display:block;
  position:relative;
  padding:0; margin:0 -1em;
  overflow:hidden;
  width:322px;
}


/* ---------- kia ---------- */

#kia {
  background:#81dcd8;
}

#kia .colorboxcontent,
#kia .movie {
  background:#70cdc9;
}


/* ---------- world ---------- */

#world {
  background:#fff892;
}

#world .colorboxcontent,
#world .movie {
  background:#fff400;
}


/* ---------- members ---------- */

#members {
  background:#ffca50;
}

#members .colorboxcontent,
#members .movie {
  background:#ffb816;
}

#members #memberdetail {
  position:relative;
  padding:.5em .8em; margin:0 -1em;
  
  color:#333;
  background:#ff8000;
}

#members img.left {
  float:left;
  margin:.3em 1em .6em 0;
}

#members #memberdetail p.detail {
  padding:.75em 0 2em 0; /* padding for IE8 workarround */
  margin:0;
}

#members #memberdetail b {
  color:#fff;
  font-weight:normal;
}

#members #memberdetail p.readon {
  position:absolute;
  right:1em;
  bottom:1em;
  margin: 0;
  padding:0;

  text-align:right;
  color:#333;
}

#members #memberdetail p.readon a {
  color:#333;
}


/* -------------------- form.standardform -------------------- */

form.standardform,
div.standardform {
  margin:1em 0;
}

form.standardform fieldset {
  padding:0; margin:1em 0 0 0;

  border:1px solid #ccc;
}

form.standardform legend {
  padding:0 0 0 .5em; margin:0;
  
  font-family:Arial, Helvetica, sans-serif;
}

form.standardform legend span {
  display:block;
  padding:.25em .5em .25em 0;

  color:#333;
  font-size:1.4em;
}

form.standardform label,
div.standardform label {
  clear:left;
  float:left; display:inline;
  padding:0 1em 0 0;
  width:14em;

  text-align:right;
  font-weight:normal;
}

form.standardform h4,
div.standardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;

  width:18em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

#contents form.standardform p,
#contents form.standardform div.formfield,
#contents div.standardform p,
#contents div.standardform div.formfield {
  margin:1em;
}

form.standardform p.message {
  padding:.25em .5em;
}

form.standardform .required label,
form.standardform .required h4 {
  background:url("../img/asterisk.png") 98% 0 no-repeat;
}

form.standardform .asterisk {
  padding:0 0 0 1em;

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

form.standardform ul,
form.standardform li {
  padding:0; margin:0;
  
  list-style-type:none;
}

form.standardform li input, 
form.standardform li label {
  float:none;

  line-height:1.4em;
}

form.standardform .inputgroup {
  padding:0; margin:0 0 0 15em; 
}

form.standardform .inputgroup label {
  float:none;
  display:inline;
  width:auto;
  padding:0;
  margin:0;
  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
}

form.standardform .formfield input.error,
form.standardform .formfield select.error,
form.standardform .formfield textarea.error {
  border:1px solid #c00;
}

/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password,
form.standardform textarea {
  width:24em;
  padding:0.2em;
}

/* same for selectbox but without padding */
form.standardform select {
  width:24.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea {
  overflow:auto;
}

form.standardform small {
  display:block;
  margin:.5em 0 0 19.5em; /* margin + fontsize compensation */ 
  width:31em;

  color:#666;
}

form.standardform small.error {
  color:#c00;
}

form .inputgroup small {
  margin:0; /* reset margin for small */ 
}

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

.standardform .formfooter {
  min-height:0;
}

* html .standardform .formfooter {
  height:1px;  /* fix button falling apart in IE */
}

/* ----- inputbutton ----- */ 

#contents p.inputbutton {
  float:left; display:inline;
  padding:0 0 0 1em;
  margin:0 2em 0 0;
  height:25px;

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

p.inputbutton input.button:focus {
  border:0;
}

#contents p.inputbutton.next {
  float:right; display:inline;
}

#contents p.inputbutton:hover,
#contents p.inputbutton-hover {
  color:#e74b13;
  cursor:pointer;
  background:url("../img/button.png") 0 100% no-repeat;
}

#contents p.inputbutton input {
  display:block;
  padding:.3em 1em .6em 0;
  margin:0;
  height:25px;

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

#contents p.inputbutton input:hover,
#contents p.inputbutton input.hover {
  color:#e74b13;
  cursor:pointer;
  background:url('../img/button.png') 100% 100% no-repeat #ccc;
}

/* ----- linkbutton ----- */
/* button as text (applied inside p, so left border is also clickable) */

#contents p.linkbutton {
  float:left;
  padding:0;
  margin:0 2em 0 0;
}

#contents p.linkbutton a {
  float:left; display:inline;
  padding:0 0 0 1em;
  margin:0;
  height:25px;

  white-space:nowrap;
  text-decoration:none;
  background:url("../img/button.png") 0 0 no-repeat;
}

* html p.linkbutton a {
  width:1px;
  white-space:nowrap;
}

#contents p.linkbutton a span {
  display:block;
  padding:0 1em 0 0;
  margin:0;
  height:25px;
  line-height:25px;
  vertical-align:middle;

  color:#fff;
  font-size:1em;
  border:0;
  background:url("../img/button.png") 100% 0 no-repeat;
}

#contents p.linkbutton a:hover {
  background:url("../img/button.png") 0 100% no-repeat;
  cursor:pointer;
  text-decoration:none;
}

#contents p.linkbutton a:hover span {
  color:#e74b13;
  background:url("../img/button.png") 100% 100% no-repeat;
}

/* ----- div.standardform ----- */

#page div.standardform .fieldset {
  padding:0; margin:0 0 2em 0;
  
  background:#f5f5f5;
}

#page div.standardform .legend {
  padding:0 0 0 1em; margin:0 0 2em 0;

  background:#fff;
}

#page div.standardform .legend h2 {
  display:inline;
  padding:.25em 0 .25em .5em; margin:0 0 1em 0;

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

#page div.standardform .legend h2 span {
  padding:.25em .5em .25em 0; margin:0;

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

div.standardform dl {
  padding:0 0 1em 0; margin:0;
  
  list-style-type:none;
}

div.standardform dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

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

div.standardform dd {
  padding:0; margin:0 0 0 13em;

  line-height:1.4em;
  font-weight:bold;
}

div.standardform li input {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

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


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

#popup {
  width:877px;
  height:531px;

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

#popup p.close {
  margin: 0;
  padding: 0;
}

#popup p.close a {
  float:right; display:inline;
  padding:.5em 3em .5em 0; margin:0;

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

#popup .mediaarea {
  clear:both;
  float:left; display:inline;
  padding:0; margin:92px 10px 0 10px;
}

#popup .img_video_container {
  width:440px;
  height:385px;
  background:url("../img/videoplayer.png") 0 0 no-repeat
}

#popup .textarea {
  float:right; display:inline;
  padding:0; margin:92px 26px 0 0;
  width:378px;
}

#popup .textarea .date {
  padding:0; margin:1em 0;
  font-size:.8em;
}

#popup .textarea h2 {
  padding:0; margin:0;
  font-size:1.3em;
}

#popup .textarea p {
  padding:0; margin:0;
}


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

#footer {
  clear:both;
  padding:.8em 0 0 0;
  min-height:70px; /* fix .html paginas zonder sitemap */
}

* html #footer {
  height:70px;
}


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

#sitemap {
  position:relative;
  padding:0; margin:1em 0 2em 0;
  background:#e6e7e8;
}

#sitemap ul {
  position:relative;
  float:left; display:inline;
  padding:0; margin:0;
  width:12em;
  z-index:1000;
}

#sitemap li {
  float:left; display:inline;
  padding:0; margin:0;
  width:11em;
}

#sitemap ul ul {
  padding:0; margin:0 0 0 1em;
  width:9em;
}

#sitemap li li {
  float:left; display:inline;
  padding:0; margin:0;
  width:9em;
}

#sitemap li a {
  display:block;
  position:relative;
  
  font-size:.8em;
  color:#5f604b;
  text-decoration:none;
}

#sitemap li a:hover {
  color:#333;
  text-decoration:underline;
}


/* --------------------- footer_stripes -------------------- */

#footer_stripes {
  position:absolute;
  bottom:-4.5em;
  left:-.6em;
  height:8em;
  width:100%;
  z-index:100;
  
  background:url("../img/footer_stripes.png") 0 100% no-repeat;
}

#footer_circles {
  position:absolute;
  right:-1.2em;
  width:20em;
  height:8em;
  z-index:100;
  
  background:url("../img/footer_circles.png") 0 100% no-repeat;
}

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

#realisation {
  display:none;
}


/* -------------------- searchpage -------------------- */

#searchpage form {
  clear:both;
  padding:.5em 1em; margin:0;

  line-height:1.4em;
  border:1px solid #e5e5e5;
  background-color:#eee;
}

* html #searchpage form { height:1%; }

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

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

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

  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:115%; }

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

#contents .wsc_result dd p a,
#contents .wsc_result dd p a:visited {
  padding:0; margin:0;

  color:#ff8500;
}

#contents .wsc_result dd p {
  padding:0; margin:0;

  color:#666;
}

#wsc_summary { margin:1em 0; }

#wsc_sortby dt,
#wsc_sortby dd {
  display:inline;
  padding:0; margin:0;

  list-style-type:none;
}

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

#wsc_pagenav li {
  display:inline;
  margin:0 .2em;

  list-style-type:none;
}