/* PREFORMATTERING */
html,body,table,td,input,
h1,h2,h3,ul,li,p,div { margin:0;
padding:0; }
td,li,p { line-height: 1.33; }
html { height: 100%;
margin-bottom: .1em; }
body { font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 13px;
color: black; }
/* PAGINA-INDELING */
#outer { position: absolute;
width: 100%; }
#wrapper { position: relative;
margin: auto;
width: 960px; }
#toplogo { height: 81px;
margin-top: 5px; }
#nav,#content { position: absolute; }
#nav { width: 190px; }
#footer { width: 160px;
margin-top: 25px; }
#content { background: white url(pijl_licht.jpg) center 0 no-repeat;
z-index: 1;
min-height: 600px;
left: 190px;
width: 730px;
margin: 20px 0 0 20px;
padding-bottom: 50px; }
/* ALLE ANDERE OPMAAK */
p,ul,table,input { font-size: 13px; }
p { margin: 8px 0; }
#footer p { font-size: 11px;
text-align: center; }
#content p { line-height: 1.5;
margin: 8px 0 15px 0; }
a { color: #404040;
text-decoration: none; }
#content p a,#content ul a { text-decoration: underline; }
.datum { position: relative;
float: right; }
ul { list-style-type: none;
margin-bottom: 3px; }
#content ul { margin-bottom: 15px; }
h1,.hh { display: none; }
h1,h2 { font-size: 16px; }
h3 { font-size: 15px; }
h2,h3 { margin-bottom: 20px;
font-weight: bold; }
ul li { margin: 0 0 4px 5px; }
h2,ul li { background: url(streep_klein.gif) 0px 6px no-repeat;
padding-left: 24px; }
table { empty-cells: show;
border-collapse: collapse;
margin-bottom: 15px; }
table td { vertical-align: top;
padding: 0 10px 10px 0; }
table.intro { width: 600px;
margin: 0 65px; }
table.intro td { font-size: 15px;
text-align: center;
padding: 10px 0;
line-height: 1.2; }
table.intro a:hover { font-weight: bold; }
table.produkt,table.matrix { width: 100%; }
table.smal { width: 650px; }
table.produkt td { padding: 16px 16px 4px 0px; }
table.koploos td { padding: 0 16px 4px 0px; }
table.produkt td:first-child { text-align: center;
padding-top: 4px;
width: 62px; }
table.produkt td:first-child a{ text-decoration: none; }
table.matrix td { border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
padding: 5px 4px;
text-align: center; }
table.matrix td:first-child { text-align: left; }
table.border { width: 100%; }
table.border td { border: 1px solid #C0C0C0;
padding: 5px 4px; }
table td.column { padding: 0 0 0 10px;
border-left: 1px solid #404040; }
.balk { float: right;
margin-left: 16px; }
.balk div { padding: 4px 0 4px 10px;
text-align: center;
border-left: 1px solid #404040; }
.balk div.active { border: 1px solid #404040;
border-left: none;
padding: 4px 10px 4px 0px; }
.balk div.active a { color: #D84735; }
input,textarea,select { border: 1px solid #C0C0C0; }
input,textarea { padding: 2px; }
select { text-align: center; }
table.formulier input { margin-top: 5px; }
input.nr { width: 32px;
text-align: right; }
table.ln { border: 1px solid #C0C0C0;
background-color: #E0E0E0; }
table.ln td { padding: 6px; }
table.ln input { width: 400px; }
#nav ul li { margin-left: 15px; }
#nav span { display: block;
padding: 5px 0px 7px 15px;
cursor: pointer;
background: url(streep_vert.gif) no-repeat; }
#nav a .noaccnavk { background: url(streep_knipper.gif) no-repeat; }
#nav span:hover { padding-left: 30px;
color: #D84735;
background: url(pijl_rechts.gif) 0 2px no-repeat; }
#nav a .webportal,
#nav a .noaccnav,
#nav a .noaccnavk { color: black;
padding-bottom: 10px; }
img { border: none; }
img.screenshot { border: 1px solid #C0C0C0;
background-color: white;
padding: 5px;
margin: 10px 0; }
a:active,a:focus { outline: none; }
a:hover,.active,
#nav span.active,
#nav a:hover span { color: #D84735; }
.active { font-weight: bold; }
.center { text-align: center; }
.floatleft { float: left;
border: 1px solid #C0C0C0;
margin: 5px 12px 2px 0; }
.floatright { float: right;
border: 1px solid #C0C0C0;
margin: 5px 0 2px 12px; }
.button { display: inline;
padding: 6px 20px;
border: 1px outset;
background: #E0E0E0; }
a span.normal img,
a span.change img { border: 1px solid #C0C0C0;
width: 200px;
height: 200px; }
a span.normal,
a:hover span.change { display: inline; }
a span.change,
a:hover span.normal { display: none; }
/* PLOPPENDE PLAATJES */
.imgzoom { position: relative;
margin: 0; }
.imgzoom img { border: 1px solid #C0C0C0;
height: 60px;
width: 60px;
margin: 0; }
p .imgzoom img { margin: 5px 12px 2px 0;
float:left; }
.imgzoom:hover { background-color: transparent; }
.imgzoom span { visibility: hidden;
position: absolute;
z-index: 3;
bottom: -70px;
left: -2000px; }
.imgzoom:hover span { visibility: visible;
bottom: -70px;
left: -210px; }
p .imgzoom:hover span { top: -70px;
left: -284px; }
.imgzoom:hover span img { border: 1px solid #C0C0C0;
height: 200px;
width: 200px; }
/* PLOPPENDE INFOBOLLETJES */
.txtzoom { position: relative;
z-index: 2; }
.txtzoom img { vertical-align: -2px; }
.txtzoom:hover { background-color: transparent; }
.txtzoom span { visibility: hidden;
position: absolute;
z-index: 3;
left: -2000px;
top: -7px;
width: 220px;
border: 2px dashed #D84735;
padding: 4px 4px 4px 24px;
background: white url(info.gif) 4px 8px no-repeat;
margin: 0; }
.txtzoom:hover span { visibility: visible;
left: -6px; }
/* HIGHSLIDE */
.highslide-wrapper,
.highslide-outline { background: #FFFFFF; }
.highslide img { border: 1px solid #D0D0D0; }
.highslide:hover img { border-color: #A0A0A0; }
.highslide-active-anchor img { visibility: visible;
border-color: #808080 !important; }
.highslide-dimming { background: #e0e0ff; }
.highslide-image { border: none; }
.highslide-caption { background-color: #DDDDDD;
padding: 5px;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #FFFFFF;
border-style: solid; }
.highslide-loading { display: block;
padding: 3px 0 3px 22px;
width: 0;
height: 16px;
overflow: hidden;
background-color: black;
background-repeat: no-repeat;
background-position: 3px 3px;
background-image: url(graphics/loader.black.gif); }
/* KLEUREN
Dinaf-blauw: #26357E, rgb(038,053,126)
Dinaf-rood: #D84735, rgb(216,071,053)
Lichtgrijs: #C0C0C0
Donkergrijs: #404040
*/