/* 
/* (CC) 2010 Wevolve
/* 
/* 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;
  color:#000;
  text-align:center;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:83%;
  background:#86c64e url("../img/body_bg.jpg") 0 0 no-repeat;
}


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

.jsenabled .nojs,
.nocss {
  display:none;
  text-indent:-9999em;
}

a img {
  border:0;
  vertical-align:bottom;
} /* set image border to zero */

a:hover,
a:active,
a:focus { }

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


/* -------------------- headerbg stripe -------------------- */ 

#headerbg {
  position:absolute;
  height:145px;
  top:0;
  left:0;
  right:0;
  background:transparent url("../img/header_bg_bottom.png") 0 0 repeat-x;
}

#stripe {
  position:absolute;
  height:91px;
  width:30%;
  top:0;
  left:0;
  z-index:1;
  background:url("../img/header_repeat.png") 0 0 repeat-x;
}


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

#wrapper {
  position:relative;
  margin:0 auto;
  width:800px;
  text-align:left;
  z-index:10;
}


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

#header {
  height:130px;
  background:#fff url("../img/header_bg_bottom.png") 0 10em repeat-x;
}

#branding {
  float:left;
  display:inline;
  padding:0;
  margin:0 0 0 -3.75em;
}

#branding a {
  display:block;
  width:302px;
  height:91px;
  background:#fff url("../img/branding.png") 0 0 no-repeat;
}

#ahead {
  float:right;
  display:block;
  padding:0;
  margin:15px 0 0 0;
  color:#dfefd1;
  font-size:3em;
}

#slogan {
  clear:both;
  float:left;
  display:block;
  padding:0;
  margin:0;
  width:20em;
  color:#706f6f;
  font-size:1em;
}

#phone {
  position:relative;
  float:right;
  display:block;
  padding:0;
  margin:0;
  width:15em;
  color:#706f6f;
  font-size:1em;
}


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

#contents {
  clear:both;
  overflow:hidden;
  position:relative;
  border-top:0 none;
}

#content_head {
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  background:#fff url("../img/page_bg.png") 50% 100% no-repeat;
}

#content_foot {
  height:10px;
  width:800px;
  background:#fff url("../img/page_bg_bottom.png") 50% 100% no-repeat;
}

#shadow {
  position:relative;
  height:15px;
  width:100%;
  z-index:1000;
  background:transparent url("../img/page_bg_top.png") 0 100% repeat-x;
}


/* ---------------------- frontpage -------------------- */

#frontpage {
  position:relative;
  left:0;
  top:-15px;
  height:17em;
  width:800px;
  z-index:10;
  background:#009ad1 url("../img/home_page_bg.png") 50% 0 repeat-x;
}

#frontpage ul {
  float:left;
  display:inline;
  padding:0;
  margin:2em 0 0 2em;
  width:16em;
}

#frontpage li {
  float:left;
  display:inline;
  padding:0;
  margin:0 0 .75em 0;
}

#frontpage a {
  position:relative;
  display:block;
  padding:0 0 0 1.25em;
  width:16em;
  color:#fff;
  font-size:1.6em;
  text-decoration:none;
  z-index:100;
  background:url('../img/home_arrows.png') 0 50% no-repeat;
}

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

#globe {
  position:absolute;
  top:22px;
  left:360px;
  width:192px;
  height:208px;
  z-index:1;
  background:url("../img/globe.png") 0 0 no-repeat;
}


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

#mainnav {
  position:relative;
  float:right; 
  display:inline;
  margin:-15px 2em 1em 2em;
  z-index:10;
}

#mainnav_container {
  overflow:hidden;
  padding:10px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  background:#ececec;
}

#home #mainnav { margin:-241px 2em 1em 2em; }

#mainnav ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

#mainnav li {
  padding:0;
  margin:0 .5em 0 0;
}

#mainnav li.last { margin:0; }

#mainnav a,
#mainnav strong {
  display:block;
  padding:10px 3px;
  margin:0;
  width:165px;
  color:#000;
  font-weight:normal;
  text-decoration:none;
  border-bottom:1px solid #ccc;
}

#mainnav .last a { border:0 none; }

#home #mainnav .onpath a,
#mainnav .current strong,
#mainnav a:hover {
  text-decoration:underline;
  background:#fff;
}

#mainnav_foot {
  padding:0 10px;
  height:10px;
  width:180px;
  background:url("../img/mainnav_foot.png") 0 100% no-repeat;
}

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

#page {
  position:relative;
  padding:0 2em 4em 2em;
  margin:0;
}

#currentdate { 
  position:absolute; 
  right:250px; 
  top:-2.5em;
  font-size:.9em;
  color:#999;
}

#page h1,
#page h1.title {
  padding:0;
  margin:1em 0 .25em 0;
  font-size:2em;
  width:400px;
  font-weight:normal;
}

#page h2,
#page h2.title {
  padding:0;
  margin:1.5em 0 .25em 0;
  font-size:1.6em;
  font-weight:normal;
}

#page p { margin:0 0 1em 0; line-height:1.4em; }

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

#page a { color:#86c64e; } /* firefox 3 / safari 3 */

#page .left { float:left; }
#page .right { float:right; margin:3.5em 0 2em 2em; }


/* -------------------- ColorBox Core Style -------------------- */

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  overflow:hidden;
}

#cboxOverlay {
  position:fixed;
  width:100%;
  height:100%;
}

#cboxMiddleLeft,
#cboxBottomLeft { clear:left; }

#cboxContent {
  position:relative;
  overflow:visible;
}

#cboxLoadedContent { overflow:auto; }

#cboxLoadedContent iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
}

#cboxTitle { margin:0; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor:pointer; }

/* ---------- ColorBox example user style ---------- */

#cboxOverlay { background:#fff; }

#colorbox { }

#cboxContent { margin-top:32px; }

#cboxLoadedContent {
  background:#000;
  padding:1px;
}

#cboxLoadingGraphic { background:url("../img/loading.gif") center center no-repeat; }

#cboxLoadingOverlay { background:#000; }

#cboxTitle {
  position:absolute;
  top:-22px;
  left:0;
  color:#000;
}

#cboxCurrent {
  position:absolute;
  top:-22px;
  right:205px;
  text-indent:-9999px;
}

#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
  text-indent:-9999px;
  width:20px;
  height:20px;
  position:absolute;
  top:-20px;
  background:url("../img/controls.png") 0 0 no-repeat;
}

#cboxPrevious {
  background-position:0px 0px;
  right:44px;
}

#cboxPrevious.hover { background-position:0px -25px; }

#cboxNext {
  background-position:-25px 0px;
  right:22px;
}

#cboxNext.hover { background-position:-25px -25px; }

#cboxClose {
  background-position:-50px 0px;
  right:0;
}

#cboxClose.hover { background-position:-50px -25px; }

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious { right:66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position:-75px -25px;
  right:44px;
}

.cboxSlideshow_on #cboxSlideshow.hover { background-position:-100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position:-100px 0px;
  right:44px;
}

.cboxSlideshow_off #cboxSlideshow.hover { background-position:-75px -25px; }


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

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

form.standardform fieldset,
div.standardform fieldset {
  display:block;
  border:1px solid #86c64e;
}

form.standardform legend,
div.standardform legend {
  padding:.25em .5em;
  font-size:1.4em;
  background:#fff; /* hide seetrough in IE */
}

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

form.standardform p,
form.standardform div.formfield,
div.standardform p,
div.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;
}

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 { }

/* 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;
}

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

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

form.standardform .button,
div.standardform .button {
  margin:1em 0 3em 15em;
  color:#fff;
  font-weight:bold;
}

form.standardform .button {
  float:left;
  display:inline;
  padding:.25em 1em;
  font-size:1.1em;
  text-decoration:none;
  border:1px solid #666;
  background:#86c64e;
}

form.standardform .button span {
  float:right;
  display:inline;
  padding:.5em 1.5em .5em 0;
  margin:0;
}

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

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

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

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

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

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


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

#footer {
  clear:both;
  overflow:hidden;
  padding:2em;
  margin:0;
  color:#fff;
  font-size:.9em;
}

#footer ul {
  position:relative;
  float:left;
  display:inline;
  padding:0;
  margin:0 55px 0 0;
  width:210px;
}

#footer .last {
  float:right;
  margin:0;
}

#footer li {
  float:left;
  display:inline;
  padding:0;
  margin:0;
  width:100%;
}


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

#realisation {
  float:right;
  padding:0 1em 1em 0;
  z-index:100;
}

#realisation a {
  display:block;
  margin:0 1em 1em 0;
  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;
}