body {
	background: #999 url(/pix/bg_body.png);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
}

div#buitenbox {
	background: #383865 url(/pix/bg_balk_oranje.png) repeat-y 495px 0;
	margin: 25px auto;
	width: 992px;
	border: 1px solid #aaa;
}

div#container {
	width: 940px;
	margin: 25px;
	border: 1px solid silver;
	background: #fff;
	min-height: 500px;
}

div#header {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 18px 0 15px;
}

/*div#menuverpakking { background-color: #004080; height: 2em;}*/
div#menuverpakking { background-color: #004080; height: 2em; margin: 0 2em; border-left: 1px solid silver; border-right: 1px solid silver;}

ul#topmenu {position: relative; left: 70px;}
#topmenu, #topmenu ul {margin: 0; list-style: none; padding: 0; }
#topmenu li {float: left; border-right: 1px solid #eee; font-weight: bolder; text-align: center; white-space: nowrap; background-color: #004080;}
#topmenu a, #topmenu span {color: #fff; display: block; text-decoration: none; padding: 0.4em 10px 0.4em;}
#topmenu li a:hover, #topmenu li.submenucontainer:hover>a {background: #FE8300; color: #fff;}
#topmenu li.submenucontainer { position: relative; }
#topmenu li.submenucontainer li a {display: block; min-width: 3em; color: #383865; background: url(/pix/nav_pijl.gif) no-repeat 3px 10px; padding-left: 15px;}
#topmenu ul.submenu {display: none; border: 1px solid #eee; border-width: 1px 0 0 1px; text-align: left; position: absolute; top: 2em; left: -1px; width: 165px; z-index: 50;}
#topmenu.bredesubs ul.submenu {width: 140px;}
#topmenu ul.submenu li {float: none; text-align: left; margin: 0 -1px 0 0 ; padding: 0 20px 0 0; min-width: 3em; background: #FE8300; border-bottom: 1px solid #eee; -moz-opacity: 0.95;}
#topmenu li.submenucontainer:hover ul, #topmenu li.erover ul {display: block;}
#topmenu ul.submenu li:hover, #topmenu ul.submenu li.subli_hover  {background: #383865;}
#topmenu ul.submenu li:hover a, #topmenu ul.submenu li.subli_hover a {color: #fff;}
#topmenu li.actief {background: #FE8300;}
#topmenu li.actief a {color: #fff;}
li.linkeritem {border-left: 1px solid #eee;}

div#content {
	clear: both;
	border-top: 1px solid #eee;
	padding: 2em;
	zoom: 1;
}

div#footer {
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 90%;
	clear: both;
}

a {
	color: #000;
}
a:hover {
	color: #383865;
}

table.lijntjes {
	border-collapse: collapse;
	border: 1px dotted silver;
}
table.lijntjes th, table.lijntjes td {
	border: 1px dotted silver;
	padding: 0.3em;
}
table.hovereffect tr:hover {
	background-color: #FFE2C4;
}

caption {
	font-weight: bold;
	text-align: left;
	color: #383865;
}

.langveld {
	width: 400px;
}
.mediumveld {
	width: 250px;
}
.melding {
	color: darkred; font-weight: bold;
}
.vet {
	font-weight: bold;
}
.cursief {
	font-style: italic;
}
.sup {
	vertical-align: super;
}
.sub {
	vertical-align: sub;
}
h1, h2, h3, h4, h5, h6 {
	color: #383865;
	margin: 0.2em 0;
}
.kopmetmarge {
	margin-top: 0.5em; margin-bottom: 0.5em;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 13px;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	font-size: 0.9em;
	font-weight: bold;
}

dl.compact dt {
	float: left;
}
dd {
	margin-left: 1em;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dashed #999;
}

div#berichtbox {
	width: 200px;
	background-color: red;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid silver;
	display: none;
}
ul.nomargin {
	margin: 0;
	padding-left: 1em;
}
p#dnLinks {
	margin-bottom: 0;
}

#bloklinks {
	float: left;
	width: 200px;
}
#tekstblok {
	float: left;
	width: 485px;
	margin: 0 0 2em 2em;
}
#blokrechts {
	float: right;
	width: 150px;
}

.zijkantblok {
	margin-bottom: 2em;
}
.zijkantblok h2 {
	margin: 0;
	padding-left: 1em;
	color: #fff;
	letter-spacing: .2em;
	line-height: 1.3em;
}
.zijkantblokkop {
	background-color: #004080;
	width: 100%;
}
.zijkantblokbinnenvak {
	background-color: #FFE2C4;
	margin-top: 0;
	width: 100%;
}
.zijkantblok .itemvak {
	margin: 0;
	padding: 1px;
}
.zijkantblok ul {
	list-style-image: url(/pix/opsomteken.gif);
	margin: 5px 5px 5px 7px;
	padding: 0 1em;
}
.zijkantblok p {
	margin-top: 0;
	padding-left: 1em;
}
.zijkantblok ul p {
	padding-left: 0;
}
.zijkantblok .datum {
	font-size: smaller;
}
.zijkantblok h3 a {
	text-decoration: none;
	color: #383865;
}
.zijkantblok h3 a:hover {
	text-decoration: underline;
}
.zijkantblok h3 {
	line-height: 1em;
}

.zijkantblok form#inlogform {
	margin-top: 0;
	padding-left: 10px;
	padding-top: 0;
}
.zijkantblok form#inlogform input.veld {
	width: 125px;
	height: 14px;
	font-size: smaller;
	margin-bottom: 3px;
}

.meer {
	font-variant: small-caps;
}

#tekstblok img {
	border: 0px solid #383865;
}

ul.testimonials {
	list-style-image: url(/pix/opsomteken.gif);
}
ul.testimonials li {
	margin-bottom: 2em;
}
ul.testimonials p.auteur {
	text-align: right;
	font-style: italic;
	margin-bottom: 0;
}

#loginblok .itemvak {
	padding-top: 10px;
}

#archiefblok {
}

div.agendaitem {
	margin-bottom: 4em;
}

div.agendaitem p.datum {
	margin-bottom: 0.3em;
	padding: 2px;
	color: #fff; font-weight: bold;
	background-color: #004080;
	width: 100%;
}
div.agendaitem p.zonderdatum {
	margin-bottom: 0.3em;
	padding: 2px;
	color: #fff; font-weight: bold;
	background-color: #FE8300;
}
div.agendaitem h3 {
	font-size: 14px;
}

form#inlogscherm p {
	padding-bottom: 0.3em;
}

table.tarieven th { text-align: left; }
table.tarieven td { text-align: right; }

ul.stappenlijst {
	margin: 0; padding: 0; list-style: none;
}
ul.stappenlijst li {
	margin: 0  ;
}
ul.stappenlijst li.actief {
	background-color: #FFE2C4; font-weight: bold;
}
ul.stappenlijst li.afgerond {
	font-weight: bold;
}
ul.stappenlijst li.nogniet {
	font-weight: bold; color: #666;
}


p#janee {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
p#janee a {
	color: #383865;
	border: 1px solid orange;
	padding: 5px;
}

ul#reacties {
	list-style-image: url(/pix/opsomteken.gif);
	margin: 0;
	padding: 0 1em;
}
ul#reacties li {
	margin: 0.5em 0;
	border: 1px solid #ddd;
}
ul#reacties h3 {
	background-color: #eee;
	font-size: 1.1em;
	margin-top: 0;
}
ul#reacties span.nummer {
	float: right;
}
ul#reacties p {
	margin-top: 0;
}

ul.recensies {
	list-style-image: url(/pix/opsomteken.gif);
	margin: 0;
	padding: 0 1em;
}
ul.recensies li {
	margin: 0.5em 0;
}
p.recensiechapeau {font-style: italic;}
p.recensiefooter {font-style: italic; text-align: right; border-top: 1px solid #eee; padding-top: 1em;}

img.imgLinks {float: left; margin-right: 8px;}
img.imgRechts {float: right; margin-left: 8px;}

p.extravraag span {float: right; padding-right: 1em;}
p.extravraag:hover {background-color: #FFE2C4;}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	|
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/pix/hoeken1280x18.gif'); 
	height: 9px;
	font-size: 2px;
}
.top-left, .bottom-left { 
	margin-right: 9px; 
}
.top-right, .bottom-right { 
	margin-left: 9px;
	margin-top: -9px;
}
.top-right {
	background-position: 100% 0;    
}
.bottom-left  { 
	background-position: 0 -9px;    
}
.bottom-right { 
	background-position: 100% -9px; 
}
.inside {
	border-left: 1px solid #FE8300;
	border-right: 1px solid #FE8300;
	padding: 0 2em;
	min-height: 400px;
}

p.notopgap    { font-size: 2px; margin-top: 0; }    
p.nobottomgap { font-size: 2px; margin-bottom: 0; }