/* 
/* (CC) Wevolve, 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:Arial, Verdana, Helvetica, sans-serif;
  font-size:83%;
  color:#333;
  background:/*url("../img/bg_repeat.gif") 0 0 */#999;
}


/* -------------------- 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:1em auto;
  width:58em;

  text-align:left;
  background:#ccc;
}


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

#header {
  font-size:1em;
  background:url("../img/header_border.png") 0 0 no-repeat;
}

#header .inner {
  padding:1em 0; margin:0 0 0 1em;
  background:url("../img/header_border.png") 100% 0 no-repeat;
}

h1#branding {
  float:left; display:block;
  padding:0; margin:1em 0 0 .25em;
  
  text-transform:uppercase;
}

h1#branding a {
  padding:0; margin:0;
  
  color:#333;
  font-weight:normal;
  text-decoration:none;
}

#slogan {
  float:left; display:block;
  padding:0; margin:1.75em 0 0 1em;
  width:12em;
  
  font-size:1.2em;
  font-weight:normal;
  font-style:italic;
}


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

#contents {
  background:url("../img/content_border.png") 0 0 repeat-y;
}

#contents .inner {
  padding:.5em; margin:0 0 0 1em;
  background:url("../img/content_border.png") 100% 0 repeat-y;
}

#contents h1,
#contents h2 {
  font-weight:normal;
}


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

#page {
  padding:.25em .5em 1em .5em; margin:0 .5em 0 -.5em;
  border:1px dashed #ccc;
  background:#f5f5f5;
}

#page a {
  color:#333;
}

#page a:hover {
  color:#ccc;
  background:#333;
}


/* -------------------- newsblock -------------------- */

.newsblock {
 	float:left; display:inline;
  padding:0; margin:.5em .25em;
  width:17.75em;

  color:#333;
  background:#ddd;
}

.newsblock.last {
	float:right; display:inline;
  padding:0; margin:.5em .25em .5em 0;
}

.newsblock h2 {
  padding:.25em; margin:0 0 .5em 0;

  font-weight:bold;
  font-size:1em;
  text-transform:uppercase;
  background:#fff;
}

.newsblock h2 a {
  display:inline;
  text-decoration:none;
  color:#333;
}

.newsblock h2 a:hover {
  text-decoration:underline;
  color:#000;
}

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

#contents .newsblock li a {
  display:block;
  padding:.1em .25em .1em .25em; margin:0 0 .25em 0;
  width:19.2em;

  font-size:.9em;
  text-decoration:none;
  color:#333;
  border-bottom:1px solid #ccc;
}

#contents .newsblock li a:hover {
  color:#000;
  border-bottom:1px dotted #666;
  background:#fff;
}


/* -------------------- visualblock -------------------- */

.visualblock {
  padding:.5em; margin:1em .25em;
  
  text-align:center; 
  color:#ccc;
  background:#666;
}


/* -------------------- visualblock -------------------- */

#links .block01,
#links .block02 {
  float:left; display:inline;
  
  width:27em;
}

#links .block01 {
  padding:0; margin:0 2em 0 0;
}

#links .block02 {
  padding:0; margin:0;
}

#links h2,
#links dt {
  padding:0; margin:0;
}

#links dd {
  padding:0; margin:0 0 .5em 0;
  font-size:.9em;
  color:#666;
}


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

form.standardform {
  margin:1em 0;
}

form.standardform fieldset {
  display:block; 
  margin:0 .5em 1.5em .5em;
  border:1px dashed #999;
}

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

  font-size:1.4em;
  border:1px solid #999;
}

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.gif") 97% 0 no-repeat;
}

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

  background:url("../img/asterisk.gif") 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: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: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:#c00;
}

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

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


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

#footer {
  color:#fff;
  background:url("../img/footer_border.png") 0 100% no-repeat #eee;
}

#footer .inner {
  padding:1em .5em; margin:0 0 0 1em;
  background:url("../img/footer_border.png") 100% 100% no-repeat;
}


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

#footernav ul {
  padding:0 0 1em 0; margin:0 0 0 -.25em;

  list-style-type:none;
}

#footernav li {
  display:inline;
  padding:0 .5em 0 0; margin:0;
}

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

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

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


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

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