/* 
/* (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:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;
  font-size:83%;
  border-top:5px solid #ff8500;
  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 { 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 {
  margin:0 auto;
  width:60em;

  text-align:left;
}


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

#header {
  padding:0; margin:4.5em 0 1em 0;
}

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

#branding a {
  display:block;
  padding:0; margin:0;
  width:83px;
  height:38px;
  
  background:url("../img/tass_logo.png") 0 100% no-repeat;
}


/* -------------------- shortcutscontainer -------------------- */

#shortcutscontainer {
  float:right; display:inline;
  width:35em;
}

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

#shortcuts {
  float:right; display:block;
  padding:0 0 0 1em; 
  margin:1.6em 0 0 1em;

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

#shortcuts ul {
  float:left; display:inline;
  padding:0 .5em 0 0; margin:0;
  height:20px;

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

#shortcuts li {
  float:left; display:inline;
  padding:0 .5em; margin:0;
  
  border-right:1px solid #ccc;
}

#shortcuts li.last {
  border:none;
}

#shortcuts a,
#shortcuts strong {
  display:block;
  padding:0; margin:3px 0;

  color:#666;
  font-size:.9em;
  text-decoration:none;
}

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


/* ---------------------- language -------------------- */

#header .language {
  float:right; display:inline;
  padding:0; margin:1.5em 0 0 1em;
  
  color:#fff;
  text-decoration:none;
}

#header .language select {
  padding:0; margin:0;
}


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

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

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

#header .searchtext {
  float:left; display:inline;
  padding:2px 7px 0 0; margin:0 5px 0 7px;
  width:80px;

  border:0;
  background:none;
}

#header .background {
  float:left;
  display:inline;
  width:122px;
  height:20px;

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

#header .searchsubmit {
  float:left; display:inline;
  padding:0; margin:-1px 0 0 0;
}

#header .overlabel {
  float:left;
  display:inline;
  padding:3px 0.2em 0 0;
  color:#999;
}

.jsEnabled #header .overlabel {
  position:absolute;
  float:none;
  padding:0;

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


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

#mainnav {
  float:left; display:inline;
  padding:0; margin:0;
  width:21em;
  height:15em;

  list-style-type:none;
  background:url("../img/mainnavbg.png") 0 100% no-repeat #007ac3;
}

#mainnav ul {
  float:left; display:inline;
  padding:1.75em 0 0 1em; margin:0 0 0 1.5em;
}


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

.tassbe #mainnav li {
  float:left; display:inline;
  padding:0; margin:.35em 0;
}

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

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

.tassbe #mainnav a,
.tassbe #mainnav strong {
  font-size:1.2em;
}

#mainnav a:hover,
#mainnav li.onpath a,
#mainnav li.onpath a span,
#mainnav li.onpath strong span {
  color:#4aa0d4;
}


/* -------------------- image -------------------- */

#image {
  float:right; display:inline;
  padding:0; margin:0;
  width:37.25em;
  height:15em;

  background:url("../img/visual.jpg") 0 100% no-repeat #f5f5f5;
}

#image.outsourcing {
  background:url("../img/visual_detachering.jpg") 0 100% no-repeat #f5f5f5;
}

#image.consultancy {
  background:url("../img/visual_consulting.jpg") 0 100% no-repeat #f5f5f5;
}

#image.abouttass {
  background:url("../img/visual_overtass.jpg") 0 100% no-repeat #f5f5f5;
}

#image.careersattass {
  background:url("../img/visual_werkenbijtass.jpg") 0 100% no-repeat #f5f5f5;
}

#image p {
  padding:0; margin:0;
}


/* -------------------- newsticker -------------------- */

#newsticker {
  clear:both;
  padding:1.5em 0 .5em 0; margin:0 0 .5em 0;

  border-bottom:1px solid #e5e5e5;
}

#newsticker h2 {
  float:left; display:inline;
  padding:.1em 0 0 0; margin:0;
  
  color:#999;
  font-size:1em;
  font-weight:bold;
}

#newsticker p {
  float:left; display:inline;
  padding:0 0 0 .5em; margin:0;

  list-style-type:none;
}

#newsticker a {
  float:left; display:inline;
  padding:0; margin:0;

  color:#999;
  text-decoration:none;
  line-height:1.4em;
}

#newsticker a:hover {
  color:#000;
  text-decoration:underline;
}

  /* Avoid OpenType fonts like Myriad Pro.
     This gives broken anti-aliasing during opacity changes
     in IE when Windows has smooth fonts enabled.

     Also make sure the element gets 'hasLayout'.
   */

* html #newsticker p,
* html #newsticker a {
  height:1px;
  font-family:"Trebuchet MS", Arial, sans-serif; 
}

*+html #newsticker p,
*+html #newsticker a {
  min-height:0;
  font-family:"Trebuchet MS", Arial, sans-serif; 
}


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

#visual_extra {
  width:100%;
  margin:1em 0 .5em;
}

#visual_extra.picture { margin:1.5em 0 0 0; }

#visual_extra div div .clear { padding:1em 1em 0 1.5em; }

#visual_extra h2 {
  color:#f78f1e;
  font-size:1.4em;
  font-weight:normal;
  font-style:italic;
  padding:0; margin:0;
}

#visual_extra p {
  color:#666;
  font-size:.9em;
  margin:0; padding:0;
}


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

#crumbtrail {
  clear:both;
  padding:1.5em 0 .5em 0; margin:0 0 .5em 0;

  border-bottom:1px solid #e5e5e5;
}

#crumbtrail h2 {
  float:left; display:inline;
  padding:0; margin:0;
  
  color:#999;
  font-size:1em;
  font-weight:bold;
}

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

  list-style-type:none;
}

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

  list-style-type:none;
}

#crumbtrail li span,
#crumbtrail li a span {
  float:left; display:inline;
  padding:0 1.5em 0 0; margin:0;

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

#crumbtrail li a:hover span {
  color:#ff8500;
  text-decoration:underline;

  background-position:100% -33px;
}

#crumbtrail li strong span {
  color:#ff8500;
  text-decoration:none;
  font-weight:normal;
  background:none;
}


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

#page {
  float:left; display:inline;
  padding:0 0 4em 0; margin:0;
  width:40em;
  min-height:20em;

  color:#666;
}

#page.width60 { width:60em; }

#page.width60 form.standardform label,
#page.width60 div.standardform label { 
  width:20em;
  font-size:1.1em;
}

/* #page.width60 form.standardform .inputgroup { margin:0 0 0 21em; } */
#page.width60 form.standardform .inputgroup { margin:0 0 0 .5em; font-size:1em; }

#page .title {
  color:#f78f1e;
  font-weight:normal;
  font-style:italic;
  font-stretch:condensed;
}

#page .subtitle {
  color:#f78f1e;
  font-weight:normal;
}

#page p.intro,
#page .wh-intro {
  color:#666;
  font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;
  font-size:1.3em;
  line-height:1.5em;
}

#page .wh-normal,
#page div.formfield,  /* omdat forms ook P hebben... */
#page p {
  color:#666;
  font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;
  font-size:1.1em;
  line-height:1.5em;
}


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

#dedicated.box {
  float:left; display:inline;
  padding:0 0 0 .25em;
  margin:1em 0 1em 0;
  width:21em;

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

#case.box {
  float:left; display:inline;
  padding:0 0 0 .25em;
  margin:1em 0 1em 1.5em;
  width:17.6em;

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

.box {
  float:right; display:inline;
  padding:0 0 0 .25em;
  margin:1em 0 1em 0;
  width:17.6em;

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

.box div {
  padding:0 0 .25em 0;

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

.box div div {
  padding:0 .25em 0 0;

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

.box div div div {
  padding:.25em 0 0 0;
  margin:0 0 0 -.25em;

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

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

  background:none;
}


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

#column {
  float:right; display:inline;
  padding:0; margin:0;
  width:17.6em;
}


/* -------------------- contentbox -------------------- */

.contentbox {
  float:left; display:inline;
  padding:0; margin:0;
  width:17.6em;

  background:#f6f6f6;
}

#dedicated .contentbox {
  float:left; display:inline;
  padding:0; margin:0;
  width:21em;

  background:#f6f6f6;
}

.contentbox h2 {
  padding:.5em 1em 0 1em; margin:0;

  color:#f78f1e;
  font-size:1.4em;
  font-weight:normal;
  font-style:italic;
}

.contentbox p {
  padding:.5em 1em 0 1.5em; margin:0;

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

.contentbox ul {
  float:left; display:inline;
  padding:1em 1em 1em 2em; margin:0;
}

.contentbox li {
  float:left; display:inline;
  padding:.25em 0; margin:0;
}

.contentbox li a,
.contentbox li strong {
  display:block;
  padding:0 .4em 0 2em;
  margin:0;
  width:14.1em;
  line-height:16px;

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

.contentbox li a:hover,
.contentbox li strong {
  color:#fe8604;
  background:url("../img/localnav.png") 0 -48px no-repeat;
}

.contentbox p strong {
  float:left;
  padding:0; margin:1em 0;
  width:11em;

  color:#fe8604;
}

.contentbox .icon {
  float:right;
  margin:.5em;
}

.contentbox img {
  margin:1em 0;
}

.contentbox blockquote {
  margin:.5em 1.5em 0 1.5em;
  color:#666;
  font-size:1.3em;
  font-style:italic;
}

.contentbox .button a,
#visual_extra .button a {
  clear:both;
  float:right; display:inline;
  padding:0 0 0 1.5em;
  margin:0 .5em 1em 0;

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

#page .contentbox .button:hover,
#page .contentbox .button-hover,
#visual_extra .button:hover,
#visual_extra .button-hover {
  background:url('../img/button.png') 0 103% no-repeat;
  cursor:pointer;
}

.contentbox .button a span,
#visual_extra .button a span {
  float:left; display:inline;
  padding:.4em 1.5em .6em 0;
  margin:0;
  cursor:pointer; /* needed for IE */

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

.contentbox .button a:hover,
#visual_extra .button a:hover {
  background-position:0 -71px;
}

.contentbox .button a:hover span,
#visual_extra .button a:hover span {
  background-position:100% -71px;
}


/* --------------------- caseselect -------------------- */

form.selection {
  padding:0; margin:0 0 2em 0;
}

.selection fieldset {
  padding:0; margin:0;

  border:0;
}

.selection select {
  margin:1em 0;
  width:100%;
}


/* --------------------- contentboxform -------------------- */

form#contentboxform {
  padding:0; margin:0;
}

#contentboxform fieldset {
  padding:.5em 2em 0 2em; margin:0;

  border:0;
}

#contentboxform h2 {
  padding:.5em 0 0 0; margin:0;

  color:#f78f1e;
  font-size:1.8em;
  font-weight:normal;
  font-style:italic;
}

#contentboxform select {
  margin:.5em 0;
  width:100%;
}

#contentboxform .input {
  position:relative;
  padding:0 1em;
  margin:1em 0;
  min-height:20px;  /* height of background */

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

* html #contentboxform .input {
  height:20px;
}

#contentboxform input {
  padding:.25em 0;
  margin:0;
  
  color:#333;
  border:0;
  background:none;
}

#contentboxform .input input {
  margin:2px 0 0 0;
  padding:0;
}

.whwp-errors {
  color:#c00;
  font-size:.85em; 
}

#contentboxform .button {
  float:right; display:inline;
  padding:0 0 0 1em;
  margin:0 -.25em 1em 0;

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

#column #contentboxform .button:hover,
#column #contentboxform .button-hover {
  background:url('../img/button.png') 0 103% no-repeat;
  cursor:pointer;
}

#contentboxform .button input {
  padding:.3em 1em .6em 0;
  margin:0;

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

#column #contentboxform .button input:hover,
#column #contentboxform .button input.hover {
  background:url('../img/button.png') 100% 103% no-repeat;
  cursor:pointer;
}

.jsEnabled #contentboxform .overlabel {
  position:absolute;

  top:2px;
  left:10px;
  z-index:1;
  color:#999;
  cursor:text;
}


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

#localnav {
  float:left; display:inline;
  padding:0; margin:0;

  background:#f6f6f6;
}

#localnav ul {
  float:left; display:inline;
  padding:1em 0 1em 1.5em; margin:0;

  font-size:1.2em;
}

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

#localnav li {
  float:left; display:inline;
  padding:0; margin:0;
  width:12em;
}

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

  color:#007ac3;
  font-weight:normal;
  text-decoration:none;
  background:url("../img/localnav.png") 0 7px no-repeat;
}

#localnav li a:hover,
#localnav li.onpath a,
#localnav li strong {
  color:#fe8604;
  background:url("../img/localnav.png") 0 -43px no-repeat;
}


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

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

  border-bottom:1px solid #e5e5e5;
}

#news .hover {
  cursor: pointer;
}

#news .title {
  font-size:1.2em;
  font-style:normal;
  text-decoration:none;
}

#news .title .date {
  color:#007ac3;
  text-decoration:none;
}

#news .title a {
  color:#fe8604;
}

#news .text {
  padding:0; margin:0;  
}

#news .text img {
  float:right;
  padding:0; margin:0 0 1em 1em;  
}

#news .link a {
  display:block;
  padding:.5em 1em; margin:.5em 0;  

  color:#fff;
  font-size:1.4em;
  font-style:italic;
  text-decoration:none;
  background:#80bce1;
}

#news .link a:hover {
  background:#f78f1e;
}


/* -------------------- testimonials -------------------- */

#testimonials {
  padding:0; margin:0;
  border-top:1px solid #e5e5e5;
}

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

  border-bottom:1px solid #e5e5e5;
}

#testimonials .image {
  float:left; display:inline;
  padding:0; margin:0 0 .5em 0;
  width:10em; 
}

#testimonials .quote {
  float:left; display:inline;
  padding:0; margin:0;  
  width:30em; 
}

#testimonials .quote a {
  color:#007ac3;
  font-size:1.4em;
  text-decoration:none;
}

#testimonials .quote a:hover {
  color:#f78f1e;
}

#testimonials .jobtitle {
  display:block;
  padding:0; margin:.5em 0;  

  font-size:1em;
}

#testimonials .text {
  display:none;
  clear:left;
  padding:0; margin:1em 0 0 0; 
}

#testimonials dl:hover,
#testimonials dl.hover {
  background:#fdfdfd;
}

#testimonials dl:target > dd.text {
  /* auto expand box in #url, for browsers which support it. */
  display:block;
}


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

.pagenav {
  clear:both;
  padding:.25em; margin:1em 0;
}

.pagenav p { padding:1em 0; }

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

  list-style-type:none;
}

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

  text-align:left;
}

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

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

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

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

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

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

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

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

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

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

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

.pagenav .disabled {
  color:#ccc;
}

.pagenav span { color:#d00; }

.pagenav a { text-decoration:underline; }

.pagenav a:hover {
  clear:both;

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


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

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

  text-align:center;
}

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

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

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

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

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

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

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


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

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

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

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

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

#photo a { padding:0; }

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


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

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

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

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

  list-style-type:none;
}

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

  list-style-type:none;
}

#thumbnailstrip a { padding:0; }

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

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

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

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

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

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

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


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

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

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

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

form.standardform legend,
div.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,
div.standardform label {
  clear:left;
  float:left; display:inline; 
  padding:0 1em 0 0;
  width:10em;

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

form.standardform .formfieldleft,
div.standardform .formfieldleft {
  padding:.5em 0 1em 0;
}

form.standardform .formfieldleft label,
div.standardform .formfieldleft label {
		float:none;
  padding:0 1em 1em .5em;
}

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 {
  clear:both;
  margin:.25em 0 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 11em; }

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:.9em;
}

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

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

.standardform .formfooter,
.standardform .formfooter p {
  position:relative;
  padding:0; margin:0;
}

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

#page .standardform .formfooter .previous { position:absolute; float:left; display:inline; margin:0 0 0 20em; }
#page .standardform .formfooter .next { float:right; display:inline; margin:0 20em 0 0; }


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

#page .standardform .button {
  float:left; display:inline;
  padding:0 0 0 1em;
  margin:0 -.25em 1em 0;
  line-height:17px;
  vertical-align:middle;
  font-size:14px;

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

#page .standardform .button:hover,
#page .standardform .button-hover {
  background:url('../img/button_whitebg.png') 0 100% no-repeat;
  cursor:pointer;
}

.standardform .button input {
  padding:0 1em 0 0;
  margin:0;

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

#page .standardform .button input:hover,
#page .standardform .button input.hover {
  background:url('../img/button_whitebg.png') 100% 100% no-repeat;
  cursor:pointer;
}


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

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


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

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

  color:#fff;
  background:url("../img/footerbg.png") 0 0 repeat-x #bfbfbf;
}

#footerwrapper {
  margin:0 auto;
  width:60em;

  text-align:left;
}


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

#footernav {
  float:left; display:inline;
  padding:4em 0; margin:0;
  width:36em;

  font-size:.9em;
}

.tassbe #footernav {
  width:34em;
}

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

#footernav li {
  float:left; display:inline;
  padding:0; margin:0;
  width:12em;
}

.tassbe #footernav li {
  width:11em;
}

#footernav a,
#footernav strong {
  padding:0; margin:0;

  color:#fff;
  font-weight:normal;
  text-decoration:none;
}

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

#footernav strong { color:#fff; }


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

#footer .language {
  float:right; display:inline;
  padding:0; margin:3.5em 0 0 0;
  
  color:#fff;
  text-decoration:none;
}


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

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

#footer .searchtext {
  float:left; display:inline;
  padding:1px 5px 0 5px; margin:0 7px 0 3px;
  width:70px;

  border:0;
  background:none;
}

#footer .background {
  float:left;
  display:inline;
  width:115px;
  height:20px;

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

#footer .searchsubmit {
  float:left; display:inline;
  padding:0; margin:1px 0 0 0;
}

#footer .overlabel {
  float:left;
  display:inline;
  padding:3px 0.2em 0 0;
  color:#999;
}

.jsEnabled #footer .overlabel {
  position:absolute;
  float:none;
  padding:0;

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


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

#homecopy {
  padding:1em 0; margin:.5em 0;
  
  color:#ccc;
  text-align:right;
  border-top:1px solid #e5e5e5;
}

#copy {
  float:right; display:inline;
  padding:0; margin:4.25em 0 0 1em;
  
  color:#333;
  font-size:.9em;
}


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

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

  color:#ddd;
  line-height:2em;
  font-size:.8em;
}

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

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

#realisation dd a {
  display:block;
  padding:0 0 0 22px;

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

#realisation a:hover {
  color:#fff;
  text-decoration:underline;
  background-position:0 -99px;
}