/* 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 {
    background-color: white;
    color: #666666;
    font-family: verdana, tahoma, arial;
    font-size: 12px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    scrollbar-face-color: #ffcc00;
    scrollbar-highlight-color: #ffee22;
    scrollbar-shadow-color: #ddaa00;
    scrollbar-3dlight-color: #ffff44;
    scrollbar-arrow-color: #ffffe0;
    scrollbar-track-color: #aaaaaa;
    scrollbar-darkshadow-color: #bb9900;
}
PRE {
    font-family: arial;
}
DIV {
 	width:100%;
}
P {
	margin-top: 0px;
	margin-bottom: 0.5em;
}
BLOCKQUOTE {
    background-color: #f0f0f0;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-left: #e0e0e0 1px solid;
    border-top: #e0e0e0 1px solid;
    border-right: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
}
TH {
   	color: #ffffff;
	font-size: 10pt;
    background-color: #000000;
}
TD {
    font-size: 12px;
    font-family: verdana, tahoma, arial;
}
HR {
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    border-bottom: #cccccc 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: verdana, tahoma, 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;
    color: #000000;
    font-family: verdana, tahoma, 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: verdana, tahoma, 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: #ddaa00;
}
A:visited {
    color: #888888;
}
A:hover {
    color: black;
    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(../innoplus/images/achterbalkboven.jpg);
    background-repeat: no-repeat;
}
.balkboventitel {
}
.balkbovenslide {
}
.paginatitel {
    font-weight: bold;
    font-size: 18px;
    font-family: arial;
    margin-bottom: 0em;
    color: #ffcc00;
    width: 80%;
}
/* --------------- meldingen balk ------------------*/
TD.balkmeldingen {
    font-size: 11px;
    padding-left: 10px;
    border-bottom: #aaaaaa 1px solid;
    background-color: #cccccc;
    background-image: url(../innoplus/images/achterbalkjes.jpg);
}
TD.melding {
	font-family: Verdana;
}
/* --------------- menu balk ------------------*/
TD.menu {
    background-position: right top;
    background-color: #ffffff;
    background-image: url(../innoplus/images/achtermenulaag.jpg);
    background-repeat: repeat-y;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
DIV.sitemenutop {
}
DIV.sitemenu {
    background-image: url(../innoplus/images/achtermenu.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;
}
DIV.menutitle {
    border-right: #ffcc00 1px outset;
    border-top: #ffcc00 1px outset;
    margin-top: 2px;
    border-left: #ffcc00 1px outset;
    cursor: pointer;
    border-bottom: #ffcc00 1px outset;
    background-color: #ffcc00;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
}
IMG.menuimage {
}
A.menuitem {
	margin-top:1px;
	display:block;
    text-decoration: none;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}
A.menuitem-active {
    text-decoration: none;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    cursor: pointer;
    color: black;
    padding-top: 2px;
    background-color: #aaaaaa;
}
A.menuitem:visited {
	margin-top:1px;
	display:block;
    text-decoration: none;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}
A.menuitem:hover {
    text-decoration: none;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    cursor: pointer;
    color: black;
    padding-top: 2px;
    background-color: #cccccc;
}
/* --------------- pagina balk ------------------*/
TD.pagina {
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-position: left top;
    background-image: url(../innoplus/images/achterpagina.jpg);
    background-repeat: no-repeat;
}
TD.achtergrond {
    background-position: right bottom;
    background-image: url(../innoplus/images/achterpaginalaag.jpg);
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
TD.tekstgebied {
    padding-right: 15px;
}
.inleiding {
}
TD.reactie {
    font-family: tahoma, verdana, arial;
}
TD.column {
	width:100%;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-right: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;
    border-bottom: #aaaaaa 1px solid;
    color: black;
    vertical-align: top;
}
TD.showcolumn {
	width:100%;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2px;
    padding-left: 2px;
    border-right: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;
    border-bottom: #aaaaaa 1px solid;
    color: black;
    vertical-align: top;
}
TD.hidecolumn {
    padding-top: 5px;
}
/* --------------- redactie balk ------------------*/
TD.balkuitleg {
    font-size: 11px;
    border-top: #aaaaaa 1px solid;
    padding-left: 10px;
    background-color: #dddddd;
    background-image: url(../innoplus/images/achterbalkjes.jpg);
}
TD.barinset {
    font-size: 11px;
    color: #888888;
    border-left: #777777 1px solid;
    border-top: #777777 1px solid;
    border-right: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;
    vertical-align: middle;
}
TD.copyrights {
}
A.copyrights {
}
A.copyrights:visited {
}
A.copyrights:hover {
}
/* --------------- 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: verdana, tahoma, 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 {
}
.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: verdana, tahoma, arial;
    background-color: #f8f8f8;
}
/* --------------- beheer ------------------*/
A.beheeritem {
}
A.beheeritem:visited {
}
A.beheeritem:hover {
}
TABLE.vlak {
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
}
TABLE.beheertabel {
}
TR.beheerrow {
}
TD.beheeritem {
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-left: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    color: black;
    background-color: #ffffff;
}
TD.tabelkop {
    background-color: #000000;
    color: #ffcc00;
    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 {
}
TD.tabelfoot {
}
/* --------------- buttons ------------------*/
.button {
    font-size: 11px;
    cursor: pointer;
    color: white;
    background-color: #ffcc00;
    border-top: #ffff00 1px solid;
    border-left: #ffff00 1px solid;
    border-right: #cc9900 1px solid;
    border-bottom: #cc9900 1px solid;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.buttonsmall {
}
/* --------------- foto ------------------*/
IMG.foto {
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 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 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.nieuwsdatum {
	font-size: 10pt;
	font-weight: bold;
}
.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: #ffcc00 1px solid;
}
.aanbieding {
	font-size: 10pt;
	font-weight: bold;
	background-color: #dddddd;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
    border-top: #ffcc00 1px solid;
    border-left: #ffcc00 1px solid;
    border-right: #ffcc00 1px solid;
    border-bottom: #ffcc00 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); 
}