@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  font-family: Verdana, Arial;
  background:#000 url(images/backNIEUW.jpg) repeat-y top center;

}
img, class {*-behavior: url(iepngfix.htc);}
body {height: 696px; background-color: #000000; background-position: center top; background-repeat: no-repeat; background-image: url(images/backgroundNIEUW.jpg); margin: 0; *-display: inline;}


/* ID'S */
#container {background-image: url(images/content_back.png); margin: 0 auto; top: 0; min-height: 782px; position: relative; width: 777px;}
#wrapper {float: left; bottom: 0; background-image: url(images/content_back.png); width: 777px; margin-bottom: 30px;}
#header {float: left; width: 777px;	height:110px; *-overflow:hidden; background-image: url(images/header.jpg);}
#header_leden {float: left; width: 777px;	height:110px; *-overflow:hidden; background-image: url(images/header_leden.jpg);}
#header_left {float: left; width: 518px; height: 110px; *-overflow:hidden;}
#header_right {float: left; width: 259px; height: 110px; *-overflow:hidden;}
#header_spacer {float: left; width: 259px; height: 30px; *-overflow:hidden;}
#header_links {float: left; width: 259px; height: 60px; *-overflow:hidden; margin: 15px 0px 5px 0px; *-display: inline; }
#header_links a:link {font-size: 11px; text-decoration: none; color: #000; *-display: inline; }
#header_links a:visited {font-size: 11px; text-decoration: none; color: #000; *-display: inline; }
#header_links a:hover {font-size: 11px; text-decoration: underline; color: #000; *-display: inline; }
#header_links a:active {font-size: 11px; text-decoration: underline; color: #000; *-display: inline; }
.header_link {float: left; display: block; width: 259px; height: 20px; text-align: right; line-height: 20px; vertical-align: middle;}

#footer {bottom: 0;	height: 30px; position: absolute; width: 777px;	background-image: url(images/footer.png); line-height: 30px; vertical-align:middle; text-decoration: none;} 
#footer a:link {color: #000000; font-size: 10px; text-align: right; *-display: inline; text-decoration: none;}
#footer a:visited {color: #000000; font-size: 10px; text-align: right; *-display: inline; text-decoration: none;}
#footer a:hover {color: #000000; font-size: 10px; text-align: right; *-display: inline; text-decoration: underline;}
#footer a:active {color: #000000; font-size: 10px; text-align: right; *-display: inline; text-decoration: underline;}

#hoofdmenu {float:left; margin: 14px 14px 0px 14px; width: 748px; height: 41px; background-image: url(images/hoofdmenu.png); *-display: inline; position: relative; z-index: 2; overflow: hidden;}
.menuitem_actief {float: left; display: block; width: 106px; height: 41px; background-image: url(images/hoofdmenu_actief.png); line-height: 41px; vertical-align: middle; *-display:inline;}
.menuitem_inactief {float: left; display: block; width: 106px; height: 41px; line-height: 41px; vertical-align: middle;}
.menuitem_inactief a:hover {display:block; background-image: url("images/hoofdmenu_actief.png");color: #ffffff;text-decoration: none;}
.menuitem_inactief a:active {display:block; background-image: url("images/hoofdmenu_actief.png");color: #ffffff;text-decoration: none;}
.menutekst {display: block; height: 41px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center;}
.menutekst a {display: block; height: 41px; font-size: 11px; font-weight: bold; text-align: center; color:#ffffff; text-decoration:none; background-repeat:repeat-x;}

#submenu {float:left; margin: 0px 14px 0px 14px; width: 748px; height: 26px; background-image: url(images/submenu.png); *-display: inline;}
.submenuitem_actief {padding: 0px 0px 0px 0px; float: left; display: block; height: 26px; background-image: url(images/submenu_actief.png); text-decoration: underline; color: #ffffff; line-height: 26px; vertical-align: middle; *-display:inline;}
.submenuitem_inactief {float: left; display: block; height: 26px; line-height: 26px; vertical-align: middle; *-display: inline;}
.submenuitem_inactief a:hover {display:block; background-image: url("images/submenu_actief.png");color: #ffffff;text-decoration: underline; *-display: inline;}
.submenuitem_inactief a:active {display:block; background-image: url("images/submenu_actief.png");color: #ffffff;text-decoration: underline; *-display: inline;}
.submenutekst {display: block; height: 26px; color: #ffffff; font-size: 10px; text-align: center; display: inline;}
.submenutekst a {display: block; padding: 0px 14px 0px 14px; height: 26px; font-size: 10px; text-align: center; color:#ffffff; text-decoration:none; background-repeat:repeat-x; *-display: inline;}

.titel {float: left; font-size: 18px; font-weight: bold; text-align: left; margin: 30px 14px 26px 14px; color: #000000; *-display:inline;} 
.agenda_blok {float:left; display: block; width: 555px; *-display: inline;}
.agenda_img {float:left; display: block; width: 118px; height: 118px; margin: 0px 10px 4px 14px; *-display: inline; border: solid 1px #23afff;}
.agenda_foto {float: left; display: block; width: 110px; height: 110px; margin: 4px 4px 4px 4px; *-display: inline;}
.agenda_plaats {float: left; display: block; width: 527px; font-size: 10px; font-weight: bold; text-align: left; margin: 0px 14px 0px 14px; color: #23afff; *-display:inline;}
.agenda_item_tekst {font-family: Verdana, Arial; font-size: 10px; text-align: justify; color: #000000; margin: 0px 14px 0px 14px;}
.agenda_item_datum {font-family: Verdana, Arial; float: left; display: block; width: 527px; font-size: 10px; text-align: justify; color: #000000; margin: 0px 14px 0px 14px;}

h1 {float: left; display: block; width: 527px; height: 30px; line-height: 30px; vertical-align: middle; font-size: 14px; font-weight: bold; text-align: left; margin: 4px 14px 14px 14px; color: #000000; background-image: url(images/h1.png); *-display:inline;}
h2 {float: left; display: block; width: 527px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 11px; font-weight: bold; text-align: left; margin: 7px 14px 7px 14px; padding-left: 6px; color: #000000; background-image: url(images/subtitel.png); *-display:inline;}
h3 {float: left; display: block; width: 520px; font-size: 11px; font-weight: normal; text-align: left; margin: 0px 14px 0px 14px; color: #23afff; *-display:inline;}
.form_titels { display: block; width: 527px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 11px; font-weight: bold; text-align: left; margin: 14px 0px 14px 0px; padding-left: 6px; color: #000000; background-image: url(images/subtitel.png); *-display:inline;}
.faq_item {float: left; display: block; width: 520px; font-size: 11px; font-weight: normal; text-align: left; margin: 0px 14px 0px 14px; color: #23afff; *-display:inline;}
.faq_tekst {font-size: 11px; text-align: justify; color: #000000; margin: 0px 14px 14px 14px;}

.tekst {font-size: 11px; text-align: justify; color: #000000; margin: 14px 14px 14px 14px;}
.persoon {float: left; width: 555px; *-display: inline;}
.persoon_img {float:left; display: block; width: 118px; height: 118px; margin: 0px 10px 4px 14px; *-display: inline; border: solid 1px #23afff;}
.persoon_foto {float: left; display: block; width: 110px; height: 110px; margin: 4px 4px 4px 4px; *-display: inline;}

#content {float: left; width: 749px; margin: 14px 14px 14px 14px; background-color: #f2f218; *-display: inline;}
#content_links {float: left; width: 555px; *-display: inline; *-overflow: hidden;}
#content_links a:link {font-size: 11px; color: #23afff; text-decoration: underline; *-display: inline;}
#content_links a:visited {font-size: 11px; color: #23afff; text-decoration: underline; *-display: inline;}
#content_links a:hover {font-size: 11px; background-color: #23afff; color: #ffffff; *-display: inline;}
#content_links a:active {font-size: 11px; background-color: #23afff; color: #ffffff; *-display: inline;}

#top {float:left; width: 555px; height: 10px; background-image: url("images/top.png"); *-overflow:hidden; *-display:inline;}
#middle {float:left; width: 555px; min-height: 769px; background-image: url("images/middle.png"); *-display:inline;}
html>/**/body #middle, x:-moz-link, x:default {min-height: 780px;}
#middle_header {float:left; width: 555px; height: 80px; margin: 5px 0px 20px 0px; *-display:inline;}
#middle_header_l {float: left; width: 340px; height: 80px; background-image: url(images/middle_header_l.png); *-overflow: hidden; *-display:inline;}
#middle_header_r {float: left; width: 200px; height: 80px; *-overflow: hidden; *-display:inline;}
#bottom {float: left; width: 555px; height: 10px; background-image: url("images/bottom.png"); *-overflow:hidden; *-display:inline;}
#content_rechts {float: left; width: 180px; margin-left:14px; *-display: inline;}

#contactformulier {float: left; margin: 0px 14px 14px 14px; width: 527px; *-display: inline;}
#doorstuurformulier {float: left; margin: 0px 14px 14px 14px; width: 527px; *-display: inline;}
.formtekst {font-size: 11px;}
.formtekst_rood {font-size: 10px; color: #ff0000; font-style: italic;}
.formtekst_groen {font-size: 10px; color: #009900; font-style: italic;}

.formteksten {display: block; border: solid 1px #23afff; background-color: #e5f6ff; color: #000000; font-size: 11px; margin: 16px 0px 16px 0px; text-align: justify; padding: 6px 10px 6px 10px; font-style: italic;}
.form_radio_optie {float:left; display: block; width: 370px; height: 21px; font-size: 11px;}
.form_radio_optie_incl_input {float:left; display: block; width: 190px; height: 21px; font-size: 11px;}
.form_radiobutton {margin: 0px 4px 0px 4px;}
.formveld {border: solid 1px #23afff; background-color: #ffffff; width: 180px; height: 16px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.countdown {border: solid 1px #23afff; background-color: #ffffff; height: 16px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formveld_kort_rechts {border: solid 1px #23afff; background-color: #ffffff; width: 50px; height: 16px; margin-left: 5px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formveld_kort_rechts2 {border: solid 1px #23afff; background-color: #ffffff; width: 107px; height: 16px; margin: 0 0 0 4px; font-size: 11px; }
.formveld_kort_links {border: solid 1px #23afff; background-color: #ffffff; width: 50px; height: 16px; margin-right: 5px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}

.formtekstarea {border: solid 1px #23afff; background-color: #ffffff; width: 372px; height: 160px; margin-bottom: 5px; padding-top: 2px; font-size: 11px; font-family: verdana, arial;}
.formtekstarea2 {border: solid 1px #23afff; background-color: #ffffff; width: 368px; height: 80px; margin-bottom: 5px; padding-top: 2px; font-size: 11px; font-family: verdana, arial;}
.formbutton {float: right; font-size: 11px; border: solid 1px #23afff; background-color: #23afff; width: 80px; height: 18px; color: #ffffff; font-weight: bold; cursor: pointer;}
.formbutton_links {float: left; font-size: 11px; border: solid 1px #23afff; background-color: #23afff; width: 80px; height: 18px; color: #ffffff; font-weight: bold; cursor: pointer;}
.formselect_dag {border: solid 1px #23afff; background-color: #ffffff; width: 40px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formselect_maand {border: solid 1px #23afff; background-color: #ffffff; width: 80px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formselect_jaar {border: solid 1px #23afff; background-color: #ffffff; width: 51px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formselect_klas {border: solid 1px #23afff; background-color: #ffffff; width: 80px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formselect_opleiding {border: solid 1px #23afff; background-color: #ffffff; width: 97px; margin-bottom: 5px; font-size: 11px; padding-top: 2px;}
.formcheckbox {margin-right: 5px; border: solid 1px #23afff;}
.formcheckbox2 {margin: 5px 5px 0 0; border: solid 1px #23afff;}

#fotocontent {float: left; margin: 0px 15px 15px 0px; width: 555px; *-display: inline;}
.fotoholder {float: left; display: block; margin: 15px 0px 0px 15px; width: 118px; height: 150px; *-display: inline; border: solid 1px #23afff;}
.fotoalbum {float: left; display: block; width: 110px; height: 110px; margin: 4px 4px 4px 4px; *-display: inline;}
.albumonderschrift {float: left; display: block; width: 110px; height: 28px; margin: 0px 4px 4px 4px; background-color: #23afff; *-display: inline; color: #ffffff; font-size: 10px; text-align: center; overflow: hidden; }

.fotoholder_groot {float: left; display: block; margin: 14px 0px 20px 14px; width: 527px; *-display: inline; border: solid 1px #23afff;}
.foto_groot {float: left; display: block; width: 519px; margin: 4px 4px 4px 4px; *-display: inline;}
.albumonderschrift_groot {float: left; display: block; width: 519px; height: 26px; margin: 0px 4px 4px 4px; background-color: #23afff; *-display: inline; color: #ffffff; font-size: 10px; text-align: center; overflow: hidden; }

#agenda {float:left; width: 180px; background-color: #7acdf9; overflow-y: auto; overflow-x: hidden; *-display: inline; padding: 0px 0px 14px 0px;}
#agenda a:link {font-size: 10px; color: #000000; text-decoration: underline; *-display: inline;}
#agenda a:visited {font-size: 10px; color: #000000; text-decoration: underline; *-display: inline;}
#agenda a:hover {font-size: 10px; color: #ffffff; text-decoration: underline; *-display: inline;}
#agenda a:active {font-size: 10px; color: #ffffff; text-decoration: underline; *-display: inline;}
.agenda_titel {float: left; display: block; width: 154px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 16px; font-weight: bold; text-align: left; margin: 14px 10px 10px 16px; color: #000000; *-display: inline;}
.agenda_item {float: left; display: block; width: 154px; font-size: 10px; font-weight: bold; text-align: left; margin: 0px 10px 0px 16px; color: #23afff; *-display:inline;}
.agenda_tekst {float: left; display: block; width: 154px; font-size: 10px; color: #000000; margin: 0px 10px 0px 16px; *-display: inline;}
.agenda_datum {float: left; display: block; width: 154px; font-size: 10px; font-style: italic; color: #000000; margin: 0px 10px 10px 16px; *-display: inline;}
#foto {float:right; width: 180px; height: 282px; background-image: url(images/foto.png); margin-top: 14px; *-display: inline;}
.img_positie {float:left; display: block; height: 272px; width: 170px; margin-left: 9px; margin-top: 1px; *-display:inline;}

#actueel {float:left; width: 180px; min-height: 156px; background-color: #7acdf9; margin-top: 14px; overflow-y: hidden; overflow-x: hidden; *-display: inline; }
#actueel a:link {font-size: 10px; color: #000000; text-decoration: underline; *-display: inline;}
#actueel a:visited {font-size: 10px; color: #000000; text-decoration: underline; *-display: inline;}
#actueel a:hover {font-size: 10px; color: #ffffff; text-decoration: underline; *-display: inline;}
#actueel a:active {font-size: 10px; color: #ffffff; text-decoration: underline; *-display: inline;}
.actueel_titel {float: left; display: block; width: 154px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 16px; font-weight: bold; text-align: left; margin: 14px 10px 10px 16px; color: #000000; *-display: inline;}
.actueel_tekst {float: left; display: block; width: 154px; font-size: 10px; color: #000000; margin: 0px 10px 0px 16px; *-display: inline;}
.actueel_datum {float: left; display: block; width: 154px; font-size: 10px; font-style: italic; color: #000000; margin: 0px 10px 0px 16px; *-display: inline;}
.logo_combi {float:left; display: block; width: 180px; height: 16px; margin: 0px 0px 8px 0px; *-display: inline;}
.logo_item {float: left; display: block; width: 138px; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; color: #23afff; padding-top: 3px; *-display:inline;}
.logo_item2 {float: left; display: block; width: 128px; font-size: 10px; text-align: left; margin: 0px 10px 0px 42px; color: #23afff; padding-top: 3px; *-display:inline;}
.logo {float: left; display: block; width: 16px; height: 16px; margin: 0px 10px 0px 16px; *-display: inline;}
.logo_spacer {float:left; display: block; width: 180px; height: 16px; *-display: inline;}

/* CLASSES */
.footertekst {color: #000000; font-size: 10px; text-align: right; margin-right: 10px; float: right; *-display: inline;}
.footer_swif_logo {padding-top: 5px; margin-right: 14px; float: right; *-display: inline;}
.clear {clear: both;}
.hoofdmenuspacer {display: block; float:left; height: 41px; width: 1px; background-image: url(images/hoofdmenuspacer.png); *-overflow: hidden; *-display: inline;}
.submenuspacer {display: block; float:left; height: 26px; width: 1px; background-image: url(images/submenuspacer.png); *-overflow: hidden; *-display: inline;}

/* TABEL */
.tabelhead {font-size: 10px; color: #ffffff; font-weight: bold; display: block; height: 28px; width: 100%; background-color: #23afff; text-align: center;}
.rij {border: solid 1px #23afff; border-collapse: collapse;}
.tabeltekst {font-size: 10px; margin-left: 10px;}

/* TABEL LINKS */
.tabelhead2 {font-size: 10px; color: #ffffff; font-weight: bold; display: block; height: 28px; width: 100%; background-color: #23afff; text-align: left; line-height: 28px; vertical-align: center;}
.tabelhead3 {font-size: 10px; color: #ffffff; font-weight: bold; display: block; height: 28px; width: 100%; background-color: #7acdf9; text-align: left; line-height: 28px; vertical-align: center;}
.tabeltekst2 {font-size: 10px; margin: 5px 10px 5px 10px; text-align: left;}
.tabeltekst3 {font-size: 10px; margin: 5px 10px 5px 10px; text-align: left;}
.tabelteksttitel {font-weight: bold; color: #23afff; margin: 0 0 0 0px;}
.tabelteksttitel2 {font-weight: bold; color: #ffffff; margin: 5px 10px 5px 10px;}

/* PRIKBORD */
#gb_navigatie {float: left; margin: 7px 14px 7px 14px; width: 527px; *-display: inline;}
.gb_entry {float: left; display: block; width: 527px; margin: 0px 0px 14px 0px; *-display:inline;}
.gb_info {float: left; display: block; width: 527px; font-size: 10px; font-weight: bold; text-align: left; margin: 0px 14px 0px 14px; color: #23afff; *-display:inline;}
.gb_tekst {font-size: 10px; text-align: justify; color: #000000; margin: 0px 14px 0px 14px;}
.gb_bericht {display: block; width: 506px; border: solid 1px #23afff; background-color: #e5f6ff; color: #000000; font-size: 10px; margin: -3px 14px 10px 14px; text-align: justify; padding: 6px 10px 6px 8px; font-style: italic;}

/* SITEMAP */
.mainmenu {float: left; display: block; width: 527px; height: 21px; line-height: 21px; vertical-align: middle; font-size: 12px; font-weight: bold; text-align: left; margin: 7px 14px 7px 14px; padding-left: 6px; color: #000000; *-display:inline;}
.submenu {float: left; display: block; width: 527px; font-size: 11px; font-weight: normal; text-align: left; margin: 0px 14px 0px 14px; color: #23afff; *-display:inline; padding-left: 28px;}
.icon {float: left; margin-right: 5px;}

/* SPACER */
.spacer {float: left; display: block; width: 527px; height: 21px; }

/* INLOG */
.inlogveld {border: solid 1px #23afff; color: #000; background-color: #ffffff; width: 90px; height: 14px; margin-right: 15px; margin-bottom: 5px; *-margin-bottom: 1px; font-size: 11px; padding-top: 2px; *-display: inline;}
.inlogbutton {float: right; font-size: 11px; border: solid 1px #23afff; background-color: #23afff; margin-right: 15px; width: 60px; height: 18px; color: #ffffff; font-weight: bold; cursor: pointer; text-align: center; *-display: inline;}
.login_error {float: left; display: block; font-size: 10px; color: #000000; text-align: right; margin-left: 112px; font-style: italic;}