/*
/* (CC) Wevolve(R), 2010
/* 
/* 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://wevolve.nl/ 
/* e-mail:	info@wevolve.nl 
/* tel.:		+31-(0)74 255 2140 
/* -------------------------------------------------------- */ 


body {
  padding:0; margin:0;
  
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:83%;
  color:#666;
  text-align:center; /* body center for IE5.5 */ 
  background:#666;
}

.clear {
  min-height:0;
}

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

* html .clear { height:1%; } 

.nocss {
  display:none;
}

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

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

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


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

#root #header {
  background:url("../img/landing_header_bg.png") 0 100% repeat-x #5b5f65;
}

#root #header_container { 
  margin:0 auto;
  width:58em;
}

#root #branding {
  float:left; display:inline;
  padding:0; margin:0;
}

#root #branding a {
  display:block;
  width:198px;
  height:4em;

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


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

#header {  
  text-align:left;
}

#root #header_container {  
  width:58em;
}

#links #header_container {  
  width:61em;
}

h1#branding {
  padding:0; margin:0;
}

#branding a {
  float:left; display:block;
  padding:0; margin:.5em;
  width:146px;
  height:3em;

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

#theme h2#themetitle {
  float:left; display:block;
  padding:.5em 0 0 0; margin:0;
  width:11em;
  height:1em;
  
  color:#f5f5f5;
  font-size:2em;
  font-weight:normal;
}

#theme h2#themetitle a {
  color:#f5f5f5;
  text-decoration:none;
  border-bottom:2px solid transparent;
}

#theme h2#themetitle a:hover {
  border-bottom:2px solid #f5f5f5;
}

#slogan {
  float:right; display:inline;
  padding:0; margin:.5em 0;
  width:22em;
  height:2em;
  
  color:#f5f5f5;
  text-align:center;
  font-weight:normal;
}


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

#root #mainnav {
  float:left; display:inline;
  padding:2em 0 0 0; margin:0 0 1em 0;
  width:24em;
}

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

#root #mainnav li {
  float:left; display:inline;
  padding:0 .4em; margin:0;

  list-style-type:none;
}

#root #mainnav a {
  display:block;
  padding:0; margin:0;

  color:#eee;
  text-decoration:none;
  border-bottom:2px solid #222;
}

#root #mainnav a:hover,
#root #mainnav .onpath a,
#root #mainnav .onpath strong {
  color:#fff;
  font-weight:normal;
  border-bottom:2px solid #fff;
}


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

#mainnav {
  float:left; display:inline;
  padding:1.5em 0 0 0; margin:0;
  width:20em;
}

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

#mainnav li {
  float:left; display:inline;
  padding:0 .4em; margin:0;

  list-style-type:none;
}

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

  color:#eee;
  text-decoration:none;
  border-bottom:2px solid transparent;
}

#mainnav a:hover,
#mainnav .onpath a,
#mainnav .onpath strong {
  color:#fff;
  font-weight:normal;
  border-bottom:2px solid #fff;
}


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

#header .search {
  float:right; display:inline;
  position:relative;
  padding:0; margin:1em 0 0 0;
  width:12em;
  
  color:#fff;
  text-decoration:none;
}

#footer .search {
  float:right; display:inline;
  position:relative;
  padding:0; margin:0;
  width:12em;
  
  color:#fff;
  text-decoration:none;
}

#root #header .search {
  padding:0; margin:1.5em 0 0 0;
}

#root #footer .search {
  padding:0; margin:0;
}

.searchtext {
  float:left; display:inline;
  padding:0; margin:0;
  width:8em;
 
  font-size:1.1em;
}

.searchsubmit {
  float:left; display:inline;
  padding:0 0 0 .5em;
  margin:0;
}

.search.searchtext { padding:0; }

.jsEnabled .overlabel {
  position:absolute;

  top:3px;
  left:5px;
  z-index:1;
  color:#999;
  cursor:text;
}


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

#root #contents {
  background:#fff;
}

#root #container {
  margin:0 auto;
  width:56em;

  text-align:left;
}


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

#contents { 
  background:url("../img/page_bg.png") 0 0 repeat-x #f5f5f5;
}

#links #contents { 
  text-align:left;
}

#links #container {
  float:left; display:inline;
  width:76em;
  min-height:40em; 

  background:url("../img/page_bg.png") 0 0 repeat-x #f5f5f5;
}

#menucontainer {
  float:left; display:inline;
  padding:.5em 1em;
  margin:0;
  width:11em;
}


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

#localnav ul {
	padding:.5em 0; margin:0;

  font-size:1.2em;
  list-style-type:none;
}

#localnav ul ul {
	padding:.2em 0 .4em 1em; 
  margin:0;
  font-size:.9em;

  list-style-type:none;
}

#localnav li {
	padding:.1em 0;
}

#localnav a,
#localnav strong {
  display:block;
  padding:.2em .4em; margin:0;
  
  font-weight:normal;
  text-decoration:none;
  border-left:3px solid transparent;
}

#localnav a:hover,
#localnav strong {
  background:#fff;
}


/* -------------------- landing toplinks -------------------- */

#topsection1,
#topsection2,
#topsection3 {
  float:left; display:inline;
  padding:0 .5em 3em .5em; 
  margin:0 2em 0 0;
  width:16em;
  
  list-style-type:none;
  border:1px solid #ccc;
  background:url("../img/links4_deco_landing.png") 100% 100% no-repeat #f5f5f5;
}

#toplinks .billboard_small a {
  display:block;
  height:5em;
}

#topsection1 h3 a,
#topsection2 h3 a,
#topsection3 h3 a {
  color:#666;
  text-decoration:none;
}

#topsection1 h3 a:hover,
#topsection2 h3 a:hover,
#topsection3 h3 a:hover {
  color:#666;
  text-decoration:underline;
}

#root #topsection3 {
  margin:0;
}

#toplinks .dagjeuit .billboard_small {
  margin:0 -.5em;
  height:5em;
  
  background:url("../img/billboards/billboard_small_dagjeuit.jpg") 60% 40% no-repeat #f5f5f5;
}

#toplinks .fotografie .billboard_small {
  margin:0 -.5em;
  height:5em;

  background:url("../img/billboards/billboard_small_photography.jpg") 60% 30% no-repeat #f5f5f5;
}

#toplinks .kinderen .billboard_small {
  margin:0 -.5em;
  height:5em;

  background:url("../img/billboards/billboard_small_kids.jpg") 60% 40% no-repeat #f5f5f5;
}

#root #toplinks h3 {
  font-weight:normal;
}

#root #toplinks ol {
  float:left; display:inline;
	padding:0; margin:0;
}

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

#root #toplinks li a {
  display:block;
  padding:0; margin:0;
  width:16em;
  
  color:#666;
  font-weight:normal;
  line-height:1.6em;
  border-bottom:1px solid #f5f5f5;
}

#root #toplinks li a:hover {
  color:#000;
  background:#fff;
}


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

#news h2 {
  font-weight:normal;
}

#news dl {
	padding:.5em; margin:0;
}

#news dt {
	padding:.25em 0; margin:0;
}

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

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

#news dd a {
  text-decoration:none;
  border-bottom:2px solid transparent;
}

#news dd a:hover {
  border-bottom:2px solid #333;
}

#news dl:hover {
  background:#fff;
}


/* -------------------- themes -------------------- */

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

#themes h2 {
  font-weight:normal;
  font-size:1.2em;
}

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

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

  list-style-type:none;
}

#themes li a {
  display:block;
  padding:0;
  width:11em;
  
  color:#666;
  line-height:1.6em;
  font-weight:normal;
  text-decoration:none;
  border-bottom:2px solid #f5f5f5;
}

#themes li a:hover {
  background:#fff;
}


/* -------------------- page_container --------------------- */ 

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


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

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

#billboard p {
  width:48em;
  height:10em;
  
  border:1px solid #ddd;
}


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

#location {
  padding:0 0 .5em 0; margin:0;
  width:56.5em;

  font-size:.85em;
  background:#f5f5f5;
}

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

  list-style-type:none;
}

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

#location li a {
  float:left; display:inline;
  padding:0 1em 0 0;
  margin:0 .5em 0 0;

  color:#999;
  text-decoration:none;
  line-height:1.4em;
  background:url("../img/pathway.gif") 100% 0 no-repeat;
}

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

#location li strong {
  color:#333;
  text-decoration:none;
  font-weight:normal;
  line-height:1.4em;
}


/* --------------------- newlink -------------------- */

#location .newlink {
  float:right; display:inline;
  padding:0; margin:0;
  
  text-align:right;
}

#link .newlink {
  padding:0; margin:0 0 1em 0;
  
  font-size:.85em;
  text-align:right;
}

.newlink a {
  color:#666;
}

.newlink a:hover {
  color:#000;
}


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

#root #page {
  padding:3em 2em 5em 2em;
  margin:0 0 2em 0;
  
  border:1px solid #ddd;
  background:url("../img/links4_deco.png") 100% 100% no-repeat #fff;
}

#root #pagetitle {
  color:#666;
  font-weight:normal;
}

#root #page p {
  line-height:1.2em;
}


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

.wh_title {
  padding:1em 0 .5em 0;
  margin:0 0 .5em 0;

  font-weight:normal;
}

#links #page {
  padding:1em 1em 3em 1em;
  margin:0 0 1em 0;
  width:46em;

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

#links #pagetitle {
  font-size:1.5em;
  font-weight:normal;
}

#links h2 {
  font-size:1.2em;
  font-weight:normal;
}

#links #page p {
  line-height:1.2em;
}


/* -------------------- subsectionlist -------------------- */ 

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

#subsectionlist ul {
  float:left; display:inline;
  padding:.5em; margin:0;
  border:1px solid #ccc;
}

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

#subsectionlist a {
  display:block;
  padding:.25em; margin:0;
  width:14em;
  
  text-decoration:none;
  border-left:3px solid #fff;
}

#subsectionlist a:hover {
  background:#f5f5f5;
}


/* -------------------- subjects -------------------- */ 

#subjects {
  clear:both;
  padding:.5em .5em 2em .5em;
  margin:0 0 4em 0;
  
  border:1px solid #ccc;
  background:url("../img/links4_deco_landing.png") 100% 100% no-repeat #f5f5f5;
}

#subjects ul {
  float:left; display:inline;
  padding:0 0 0 .5em; margin:0;
  width:13em;
  
  list-style-type:none;
}

#subjects li {
  padding:0; margin:0;
  width:12em;
  
  list-style-type:none;
}

#subjects li a {
  display:block;
  padding:0 .25em; margin:0;
  
  color:#666;
  font-weight:normal;
  line-height:1.8em;
}

#subjects li a:hover {
  color:#000;
  background:#fff;
}

#subjects #searchpage ul,
#subjects #searchpage li {
  width: auto;
}

#subjects #searchpage li a {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 100%;
}


/* -------------------- linklist -------------------- */

#linklist {
  clear:both;
  padding:1em 0 2em 0; margin:0;
}

#linklist dl {
  padding:.5em; margin:0;

  border-bottom:1px solid #fff;
}

#linklist dl:hover {
  border-bottom:1px solid #ccc;
  background:#f5f5f5;
}

#linklist dt {
  float:left; display:inline;
  
  line-height:1.8em;
}

#linklist dt a {
  padding:0 0 0 2em;
  
  font-size:1.1em;
  text-decoration:none;
  border-bottom:2px solid transparent;
  background:url("../img/link_icon.png") 0 40% no-repeat;
}

#linklist dt a:hover {
  text-decoration:none;
}

#linklist dd.date {
  float:right; display:inline;
  
  color:#999;
  font-size:.9em;
}

#linklist dd.description {
  clear:both;
  padding:0; margin:0;
  
  font-size:.9em;
}


/* -------------------- showdetails -------------------- */ 

#linklist .showdetails {
  font-size:.85em;
}

#linklist .showdetails a {
  text-decoration:none;
}

#linklist .showdetails a:hover {
  text-decoration:underline;
}

.hide {
  display:none;
}

dd.showdetails {
  margin:0;
}


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

form.standardform {
  margin:1em 0;
}

form.standardform fieldset {
  display:block; 
  margin:0 .5em 1.5em .5em;

  border:1px dashed #ccc;
  background:#fff;
}

form.standardform legend {
  padding:.25em .5em;

  font-size:1.4em;
  border:1px solid #ccc;
  background:url("../img/blank.png") #fff; /* hide seetrough in IE */
}

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

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

#links form.standardform label {
  width:12em;
}

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

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

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

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

form.standardform .required label,
form.standardform .required h4 {
  background:url("../img/asterisk.png") 97% 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; 
}

#links form.standardform .inputgroup {
  padding:0; margin:0 0 0 13em; 
}

form.standardform .inputgroup label {
  width:100%;

  background:none;
}

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

form.standardform input.error,
form.standardform select.error,
form.standardform textarea.error {
  border:2px 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:18em;
  padding:0.2em;
}

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

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

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

  color:#666;
}

#links form.standardform small {
  display:block;
  margin:.5em 0 0 17em; /* margin + fontsize compensation */ 
  width:24em;
}

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

form .inputgroup small,
#links form .inputgroup small {
  margin-left:0; /* reset margin for small */ 
}

form.standardform .button {
  margin:1em 0 1em 16em;
}


/* -------------------- dl.standardlist -------------------- */

dl.standardlist dt {
  clear:left;
  float:left; display:inline;
  padding:0 1em;
  width:10em;

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

dl.standardlist dd {
  padding:0;
  margin:0 0 0 12em;
}

div.standardlist dl.formfield dd:after {
  content:"."; /* fix positioning for empty dd */
  visibility:hidden;
}


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

div.standardform { margin:1em 0; }

div.standardform fieldset {
  display:block;
  margin:0 .5em 1.5em .5em;

  border:1px dashed #ccc;
  background:#fff;
}

div.standardform legend {
  padding:.25em .5em;

  color:#8f3c10;
  font-size:1.4em;
  border:1px solid #ccc;
  background:url("../img/blank.png") #fff; /* hide seetrough in IE */
}

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

  color:#8f3c10;
  text-align:right;
  font-weight:normal;
}

div.standardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;
  width:12em;

  font-size:1em;
  color:#8f3c10;
  text-align:right;
  font-weight:normal;
}

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

div.standardform dl {
  padding:1em 0; margin:0;

  list-style-type:none;
}

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

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

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

  line-height:1.4em;
}

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

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

div.standardform .button { margin:1em 0 1em 13em; }


/* -------------------- search page and results -------------------- */

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

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

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

div.searchoption3,
div.searchoption6 {
  width: 27%;
}

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

  font-weight:bold;
}

.wsc_highlight { font-weight:bold; }

.wsc_result { padding-top:1em; }

.wsc_result dt { font-size:115%; }

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

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

  color:#008000;  /* green results */
}

#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;
}


/* --------------------- promo -------------------- */

#promo {
  float:left; display:inline;
  padding:0;
  margin:1em 0 0 1em;
  width:160px;
}

#links #toplinks {
	padding:.25em .5em;
  margin:0;
  
  border:1px solid #ccc;
  background:#fff;
}

#links #toplinks h2 {
  font-weight:normal;
}

#links #toplinks ol {
  float:left; display:inline;
	padding:0; margin:0;
  
  list-style-type:none;
}

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

#toplinks li a {
  display:block;
  padding:0; margin:0;
  
  color:#666;
  line-height:1.6em;
  font-weight:normal;
  text-decoration:none;
  border-bottom:2px solid #fff;
}

#toplinks li a:hover {
  background:#f5f5f5;
}

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

#webhare {
  padding:.25em 0;
  margin:0 0 2em 0;

  font-size:.85em;
  text-align:center;
  border:1px solid #ccc;
  background:#fff;
}

#webhare dl,
#webhare dd {
  padding:0; margin:0;
}

#webhare dd a {
  color:#3383c4;
  font-size:.85em;
}


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

#root #footer {
  clear:both;
}

#root #footer_container {
  margin:0 auto;
  width:56em;
}


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

#footer {
  clear:both;
  padding:1em 0 5em 0;

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

#links #footer_container {
  padding:0 0 0 13.5em;
	 margin:0;
  width:48em;
}


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

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

#footernav li {
  padding:0 .4em; margin:0;
}

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

  color:#eee;
  text-decoration:none;
  border-bottom:2px solid #666;
}

#footernav a:hover,
#footernav .onpath a,
#footernav .onpath strong {
  color:#fff;
  font-weight:normal;
  border-bottom:2px solid #fff;
}


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

#realisation {
  clear:both;
  float:right; display:inline;
  padding:0 1em 1em 0;
  z-index:10000;
}

#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;
}