html, body{
padding : 0;margin : 0;
}
body{
font-size : small;
line-height: 1.5em;
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
color : #585238;
text-align : center;
background : #000 url(/images/body-bg.gif);
}
/************************************************
*	containing divs
************************************************/
#container{
position : relative;
width : 660px;
margin : 0 auto;padding : 30px 0 0 0;
background : #fff url(/images/container-bg.gif) repeat-y 0 0;
min-height: 520px;
}
#header{
position : relative;
margin : 0;
/*background : #000000;*/
height : 149px;
border : 3px solid #C00;
border-width : 3px 0 3px 0;
background-image: url("/images/banniere-TEMP.jpg");
}
h1{
position : absolute;
top : 40px;left : 22px;
width : 203px; height : 52px;
margin : 0; padding : 0;
background : #000 url(/images/h1.gif) no-repeat 0 0;
text-indent : -3000px;
}
h2{
position : absolute;
top : 92px;left : 22px;
width : 203px; height : 20px;
margin : 0; padding : 0;
background : #000 url(/images/h2.gif) no-repeat 0 0;
text-indent : -3000px;
}
#content{
float : right;
width : 414px;
padding : 10px 15px 10px 30px;
text-align : left;
}
#leftcol{
float : left;
padding : 17px 0 10px 0;
width : 200px;
}
#footer{
font-size : 80%;
width : 660px;
margin : 0 auto;padding : 12px 0 0 0;
height : 77px;
background : url(/images/footer-bg.gif) no-repeat 0 0;
clear : both;
}

/************************************************
*	extra divs
#dandys{
position : absolute;
top : 10px; left : 240px;
}
#dandys img{
behavior: url(/style/pngbehavior.htc);
}
************************************************/
#leftpage{
position : absolute;
background : transparent url(/images/left-page.gif) no-repeat 0 0;
top : 10px; left : -34px;
width : 34px; height : 510px;
}
/************************************************
*	navigation
************************************************/
ul#nav{
text-align : center;
margin : 0; padding : 6px 0 6px 0;
background : #DDD7B8 url(/images/nav-bg.jpg) repeat-x 0 0;
list-style : none;
width : 660px;
border-bottom : 1px solid #B9B393;
}
ul#nav li{
display : inline;
padding : 7px 0 7px 0;margin : 0;
}
ul#nav li.first{
border-left : 1px solid #A69F7E;
}
ul#nav li.last{
border-right : 1px solid #F0EDE1;
}
ul#nav li a{
font-family:"Times New Roman", Times, serif;
font-size : 110%;
text-decoration : none;
color : #88815F;
font-weight : bold;
padding : 7px 20px 7px 20px;
border-left : 1px solid #F1EEE1;border-right : 1px solid #9E9673;
background : #DDD7B8 url(/images/nav-bg.jpg) repeat-x 0 0;
}
ul#nav li a:hover,ul#nav li a.busy{
text-decoration : underline;
color : #585238;
border-left : 1px solid #E0DBC5;
background : #E0DBC5 ;
}

#nav-extra{
  position:absolute;
  list-style:none;
  left:35px;
  top:-30px;
}
#nav-extra li{
  border-left:1px solid #000;
  padding:0 .5em;
  display:inline;
}
#nav-extra li:first-child{
  border-left:none;
  padding-left:0;
}
/************************************************
*	leftcol
************************************************/
#leftcol h3{
background : #DDD7B8 url(/images/nav-bg.jpg) repeat-x 0 0;
border : 1px solid #9C9682;
border-left : none;
font-size : 120%;
letter-spacing: 0.1em;
font-family:"Times New Roman", Times, serif;
color : #88815F;
text-align : left;
padding : 5px 5px 5px 30px;margin : 16px 0 5px 0;
}
#leftcol div.qualitylabel{
margin : 16px 0 0 0;
position : relative;
}
#leftcol div.qualitylabel a{
display : block;
background : #DDD7B8 url(/images/nav-bg.jpg) repeat-x 0 0;
border : 1px solid #9C9682;
border-left : none;
font-size : 120%;
letter-spacing: 0.1em;
font-family:"Times New Roman", Times, serif;
color : #88815F;
font-weight : bold;
text-align : left;
padding : 5px 5px 5px 40px;
margin : 0;
}
#leftcol div.qualitylabel a:hover{
text-decoration : underline;
color : #CC0000;
}
#leftcol div.qualitylabel img{
behavior: url(/style/pngbehavior.htc);
position : absolute;
left : -30px;
top : -10px;
}
#leftcol ul{
text-align : left;
list-style : none;
margin : 0; paddding : 0;
}
#leftcol li{
}
#leftcol a{
color : #9C9682;
text-decoration : none;
padding-left : 15px;
background : url(/images/leftcol-li.gif) no-repeat 0 50%;
margin-left : 30px;
display : block;
}
#leftcol a:hover, #leftcol a.busy{
color : #C00;
text-decoration : underline;
}

/*  #flickr badge */
#flickr{
  width:100%;
  padding-right:0;
}
#flickrlink{
  clear:left;
}
#flickr div{
  float:left;
  margin:0 0px 8px 0;
  padding:0;
}
#flickr a{
  color:#9C9682;
  background:0;
  padding:0;
}
#flickr img{
  border-color:#9C9682;
  height:55px;
  width:55px;
}

/************************************************
*	footer
************************************************/
#footer #gorilla{
border-left: 1px solid #000;
margin-left:8px;
padding-left:8px;
}
/************************************************
*	generic tags
************************************************/
#content h3,h4,p,ul{
margin : 0 0 15px 0; padding : 0;
}
#content img{
float : left;
background : #fff;
padding : 4px;margin : 0 8px 8px 0;
border : 1px solid #d9e0e6;
border-bottom-color : #c8cdd2;
border-right-color : #c8cdd2;
}
#content ul{
list-style : none;
}
#content li{
margin-bottom : 5px;
}
#content h4{
margin : 0 0 5px 0;
}
#content blockquote{
float : left;
width : 220px;
margin : 0 20px 10px 0;
background : url(/images/bq_top.gif) no-repeat 0 0;
text-align : center;
padding : 25px 0 0 0;
}
#content blockquote span{
font-size : 140%;
letter-spacing: 1px;
color : #9A978A;
font-family:"Times New Roman", Times, serif;
background : url(/images/bq_bottom.gif) no-repeat 0 100%;
padding : 0 0 25px 0;
display : block;
}
#content blockquote#multiple{
float : left;
color : #9A978A;
font-size : 90%;
width : 200px;
margin : 0 20px 10px 0;padding : 0;
background : #F1F0EA;
text-align : left;
}
#content blockquote#multiple p{
padding : 0 20px 20px 20px;margin : 0; 
border : 1px solid #C0B998;border-width : 0 1px 0 1px;
}
#content blockquote#multiple h4{
background : url(/images//bq_multiple_top.gif) no-repeat 0 0;
padding : 20px;margin-bottom : 0;
text-indent : 0;
font-style:oblique;
}
#content blockquote#multiple p.last{
border : none;
background : url(/images/bq_multiple_bottom.gif) no-repeat 0 100%;
}
#content blockquote#multiple em{
display : block;
color : #9C9162;
font-size : 100%;
}
em{
color : #999068;
font-size : 80%;
}
/************************************************
*	titles
************************************************/
#content h3{
font-size : 160%;
letter-spacing: 0.1em;
font-family:"Times New Roman", Times, serif;
color : #CC0000;
background : url(/images/h3-bg.gif) no-repeat 0 0;
text-align : center;
text-transform: uppercase;
padding : 31px 0 12px 0;
}
#content h4{
font-size : 140%;
font-family:"Times New Roman", Times, serif;
}
/************************************************
*	links
************************************************/
a{
color : #CC0000;
text-decoration : underline;
}
a:hover{
color : #CC0000;
text-decoration : none;
}

/************************************************
*	newsfeed in content-sec
************************************************/
#newsfeed div{
  border-bottom:1px solid #9C9682;
  padding:4px 0 4px 29px;
  text-align:left;
}
#newsfeed h4, #newsfeed p{
  font-size:12px;
  margin-bottom:0;
}
#newsfeed a{
  margin-left:0;
}

/************************************************
*	nieuws
************************************************/
div.news_article{
margin-bottom : 30px;
}
div.reacties{
font-size : 80%;
margin-top : 10px; padding : 0 0 5px 0; 
border-bottom : 1px solid #9C9682;
}
div.reacties p.postdatum{
display : inline;
border-right : 1px solid #9C9682;
padding : 0 15px 0 15px;
margin-right : 10px;
text-decoration : none;
color : #9C9682;
background : transparent url(/images/postdatum.gif) no-repeat 0 50%;
}
div.reacties a.reacties{
padding-left : 20px;
text-decoration : none;
color : #9C9682;
background : transparent url(/images/reacties.gif) no-repeat 0 50%;
}
div.reacties a:hover{
color : #C00;
}
div.reactie{
background : #F3F2ED;
border : 1px solid #C2BEAF;
padding : 10px;
margin-bottom : 10px;
}
div.reactie em{
color : #999068;
font-size : 80%;
}
div.reactie h4{
border-bottom : 1px solid #C2BEAF;
background : transparent url(/images/reacties.gif) no-repeat 0 5%;
padding-left : 24px;
}
div.reactie p{
margin-bottom : 0;
}
/************************************************
*	fotos
************************************************/
ul#imagegallery{
list-style : none;
float:left;
width:414px;
}
ul#imagegallery li{
  float:left;
}
ul#imagegallery a{
  background-color:#FFF;
  background-position:center;
  background-repeat:no-repeat;
  float:left;
  height:54px;
  text-indent:-3000px;
  width:54px;
  padding : 4px;margin : 0 8px 0 0;
  border : 1px solid #FFFFFF;
  border-bottom-color : #c8cdd2;
  border-right-color : #c8cdd2;
}
ul#imagegallery a:hover{
  padding : 4px;margin : 0 8px 0 0;
  border : 1px solid #d9e0e6;
  border-bottom-color : #c8cdd2;
 border-right-color : #c8cdd2;
}
/************************************************
*	form
************************************************/
#form{
background : #eee;
padding : 20px;
border : 1px solid #ccc;
margin : 0 0 20px 0;
}
legend{
font-family:  "Lucida Grande",Arial, sans-serif;
font-size:90%;
font-weight:600;
color:#666;
letter-spacing:2px;
margin: 20px 0 0 0 ;padding:0 0 10px 0;
}
fieldset{
clear : left;
text-align : left;
border : none;
padding : 0 0 0 0;
}
fieldset div.cr label, fieldset div.cr input{
display : inline;
width : 15px;
font-weight : normal;
}
fieldset br{
display : none;
}
fieldset div{
clear : left;
padding : 0 0 15px 0;
}
fieldset label{
color : #999;
font-weight : bold;
display : block;		
margin: 0 0 5px 0;
}
fieldset input{
padding : 3px;
display : block;
width : 300px;
border : 1px solid #ccc;
}
fieldset textarea{
padding : 3px;
clear : left;
display : block;
width : 300px;
height : 150px;
border : 1px solid #ccc;
}
fieldset.sbmt{
margin-top : 20px;
}

/* notes & error handling */
.validation-advice{
  background:#F0F0F0 url(/images/bullet_error.png) no-repeat 0 center;
  color:#CC0000;
  display:inline;
  font-size:0.8333em;
  font-weight:normal;
  padding:0 .25em 0 18px;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}

/************************************************
*	generic classes
************************************************/
.hidden{
  display:none;
}
#content img.left{
float : left;
margin : 0 20px 20px 0;
}
#content img.right{
float : right;
padding : 0 0 10px 10px;
}
.fl{
float : left;
}
.fr{
float : right;
}
.cl{
clear : left;
}
.cr{
clear : right;
}
.cb{
clear : both;
}
/************************************************
*	Hacks
************************************************/
* html #leftcol h3{
margin-top : 33px;/* only ie sees this*/
}
* html #leftcol div.qualitylabel{
margin-top : 33px;/* only ie sees this*/
}
*html #leftcol div.qualitylabel img{
left : -130px;/* only ie sees this*/
}