/* ALGEMEEN */
html, body {
height: 100%; /* héél belangrijk */
}
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-align: center; /* for IE - centered container */
letter-spacing: 0.5pt;
}
ul
{
list-style: none;
margin: 0px;
padding: 0px;
}
li
{
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-position: 0px .4em;
padding-left: .9em;
margin-left: .5em;
}
li
{
background-image:url('../img/pijl.gif');
}
body, td, span, li, input, div, select {line-height: 15px; color: #4d444f;}
h1, h2, h3, h4, h5, h6 { color: #4d444f; line-height:normal;}
body, td, span, li, input, div, select { font-size: 8pt; }
td {
vertical-align: top;
text-align: left;
margin: 0px;
padding: 0px;
}
hr { background-color: #b21417; color: #b21417; height: 1px; border: 0;}
A, A:link, A:visited { text-decoration: underline; color: #b21417; }
A:hover { text-decoration: none; color: #4d444f; }
/* ELKE HOOFDRUBRIEK HEEFT ZIJN EIGEN KLEUR HR !! */
hr.Bordeaux { background-color: #85a506; color: #85a506; height: 1px; border: 0;}
hr.Rood { background-color: #b21417; color: #b21417; height: 1px; border: 0;}
hr.Groen { background-color: #546bd4; color: #546bd4; height: 1px; border: 0;}
hr.Blauw { background-color: #ad295b; color: #ad295b; height: 1px; border: 0;}
hr.Lime { background-color: #dcdc1b; color: #dcdc1b; height: 1px; border: 0;}
hr.Oranje { background-color: #ed5a15; color: #ed5a15; height: 1px; border: 0;}
hr.Donkerblauw { background-color: #323e79; color: #323e79; height: 1px; border: 0;}
hr.Paars { background-color: #b369bd; color: #b369bd; height: 1px; border: 0;}
hr.Dieporanje { background-color: #f25740; color: #f25740; height: 1px; border: 0;}
hr.Geel { background-color: #fbea27; color: #fbea27; height: 1px; border: 0;}
.betaald { background-color:#e2efac; padding: 2px 2px 2px 2px; border-top: 1px solid #85a506; border-bottom: 1px solid #85a506;}
.rood {color: #b21417;}
/* CONTAINER */
#container {
width: 1000px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
background: #FFF;
}
/* INHOUD */
#inhoud { padding: 0px; }
/* HEADER */
.headerTable { width: 1000px; height:132px; }
.headerTdMetanav{ width: 1000px; height: 20px; text-align:right; vertical-align:bottom; padding-right: 0px; padding-top: 0px; }
.headerTdLogo { width: 335px; text-align:left; vertical-align:top; }
.headerTdDatum { width: 665px; height: 132px; text-align:right; vertical-align:bottom; color: #4d444f; padding-right: 0px; padding-bottom: 2px; }
A.meta, A.meta:link, A.meta:visited { text-decoration: none; text-transform:uppercase; color: #FFFFFF; font-size: 7pt; }
A.meta:hover { text-decoration: underline; text-transform:uppercase; color: #4d444f; font-size: 7pt; }
/* FOTOBALK */
.fotobalk { width: 100%; height:134px; background-image:url(../img/hoofdfoto-1.jpg); background-repeat: no-repeat; background-position: left top;
border-left: 2px; border-style: solid; border-color: #aaafb5; border-top: 2px; border-style: solid; border-color: #aaafb5; border-right: 0px; border-bottom: 0px; }
/* HOOFDNAVIGATIE */
.hoofdnavigatieTable{ width: 1000px; height: 50px; }
.hoofdnavigatieTd2 { width: 1000px; height: 2px; background-color:#FFFFFF; }
.hoofdnavigatieTd14 { width: 1000px; height: 14px; background-color:#FFFFFF; }
.hoofdnavigatieTd { height: 22px; vertical-align: middle; background-color:}
.hoofdnavigatieTd24 { width: 1000px; height: 24px; background-color:#FFFFFF; }
/* BANNERBALK */
.bannerbalkTable{ width: 1000px; height: 82px;}
.banner1Td { height: 60px; text-align:center; vertical-align:middle; }
.banner2Td { height: 60px; text-align:center; vertical-align:middle; }
.banner3Td { height: 60px; text-align:center; vertical-align:middle; }
.banner4Td { height: 60px; text-align:center; vertical-align:middle; }
.bannerbalkTdregel{ width: 1000px; height: 16px; }
/* MAIN */
.mainTableTerugTop { width: 800px; height: 32px; }
.mainTdTerug { width: 400px; text-align:left; vertical-align:middle; }
.mainTdTop { width: 400px; text-align:right; vertical-align:middle; }
A.terrugtop, A.terrugtop:link, A.terrugtop:visited { text-decoration: none; color:#b21417; text-transform:uppercase; font-size: 7pt;}
A.terrugtop:hover { text-decoration: underline; color:#4d444f; text-transform:uppercase; font-size: 7pt;}
/* MAIN HOME */
.mainTable { width: 1000px; }
.mainTd30 { width: 30px; }
.kolom1Td { width: 250px; }
.kolom2Td { width: 250px; }
.kolom3Td { width: 250px; }
/* MAIN INFO LIJST */
.mainTableInfo { width: 830px; background-color:#CCFF33 }
.mainTdInfoTitel{ text-align:right; vertical-align:top; padding-bottom: 0px; font-weight: bolder;}
.mainTdInfoIntro{ text-align:left; vertical-align:top; padding-left: 20px}
.mainTd30 { width: 30px; }
.mainInfoTitel { font-size: 13px; text-transform:uppercase; padding-bottom: 4px; font-weight:bold}
.mainInfoSubtitel{ font-size: 12px; padding-bottom: 4px; font-style:italic;}
.mainInfoTekst { padding-bottom: 10px; max-width: 815px; text-align:left; vertical-align:top;}
.mainInfoFoto { padding-bottom: 10px; text-align:left; vertical-align:top; }
.mainInfoDownload{ text-transform:uppercase; font-size: 10px; text-align:left; vertical-align:bottom;}
.mainInfoReageer{ text-transform:uppercase; font-size: 10px; text-align:right; vertical-align:bottom;}
A.leesverder, A.leesverder:link, A.leesverder:visited { text-decoration: none; color: #b21417; font-size: 8pt; }
A.leesverder:hover { text-decoration: underline; color: #4d444f; font-size: 8pt; }
/*
kleuren:
#B21417 = rood = 1 = ezine
#546BD4 = blauw = 2 = bezin en verblijf
#9AA619 = groen = 3 = zinprofiel
#AD295B = bordeaux = 4 = ageda
#DCDC1B = lime = 5 = kijk en luister
#ED5A15 = oranje = 6 = projecten
#323E79 = donker bl = 7 = kiosk
#841729 = paars = 8 = zinweb 1830
*/
/* MAIN AGENDA- Groen */
.bckOranje { background-color:#9AA619; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoOranje { width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #9AA619; border-top: 2px; border-style: solid; border-color: #9AA619; border-right: 0px; border-bottom: 0px; }
.mainTdHomeOranje { width:240px; border-left: 2px; border-style: solid; border-color: #85a506; border-top: 2px; border-style: solid; border-color: #85a506; border-right: 0px; border-bottom: 0px; }
/* MAIN HOME E-ZINE - Rood */
.bckRood { background-color:#b21417; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoRood { width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #b21417; border-top: 2px; border-style: solid; border-color: #b21417; border-right: 0px; border-bottom: 0px; }
.mainTdHomeRood { width:240px; border-left: 2px; border-style: solid; border-color: #b21417; border-top: 2px; border-style: solid; border-color: #b21417; border-right: 0px; border-bottom: 0px; }
/* MAIN PROJECTEN - Blauw */
.bckGroen { background-color:#546bd4; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoGroen{ width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #546bd4; border-top: 2px; border-style: solid; border-color: #546bd4; border-right: 0px; border-bottom: 0px; }
.mainTdHomeGroen { width:240px; border-left: 2px; border-style: solid; border-color: #546bd4; border-top: 2px; border-style: solid; border-color: #546bd4; border-right: 0px; border-bottom: 0px; }
/* MAIN BEZIN EN VERBLIJF - Bordeaux */
.bckBordeaux { background-color:#ad295b; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoBordeaux{ width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #ad295b; border-top: 2px; border-style: solid; border-color: #ad295b; border-right: 0px; border-bottom: 0px; }
.mainTdHomeBordeaux { width:240px; border-left: 2px; border-style: solid; border-color: #ad295b; border-top: 2px; border-style: solid; border-color: #ad295b; border-right: 0px; border-bottom: 0px; }
/* MAIN KIJK EN LUISTER - Lime */
.bckLime { background-color:#dcdc1b; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoLime { width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #dcdc1b; border-top: 2px; border-style: solid; border-color: #dcdc1b; border-right: 0px; border-bottom: 0px; }
.mainTdHomeLime { width:240px; border-left: 2px; border-style: solid; border-color: #dcdc1b; border-top: 2px; border-style: solid; border-color: #dcdc1b; border-right: 0px; border-bottom: 0px; }
/* MAIN ZINPROFIEL - Oranje */
.bckBlauw { background-color:#ed5a15; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoBlauw { width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #ed5a15; border-top: 2px; border-style: solid; border-color: #ed5a15; border-right: 0px; border-bottom: 0px; }
.mainTdHomeBlauw { width:240px; border-left: 2px; border-style: solid; border-color: #ed5a15; border-top: 2px; border-style: solid; border-color: #ed5a15; border-right: 0px; border-bottom: 0px; }
/* MAIN KIOSK - Donkerblauw */
.bckDonkerblauw { background-color:#323e79; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoDonkerblauw { width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #323e79; border-top: 2px; border-style: solid; border-color: #323e79; border-right: 0px; border-bottom: 0px; }
.mainTdHomeDonkerblauw { width:240px; border-left: 2px; border-style: solid; border-color: #323e79; border-top: 2px; border-style: solid; border-color: #323e79; border-right: 0px; border-bottom: 0px; }
/* MAIN ZOEKHULP - Paars */
.bckPaars { background-color:#b369bd; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoPaars{ width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #b369bd; border-top: 2px; border-style: solid; border-color: #b369bd; border-right: 0px; border-bottom: 0px; }
.mainTdHomePaars { width:240px; border-left: 2px; border-style: solid; border-color: #b369bd; border-top: 2px; border-style: solid; border-color: #b369bd; border-right: 0px; border-bottom: 0px; }
/* MAIN ZOEKHULP - Dieporanje */
.bckDieporanje { background-color:#f25740; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoDieporanje{ width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #f25740; border-top: 2px; border-style: solid; border-color: #f25740; border-right: 0px; border-bottom: 0px; }
.mainTdHomeDieporanje { width:240px; border-left: 2px; border-style: solid; border-color: #f25740; border-top: 2px; border-style: solid; border-color: #f25740; border-right: 0px; border-bottom: 0px; }
/* MAIN ZOEKHULP - Geel */
.bckGeel { background-color:#fbea27; padding: 2px 4px 2px 8px; color:#FFFFFF; text-transform:uppercase;}
.mainTdInfoGeel{ width: 810px; padding-left: 8px; padding-top: 8px;
border-left: 2px; border-style: solid; border-color: #fbea27; border-top: 2px; border-style: solid; border-color: #fbea27; border-right: 0px; border-bottom: 0px; }
.mainTdHomeGeel { width:240px; border-left: 2px; border-style: solid; border-color: #fbea27; border-top: 2px; border-style: solid; border-color: #fbea27; border-right: 0px; border-bottom: 0px; }
.mainTdHomeTekst {padding-left: 8px; padding-top: 8px; padding-bottom: 4px; text-align:left; vertical-align:top;}
.mainInfoQuote { font-style:italic;}
/* RIGHT */
.rightZoeken { text-align: right; }
.rightButton1 { width: 155px; padding-left:15px; height: 19px; background-color:#CCCCCC; text-align:left; vertical-align:middle; padding-top: 4px; text-transform:uppercase; color:#b354ad; font-weight:bold; }
.rightButton1a { width: 145px; padding-left:25px; height: 14px; vertical-align:middle; padding-top: 2px; }
.rightButton2 { width: 155px; padding-left:15px; height: 19px; background-color:#CCCCCC; vertical-align:middle; padding-top: 4px; text-transform:uppercase; color:#f25740; font-weight:bold; }
.rightButton2a { width: 145px; padding-left:25px; height: 14px; vertical-align:middle; padding-top: 2px; }
.rightButton3 { width: 155px; padding-left:15px; height: 19px; background-color:#CCCCCC; vertical-align:middle; padding-top: 4px; text-transform:uppercase; color:#546bd4; font-weight:bold; }
.rightButton3a { width: 145px; padding-left:25px; height: 14px; vertical-align:middle; padding-top: 2px; }
/* rightButton 4 t/m 10 !! */
A.rightButton, A.rightButton:link, A.rightButton:visited { text-decoration: none; color:#4d444f;}
A.rightButton:hover { text-decoration: underline; color:#b21417;}
/* FOOTER */
#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
width: 100%;
height: 40px;
text-align:center;
border-left: 2px; border-style: solid; border-color: #dbdbdb; border-top: 2px; border-style: solid; border-color: #dbdbdb; border-right: 0px; border-bottom: 0px;
}
.footerTable { width: 1000px; }
.footerTd30 { width: 30px; }
.footerTdLogo { width: 250px; vertical-align: middle; padding-left: 8px; padding-top: 4px; }
.footerTdLid { width: 250px; vertical-align: middle;}
.footerTdContact{ width: 250px; vertical-align: middle; }
.footerTdCopy { width: 160px; vertical-align: middle; }
A.footer, A.footer:link, A.footer:visited { text-decoration: none; text-transform:uppercase; color: #4d444f; font-size: 7pt; }
A.footer:hover { text-decoration: underline; text-transform:uppercase; color: #4d444f; font-size: 7pt; }
/* anton */
A.clNormal, A.clNormal:link, A.clNormal:visited{text-decoration: none; color: Black;}
A.clNormal:hover {text-decoration: underline; color:Blue;}
A.clSpecial, A.clSpecial:link, A.clSpecial:visited{text-decoration: none; color:red; font-weight:bold}
A.clSpecial:hover {text-decoration: underline; color: Fuchsia; font-weight:bold}
#dhtmltooltipNav
{
font-size: 10px;
color:#764462; /* roodbruin */
line-height:11pt;
position: absolute;
/*width: 150px;*/
border: 1px solid silver;
padding-top: 2px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 4px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
font-weight: bold;
/*scolor:Black*/
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.bckRoodLijn {width:2px; background-color:#dbdbdb; background-repeat:repeat; }
.BoekenRubriek{ font-weight:bold; font-size: 16px; text-transform:uppercase;}
/* anton */
/* HOOFDNAVIGATIE */
.hoofdnavigatieTable{ width: 1000px; height: 50px; }
.hoofdnavigatieTd2 { width: 1000px; height: 2px; background-color:#FFFFFF; }
.hoofdnavigatieTd { height: 22px; vertical-align: middle; background-color:}
.hoofdnavigatieTd24 { width: 1000px; height: 24px; background-color:#FFFFFF; }
.buttonsTable { width: 1000px; height: 22px;}
.button0Td { height: 22px; vertical-align: middle; background-color:#FFFFFF; width:2px; }
.button1Td { height: 22px; vertical-align: middle; background-color:#b21417; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button3Td { height: 22px; vertical-align: middle; background-color:#9aa619; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button2Td { height: 22px; vertical-align: middle; background-color:#546bd4; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button4Td { height: 22px; vertical-align: middle; background-color:#ad295b; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button5Td { height: 22px; vertical-align: middle; background-color:#dcdc1b; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button6Td { height: 22px; vertical-align: middle; background-color:#ed5a15; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button7Td { height: 22px; vertical-align: middle; background-color:#323e79; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button8Td { height: 22px; vertical-align: middle; background-color:#841729; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button9Td { height: 22px; vertical-align: middle; background-color:#b354ad; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button10Td { height: 22px; vertical-align: middle; background-color:#f25740; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
.button11Td { height: 22px; vertical-align: middle; background-color:#f4e31d; padding-left: 10px; padding-right: 10px; text-transform:uppercase; color:#FFFFFF; }
A.button, A.button:link, A.button:visited { text-decoration: none; color:#FFFFFF;}
A.button:hover { text-decoration: underline; color:#FFFFFF;}
/* BCK ITEMS Subnav ON 1 t/m 10 */
A.subBut, A.subBut:link, A.subBut:visited { text-decoration: none; color:#FFFFFF;}
A.subBut:hover { text-decoration: underline; color:#FFFFFF;}
.borderBottom {
border-bottom: solid 2px #FFFFFF;
}
.submenu1 {background: #b21417; color:#FFFFFF; /* hoofdnav item BCK ROOD */
}
.borderBottom1 { border-bottom: solid 2px #b21417; }
.submenu6 {
background: #9aa619; color:#FFFFFF; /* hoofdnav item BCK GROEN */
}
.borderBottom6 { border-bottom: solid 2px #9aa619; }
.submenu4 {
background: #546bd4; color:#FFFFFF;/* hoofdnav item BCK BLAUW */
}
.borderBottom4 { border-bottom: solid 2px #546bd4; }
.submenu2 {
background: #ad295b; color:#FFFFFF;/* hoofdnav item BCK BORDEAUW */
}
.borderBottom2 { border-bottom: solid 2px #ad295b; }
.submenu5 {
background: #dcdc1b; color:#FFFFFF;/* hoofdnav item BCK LIME */
}
.borderBottom5 { border-bottom: solid 2px #dcdc1b; }
.submenu3 {
background: #ed5a15; color:#FFFFFF;/* hoofdnav item BCK ORANJE */
}
.borderBottom3 { border-bottom: solid 2px #ed5a15; }
.submenu7 {
background: #323e79; color:#FFFFFF; /* hoofdnav item BCK DONKERBLAUW */
}
.borderBottom7 { border-bottom: solid 2px #323e79; }
.submenu8 {
background: #b369bd; /* hoofdnav item BCK PAARS */
}
.borderBottom8 { border-bottom: solid 2px #b369bd; }
.submenu9 {
background: #f25740; color:#FFFFFF;/* hoofdnav item BCK DIEPORANJE */
}
.borderBottom9 { border-bottom: solid 2px #f25740; }
.submenu10 {
background: #fbea27; color:#FFFFFF;/* hoofdnav item BCK GEEL */
}
.borderBottom10 { border-bottom: solid 2px #fbea27; }
.reacties {font-size: 7pt; }