/*
*   Styles watercycle.nl
*   made by Matthijs Abeelen,
*   Sitestone webdesign
*   www.sitestone.nl
*   version: 1.0
*   august 2006
*
--------------------------------------- */

html,body,form, fieldset {
  margin:0;padding:0;
  }
body {
  font: 76%/140% arial,verdana,sans-serif;
  text-align:center;
  color:#555;
  background:#fff url(../img/bg_body.gif) no-repeat center top;
  padding-bottom:10px;
  }
  
/* initialise */  
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {margin: 1em 0;padding: 0;}  
li, dd, blockquote {margin-left: 1.5em;} 
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 100%;}

/* layout stuff */
div#container{width:750px;margin:0 auto;text-align:left;}
div#wrapper {margin:5px 0;}
div#content{float:right;width:525px;padding:0 0 20px;min-height:400px;}
div#sub{float:left;width:185px;}
div#footer{clear:both;width:525px;float:right;}

/* typo */
h2,h3,h4 {margin:1.2em 0 .9em; font-weight:normal;}
h2 {font-size:1.75em; color:#1F3145; padding:0;}
h3 {font-size:1.1em; color:#97B64C; margin:1.5em 0 .7em; text-transform:uppercase;}
h4 {font-weight:bold; }
p {margin:0 0 10px;}
ol li {margin-left:2em;}
a:link {color:#7396BF; text-decoration: none;}
a:visited {color:#888; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}

/* header stuff */ 
div#header {
  position:relative;
  height:170px;
  margin:25px 0 0;
  background:transparent url(../img/bg_header.gif) no-repeat bottom right;
  }
div#header h1 {
  display:block;
  height:100px;
  width:195px;
  margin:0;
  padding:0;
  background: transparent url(../img/logo.gif) no-repeat 0 0;
  color: #666;
  }
div#header h1 a {
  display:block;
  height:100px;
  width:195px;
  text-indent:-9999px;
  margin:0;
  padding:0;
  }
div#language a { 
  position:absolute;
  right:0;
  top:23px;
  border:solid #bbb;
  border-width:0 1px;
  font-size:.8em;
  line-height:1em;
  padding:5px 5px 0;
  text-transform:uppercase;
  }

/* main content */  
div#content p {
  line-height:1.4;
  font-size:.95em;
  }
a.more {
  float:right;
  height: 13px;
  line-height:13px;
  width: 70px;
  margin:0;
  background: #fff url(../img/bg_more.gif) no-repeat 0 0;
  text-indent: -3000px;
  }
a.more:hover {
  background-position: 0 -13px;
  }
.publist { }
.publist li {margin-top:.2em;}  
p.sub {color:#777;}
/* images */
img { 
  border:1px solid #ddd;
  padding:2px;
  }
img.noborder {
  border:0px;
  padding:0px;
  }
img.left {
  display:block;
  float:left;
  margin:0 10px 10px 0;
  }
img.right {
  display:block;
  float:right;
  margin:0 0 10px 10px;
  }
.clear {clear:both;}

/* navigation stuff */
ul#nav { 
  list-style: none; 
  font-size:1em;
  border-top: 1px solid #1F3145;
  padding-top:15px; 
  padding-bottom: 10px; 
  margin:1px 0px 30px; 
  }
ul#nav li { 
  margin:0;
  padding:0;
  border-bottom: 1px solid #dedede; 
  }
ul#nav li a, ul#nav strong { 	
  font-size:.85em;
  line-height: 1.5em;
  padding: 2px 0;
  text-transform:uppercase;
  text-decoration: none;
  font-weight:bold;
  display:block;
  color:#7396BF;
  }
ul#nav a:hover, ul#nav li strong { 
  color: #3f3f3f;
  background:#eee;
  } 
/* tweede nivo */
ul#nav li ul {margin:0;padding:0;}
ul#nav li ul li {
  margin:0;padding:0;
  line-height:normal;
  border-bottom:1px solid #fff;/* this or one ugly IE hack in a seperate IE file... */
  border-top:1px solid #dedede;
  }
ul#nav li ul li a, ul#nav li ul li strong {padding-left:15px;}

/* sub stuff */
div#sub{
  border-top:0px solid #4E4E4E;
  margin-top:25px;
  background: transparent url(../img/bg_sub_top.gif) no-repeat 0 0;
  padding-top:10px;
  }
div#sub p {
  font-size:.9em;
  color:#888;
  }
#sub ul {
  list-style:none;
  margin:0;
  }
#sub ul li {
  margin:0;
  }
#sub ul#adres {
  margin-top:25px;
  }
#sub ul#adres li {
  font-size:.9em;
  color:#888;
  padding-left: 1px;
  }
#sub ul#adres h4 { 
  color:#666;
  margin:0;
  text-transform:uppercase;
  font-size:1em;
  }

/* sitemap */
ul#sitemap {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1px;
  border: 0;
}
ul#sitemap li {
  margin: 0;
  padding: 0 0 0 1px;
  line-height: 1.4em;
  list-style: none;	
}
ul#sitemap li ul {
  margin: 0 0 0px 0;
  padding: 0;
}
ul#sitemap li ul li {
  background:  transparent url(../img/horizontal_dot.gif) 0 0.5em no-repeat;
  border-left:  1px dotted #666;
  margin:  0 0 0 15px;
  padding: 0 0 3px 25px;
}



/* footer */
div#footer{
  background:transparent url(../img/bg_footer.gif) no-repeat bottom left;
  color: #aaa;
  }
div#footer p{
  margin:0;
  padding:15px 0px;
  font-size:.9em;
  }
div#footer a{
  display:inline;
  padding:0;
  }