@CHARSET "UTF-8";
/* clearfix hack, floats will be floats and IE will obey the rules */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  } 
.clearfix {
  display: inline-block;
  } 
html[xmlns] .clearfix {
  display: block;
  } 
* html .clearfix {
  height: 1%;
  }
/* general settings */
*{
  margin: 0;
  padding: 0;
  font-family: verdana, tahoma, arial, sans-serif;
  }
ul{
  list-style-type:none;
  }  
img{
  border:0px;
  }
body{
  font-size:10px;
  color:#232733;
  background-color:#3c484f;
  }
a{
  font-size:10px;
  color:#6e7d2c;
  }
fieldset{
  border:0;
  }
.nostyle{
  display: none;
  }
.hometitel{
  font-size:12px;
  color:#86340e;
  font-weight:bold;
  }
#wrapper .cufon{
  color:#fff;
  }
#wrapper{
  margin:0 auto;
  width:1000px;
  background: #86340e url('../i/g/bg-wrapper.jpg') repeat-y left top;
  padding-top:8px;
  }
/* header */
#wrapper #header{
  position:relative;  
  margin:0 54px;
  width:886px;
  height:170px;
  background: #202430 url('../i/g/bg-header-bottom.jpg') no-repeat left bottom;
  }
#wrapper #header h1 a{
  display:block;
  background: #202430 url('../i/g/logo-hafaro.jpg') no-repeat left bottom;
  width:100%;
  height:166px;
  text-indent:-9999em;
  cursor:pointer;
  }
#wrapper #header #banner-top{  
  position:absolute;
  left:420px;
  top:12px;
  }
#wrapper #header #nav-primary{
  position:absolute;
  top:170px;
  left:216px;
  background:transparent;
  width:206px;  
  text-align:right;
  }
#wrapper #header #nav-primary li{
  border-top:1px solid #86340e;
  font-size:12px;
  padding-top:4px;
  height:30px;
  background: transparent url('../i/g/mouseover.png') no-repeat 0 0;
  }    
#wrapper #header #nav-primary li a{
  display:block;
  text-decoration:none;
  color:#fff;
  background: transparent url('../i/g/bol.png') no-repeat 185px 9px;
  padding-right:38px;
  padding-top:5px;
  height:30px;
  }
#wrapper #header #nav-primary li a:hover{
  background: transparent url('../i/g/bigbol.png') no-repeat 185px 7px;
  }  
#wrapper #header #nav-primary li.last{
  border-bottom:1px solid #86340e;
  }
#wrapper #content{
  background: #373d4c url('../i/g/bg-body.jpg') repeat-y left top;
  min-height:450px;
  }  
#wrapper #content #site-content{
  float:right;
  width:400px;
  padding-right:30px;
  padding-top:25px;
  margin-right:60px;
  }
#wrapper #content #site-content h2{  
  display:block;
  background: transparent url('../i/g/list-item-reddot.png') no-repeat left 2px;
  padding-left:15px;
  margin-bottom:7px;
  font-size:11px;
  color:#86340e;
  /*font-weight:normal;*/
  }  
#wrapper #content #site-content{
  line-height:1.5em;
  }
#wrapper #content #site-content p{
  margin-bottom:10px;
  }
#wrapper #content #banner-left{
  float:left;
  margin-left:54px;
  }
#wrapper #footer{
  background: #3c484f url('../i/g/bg-footer.jpg') no-repeat left top;
  height:25px;
  padding-top:20px;
  }
#wrapper #footer dl {
  margin-left:160px;/* change this depending on the content-width of footerinfo */
  }
#wrapper #footer dl dd{
  float:left; 
  }
#wrapper #footer dl ul li{
  float:left; 
  }
#wrapper dd,
#wrapper ul{
  font-weight:bold;
  }
#wrapper #footer dd a,
#wrapper #footer ul li a{
  text-decoration:none;
  color:#232733;
  }
#wrapper #footer dl dd a:hover{
  text-decoration:underline;
  }
#wrapper #footer dl dd{
  background: #3c484f url('../i/g/list-item-pipingblue.png') no-repeat left top;  
  padding-left:10px;
  padding-right:6px;
  }
#wrapper #footer dl dd.first{
  background: none; 
  padding-left:0px;
  }
#wrapper #footer dl dd ul li{
  background: #3c484f url('../i/g/list-item-colon.png') no-repeat left center;  
  padding-left:10px;
  padding-right:6px;
  }
#wrapper #footer dl dd ul li.first{
  padding-left:0px;
  background: none; 
  }
  
.form{
  border:1px solid #ccc;
  font-size:11px;
  width:250px;
  }
.knop{
  border:1px solid #ccc;
  background-color:#cccccc;
  font-size:11px;
  }