/* Standaard font familie voor site */

body, table, tr, td, a, p { font-family: arial, helvetica, verdana, sans-serif; }
h1, h2, h3, h4, h5 { font-family: arial, helvetica, verdana, sans-serif; }
.inspringen { margin-left: 5% }
.inspringen_klein { margin-left: 2% }
.center {text-align: center; color: #333333; }
.onderaan { position: absolute; margin-top: 380px; margin-left: 270px; color: #333333; }
.fotolinks { position: absolute; background-image: url(afbeeldingen/audities.jpg); background-repeat: no-repeat; margin-top: 150px; left: 80px; width: 200px; height: 200px; }
.tekstmidden { position: absolute; margin-top: 120px; left: 220px; color: #545454; }
.tekstlinks { position: absolute; margin-top: 100px; left: 45px; color: #545454; }
.top { position: absolute; margin-top: 0px; left: 850px; }
.snelkoppeling { position: absolute; margin-top: 0px; left: 9px; }
.kleinetekst { font-size: 11px; }

/* Pagina body stijl */

body { margin: 0; padding: 0px; font-size: 12px; background-color: #FFFFFF; color: #000000; }

/* Container voor pagina */ 

#container { position: relative; width: 900px; margin-left: auto; margin-right: auto; }

/* Vaste elementen */

#topfoto { position: absolute; width: 100%; margin-top: 18px; left: 0px; }

/* Topnavigatie menu */

#topnavigatie { position: absolute; margin-top: 0px; margin-left: 0px; width: 900px; height: 18px; text-align: right; line-height: 1.5; }

/* Dropmenu */ 

#navigatie { z-index: 10; position: absolute; width: 900px; background-image: url(afbeeldingen/glasknop.jpg); height: 20px; margin-left: 0px; margin-right: 0px; margin-top: 168px; }
.dropmenu  { position: absolute; list-style-type: none; text-align: center; margin-left: 156px; margin-top: 0px; padding: 0px; }
.dropmenu li    { position: relative; float: left; behavior: url(hover.htc) }
.dropmenu a   { height: 20px; display: block; width: 120px; color: #000000; font-size: 13px;  font-weight: normal; line-height: 1.5; text-decoration: none; background-image: url(afbeeldingen/glasknop.jpg); }
.dropmenu ul    { list-style-type: none; display: block; margin: 0px ; padding: 0px; position: absolute; visibility: hidden; border: 1px solid #DADDDD; text-align: center }
.dropmenu ul li a { background-image: url(afbeeldingen/glasknop2.jpg); font-size: 12px;  font-weight: normal; }
.dropmenu ul li     { float: none; margin: 0px; padding: 0px; }
.dropmenu li:hover ul, .dropmenu li.hover ul { visibility: visible; padding: 0px; margin: 0px; }
.dropmenu a:hover, .dropmenu a:visited:hover   { color: #717171; text-decoration: none;  }

/* Ondernavigatie */

.ondernavigatie h3 { font-size: 13px; margin-bottom: 0px; margin-top: 0px; text-align: center;  }
.ondernavigatie a:hover { text-decoration: none; cursor: hand; color: #717171; }
#ondernavigatie { position: absolute; margin-top: 686px; left: 0px; width: 900px; height: 20px }
#ondernavigatie1 {position: absolute; left: 0px; width: 175px; height: 20px }
#ondernavigatie2 {position: absolute; left: 180px; width: 175px; height: 20px }
#ondernavigatie3 {position: absolute; left: 365px; width: 175px; height: 20px }
#ondernavigatie4 {position: absolute; left: 542px; width: 175px; height: 20px }
#ondernavigatie5 {position: absolute; left: 720px; width: 175px; height: 20px }

/* Ondernavigatie Theorieboekje */

.ondernavigatie_theorieboekje h3 { font-size: 13px; margin-bottom: 0px; margin-top: 10px; text-align: center; }
.ondernavigatie_theorieboekje a:hover { text-decoration: none; cursor: hand; color: #717171; }
#ondernavigatie_theorieboekje { position: absolute; margin-top: 0px; left: 0px; width: 900px; height: 60px; background-image: url(afbeeldingen/achtergrond_onder_theorieboekje.jpg); background-repeat: no-repeat; }


/* Inhoud */

#inhoud { position: absolute; background-image: url(afbeeldingen/achtergrond.jpg); margin-top: 189px; left: 0px; width: 900px; height: 547px; }
#welkom { position: absolute; background-image: url(afbeeldingen/welkom.jpg); margin-top: 20px; left: 8px; width: 883px; height: 464px; padding: 0px; }
#wolk1 { position: absolute; margin-top: 98px; left: 170px; color: #545454; font-size: 13px; text-align: center; cursor: pointer; text-decoration: none;  }
#wolk2 { position: absolute; margin-top: 45px; left: 405px; color: #545454; font-size: 13px; text-align: center; cursor: pointer; text-decoration: none;  }
#wolk3 { position: absolute; margin-top: 140px; left: 570px; color: #545454; font-size: 13px; text-align: center; text-decoration: none;  }
#titel { position: absolute; margin-top: 14px; left: 45px; color: #545454; }
#ondertitel { position: absolute; margin-top: 60px; left: 46px; color: #545454; }


/* Links */ 

a:link, a:visited, a:active { text-decoration: none; color: #000000; font: 12px;  }
a:hover { text-decoration: inherit; color: #000000; font: 12px; }


/* Agenda */

#googleagenda {position absolute; margin-left: 50px; margin-top: 55px }

/* Hoofdschool */

#foto { position: absolute; background-image: url(afbeeldingen/veurne.jpg); background-repeat: no-repeat; margin-top: 100px; left: 220px; width: 400px; height: 500px; }
#tekstrechts { position: absolute; margin-top: 150px; left: 480px; color: #545454; }
#tekstonder { position: absolute; margin-top: 375px; left: 275px; color: #545454; font-style: italic; font-size: 12px; }

/* Afdelingen */

#filialen { position: absolute; background-image: url(afbeeldingen/filialen.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#tekstveurne { position: absolute; margin-top: 130px; left: 150px; color: #545454; }
#tekstmuwok { position: absolute; margin-top: 130px; left: 482px; color: #545454; }
#tekstoostduinkerke { position: absolute; margin-top: 145px; left: 740px; color: #545454; }
#tekstnieuwpoort { position: absolute; margin-top: 300px; left: 150px; color: #545454; }
#tekstdepanne { position: absolute; margin-top: 315px; left: 482px; color: #545454; }
#tekstalveringem { position: absolute; margin-top: 315px; left: 740px; color: #545454; }

/* Inschrijvingsgeld */

#inschrijvingsgeld { position: absolute; background-image: url(afbeeldingen/inschrijvingsgeld.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#tekstinschrijvingsgeld { position: absolute; margin-top: 140px; left: 380px; color: #545454; }

/* Muziek */

#muziekgenootjes { position: absolute; background-image: url(afbeeldingen/muziekgenootjes.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#lageregraadmuziek { position: absolute; background-image: url(afbeeldingen/lageregraadmuziek.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#middelbaregraadmuziek { position: absolute; background-image: url(afbeeldingen/middelbaregraadmuziek.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#hogeregraadmuziek { position: absolute; background-image: url(afbeeldingen/hogeregraadmuziek.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#jazz { position: absolute; background-image: url(afbeeldingen/jazz.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#instrumentenkeuze { position: absolute; background-image: url(afbeeldingen/instrumentenkeuze.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#tekstmuziek { position: absolute; margin-top: 115px; left: 340px; color: #545454; font-size: 12px; }
#kolom1 { position: absolute; margin-top: 130px; left: 420px; color: #545454; }
#kolom2 { position: absolute; margin-top: 210px; left: 570px; color: #545454; }
#kolom3 { position: absolute; margin-top: 210px; left: 720px; color: #545454; }

/* Woord */

#lageregraadwoord { position: absolute; background-image: url(afbeeldingen/lageregraadwoord.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#middelbaregraadwoord { position: absolute; background-image: url(afbeeldingen/middelbaregraadwoord.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#hogeregraadwoord { position: absolute; background-image: url(afbeeldingen/hogeregraadwoord.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Dans */

#lageregraaddansjong { position: absolute; background-image: url(afbeeldingen/lageregraaddansjong.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#lageregraaddansvolw { position: absolute; background-image: url(afbeeldingen/lageregraaddansvolw.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Historiek */

#historiek { position: absolute; background-image: url(afbeeldingen/historiek.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Links */

#links { position: absolute; background-image: url(afbeeldingen/links.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Fotoboek */

#fotoboek { position: absolute; background-image: url(afbeeldingen/fotoboek.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#audities { position: absolute; background-image: url(afbeeldingen/audities.jpg); background-repeat: no-repeat; margin-top: 150px; left: 80px; width: 200px; height: 200px; cursor: pointer; text-decoration: none; }
#aperitiefconcerten { position: absolute; background-image: url(afbeeldingen/aperitiefconcerten.jpg); background-repeat: no-repeat; margin-top: 150px; left: 345px; width: 200px; height: 200px; cursor: pointer; text-decoration: none; }
#allerlei { position: absolute; background-image: url(afbeeldingen/allerlei.jpg); background-repeat: no-repeat; margin-top: 150px; left: 613px; width: 200px; height: 200px; cursor: pointer; text-decoration: none; }
#aperitiefconcertenpagina { position: absolute; background-image: url(afbeeldingen/aperitiefconcertenpagina.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#allerleipagina { position: absolute; background-image: url(afbeeldingen/allerleipagina.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#auditiespagina { position: absolute; background-image: url(afbeeldingen/auditiespagina.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Agenda */

#agenda { position: absolute; background-image: url(afbeeldingen/agenda.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#googlefoto { position: absolute; background-image: url(afbeeldingen/googlefoto.jpg); background-repeat: no-repeat; margin-top: 140px; left: 30px; width: 277px; height: 243px; }
#aperitiefconcertenagenda { position: absolute; background-image: url(afbeeldingen/aperitiefconcertenagenda.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Instrumenteninfo */

#hobo { position: absolute; background-image: url(afbeeldingen/hobo.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#trompet { position: absolute; background-image: url(afbeeldingen/trompet.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#tekstinstrumenteninfo { position: absolute; margin-top: 100px; left: 340px; color: #545454; font-size: 12px; }
#muziekvoorbeeld { position: absolute; margin-top: 440px; left: 340px; }

/* Scroll */

.scrollholder1 { position: relative; width: 520px; height: 325px; overflow: auto; z-index: 1; background-color: #ffffff; }
.scroll1 { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; }
.track { position: relative; float:right; top: 0; width: 11px; height: 100%; font-size: 0; z-index: 3; background: white; }
.drag_bar { position: absolute; width: 100%; height: 14px; cursor: pointer; z-index: 4; background: #723826; }  
.scrollholder2 { position: relative; width: 650px; height: 325px; overflow: auto; z-index: 1; background-color: #ffffff; }
.scroll2 { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; }
.track { position: relative; float:right; top: 0; width: 11px; height: 100%; font-size: 0; z-index: 3; background: white; }
.drag_bar { position: absolute; width: 100%; height: 14px; cursor: pointer; z-index: 4; background: #723826; }
.scrollholder3 { position: relative; width: 880px; height: 400px; overflow: auto; z-index: 1; background-color: #ffffff; }
.scroll3 { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; }
.track { position: relative; float:right; top: 0; width: 11px; height: 100%; font-size: 0; z-index: 3; background: white; }
.drag_bar { position: absolute; width: 100%; height: 14px; cursor: pointer; z-index: 4; background: #723826; }

/* Onder Constructie */
#constructie { position: absolute; background-image: url(afbeeldingen/constructie.jpg); background-repeat: no-repeat; margin-top: 130px; left: 170px; width: 200px; height: 252px; }

/* Login */
#login { position: absolute; background-image: url(afbeeldingen/login.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Sitemap */
#sitemap { position: absolute; background-image: url(afbeeldingen/sitemap.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Nieuws */
#nieuws { position: absolute; background-image: url(afbeeldingen/nieuws.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }
#tekstnieuws { position: absolute; margin-top: 0px; left: 540px; right: 15px; text-align:justify; color: #545454; font-size: 14px; }

/* Contactformulier */
#contact { position: absolute; background-image: url(afbeeldingen/contact.jpg); background-repeat: no-repeat; margin-top: 20px; left: 8px; width: 883px; height: 464px; }

/* Theorieboekje */
#theorieboekje { position: absolute; margin-top: 20px; left: 0px; width: 900px; background-image: url(afbeeldingen/achtergrond_theorieboekje.jpg); background-repeat: repeat-y; }