/* Layout */
html, body{
margin:0;
padding:0 0 7px 0;
background-color: #EFECD7;
}

#header{
width: 95%;
min-width: 670px;
z-index: 100;
margin: 5px auto 1px auto;
padding: 0px;
color: #BBB182;
font-size: 2em;
}

#wrap{
width: 93%;
min-width: 670px;
margin: 0px auto 0px auto;
padding: 0px 10px;
background-color: #FDFDFB;
border: 4px solid #60753D;
background-image: url("achter.gif");
background-repeat: repeat-y;
background-position: 240px 0;
}

/* IE min-width hack */
* html #mw1{
border-left: 670px solid #FDFDFB;
}

* html #mw2{
margin-left: -670px;
position: relative;
background-image: url("achter.gif");
background-repeat: repeat-y;
background-position: 230px 0;
}

/*\*/
* html #mw1, * html #mw2 {
height: 1px;
}
/**/

#topsection{
padding: 0px;
background-color: #FDFDFB;
}

.margin {
clear: both;
width: 100%;
height: 7px;
background-color: #FDFDFB;
line-height: 1px;
}

#contentwrapper{
float: left;
width: 100%;
}

#kruimel{
float: left;
width: 100%;
border-bottom: #60753D solid 1px;
font-size: 90%;
text-align: right;
padding: 2px 0px 4px 0px;
background-color: #FDFDFB;
}
.kruimelspan{
color: #60753D;
}
#kruimel img{
vertical-align: -15%;
}

#contentcolumn{
margin-left: 231px;
padding: 0 5px 5px 5px;
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
padding: 0 5px;
margin: 3px 0 3px -100%;
background-color: #FFF;
}

#footer{
clear: left;
width: 100%;
padding: 0 0 1px 0;
background-color: #FFF;
text-align: center;
border-top: #60753D solid 1px;
}

/* \*/
* html #gainlayout { 
height: 0px; 
}
/* */


/* tab menu */
#tabs {
float:left;
width:100%;
background-color: #FFF;
font-size:95%;
line-height: 17px;
border-bottom: #60753D solid 1px;
}

#tabs ul {
margin: 0 0 0 5px;
padding: 10px 0 0 0;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("tableftG.gif") no-repeat left top;
margin:0 1px 0 0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
background-color: #E9F2DF;
padding: 1px 7px 1px 2px;
border-top: #60753D solid 1px;
border-right: #60753D solid 1px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover, #tabs li.act a {
background-position:0% -42px;
}

#tabs a:hover span, #tabs li.act span {
background-color: #DAE9C9;
color: #00C;
}

/* searchbox */
#zoek {
float: right;
margin-top: -5px;
}

#zoek form {
margin: 0 5px 0 0;
}

#indexedsearch input {
height: 17px;
border: 1px solid #60753D;
}

#indexedsearch input#zoekveld {
width: 150px;
}

#indexedsearch input#zoekknop {
height: 21px;
background-color: #E9F2DF;
width: 45px;
margin-bottom: -1px;
}

/* \*/
* html #indexedsearch input#zoekknop {
margin-bottom: 0px;
}
/* */

*:first-child+html #indexedsearch input#zoekknop {
margin-bottom: 0px;
}

/* vnavborder Borders*/
.vnavborder {
background: transparent; 
width:100%; 
margin:0px auto;
}

.vnavborder ul { margin: 0; }

.vnavborder .top, .vnavborder .bottom {
display:block; 
background:transparent; 
font-size:1px;
}

.vnavborder .b1, .vnavborder .b2, .vnavborder .b3, .vnavborder .b4, .vnavborder .b5 {
display:block; 
overflow:hidden; 
height:1px; 
background:#F7FAF4; 
border-left:2px solid #DAE9C9; 
border-right:2px solid #DAE9C9;
}

.vnavborder .b1 {
height: 2px;
}

.vnavborder .b1 {
margin:0 5px; 
background:#DAE9C9;
}

.vnavborder .b2 { margin:0 4px; }
.vnavborder .b3 { margin:0 3px; }
.vnavborder .b4 { margin:0 2px; }
.vnavborder .b5 { margin:0 1px; }

.vnavborder .boxcontent {
display:block; 
background:#FCFDFB; 
border-left:2px solid #DAE9C9; 
border-right:2px solid #DAE9C9;
padding: 0 5px;
}

/* sub navigatie */
#vnavwrap{
margin-top: 0px;
}

#vnavwrap ul{
padding: 0px 2px 2px 4px;
margin: 0px;
list-style-type: none;
display: block;
}

#vnavwrap ul ul, #vnavwrap ul ul ul{
margin: 0px;
padding: 0px;
}


#vnavwrap ul li a:link, #vnavwrap ul li a:visited{
text-decoration: none;
display: block;
}

#vnavtitle {
color: #60753D;
padding-bottom: 1px;
margin-bottom: 1px;
width: 100%;
border-bottom: solid 1px #DAE9C9;
}

/* IE margin hack \*/ 
* html #vnav a { 
    height: 1px; 
    } 
/*  */ 

/* level 1 */
#vnavwrap ul li.vl1no a{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('arrow1.gif');
background-position: -5px -1px;
background-repeat: no-repeat;
display: block;
}

#vnavwrap ul li.vl1act a, #vnavwrap ul li.vl1no a:hover, #vnavwrap ul li.vl1act a:link, #vnavwrap ul li.vl1act a:visited{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('arrow1.gif');
background-position: -224px -1px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul li.vl1nosub a{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -5px 0px;
background-repeat: no-repeat;
display: block;
}

#vnavwrap ul li.vl1nosub a:hover{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -224px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul li.vl1actsub a, #vnavwrap ul li.vl1actsub a:link, #vnavwrap ul li.vl1actsub a:visited{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow2.gif');
background-position: -224px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul li.vl1cursub a{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -224px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul li.vl1actcur a, #vnavwrap ul li.vl1cursub a:hover, #vnavwrap ul li.vl1actcur a:link, #vnavwrap ul li.vl1actcur a:visited{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -224px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul li.vl2nosub a{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -5px 0px;
background-repeat: no-repeat;
display: block;
}

#vnavwrap ul li.vl2nosub a:hover{
padding: 0 0 0 13px;
margin: 0 0 0 -4px;
background-image: url('subarrow1.gif');
background-position: -224px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}
/* level 2 */
#vnavwrap ul ul.vl2no li a, #vnavwrap ul ul.vl2no li a:link, #vnavwrap ul ul.vl2no li a:visited{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('arrow1.gif');
background-position: 8px -1px;
background-repeat: no-repeat;
display: block;
color: #00C;
}

#vnavwrap ul ul.vl2act li a, #vnavwrap ul ul.vl2act li a:link, #vnavwrap ul ul.vl2act li a:visited, #vnavwrap ul ul.vl2no li a:hover{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('arrow1.gif');
background-position: -211px -1px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul ul.vl2cursub li a, #vnavwrap ul ul.vl2cursub li a:link, #vnavwrap ul ul.vl2cursub li a:visited, #vnavwrap ul ul.vl2cursub li a:hover{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('subarrow1.gif');
background-position: -211px -0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul ul.vl2actsub a, #vnavwrap ul ul.vl2actsub a:link, #vnavwrap ul ul.vl2actsub a:visited{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('subarrow2.gif');
background-position: -211px 0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

#vnavwrap ul ul.vl2nosub li a, #vnavwrap ul ul.vl2nosub li a:link, #vnavwrap ul ul.vl2nosub li a:visited{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('subarrow1.gif');
background-position: 8px -0px;
background-repeat: no-repeat;
display: block;
color: #00C;
}

#vnavwrap ul ul.vl2nosub li a:hover{
padding: 0 0 0 26px;
margin: 0 0 -0px -10px;
background-image: url('subarrow1.gif');
background-position: -211px -0px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

/* level 3 */
#vnavwrap ul ul.vl3no li a, #vnavwrap ul ul.vl3no li a:link, #vnavwrap ul ul.vl3no li a:visited{
padding: 0 0 0 39px;
margin: 0 0 -0px -15px;
background-image: url('arrow1.gif');
background-position: 21px -1px;
background-repeat: no-repeat;
display: block;
color: #00C;
}

#vnavwrap ul ul.vl3act li a, #vnavwrap ul ul.vl3act li a:link, #vnavwrap ul ul.vl3act li a:visited, #vnavwrap ul ul.vl3no li a:hover{
padding: 0 0 0 39px;
margin: 0 0 -0px -15px;
background-image: url('arrow1.gif');
background-position: -198px -1px;
background-repeat: no-repeat;
display: block;
color: #6161FF;
}

/* teaser menu */
.teasertitle {
width: 100%;
border-bottom: #DAE9C9 solid 1px;
}

.teasertitle ul {
list-style: none;
padding: 0;
margin: 0 !important;
display: block;
}

.teasertitle ul li a:link, .teasertitle ul li a:visited {
text-decoration: none;
display: block;
margin-left: -3px;
padding-left: 18px;
background-image: url('arrow2.gif');
background-position: 0px -1px;
background-repeat: no-repeat;
height: 100%;
font-weight: normal;
}

.teasertitle ul li a:hover {
background-position: 0px -220px;
background-repeat: no-repeat;
display: block;
}

.teaseritem {
margin-top: 9px;
border-bottom: #DAE9C9 solid 1px;
}

.tx-jppageteaser-pi1 {
margin-top: 11px;
}

/* Presentatie */
html, body {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
}

body a:link, a:visited, a:active{
color: #00C;
text-decoration: underline;
}

body a:hover{
color: #6161FF;
}

br {
font-size: 1px;
}
/* \*/
* html br {
font-size: 1px;
line-height: 12px;
}
/* */

*:first-child+html br {
font-size: 1px;
line-height: 12px;
}

a.extlink {
padding-left: 14px;
background-image: url("link.gif");
background-position: 0px 5px;
background-repeat: no-repeat;
}
a:hover.extlink {
background-image: url("linkact.gif");
}

dl, p {
padding: 0;
margin: 10px 0 0 0;
}

h1, h2, h3, h4, h5, h6, form {
margin: 0px;
padding: 0px;
}

h1
{
	font-size: 180%;
}
h2
{
	font-size: 150%;
}
h3
{
	font-size: 120%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 80%;
}
h6
{
	font-size: 60%;
}

h2, h3, h4, h5, h6 {
margin-top: 22px;
}

.tx-jkpoll-pi1 {
margin-top: -23px;
}

img {
border-width: 0;
}

a:link img, a:visited img, a:active img {
padding-bottom: 0px;
text-decoration: none;
}

/* text alignment typo3 */
.align-right
{
	text-align: right;
}
.align-center
{
	text-align: center;
}
.align-left
{
	text-align: left;
}

#contentcolumn ul li {
font-weight: bold;
}

#contentcolumn ul {
margin-top: 11px;
margin-bottom: 0;
}

#contentcolumn .csc-sitemap ul li{
font-weight: normal;
}

#header a{
color: #BBB182;
text-decoration: none;
}

#footer, #footer a:link, #footer a:visited, #footer a:active {
font-size: 90%;
color: #60753D;
}

/* Adsense */
.banner {
text-align: center;
margin-top: 5px;
margin-bottom: -10px;
}

.bannerintext {
text-align: center;
margin: 5px 0 -6px 0;
}

.adlinks {
text-align: center;
margin: 5px 0;
}

.rechtshoek {
float: left;
margin: 4px 4px 0 0;
padding: 0;
}

.linksvierkant {
float: left;
margin: 4px 4px 0 0;
padding: 0;
}

#vnavads {
margin: 4px 0 0px 0;
padding: 1px 0 0 0;
text-align: center;
}
