/* Zorg dat Firefox margins en padding meetelt */
	* { -moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		-ms-box-sizing:border-box; }
	/* PNG ondersteuning */
	img, div { behavior: url(iepngfix.htc) }
	/* --------------- standaard html ------------------*/
BODY {
    font-size: 12px;
    font-family: arial;
    color: #000000;
    background-color: ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    scrollbar-face-color: #e8f0ff;
    scrollbar-highlight-color: #3a6da7;
    scrollbar-shadow-color: #3a6da7;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #3a6da7;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
}
PRE {
    font-family: arial;
}
DIV {
 	width:100%;
}
P {
	margin-top: 0px;
	margin-bottom: 0.5em;
}
BLOCKQUOTE {
    background-color: #ffffe0;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
}
TH {
    background-color: #000000;
    font-size: 8pt;
    color: #ffffe0;
    border-right: #aaaaaa 0px solid;
    border-top: #aaaaaa 0px solid;
    border-left: #aaaaaa 0px solid;
    border-bottom: #aaaaaa 0px solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    padding-top: 1px;
}
TD {
    font-size: 12px;
    font-family: arial;
}
HR {
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
}
UL {
    margin: 2px 0px 0px 10px;
    list-style-type: disc;
}
OL {
    margin: 0.2em 5px 0.5em 30px;
}
LI {
    padding-left: 0px;
    margin-left: 5px;
}
FORM {
    margin: 0px;
}
INPUT {
    border-right: #888888 1px inset;
    border-top: #888888 1px inset;
    border-left: #888888 1px inset;
    border-bottom: #888888 1px inset;
    color: #000000;
    font-family: arial;
    background-color: #f8f8f8;
}
SELECT {
    font-size: 11px;
    width:100%;
    border-right: #888888 1px inset;
    border-top: #888888 1px inset;
    border-left: #888888 1px inset;
    border-bottom: #888888 1px inset;
	margin-top:0px;
	margin-bottom:0.5em;
    color: #000000;
    font-family: arial;
    background-color: #f8f8f8;
} 
TEXTAREA {
    width:100%;
    border-right: #888888 1px inset;
    border-top: #888888 1px inset;
    border-left: #888888 1px inset;
    border-bottom: #888888 1px inset;
    color: #000000;
    font-family: arial;
    background-color: #f8f8f8;
}
H1 {
    font-weight: bold;
    font-size: 18px;
    font-family: arial;
    margin-bottom: 0em;
	display:inline;
}
H2 {
    font-weight: bold;
    font-size: 16px;
    font-family: arial;
    margin-bottom: 0em;
	display:inline;
}
H3 {
    font-weight: bold;
    font-size: 14px;
    font-family: arial;
    margin-bottom: 0em;
	display:inline;
}
H4 {
    font-weight: bold;
    font-size: 12px;
    font-family: arial;
    margin-bottom: 0em;
	display:inline;
}
A {
    color: #cc0000;
    text-decoration: none;
}
A:visited {
    color: #990000;
    text-decoration: none;
}
A:hover {
    color: #3a6da7;
    text-decoration: none;
}
IMG {
	border: none;
}
IFRAME {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
}
/* --------------- custom html ------------------*/

/* --------------- titelbalk ------------------*/
TD.balkboven {
    background-position: left bottom;
    background-image: url(../zooxs/images/achterbalkboven.jpg);
    background-repeat: no-repeat;
}
.balkboventitel {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.balkbovenslide {
}
.paginatitel {
    font-size: 11px;
    font-family: arial;
    margin-bottom: 0em;
    color: #ff0000;
}
/* --------------- meldingen balk ------------------*/
TD.balkmeldingen {
    padding-left: 13px;
    border-top: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    background-color: #e8f0ff;
    background-image: url(../zooxs/images/achtermelding.jpg);
    background-repeat: no-repeat;
}
TD.melding {
	font-family: arial;
    color: #3a6da7;
}
/* --------------- menu balk ------------------*/
TD.menu {
    padding: 0px;
}
DIV.sitemenutop {
  	padding:0px;
    background-position: right bottom;
    background-image: url(../zooxs/images/achtermenulaag.jpg);
    background-repeat: no-repeat;
}
DIV.sitemenu {
    background-image: url(../zooxs/images/achtermenu.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;
}
DIV.menutitle {
    cursor: pointer;
    background-color: #699bcc;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    margin-top: 1px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
}
IMG.menuimage {
}
A.menuitem {
    background-color:#e8f0ff;
    font-size: 11px;
    color: #3a6da7;
	margin-top:1px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
	display:block;
}
A.menuitem-active {
    font-size: 11px;
    border-left: #9b5936 1px inset;
    border-top: #9b5936 1px inset;
    border-right: #9b5936 1px inset;
    border-bottom: #9b5936 1px inset;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    color: #000000;
    padding-top: 2px;
    background-color: #feff99;
}
A.menuitem:visited {
    color: #3a6da7;
}
A.menuitem:hover {
    background-color: #3a6da7;
    font-size: 11px;
    color: ffffff;
    border-top: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
}
/* --------------- pagina balk ------------------*/
TD.pagina {
    font-size: 12px;
    background-position: left top;
    background-image: url(../zooxs/images/achterpagina.jpg);
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-top: 8px;
}
TD.achtergrond {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
TD.tekstgebied {
}
.inleiding {
    width:100%;
    padding: 5px;
    color: black;
}
TD.reactie {
    font-family: arial;
}
TD.column {
	width:100%;
    background-position: right top;
    background-image: url(../zooxs/images/achterkolom.jpg);
    background-repeat: no-repeat;
    background-color: #d6e4ff;
    font-size: 11px;
    color: #3a6da7;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    vertical-align: top;
}
TD.showcolumn {
	width:100%;
    background-position: right top;
    background-image: url(../zooxs/images/achterkolom.jpg);
    background-repeat: no-repeat;
    background-color: #d6e4ff;
    font-size: 11px;
    color: #3a6da7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2px;
    padding-left: 2px;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    vertical-align: top;
}
TD.hidecolumn {
    padding-top: 5px;
}
/* --------------- redactie balk ------------------*/
TD.balkuitleg {
    font-size: 11px;
    color: #ffffff;
    border-top: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    background-position: right top;
    background-image: url(../zooxs/images/achterbutton.jpg);
    background-repeat: repeat-x;
    padding-left: 10px;
}
TD.barinset {
    font-size: 11px;
    color: #3a6da7;
    vertical-align: middle;
}
TD.copyrights {
    color: #ffffff;
}
A.copyrights {
    color: #ffffff;
}
A.copyrights:visited {
    color: #ffffff;
}
A.copyrights:hover {
    color: #ff0000;
    text-decoration: none;
}
/* --------------- tekst ------------------*/
.tekst {
    width:100%;
    border-right: #888888 1px inset;
    border-top: #888888 1px inset;
    border-left: #888888 1px inset;
    border-bottom: #888888 1px inset;
    color: #000000;
    font-family: arial;
    background-color: #f8f8f8;
}
.error {
    width:100%;
    color: #aa0000;
    font-weight: bold;
}
.noerror {
    width:100%;
    color: #008800;
    font-weight: bold;
}
.groot {
    font-weight: bold;
    font-size: 14px;
}
.groter {
    font-size: 16px;
    font-weight: bold;
}
.klein {
    font-size: 11px;
}
.kleiner {
    font-size: 9px;
}
.bold {
    font-weight: bold;
}
/* --------------- lijsten ------------------*/
OL.cijfers {
    list-style-type: decimal;
}
OL.letters {
    list-style-type: lower-alpha;
}
/* --------------- formulieren ------------------*/
INPUT.blok {
    width: auto;
    height: 5em;
	border-right: #888888 1px inset;
    border-top: #888888 1px inset;
    border-left: #888888 1px inset;
    border-bottom: #888888 1px inset;
    color: #000000;
    font-family: arial;
    background-color: #f8f8f8;
}
/* --------------- beheer ------------------*/
A.beheeritem {
    color: #000000;
    text-decoration: none;
}
A.beheeritem:visited {
    color: #000000;
    text-decoration: none;
}
A.beheeritem:hover {
    color: #ff0000;
    text-decoration: none;
}
TABLE.vlak {
    border-bottom: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
}
TABLE.beheertabel {
    background-color: #aaaaaa;
    border-right: #777777 2px solid;
    border-top: #777777 2px solid;
    border-left: #777777 2px solid;
    border-bottom: #777777 2px solid;
}
TR.beheerrow {
    background-color: #cccccc;
    border-top: #777777 2px solid;
    border-bottom: #777777 2px solid;
}
TD.beheeritem {
    font-size: 11px;
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    color: black;
    background-color: #ffffff;
}
TD.tabelkop {
    background-color: #000000;
    font-size: 11px;
    color: #ffffe0;
    border-right: #aaaaaa 0px solid;
    border-top: #aaaaaa 0px solid;
    border-left: #aaaaaa 0px solid;
    border-bottom: #aaaaaa 0px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}
TD.tabelkoptwo {
    background-color: #888888;
    font-size: 11pt;
    color: #000000;
    border-right: #aaaaaa 0px solid;
    border-top: #aaaaaa 0px solid;
    border-left: #aaaaaa 0px solid;
    border-bottom: #aaaaaa 0px solid;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
}
TD.tabelfoot {
    background-color: #bbbbbb;
    font-size: 11pt;
    color: #000000;
    border-right: #aaaaaa 0px solid;
    border-top: #aaaaaa 0px solid;
    border-left: #aaaaaa 0px solid;
    border-bottom: #aaaaaa 0px solid;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}
/* --------------- buttons ------------------*/
.button {
    cursor: pointer;
    font-size: 10px;
    color: #ffffff;
    border-top: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    background-color: #699bcc;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.buttonsmall {
    font-size: 7pt;
    cursor: pointer;
    color: black;
    font-weight: bold;
    border-top: #ffffb8 1px solid;
    border-left: #ffffb8 1px solid;
    border-right: #cfbe58 1px solid;
    border-bottom: #cfbe58 1px solid;
    background-color: #ffee88;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
    width:14px;
    height:14px;
}
/* --------------- foto ------------------*/
IMG.foto {
    border-top: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
}
IMG.menuicon {
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
}
.fotomargin {
    margin-left:3px;
    margin-top:3px;
    margin-right:3px;
    margin-bottom:3px;
}
.fototekst {
	font-size:9px;
	font-style:oblique;
	text-align:center;
	color:#666666;
}
.fotoraam {
 	border:solid 1px #c2c2c2;
    background-color:#e2e2e2;
}
.fotoalbum {
}
.fotoalbum_fotolinks {
 	border-left:solid 1px #bbbbbb;
 	border-top:solid 1px #cccccc;
 	border-bottom:solid 1px #444444;
}
.fotoalbum_fotorechts {
 	border-right:solid 1px #555555;
 	border-top:solid 1px #cccccc;
 	border-bottom:solid 1px #444444;
}
.fotoalbum_fotoblok {
	padding-top:5px;
}
.fotoalbum_fotogroot {
 	border-left:solid 1px #bbbbbb;
 	border-right:solid 1px #555555;
 	border-top:solid 1px #cccccc;
 	border-bottom:solid 1px #444444;
}
.links {
    float:left;  
}
.rechts {
    float:right; 
}
.midden {
    text-align:center;  
}
/* -----------------------------< Video >----------------------------- */
DIV.video {
    border-left:#666666 1px solid;
    border-top:#666666 1px solid;
    border-right:#666666 1px solid;
    border-bottom:#666666 1px solid;
}
.videomargin {
    margin-left:3px;
    margin-top:3px;
    margin-right:3px;
    margin-bottom:3px;
}
.videotekst {
	height:12px;
	font-size:11px;
	font-style:oblique;
	text-align:center;
	color:#888888;
}
/* --------------- nieuws ------------------*/
TABLE.nieuwsbericht {
    border-top: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
   	background-color: #ffffe0;
    background-position: left top;
    background-image: url(../zooxs/images/achternieuws.jpg);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
}
.nieuwsdatum {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
    border-left: #3a6da7 1px solid;
    border-top: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    background-color: #699bcc;
}
.nieuwsdatumcolumn {
	font-size: 8pt;
	font-weight: bold;
}
.nieuwscategorie {
	font-size: 8pt;
}
.nieuwskop {
	font-size: 10pt;
	font-weight: bold;
	padding-left: 20px;
}
.nieuwskopcolumn {
	font-size: 8pt;
	padding-left: 2px;
}
.nieuwstekst {
	font-size: 9pt;
	padding-left: 20px;
}
.nieuwsbron {
	font-size: 8pt;
  	text-align: right;
}
/* --------------- overig ------------------*/
DIV.advertentie {
    font-size: 7pt;
 	text-align:center;
 	padding-top: 5px;
 	padding-bottom: 5px;
    border-bottom: #3a6da7 1px solid;
}
.aanbieding {
	background-color: #ffffe0;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
    border-top: #3a6da7 1px solid;
    border-bottom: #3a6da7 1px solid;
    border-left: #3a6da7 1px solid;
    border-right: #3a6da7 1px solid;
}
.popup {
	display: none;
	z-index: 10;
	width: 440px;
	position: absolute;
	left: 100px;
	top: 100px;
	background-color: lightyellow;
	border: solid 1px black;
	padding:2px;
}
.hideshow {
    display: block;
}
#slideshow {
    padding:0px;
    margin:0px;
	filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); 
}