@font-face { font-family: 'TeXGyreAdventorRegular'; src: url('texgyreadventor-regular-webfont.eot'); src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('texgyreadventor-regular-webfont.woff') format('woff'), url('texgyreadventor-regular-webfont.ttf') format('truetype'), url('texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg'); font-weight: normal; font-style: normal; }
/* 
aubergine: #7a1039;
roze: #f6d1d2;
PW: blauw: #559cbe;
donkerblauw: #1e2b76; (tekst)
*/
body { margin: 0px; padding: 0px; font-family: "Century Gothic", "TeXGyreAdventorRegular", sans-serif; color: #1e2b76; font-size: 13px; line-height: 20px; background: url(../img/bg-body.png) repeat center top; outline: 0; }
.maincontainer { width: 926px; margin: 0 auto; }
.header { position: relative; width: 900px; float: left; height: 82px; margin-top: 20px; padding-left: 13px; padding-right: 13px; z-index: 3; }
.container { position: relative; float: left; width: 926px; background: url(../img/bg-container.png) repeat-y top center; padding-top: 120px; }
.footer { width: 926px; height: 347px; float: left; background: url(../img/bg-footer.png) no-repeat top center; margin-top: -297px; position: relative; z-index: 1; padding-top: 294px; }
.footer td { font-size: 10px; vertical-align: middle; align: left; height: 29px; line-height: 29px; color: #fff; margin: 0; padding: 0; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }

/* menu-kolom */
.kolom1 { width: 245px; float: left; padding-top: 21px; padding-left: 15px; }
/* tekst-kolom */
.kolom2 { position: relative; z-index: 2; width: 473px; float: left; padding-top: 21px; margin-bottom: 20px; }
/*aanmelden-kolom */
.kolom3 { position: relative; width: 180px; float: left; padding-top: 52px; z-index: 2; }
.kolom3 p { font-size: 10px; line-height: 14px; color: #63002d; padding-left: 10px; padding-right: 10px; }
.kolom3 img { border: 0px; }

/* header */
.logo { position: relative; z-index: 1; float: left; top: 0px; left: -12px; height: 202px; width: 777px; background: url(../img/bg-logo.png) no-repeat left top; z-index: 2; }
.logo img { float: left; margin-top: 21px; margin-left: 58px; }
.naw { position: relative; float: left; top: -120px; left: 237px; height: 125px; width: 663px; background: url(../img/bg-naw.png) no-repeat right top; z-index: 3; }
.naw table { position: relative; top: 66px; left: 11px; z-index: 3; }
.naw td { color: #fff; border-right: solid 1px #fff; padding-left: 17px; padding-right: 18px; padding-top: 8px; vertical-align: top; height: 48px; }
.naw td:last-child { border-right: 0px; }
.naw a { color: #fff; font-weight: bold; text-decoration: none; }
.naw a:hover { text-decoration: underline; }
.aanmelden { float: right; width: 181px; height: 145px; background: url(../img/bg-aanmelden.png) no-repeat left top; margin-top: -90px; }
.aanmelden a { position: relative; top: 107px; left: 10px; font-size: 15px; font-weight: bold; color: #7a1039; text-decoration: none; z-index: 100; display: block; }
.aanmelden a:hover { color: #ffffff; text-decoration: none; }

/* tekst */

.tekst h1 { color: #7a1039; font-size: 20px; line-height: 20px; padding-left: 20px; padding-right: 20px; }
.tekst h2 { color: #7a1039; font-size: 16px; line-height: 16px; padding-left: 20px; padding-right: 20px; }
.tekst h3 { color: #7a1039; font-size: 14px; line-height: 14px; padding-left: 20px; padding-right: 20px; margin-bottom: 0; }
.tekst p { font-size: 13px; line-height: 20px; padding-left: 20px; padding-right: 20px; }
.tekst p a { color: #7a1039; text-decoration: underline; }
.tekst p a:hover { color: #7a1039; text-decoration: none; }
.tekst p img { padding-right: 5px; float: none; }
.tekst strong { color: #7a1039; }
.tekst div img { float: none; }
.tekst ul { padding-left: 40px; padding-right: 40px; }
.tekst table { clear: both; margin: 0; margin-top: -10px; margin-bottom: -10px; padding: 0; }
.tekst td { margin: 0; padding: 0; }

/* menu */
.menu { margin-bottom: 330px; }
.menu ul { font-weight: normal; padding: 0; list-style: none; margin-left: 48px; }
.menu ul li { display: block; position: relative; }
.menu ul li ul { display: none; }
.menu ul li a { display: block; text-decoration: none; width: 135px; height: 33px; line-height: 33px; padding: 0px 8px 0px 8px; cursor: pointer; text-decoration: none; font-weight: bold; font-family: "Century Gothic", "TeXGyreAdventorRegular", sans-serif; font-size: 15px; color: #559cbe; text-transform: lowercase; cursor: default; }
.menu li:hover { background: url(../img/bg-hoofdmenu.png) no-repeat left top; }
.menu li:hover a { color: #fff; }
.menu li:hover li { color: #63002d; }
.menu li:hover li a { color: #63002d; }
.menu li:hover ul { display: block; position: absolute; z-index: 20; margin-left: 152px; margin-top: -33px; }
.menu li ul li a { height: auto; color: #63002d; background: #f5c9c8; line-height: 33px; margin-top: 0; border: 0px; width: 226px; padding: 0 8px 0 8px; border-bottom: solid 1px #fff; cursor: pointer; text-transform: lowercase; }

.menu li ul li:hover { background: url(../img/bg-hoofdmenu.png) no-repeat left top; }
.menu li ul li:hover a { color: #fff; height: auto; background: #63002d; line-height: 33px; margin-top: 0; border: 0; border-bottom: solid 1px #fff; }
.menu li:hover li:first-child a { background: url(../img/bg-submenu-firstchild-off.png) no-repeat left top; }
.menu li:hover li:first-child a:hover { background: url(../img/bg-submenu-firstchild-on.png) no-repeat left top; }
.menu li:hover li:last-child a { background: url(../img/bg-submenu-lastchild-off.png) no-repeat left bottom; border-bottom: 0; }
.menu li:hover li:last-child a:hover { background: url(../img/bg-submenu-lastchild-on.png) no-repeat left bottom; border-bottom: 0; }
.menu li:first-child a { cursor: pointer; }
.menu li:first-child a:hover { }
.menu li a.hierbenik { color: #eba0a4; z-index: 20; }
.menu li a:hover.hierbenik { color: #eba0a4; z-index: 20; }
.menu li a#hierbenik { color: #eba0a4; z-index: 20; }
.menu li a:hover#hierbenik { color: #eba0a4; z-index: 20; }
.menu li a:hover { color: #fff; z-index: 20; }