<!--
/* Pretty Stuff
================================== */
/* Zero down margin and paddin on all elements */

* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 /*background-color:#fff;*/
}

a{
color:#000;
text-decoration: underline;
}

a:hover, a:active{
color:#4C6D41;
text-decoration: underline;
}

img #content {
float: right;
margin: 30px;
}

img{border:none;}

#content ul{
padding: 0 0 0 20px;}

* html #content ul{
padding: 0;}


h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.1em;
}

h1, h2{
margin: 0;
padding: 0;
}
p {
padding: 0 0 10px;
}


#branding h1 {
  margin: 0;
  padding:0;
}

#branding {
  height: 283px;
 background: url(../images/header.jpg) 0 -30px no-repeat;
 margin: 0;
  padding: 0;
}

#mainNav {
list-style: none;
}

#footer {
background-color:#b0b0b0;
padding: 1px 20px 20px 0;
}

/* The Core Technique
================================= */

body{
text-align: center; 
min-width: 780px;
background: url(../images/body_bg.jpg) left top repeat-x;
}

#wrapper {
background: url(../images/wrapper_bg.jpg) left top repeat-y;
width: 780px;
margin: 0 auto; 
text-align: left;
/*background-color: #fff;*/
}

* html #wrapper{
width: 780px;
w\idth: 780px;
}

#content { 
width:520px;
padding:0 10px 0 30px;
margin:0;
float: left; 
}

* html #content { 
padding:0 0 0 20px;
margin:0;
width:520px;
w\idth: 500px;
}

#navigatie, #navigatie li{
float:left;
list-style-type:none;
height: 134px;
margin:0;
padding:0;
}

#navigatie{
background:url(../images/nav_over1.jpg) left 0 no-repeat;
width: 562px;
margin:0;
padding:0;
}

#navigatie li a{
margin:0;
padding:0;
}

body#home a.home:link, body#home a.home:visited{
background:url(../images/nav_over1.jpg) left 0 no-repeat;
display:block;
float:left;
height:134px;
width: 124px;
}

a.home:link, a.home:visited{
background:url(../images/nav_over2.jpg) left 0 no-repeat;
display:block;
float:left;
height:134px;
width: 124px;
}

a.visie:link, a.visie:visited{
background:url(../images/nav_over1.jpg) -124px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 95px;
}

a.visie:hover, a.visie:active{
background:url(../images/nav_over2.jpg) -124px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 95px;
}

a.bedenker:link, a.bedenker:visited {
background:url(../images/nav_over2.jpg) -219px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 123px;
}

a.bedenker:hover, a.bedenker:active{
background:url(../images/nav_over1.jpg) -219px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 123px;
}

a.contact:link, a.contact:visited{
background:url(../images/nav_over1.jpg) -342px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 106px;
}

a.contact:hover, a.contact:active{
background:url(../images/nav_over2.jpg) -342px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 106px;
}

a.links:link, a.links:visited{
background:url(../images/nav_over2.jpg) -446px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 114px;
}

a.links:hover, a.links:active{
background:url(../images/nav_over1.jpg) -446px 0 no-repeat;
display:block;
float:left;
height:134px;
width: 114px;
}

#mainNav { 
background: url(../images/eyecatcher_off.jpg) right top no-repeat;
height:800px;
width: 218px;
float: right;
margin:0;
padding:0; 
} 

* html #mainNav { 
width: 218px;
margin:0;
padding:0; 
} 

#eyecatcher{
background: url(../images/eyecatcher_bg.jpg) left top no-repeat;
width: 198px;
height: 274px;
margin:0;
padding:0;
}

* html #eyecatcher{
width: 198px;
w\idth: 198px;
}

#footer { 
background-color: #f5f5f5;
border-left: 1px solid #3F5343;
border-right: 1px solid #3F5343;
border-bottom: 1px solid #3F5343;
clear: both; 
padding: 0 10px;
text-align: center;
} 

#footer a{
color: #999;
}

.eyecatcher, .eyecatcher li {
list-style-type:none;
text-align:left;
width: 219px;
margin: 0;
}
* html .eyecatcher{
width: 209px;
margin: 0;
padding:0;
}
.eyecatcher li{
padding: 20px 0 0 15px;
}

* html .eyecatcher li{
width: 199px;
padding: 20px 0 0 15px;
margin: 0;
}

div.eye  a{
color: #fff;
display:block;
font-size: 1.2em;
font-weight:bold;
padding: 0;
margin: 14px 0 0 14px;
width: 170px;
text-align: center;
}

* html div.eye  a{
padding: 0;
margin: 14px 0 0 14px;
width: 170px;
}

.Teaser{
background: url(../images/steen_bg.jpg) 100px bottom no-repeat;
padding: 10px 0 30px 0;
margin: 0 0 0 10px;
width: 190px;
color: #4C6D41;
font-size: 11px;
}

* html .Teaser{
padding: 0;
margin: 10px 0 30px 10px;
width: 190px;
}

.Announcements{
background: url(../images/steen2_bg.jpg) left bottom no-repeat;
padding: 10px 0 30px 0;
margin: 0 0 0 10px;
width: 190px;
color: #000;
font-size: 11px;
}

* html .Announcements{
width: 190px;
w\idth: 190px;
}

/* Add some padding
================================== */

#mainNav {
/*border-left: 1px solid #3F5343;*/
padding:0;
margin:0;
}

/*#content * {
padding-right: 10px;
}*/

#content * * {
padding-right: 0;
}
/* zoekfunctie
=================================== */

div.zoek{float:right;margin: 25px 40px 0 0;}
* html div.zoek{position: relative; top: 0;right: -40px;}
* html div#branding fieldset{width: 110px;}
input#livesearch{width: 110px;}
#LSResult { position: absolute; background-color: #fff; width: 350px;margin: 0 60px 0 0;border:1px solid #999; }
#LSShadow { padding: 5px; }
#LSRes { background-color: #fff; }
.LSRow { padding: 0 5px; }
#LSHighlight { background-color: #aaa; }
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #555; }