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

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

.clear { min-height:0; } 

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-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 */ 

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


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

#header {
  background:url("../img/header_bg.png") 0 100% repeat-x #c00;
}

#header_container {
  padding:0 0 1em 0;
  margin:0 auto;
  width:62em;
  
  text-align:left;
  background:url("../img/header_container_bg.png") 0 100% repeat-x;
}

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

#branding a {
  display:block;
  width:88px;
  height:86px;

  background:url("../img/SNA_logo.png") 0 50%;
}

#slogan {
  float:left; display:inline;
  padding:0; margin:1em;

  color:#fff;
}


/* -------------------- newletter_language -------------------- */

#newsletter_language {
  float:right; display:inline;
  padding:1em 0; margin:0;
  
  font-size:.85em;
}

#newsletter_language ul,
#newsletter_language li {
  padding:0; margin:0;
  list-style-type:none;
}

#newsletter_language a {
  color:#eee;
  text-decoration:none;
}

#newsletter_language a:hover {
  color:#fff;  
  text-decoration:underline;
}


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

#mainnav {
  clear:both;
  float:left; display:inline;
  padding:1em 0 .5em 0;
  width:50em;
}

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

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

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

  border-right:1px solid #faaaaa;
}

#mainnav li.last {
  border-right:none;
}

#mainnav a,
#mainnav strong {
  padding:.25em; margin:0;

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

#mainnav a:hover {
  color:#fff;
  text-decoration:underline;
}

#mainnav li.onpath a,
#mainnav strong { text-decoration:underline; }

.search {
  float:right; display:inline;
  position: relative;
}

.search form {
  padding:0; margin:0;

  font-size:1.1em;
}

.searchtext {
  width:8em;
}

.searchsubmit {
  margin:0 0 -.5em 0;
}

.jsEnabled .overlabel {
  position:absolute;

  top:6px;
  left:5px;
  z-index:1;
  color:#999;
}


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

#contents {
  margin:0 auto;
  width:65em;

  text-align:left;
  background:url("../img/page_border_right.png") 100% 0 repeat-y #fff;
}

#contents_shade {
  padding:1em 0 0 2em;
  margin:0 2em 0 0;
  background:url("../img/page_border_left.png") 0 0 repeat-y #fff;
}

#page {
  float:left; display:inline;
  padding:0 0 2em 1em;
  margin:0;
  width:46em;
  min-height:30em;

  font-family:Verdana, Arial, sans-serif;
  color:#777;
}

html>body #page {  /* fix clearing floats inside #page for standard browsers. avoid IE6 Guillotine Bug */
  float:left;
  display:inline;

  padding:0 1em 2em 1em;
  width:46em;
}

#homepage #page {
  width: auto;
}

#page .title {
  font-family:Verdana, Arial, sans-serif;
  color:#c00;
  font-weight:normal;
}

#page p {
  font-family:Verdana, Arial, sans-serif;
  font-size:1em;
  line-height:1.4em;
  color:#777;
}

#page a {
  color:#c00;
  text-decoration:none;
}

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



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

#visual {
  padding:1em .2em;
  margin:0;

  text-align:center;
}

#visual ul {
  margin: 0 0 1em 0; padding:0;

  list-style-type:none;
}

#visual li {
  float:left; display:inline;
  padding:0; margin:0;
  width: 20%;
}

* html #visual li { width: 19.9%; }
* html #visual #img_container { width: 98.5%; }

#visual a,
#visual strong {
  display:block;
  padding:.5em 0;
  margin:0 .15em;

  color:#c00;
  font-size:1.4em;
  font-weight:normal;
  text-align: center;
  text-decoration:none;
  border:1px solid #c00;
  background: #fff url("../img/submenu_bg.png") 0 100% repeat-x;
}

* html #visual a,
* html #visual strong {
  height:1px;
}

#visual a:hover,
#visual strong {
  color:#000;
  background:#fff;
}

#visual h2 {
  color:#666;
}

#img_container {
  clear:both;
  overflow:hidden;
  position:relative;
  margin:auto;
  width:100%;
  height:150px;

  border:1px solid #ccc;
  background:#eee;
}

#visual #img_container img {
  position:absolute;
  top:0;
  left:0;
}

.jsEnabled #visual #img_container img {
  display:none;
}


/* -------------------- visual_sub -------------------- */

#visual_disciplines {
  padding:0; margin:0;
  width:46.5em;
  height:150px;

  text-align:center;
  float: left;
}

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

#visual_disciplines #right {
  float:right; display:inline;
}

#visual_disciplines a {
  display:block;
  width:23em;
  height:150px;
}

#visual_disciplines span {
  position:absolute;

  background:url("../img/magnify.gif") 100% 100% no-repeat;
}


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

#crumbtrail {
  float:left; display:inline;
  padding:.5em 0 0 1em; margin:0;
  width:54em;

  font-size:.85em;
}

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

  list-style-type:none;
}

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

  list-style-type:none;
}

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

#crumbtrail li a:hover {
  color:#c00;
  text-decoration:underline;
  background-position:100% 51%;
}

#crumbtrail li span,
#crumbtrail li strong {
  text-decoration:none;
  font-weight:normal;
  line-height:1.4em;
}


/* -------------------- menucontainer -------------------- */

#menucontainer {
  float:right; display:inline;
  padding:0 0 2em 0; margin:0;
  width:12em;
}


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

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

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

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

#localnav ul ul {
  padding:.2em 0 .4em 1em;
  margin:0;

  font-size:.9em;
  list-style-type:none;
}

#localnav li {
  float:left; display:inline;
  padding:.1em 0;
  width:100%;
}

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

  color:#c00;
  font-weight:normal;
  text-decoration:none;
  border-bottom:2px solid #fff;
}

* html #localnav a,
* html #localnav strong { height: 1px; }  /* IE 6 hover */

#localnav a:hover {
  border-bottom:2px solid #c00;
}

#localnav strong {
  color:#000;
}


/* -------------------- disiplines -------------------- */

#disiplines {
  padding:0 1em 0 0; margin:2em 0;
}

#menucontainer #disiplines {
  padding: 0;
  margin: 0;
}

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

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

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

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

  color:#333;
  font-weight:normal;
  text-decoration:none;
  border:1px solid #c00;
  background:url("../img/submenu_bg.png") 0 100% repeat-x;
}

* html #disiplines a,
* html #disiplines strong { height: 1px; }  /* IE 6 hover */

#disiplines li.onpath strong,
#disiplines li.onpath a {
  color:#c00;
}

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

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

  color:#c00;
  font-weight:normal;
  font-size:.85em;
  text-decoration:none;
  border:none;
  background:none;
}

#disiplines li li a:hover,
#disiplines li li strong {
  color:#000;
}

#disiplines a:hover {
  background:transparent;
}



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

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

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

.pagenav .previous,
.pagenav .pageindex {
  float:left; display:inline;
}

.pagenav .pageindex {
  display:inline;
  margin:0 0 0 28%;
}

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

.pagenav a {
  display:block;
  padding:.25em;
  
  text-decoration:underline;
  color:#c00;
}

.pagenav a:hover {
  clear:both;

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


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

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

#thumbnails dd {
  display:block;
  padding:1em 0 0 0; margin:0;
  width:120px;
  height:120px;
  
  text-align:center;
  background:#f5f5f5;
}

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

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

#thumbnails dt a {
  display:block;
  padding:.25em 0;

  color:#c00;
  text-align:center;
  font-size:.9em;
}

#thumbnails dt a:hover {
  color:#fff;
  text-decoration:none;
  background:#c00;
}


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

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

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

#thumbnailstrip li.next {
  float:right; display:inline;
}

#thumbnailstrip a img {
  border:3px solid #fff;
}

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

#thumbnailstrip p.overview a {
  display:inline;
  padding:.25em;
  margin:1.5em 0;

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

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

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

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


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

#photo {
  clear:both;
  padding:.5em 0;
  text-align:center;
}

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

#photo dt {
  font-size:1.6em;
  font-weight:bold;
  color:#c00;
}


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

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

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

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

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

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

  color:#666;
  width:12em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

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 {
  padding:1em 0; margin:0;
  
  list-style-type:none;
}

form.standardform .required li label {
  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  width:18em;

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

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

form.standardform small {
  display:block;
  padding:0 0 .5em 0;
  margin:0 0 0 17em; /* margin + fontsize compensation */ 

  color:#666;
}

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

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



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

#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:#c00;  /* color:#008000; */
}

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

  color: #999;
}

#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;
  position:relative;
  color:#666;
  background:#dedede;
}

#footer_shade {
  padding:1em 0 4em 0;
  background:url("../img/footer_border_right.png") 0 0 repeat-y;
}

#footer_container {
  margin:0 auto;
  width:65em;

  text-align:left;
  background:#ececec;
  background:url("../img/footer_border_left.png") 100% 0 repeat-y #ececec;
}


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

#footernav {
  float:left; display:inline;
  padding:1em 0 0 0;
  margin:0 2em;
}

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

  list-style-type:none;
}

#footernav li {
  display:inline;
  padding:0 .5em 0 0; margin:0;
  
  border-right:1px solid #aaa;
}

#footernav li.last {
  border-right:none;
}

#footernav a,
#footernav strong {
  padding:.25em; margin:0;

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

#footernav li.onpath a,
#footernav a:hover, 
#footernav strong {
  color:#000;
  text-decoration:underline;
}

#footer .search {
  margin:1em 2em 0 0;
}

#properties {
  clear:both;
  padding:0; margin:0 2.5em;
  
  font-size:.9em;
  color:#999;
}

#properties a {
  color:#999;
  text-decoration:none;
}

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


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

#realisation {
  position:absolute;
  right:1em; bottom:1em;
  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;
}