/*-- Main styles -- */

html, body{
	width: 100%;
	height: 100%;
}

body{
    margin: 0px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #4f4f4f;
    background: url('../img/bg_body.gif') 0px 0px repeat;
    line-height: 1.3em;
}

#headerimage {
	width: 645px;
	height: 60px;
}

#menu {
	display: none !important;
}

form{
	margin: 0px;
	padding: 0;
}

ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

h1, h2{
	color: #000;
	line-height: normal;
}

h1, h2{
	margin: 0px;
	padding: 0px;
}

p{
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

th {
	font-weight: bold;
}

.btn {
	color: #FFFFFF;
	background-color: #7BC523;
	border: none;
	padding: 2px 4px;
}

.formtable td {
	vertical-align: middle;
	padding: 2px 0;
}
.input {
	border: 1px solid #666;
}
.spacer {
	clear: both;
}
.alert {
	color: #CC0000;
}

/* -- The container -- */

#container{
	width: 784px;
	background: url('../img/shadow.gif') 773px 0px repeat-y;
}

#maincontainer{
	width: 773px;
	background: url('../img/bg_main.gif') 0px 0px repeat-y #fff;
	text-align: left;
}

/* -- The header -- */

#header{
	width: 773px;
	margin: 0px;
	padding: 0px;
}

/* -- The menu -- */

#menu{
	float: left;
	width: 144px;
}

#menu a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	height: 15px;
	padding: 7px 9px;
	background: url('../img/border_menu.gif') center bottom no-repeat;
	display: block;
}

#menu a:hover, #menu .active a{
	color: #fff;
	background-color: #61B200;
	background-image: none;
}

#menu ul ul{
	background-color: #EEE;
}

#menu li li a, #menu .active li a{
	color: #8A8A8A;
	background-color: #EEE;
	background-image: url('../img/border_submenu.gif');
}

#menu li li a:hover, #menu li ul .active a{
	color: #4F4F4F;
	background-color: #FFF;
	background-image: none;
}

#menu li{
	display: inline;
}

/* -- The infobar -- */

#infobar{
	float: left;
	width: 629px;
	height: 29px;
	background: url('../img/border_infobar.gif') 0px 6px no-repeat #7BC523; 
	color: #fff;
	font-size: 11px;
}

#bc {
	float: left;
	clear: none;
	padding-top: 7px;
	padding-left: 7px;
}

#infobar a{
	color: #fff;
	text-decoration: none;
}

#infobar ul{
	float: right;
	padding-top: 7px;
}

#infobar li{
	display: block;
	float: left;
}

#infobar ul a{
	padding: 10px 10px 0px 10px;
}

#infobar #basket, #infobar #logout{
	padding-left: 10px;
	background: url('../img/border_infobar.gif') 0px 0px no-repeat; 
}

#infobar #basket a{
	padding: 10px 10px 0px 18px;
	background: url('../img/basket.gif') 0px 10px no-repeat;
}

#infobar #logout a{
	padding: 10px 10px 0px 18px;
	background: url('../img/logout.gif') 0px 12px no-repeat;
}

/* -- The main content -- */

#main{
	float: left;
	width: 406px;
	padding: 12px;
	background-color: #FFFFFF;
}

#main h1{
    clear: both;
    padding: 5px 5px 8px 8px;
    background-color: #eee;
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}

#main h2{
    font-size: 14px;
	font-weight: bold;
	color: #61B200;
}

#main a:link {
    text-decoration: none;
    border-bottom: 1px solid #7BC523;
    color: #4f4f4f;
}

#main a:visited {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: #666;
}

#main a:hover {
    text-decoration: none;
    border-bottom: 1px solid #7BC523;
    color: #000;
}

#main a:active {
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    color: #3C3C3C;
}

#main ul {
    margin-left: 15px;
}

#main ul li {
    list-style-image: url('../img/bullet.gif');
	padding-left: 0px;
}

#main p img{
	float: right;
	padding: 4px;
	margin: 0px 0px 4px 4px;
	border: #D7D7D7 solid 1px;
}

.infolink{
	border: none !important;
	float: right;
	color: #61B200 !important;
	text-decoration: none;
	background: url('../img/arrow_green.gif') 0px 8px no-repeat;
}

#main .infolink{
	padding: 2px 0px 10px 12px;
	font-size: 11px;
}

#rightbar .infolink{
	padding: 3px 0px 10px 12px;
}

#faq h2, #archief h2{
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
}

#faq ul, #archief ul{
	list-style-image: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

#faq li, #archief li{
	margin: 0px;
	padding: 0px;
}

#faq li a:link, #faq li a:hover, #faq li a:active, #faq li a:visited{
	padding-right: 15px;
	background: url('../img/plus.gif') right 2px no-repeat;
	border-bottom: none;
}

#archief li a:link, #archief li a:hover, #archief li a:active, #archief li a:visited{
	padding-left: 20px;
	background: url('../img/press.gif') 0px 2px no-repeat;
	border-bottom: none;
}

#faq p, #archief p{
	display: none;
	padding: 0px 0px 5px 15px;
	width: 390px;
}

/* -- De shop items -- */
.shopteaser {
	width: 135px;
	float: left;
	height: 180px;
	text-align: center;
}
.shopteaser img {
	border: none;
	margin: 0 20px;
}

.shopimg {
	float: left;
}

.shopitm {
	margin-left: 110px;
}

.info1-link {
	padding: 4px 8px 4px 0;
	font-weight: bold;
}

.info1 {
	padding: 4px 8px 4px 0;
}

.info1 p, .info2 p, .info1 ul {
	margin: 4px 0;
}

.info1 ul {
	margin: 4px 0 !important;
	padding: 0 !important;
}

.info2 p {
	margin: 0;
}

.info1 p, .info2 p {
	width: 270px;
}

.info1 ul li {
	background-position: left 6px;
	background-image: url(../img/arrow_green.gif);
	list-style-image: none !important;
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 12px !important;
	margin-left: 2px !important;
}

.info1 ul li a:link, .info1 ul li a:active, .info1 ul li a:visited {
	color: #7BC523 !important;
	border: none !important;
}

.info1 ul li a:hover {
	color: #7BC523 !important;
	text-decoration: underline !important;
}

.info2, .info2-link {
	margin-top: 2px;
}
.info2-link {
	font-weight: bold;
}
.info2-link img, .info2 img {
	margin: 2px 2px 0 0;
}

.info2-link, .info2, .info3-link, .info3, .actions {
	border-top: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-left: 1px solid #C4C4C4;
	padding: 5px;
}

.actions {
	border-bottom: 1px solid #C4C4C4;
	text-align: right;
	margin-bottom: 15px;
}

.actions a {
	border: none !important;
	text-decoration: none;
	color: #4f4f4f;
}

.shopitm a img {
	border: none !important;
}

.info1-link img, .info2-link img, .info1 img, .info2 img {
	float: right;
}

.info3 img, .actions img {
	vertical-align: text-top;
	margin-top: 2px;
}

.nodec {
	text-decoration: none !important;
	border: none !important;
}


/* nieuws! */

#nieuwsarchief {
	margin: 4px 0 !important;
	padding: 0 !important;
}

#nieuwsarchief li {
	background-position: left 3px;   /* ??? steeds lager? */
	background-image: url(../img/ico_news.gif);
	list-style-image: none !important;
	list-style-type: none;
	background-repeat: no-repeat;
	padding: 0 0 7px 24px !important;
	margin-left: 2px !important;
	font-size: 13px;
}


#nieuwsarchief li a {
	border: none !important;
}

#nieuwsarchief li a:hover {
    border-bottom: 1px solid #7BC523 !important;
}

.nieuwstype21 {
	background-image: url(../img/ico_kik.gif) !important;
}

.nieuwstype59 {
	background-image: url(../img/ico_press.gif) !important;
}

/* -- The right bar -- */

#rightbar{
	float: left;
	width: 199px;
    font-family: Times New Roman;
	font-size: 12px;
    color: #777;
    line-height:14px;
}

#rightbar a:link {
    text-decoration: none;
    border-bottom: 1px solid #7BC523;
    color: #4f4f4f;
}

#rightbar a:visited {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: #666;
}

#rightbar a:hover {
    text-decoration: none;
    border-bottom: 1px solid #7BC523;
    color: #000;
}

#rightbar a:active {
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    color: #3C3C3C;
}

.flashbutton {
	margin: 5px 10px 5px 10px;
}

#rightbar #nieuws, #rightbar #adres{
	padding: 10px;
	background: url('../img/border_rightblock.gif') center bottom no-repeat;
}

#rightbar h1{
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 13px;
    color: #222222;
}

#rightbar h2{
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 12px;
    color: #4f4f4f;
    margin-top: 8px;
}

#rightbar #options{
	margin-left: 4px;
	height: 24px;
	background: url('../img/border_rightblock.gif') center bottom no-repeat; 
}

#rightbar #pageoptions{
	height: 24px;
	float: left;
}

#rightbar #textoptions{
	height: 24px;
	float: right;
	margin-right: 5px;
}

#options li{
	float: left;
	padding: 5px;
}

#options li a{
	border: none !important;
}

.trefwoorden li ul, .trefwoorden_hidden li ul {
	margin-left: 10px;
	display: block;
}

.trefwoorden_hidden {
	display: none !important;
}

.trefwoorden img, .trefwoorden_hidden img {
	margin-right: 5px;
}

.trefwoorden a, .trefwoorden_hidden a {
	border: none !important;
}


/* -- The footer -- */

#footer{
	padding: 2px 5px 2px 8px;
	font-size: 9px;
	width: 390px;
	margin-left: 155px;
	clear: both;
	border-top: #E9E9E9 solid 1px;
	color: #A9A9A9;
}

#footershadow {
	clear: both;
	background: url('../img/footer_shadow.gif') center bottom no-repeat; 
	height: 8px;
}