/* CSS Document by Pakweg - Harriet Zuidervaart*/
body { background-color: #0e56a2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #014992; background-image: url(images/wolkjes.gif); }
th, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #014992; }
.SkinObject, A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #014D9C; line-height: normal; }
A.SkinObject:hover { text-decoration: none; color: #EC7A07; line-height: normal; }
/* Module titels - cp headers - */
.Head { font-family: Tahoma; font-size: 18px; font-weight: bold; color: #014D9C; }
.SubHead { font-family: Arial; font-size: 12px; font-weight: bold; color: #014D9C; }
.SubSubHead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }
/* Main text in (most) modules*/
.Normal, .NormalDisabled { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: color : #014992;;
}
.NormalBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.NormalRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; }
.NormalTextBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
.CommandButton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
/* General classes */
H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #EC7A07; }
H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #014D9C; }
H3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }
H4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; }
H5, DT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #014D9C; }
H6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #EC7A07; }
a:link, a:visited, a:active { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; }
SMALL { font-size:  10px; }
BIG { font-size:  18px; }
/* sometimes used for login and terms and privacy */
.OtherTabs, A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; }
A.OtherTabs:hover { color: #EC7A07; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; }
.ModuleTitle_MenuContainer { color: #2c2c2c; }
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand; }
.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 15px 0 10px; }
.ModuleTitle_MenuIcon { background: #FFF; border: 0px; border-bottom: 1px dotted #999; width:0px; height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; font-size: 0px; }
.ModuleTitle_MenuIcon IMG { margin: 0 10px 0 10px; }
.menubg { background-image: url(images/menubg.gif); background-repeat: repeat-x; }
.footerbg { background-image: url(images/bgfooter.gif); background-repeat: repeat-x; }
.bibbersmenu { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.leftpane { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.menuimg { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.toppane { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.contentpane { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.bottompane { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.rightpane { margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }
.footer, A.footer:link, A.footer:visited, A.footer:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: normal; }
A.footer:hover { text-decoration: none; color: #014D9C; line-height: normal; }
/* Container classes */
.Titel1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #ec7a08; font-weight: bold; }
.Titel2 { font-family: Arial, Helvetica; font-size: 18px; color: #333333; font-weight: normal; }
.Titel3 { font-family: Arial, Helvetica; font-size: 18px; color: #333333; font-weight: normal; }
.Titel4 { font-family: Arial, Helvetica; font-size: 18px; color: #333333; font-weight: normal; }
/* mouse over image buttons */
.homeactief { display: block; width: 47px; height: 30px; background: transparent url(images/homea.gif) no-repeat; }
.home a { display: block; width: 47px; height: 30px; background: transparent url(images/home.gif) no-repeat; }
.home a:hover { background-position: -100px 0; }

.ouderslkactief { display: block; width: 143px; height: 30px; background: transparent url(images/ouders-lka.gif) no-repeat; }
.ouderslk a { display: block; width: 143px; height: 30px; background: transparent url(images/ouders-lk.gif) no-repeat; }
.ouderslk a:hover { background-position: -200px 0; }

.mail { display: block; width: 190px; height: 78px; background: transparent url(images/maila.gif) no-repeat; }
.mail a { display: block; width: 190px; height: 78px; background: transparent url(images/mail.gif) no-repeat; }
.mail a:hover { background-position: -200px 0; }


.vaakbangactief { display: block; width: 89px; height: 108px; background: transparent url(images/vaakbanga.gif) no-repeat; }
.vaakbang a { display: block; width: 89px; height: 108px; background: transparent url(images/vaakbang.gif) no-repeat; }
.vaakbang a:hover { background-position: -100px 0; }
.minderbangactief { display: block; width: 89px; height: 108px; background: transparent url(images/hoe-minder-banga.gif) no-repeat; }
.minderbang a { display: block; width: 89px; height: 108px; background: transparent url(images/hoe-minder-bang.gif) no-repeat; }
.minderbang a:hover { background-position: -100px 0; }
.nietstoppenactief { display: block; width: 91px; height: 108px; background: transparent url(images/kan-niet-stoppena.gif) no-repeat; }
.nietstoppen { display: block; width: 91px; height: 108px; background: transparent url(images/kan-niet-stoppen.gif) no-repeat; }
.nietstoppen a:hover { background-position: -100px 0; }
.hoestoppenactief { display: block; width: 92px; height: 108px; background: transparent url(images/hoe-stoppena.gif) no-repeat; }
.hoestoppen { display: block; width: 92px; height: 108px; background: transparent url(images/hoe-stoppen.gif) no-repeat; }
.hoestoppen a:hover { background-position: -100px 0; }
.vragenactief { display: block; width: 90px; height: 108px; background: transparent url(images/vragen-bibber-faqa.gif) no-repeat; }
.vragen { display: block; width: 90px; height: 108px; background: transparent url(images/vragen-bibber-faq.gif) no-repeat; }
.vragen a:hover { background-position: -100px 0; }
.spelactief { display: block; width: 89px; height: 108px; background: transparent url(images/spelletjes-testjesa.gif) no-repeat; }
.spel { display: block; width: 89px; height: 108px; background: transparent url(images/spelletjes-testjes.gif) no-repeat; }
.spel a:hover { background-position: -100px 0; }
