div .clearer {
clear: both;
line-height: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin: 0;
padding: 0;
}
/* normalize font-size and font-weight for headers */
h1,h2,h3,h4,h5,h6 {
font-size : 100%;
font-weight: normal;
font: 11px/16px Verdana, Arial, Lucida, Helvetica, sans-serif;
}
/* normalize fontstyle and font-weight to normal */
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
/* remove li ststyles from lists */
ol,ul {
list-style: none;
}
/* remove border from fieldset and image */
fieldset,img {
border: 0;
}
/* left-aligns text in caption and th */
caption,th,td {
text-align: left;
}
/* removes quotationmarks from q */
q:before,q:after {
content: '';
}
/* remove textdecoration from links */
a, a:link, a:visited {
text-decoration: none;
color: #648601;
}
/*
body {
background: #ffffff url(../img/bk_body.gif) repeat-x top;
text-align: center;
}
*/
body,th,td,fieldset {
font: 11px/16px Verdana, Arial, Lucida, Helvetica, sans-serif;
color: #504c46;
}
#wrap {
  width: 100%;
  text-align: center;
  background: #ffffff url(../img/bk_body.gif) repeat-x top;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
color: #6e695c;
}
input,select,textarea,button {
border: 1px solid #c6bdae;
vertical-align: middle;
font: 1em verdana;
}
.text {
margin-right:4px;
font-size: 1em;
}
.button {
background-color: #dfdcd3;
color: #65625e;
}
.error {
color: #990033;
}
.warning {
color: #990033;
}
/* ----------------------------------- GLOBAL FRAME */
#page {
margin: 0 auto;
width: 789px;
text-align: left;
}
#header {
background: #504c46 url(../img/main_header.jpg) repeat-x top;
color: #eeeeee;
text-transform: uppercase;
height: 144px;
position: relative;
}
#header a {
color: #a7d81c;
}
/* search component */
#search {
margin: 0 0 5px 0;
text-align: right;
}
#search fieldset {
border: none;
}
#search img {
vertical-align: top;
border: 0;
}
#search .button {
width: 70px;
}
#search .text {
width: 120px;
}
#content-primary {
float: right;
margin: 0;
padding-top: 29px;
width: 542px;
display: inline;   /* fixes problem left margin (float) in IE6 */
margin-bottom: 10px;
}
#preview {
width: 600px;
} 
#content-secondary {
float: right;
margin: 0 10px 20px 0;
padding-top: 32px;
width: 228px;
display: inline;   /* fixes problem left margin (float) in IE6 */
}
#footer {
clear: right;
margin: 30px 0 0 0;
background: #ffffff url(../img/footer_rettichkiempje.jpg) no-repeat right;
}
#footer a {
color: #65625e;
text-decoration: underline;
}
#footer .txt_footer{
margin-top: 0px;
padding: 0 10px 0 10px;
border-top: 1px solid #c6bdae;
text-indent: 2px;
color: #65625e;
height: 32px;
font-size: 90%;
text-align: left;
}
#languages {
position: absolute;
text-align: right;
text-transform: uppercase;
top:22px;
width:777px;
font-size:11px;
line-height: normal;
}
#languages li {
display: inline;
padding-top: 23px;
}
#languages img {
border: none;
}
#languages .active {
background: transparent url(../img/flag.gif) no-repeat;
}

#languages .img, #languages .imgActive {
padding-left: 6px;
}

#languages a:hover, #languages .active a {
color: #ffffff;
}
#mainMenu {
position: absolute;
text-align: right;
text-transform: uppercase;
top:100px;
width:777px;
font-size:11px;
line-height: normal;
}
#mainMenu li {
display: inline;
margin-left: 12px;
}
#mainMenu .activelink a {
color: #ffffff;
} 
#mainMenu a:hover{
color: #ffffff;
}
/* com_login_link component */
#loginLink {
float:left;
text-align:right;
width:550px;
text-transform: lowercase;
}
#loginLink a, #loginLink a:visited {
  text-decoration: underline;
}

/* ----------------------------------- CONTENT */

.textblockWrapper {
}

#content-primary p {
padding-bottom: 0px;
padding-top: 10px;
}
#content-primary a,
#content-primary a:visited  {
text-decoration: underline;
}
/* inline wrapper */
#content-primary .inline {
margin: 0;
padding: 16px 0 10px 0;
}
/* article title */
h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 1px;
color: #628f00;
line-height: 23px;
}
/* article subtitle */
h2 {
font-size: 14px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 11px;
color: #628f00;
line-height: 23px;
}
/* subtitle */
h3 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 32px;
color: #628f00;
}
/* category index links */
#content-primary .categoryLinks {
padding-bottom: 18px;
}
/* images */
#content-primary div.CENTER {
text-align: center;
padding-bottom: 6px;
}
#content-primary .imgWrapper  {
/* border-top: 120px solid white; */
}
#content-primary img.LEFT {
float: left;
margin: 10px 16px 18px 1px;
border: 2px solid #c0d470;
}
#content-primary img.LEFT_SIMPLE {
float: left;
margin: 10px 16px 10px 0;
}
#content-primary img.LEFT_FIXED {
float: left;
margin: 16px 16px 18px 1px;
width: 220px;
border: 2px solid #c0d470;
}
#content-primary img.RIGHT {
float: right;
margin: 6px 0 18px 12px;
border: 2px solid #c0d470;
}
#content-primary img.RIGHT_SIMPLE {
float: right;
margin: 6px 0 10px 12px;
}
#content-primary img.CENTER {
margin-top:12px;
width: 540px;
}
/* page icons: print (email, pdf) */
#icons {
text-align: right;
float: right;
}
#icons li {
display: inline;
margin-right: 10px;
}
#icons img {
float:none;
}
/* textblocks on newspages */
#content-primary p.news {
padding-bottom: 0;
}
/* newstitle as part of the newstext block */
span.newstitle {
font-weight: bold;
color: #c21970;
}
/* 'read more' on news pages */
#content-primary p.more {
text-align: right;
padding-right: 12px;
padding-bottom: 14px;
}


/* DOUBLE VIEWPORT
*/
#doubleViewport {
 /*	table-layout: fixed;
	margin-left: -12px;*/
	border-top: 20px solid #fff;
}
#doubleViewport td {
/*    padding: 12px; */
	border-right: 23px solid #fff;
	vertical-align: top;
}
#doubleViewport td p {
	display: block;
	padding: 7px 14px 22px 9px;
}
.viewportTop{
    width: 231px;
	background: #fff url(../img/viewportTop.gif) no-repeat top;
	text-align: center;
}
.viewportCenter{
    width: 231px;
	background: #fff url(../img/viewportCenter.gif) no-repeat top;
}
.viewportBottom{
    padding-top: 3px;
    width: 231px;
	background: #fff url(../img/viewportBottom.gif) no-repeat bottom;
}
.video {
	width: 360px;
	height: 270px;
	border:3px solid #c0d470;
}
.videoYoutube	{
	width:360px;
	height:270px;
}
/* page module: listing */
div.articleList {
border: 0px;
}
div.articleList img {
float: left;
margin-right: 15px;
margin-top: 8px;
}
div.articleList .listwrapper {
float: left;
width: 270px;
padding-left: 16px;
padding-top: 10px;
}
div.articleList .listwrapperWide {
float: left;
width: 500px;
padding-left: 16px;
padding-top: 10px;
}
div.articleList li {
list-style-position: outside;
list-style-image: url(../img/bullet.gif);
}
div.articleList .list {
padding-bottom: 18px;
}
/* standard pagenavigation (previous, back) */
div.nav {
width:100%;
text-align: center;
padding-top: 30px;
}
.nav li {
display: inline;
margin-right: 12px;
}
.nav a, .nav a:visited {
text-decoration: underline;
}
/* INLINES */
/* links for weblink, download, catalog */
#content-primary ul.articleLinks {
padding-top:6px;
margin-bottom: 18px;
}
#content-primary ul.articleLinks li {
padding:0;
margin-bottom: 0.3em
}
#content-primary ul.articleLinks p  {
font-style: italic;
padding-top:1em;
padding-bottom: 0.2em;
}
#content-primary ul.articleLinks p.link {
padding:0;
font-style:normal;
}
/* imagelink */
#content-primary ul.imagelink {
margin: 0;
padding: 0;
border-top: 10px solid #fff;
margin-top: 0px;
}
#content-primary ul.imagelink li {
padding: 2px;
background-color: #66635e;
margin-right: 8px;
float: left;
}
#content-primary ul.imagelink li.last {
margin-right: 0px;
}
#content-primary ul.imagelink img {
width: 168px;
height: 123px;
border: none;
}
#content-primary ul.imagelink a.text {
display: block;
padding-right: 5px;
color: #ffffff;
text-decoration: none;
text-align: right;
/* font-size: 90%; */
}
/* calendar */
#content-primary ul.calendar {
padding-top: 12px;
}
#content-primary ul.calendar ul {
padding-bottom: 18px;
}
#content-primary ul.calendar .date {
border-top: 2px solid #c0d470;
font-size: 94%;
padding-top:10px;
}
#content-primary ul.calendar .event {
font-weight: bold;
padding-top: 8px;
color: #628f00;
}
#content-primary ul.calendar .event_location {
font-style: italic;
}
#content-primary ul.calendar .description {
padding-top: 8px;
}
#content-primary ul.calendar .more {
padding-right: 12px;
text-align: right;
}
#content-primary ul.calendar a  {
text-decoration: underline;
}
/* inline: table module */
.inl_table {
width: 100%;
}
.inl_table th {
font-weight: bold;
}
/* OTHER CONTENT */
/* navigation for searchresult page */
#search_results .nav li {
display: inline;
margin-right: 12px; font-weight: bold;
}
#search_results .nav li.active {
color: #FF0066;
}
.sitemapSub {
  margin-left:20px;
  color: #c21970;
}
.cadre {
background-color: #F0F4DD;
padding: 0 20px 20px 20px;
}
.heading {
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
color: #628f00;
line-height:40px;
}

/* ----------------------------------- SIDEBAR */
/* block within the left/right menubar */
#content-secondary .subBlock {
background-color: #fff;
margin-bottom: 0px;
border-bottom: 26px solid white;
width: 190px;
}
/* title */
#content-secondary h4 {
background: #fff url(../img/sidebar_header.gif) no-repeat;
font-size:11px;
line-height: 20px;
text-transform: uppercase;
text-indent: 6px;
color: #628f00;
margin-bottom:8px;
}
/* subtitle */
#content-secondary h5 {
margin: 6px 0 0 6px;
font-weight: bold;
color: #504c46;
}
/* text paragraphs */
#content-secondary p {
margin: 0 0 6px 6px;
line-height: 125%;
padding: 0;
}
#content-secondary a {
text-decoration: underline;
}
/* list of (active) links */
#content-secondary ul,
#content-secondary ol {
line-height: 140%;
margin: 6px 0 6px 6px;
text-transform: lowercase;
}
/* linking list-item */
#content-secondary li.link {
list-style: disc url(../img/linkbullet.gif) outside;
color: #c21970;
text-transform: lowercase;
padding: 0;
margin:0;
margin-left: 20px;
line-height: 18px;
}
/* active list-item */
#content-secondary li.activeLink {
list-style: disc url(../img/linkbullet.gif) outside;
text-transform: lowercase;
padding: 0;
margin:0;
margin-left: 20px;
color: #c21970;
line-height: 18px;
}
#content-secondary li.activeLink a {
color: #c21970;
}
/* link within list */
#content-secondary li a,
#content-secondary li a:visited {
text-decoration: none;
}
#content-secondary li a:hover {
color: #c21970;
}
/* non-linking list-item */
#content-secondary li.linkActive {
text-indent: 16px;
color: #504c46;
}
/* scale-to-fit images */
#content-secondary img.stretch {
width: 144px;
/* border: 2px solid #c0d470; */
border: none;
margin-top: 2px;
}
/* scale-to-fit images */
#content-secondary img.simple_viewer {
margin: 0;
padding: 0;
width: 174px;
border: 2px solid #c0d470;
margin-top: 2px;
}
/* read more... link */
#content-secondary p.more {
margin: -4px 28px 6px 0;
text-align: right;
line-height: 120%;
}
#content-secondary p.more a {
text-decoration: none;
}
/* date */
#content-secondary p.date {
font-style: italic;
}
/* form */
#content-secondary input.text {
width: 110px;
margin-bottom: 4px;
float: none;
clear:both;
}
#content-secondary fieldset {
margin: -0.5em 0 0 0;
padding: 0;
}
#content-secondary label {
margin: 0;
margin-bottom: 2px;
}

#content-secondary button {
margin-bottom:4px;
width:112px;
}
/* ----------------------------------- FORMS */
#content-primary form {
margin-top: 2em;
}
#content-primary fieldset img {    /* reset because of setting default images */
float: none;
margin: 0;
padding: 0;
border: 1px solid #c6bdae;
}
fieldset.primary {
padding-bottom: 1em;
border: 1px solid #dfdcd3;
background-color: #fbfef2;
/* background-color: #f9f7f3;  */
}
fieldset.primary ol {
padding: 1em 1em 0 1em;
list-style: none;
margin: 0;
}
fieldset.primary li {
padding: 0;
padding-top: 0.3em;
clear: left;                     /* to make the listitem enclose the floated label */
}
fieldset.primary li.right {      /* radiobuton blocks, buttons and the likes */
  margin-left: 12em;
}
fieldset.primary label {
position:relative;
}
fieldset.primary label.left {
width: 11em;
margin-right: 1em;
float:left;
}
fieldset.primary label.top {
display: block;
font-style: italic;
padding-top:1em;
}
fieldset.primary legend {
padding-left: 1em;
color: #000000;
font-weight: bold;
text-indent: -9999px;
}
fieldset.primary em {
display: block;
margin: 0.3em 0 0 0;
position: relative;
}
fieldset.primary .mandatory {
color: #FF0066;
}
/* FORM ELEMENTS */
fieldset .radio {
border: none;
}
fieldset.primary input.text {
width: 300px;
}
fieldset.primary input.smalltext {
width: 140px;
}
fieldset.primary textarea {
width: 300px;
height: 60px;
}
fieldset.primary select {
width: 302px;
}