/* Globaal */
html {
overflow: auto;
}

br.clearer {
clear: left;
margin: 0px;
}



img {
border: 1px solid #000000;
}

img.borderless {
border: 0px;
}

p {
margin-top: 0px;
margin-bottom: 20px;
}


li:hover {
color: #F09;
}


/* Globaal - structuur */
body {
text-align: center;
background-color: #294779;
margin: 0px;
font-family: Tahoma;
font-size: 10pt;
line-height: 12pt;
}

div.top {
background-image: url(images/shadow.gif);
background-color: #ffffff;
width: 700px;
height: 70px;
text-align: right;
margin-left: auto;
margin-right: auto;
color: #2D41FF;
font-size: 14pt;
text-align: left;
}

img.banner {
margin-left: 15px;
margin-top: 13px;
margin-right: 35px;
border: 0px;
}

img.banners {
margin-bottom: 20px;
border: 0px;
}

div.middle {
background-image: url(images/shadow.gif);
background-color: #B91919;
color: #ffffff;
width: 650px;
height: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 15px;
padding-top: 15px;
}

div.middle_tekst {
float: left;	
margin-top: 12px;
}

div.main_links {
background-image: url(images/shadow.gif);
background-color: #1D3153;
width: 695px;
height: 25px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-left: 5px;
color: #ffffff;
}

div.recensies {
background-image: url(images/shadow.gif);
background-color: #FFFFFF;
width: 695px;
height: 25px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-left: 5px;
}

img.korting_menu {
border: 0px;
margin-left: 25px;
margin-bottom: 10px;
}

div.bottom_links {
background-image: url(images/shadow.gif);
border-bottom: 2px solid #000000;
background-color: #1D3153;
width: 690px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding: 5px;
color: #ffffff;
text-align: center;
clear: both;
}


/* Globaal - content */
a.main_links, a.main_links2 {
display: block;
width: 62px;
height: 19px;
padding: 3px;
text-align: center;
float: left;
border-right: 1px solid #FFFFFF;
font-size: 12px;
}

a.main_links2 {
border-width: 0px; 
}

a.main_links:hover, a.main_links2:hover {
background-color: #546D98;
}

img.foto_top {
float: left;
margin-right: 115px;
margin-left: 10px;
}

p.intro_titel {
font-weight: bold;
letter-spacing: 3px;
word-spacing: 4px;
}

p.intro_tekst {
margin-bottom: 0px;
}


div.content_banner {
margin-left: auto;
margin-right: auto;
overflow: auto;
width: 904px;
overflow: auto;
}

div.banners {
float: left; overflow: auto; margin-left: auto; margin-right: auto; 
margin-top: 10px;
overflow: auto;
}

a.banner, a.banner:link, a.banner:visited, a.banner:hover, a.banner:active {
display: block; 
color: #FFFFFF; 
width: 100px; 
height: 35px; 
text-align: center; 
border: 1px solid #000000;
}

a#banner1 {
background-color: #04e75f;
}

a#banner2 {
background-color: #00F;
}

a#banner3 {
background-color: #ff6e71;
}

div.content {
background-image: url(images/shadow.gif);
background-color: #ffffff;
width: 660px;
overflow: auto;
padding: 20px;
float: left;
text-align: left;
}

div.cursus_menu {
	width: 185px;
	margin-right: 5px;
	float: left;
	text-align: left;
}

div#proeftijd_box {
display: none;
width: 300px;
height: 300px;
background-color: #FFCCFF;
}

p.submenu_top {
background-image: url(images/submenu_top.jpg);
color: #1D3153;
width: 142px;
height: 17px;
padding: 4px;
font-size: 11pt;
text-align: center;
}

li.submenu {
text-decoration: none;
}

ul {
list-style: disc;
margin-left: 25px;
padding: 0px;
}

div.content_rechts {
margin-right: 25px;
float: left;
width: 450px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}

p.plaats_site {
margin-top: 0px;
font-size: 9pt;
}

p.titel, p.les_titel, h1 {
background-image: url(images/titel_bg.jpg);
width: 395px;
text-align: center;
font-size: 13pt;
padding: 4px;
color: #1D3153;
margin-bottom: 40px;
font-weight: normal;
text-transform: uppercase;
}

p.kopje, p.les_kopje, h2 {
font-weight: bold;
font-size: 12pt;
text-decoration: none;
color: #1D3153;
margin-top: 50px;
padding-bottom: 5px;
border-bottom: 1px solid #1D3153;
clear: both;
}


/* Globaal - links */
a:link {color: #2E4E82; text-decoration: none;}  
a:visited {color: #2E4E82; text-decoration: none;} 
a:hover {color: #F09; text-decoration: underline;} 
a:active {color: #2E4E82; text-decoration: none;}

a:link.underline {color: #4769A2; text-decoration: underline;}
a:link.underline  {color: #4769A2; text-decoration: underline;}   
a:visited.underline  {color: #4769A2; text-decoration: underline;}
a:hover.underline {color: #F09; text-decoration: underline;} 
a:active.underline  {color: #4769A2; text-decoration: underline;}

a:link.main_links {color: #FFFFFF; text-decoration: none;}
a:link.main_links {color: #FFFFFF; text-decoration: none;}   
a:visited.main_links  {color: #FFFFFF; text-decoration: none;} 
a:hover.main_links  {color: #FFFFFF; text-decoration: none;} 
a:active.main_links  {color: #FFFFFF; text-decoration: none;}

a:link.main_links2 {color: #FFFFFF; text-decoration: none;}
a:link.main_links2 {color: #FFFFFF; text-decoration: none;}   
a:visited.main_links2  {color: #FFFFFF; text-decoration: none;} 
a:hover.main_links2  {color: #FFFFFF; text-decoration: none;} 
a:active.main_links2  {color: #FFFFFF; text-decoration: none;}

a:link.bottom_links {color: #FFFFFF; text-decoration: none; font-weight: bold;}  
a:visited.bottom_links {color: #FFFFFF; text-decoration: none; font-weight: bold;} 
a:hover.bottom_links {color: #FFFFFF; text-decoration: underline; font-weight: bold;} 
a:active.bottom_links {color: #FFFFFF; text-decoration: none; font-weight: bold;}


/* Globaal - forms */
textarea {
overflow: auto;
}

select.les_keuze {
margin-left: 30px;
}
input.checkbox, input.radio {
background-color: #FFFFFF;
margin: 1px;
border: none;
width: 13px;
}

input.submit {
width: 70px;
height: 25px;
background-image: url('images/submit.gif');
color: #ffffff;
border: 0px;
margin: 2px;
padding: 2px;
}

input.submit:hover {
background-image: url('images/submit2.gif');
}

input.log_in, input.text, .text_registreer, .wachtwoord_vergeten, textarea, select, input {
border: 1px solid #000000;
background-color: #546D98;
color: #FFFFFF;
padding: 1px;
}

select {
font-size: 9pt;
font-family: Tahoma;
}

input.log_in {
width: 140px;
}

form.login {
font-size: 8pt;
margin: 0px;
}


/* Lessen.php */
a.les_onderdelen {
display: block;
float: left;
padding: 5px;
font-weight: bold;
}

p.intro {
margin-bottom: 5px;
}

a.les_onderdelen:hover {
background-color: #5473A6;
}

a:link.les_onderdelen {color: #1D3153; text-decoration: none;}  
a:visited.les_onderdelen {color: #1D3153; text-decoration: none;} 
a:hover.les_onderdelen {color: #FFFFFF; text-decoration: none;} 
a:active.les_onderdelen {color: #1D3153; text-decoration: none;}

object {
margin: 0px;
}

em {
color: #294779;
font-weight: 600;
font-style: normal;
}

div.les_onderdelen {
height: 25px;
border-collapse: collapse;
background-color: #DAE3FB;
border: 1px solid #4177FD;
border-top: 0px;
margin-bottom: 5px;
color: #1D3153;
padding: 0px;
}

td.no_padding {
padding: 0px;
}

p.les_onderdelen {
text-align: center;
margin: 0px;
font-size: 13pt;
padding: 5px;
background-color: #5473A6;
color: #FFFFFF;
}

a.kopje:hover {
text-decoration: none;
color: #1D3153;
}

table, table.les_tabel, table.les_tabel_boven, table.les_tabel_proefleden {
border-collapse: collapse;
width: 400px;
background-color: #FDEAEA;
border: 1px dashed #FA8888;
margin-bottom: 10px;
font-size: 9pt;
clear: both;
}

table.les_tabel_boven {
background-color: #546D98;
color: #FFFFFF;
}

table.les_tabel_proefleden {
background-color: #66FF99;
}

td {
border: 0px solid #000000;
padding: 3px;
}

p.proeftijd {
font-size: 10pt;
font-weight: bold;
margin-bottom: 15px;
}

/* Home.php */
div.vak_home {
width: 145px;
margin-right: 5px;
float: left;
}

p.lborder {
text-align: justify;
border-left: 3px solid #64A3DE;
padding-left: 10px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

p.lborder_home_vak {
text-align: left;
height: 75px;
border-left: 3px solid #64A3DE;
padding-left: 10px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

a.aanmelden, a.aanmelden2, a.proberen, a.cursus {
display: block;
width: 200px;
height: 45px;
margin-left: 100px;
margin-bottom: 40px;
}

a.aanmelden2 {
background-image: url('images/aanmelden.gif');
}

a.cursus {
background-image: url('images/informatie.gif');
}

a.cursus:hover {
background-image: url('images/informatie2.gif');
}

a.aanmelden {
background-image: url('images/aanmelden.gif');
}

a.proberen {
background-image: url('images/proberen.gif');
}

a.proberen:hover {
background-image: url('images/proberen2.gif');
}

a.aanmelden_klein, a.proberen_klein, a.cursus_klein {
display: block;
width: 140px;
height: 35px;
margin-left: 3px;
margin-bottom: 20px;
}

a.cursus_klein {
background-image: url('images/informatie_klein.gif');
}

a.cursus_klein:hover {
background-image: url('images/informatie2_klein.gif');
}

a.aanmelden_klein {
background-image: url('images/aanmelden_klein.gif');
}

a.aanmelden_klein:hover {
background-image: url('images/aanmelden2_klein.gif');
}

a.proberen_klein {
background-image: url('images/proberen_klein.gif');
}

a.proberen_klein:hover {
background-image: url('images/proberen2_klein.gif');
}

a.aanmelden2 {
margin-left: 30px;
margin-top: 20px;
}

a.aanmelden:hover, a.aanmelden2:hover {
background-image: url('images/aanmelden2.gif');
}

object.flash {
margin-left: 30px;
}

p.toggle {
display: none;
}

span.bold {
font-weight: bold;
}

td.lessen_overzicht_titel {
padding: 5px;
padding-bottom: 15px;
background-color: #FB8080;
font-weight: bold;
}

td.lessen_overzicht {
padding: 0px;
}

a.lessen_overzicht {
display: block;
padding: 5px;
padding-bottom: 15px;
}

a.lessen_overzicht:hover {
background-color: #FFC1C1;
}

a:link.lessen_overzicht {color: #000000; text-decoration: none;} 
a:visited.lessen_overzicht  {color: #000000; text-decoration: none;} 
a:hover.lessen_overzicht  {color: #000000; text-decoration: underline;} 
a:active.lessen_overzicht  {color: #000000; text-decoration: none;}


/* Contact.php */
textarea.contact {
height: 150px;
width: 225px;
margin-top: 25px;
}

div.formulier_links {
width: 150px;
float: left;
text-align: left;
line-height: 22px;
padding: 0px;
margin: 0px;
}

div.formulier_rechts {
width: 225px;
float: left;
text-align: left;
padding: 5px;
margin: 0px;
line-height: 0px;
}

/* Prijzen.php */
img.prijzen_korting {
border: 0px;
float: left;
margin-top: 35px;
margin-right: 7px;
}

div.prijzen_rechts {
float: left;
width: 330px;
}

span.line_through {
text-decoration: line-through;
}

span.aktie {
color: #33CC66;
font-weight: bold;
}

div.centered {
text-align: center;
}

span.proefgesprek {
color: green;
}

img.prijzen, img.skype {
border: 0px;
float: left;
margin-right: 20px;
margin-bottom: 25px;
}

img.skype {
margin-top: 45px;
}

p.prijzen_rechts {
width: 280px;
padding-top: 30px;
float: left;
}

/* Wachtwoord_vergeten.php */
input.wachtwoord_vergeten {
width: 130px;
}


/* Regitreer.php */
.anders, .anders2, .mede_cursist, .mede_cursist2 {
display: none;
}

select.select_registreer {
width: 110px;
margin-bottom: 2px;
margin-top: 2px
}

p.fout {
color: red;
padding: 3px;
}

span.fout {
color: red;
font-size: 11pt;
font-weight: bold;
}

p.goed {
color: green;
}

div.registreer_links {
width: 220px;
float: left;
border: 0px;
line-height: 17pt;
}

div.registreer_rechts {
width: 150px;
float: left;
border: 0px;
}

input.text_registreer, input.anders, input.mede_cursist {
width: 150px;
margin-top: 1px;
margin-bottom: 2px;
float: left;
}

form.proefform {
margin-top: 20px;
font-size: 14pt;
}

input.proefform {
width: 250px;
height: 30px;
font-size: 18pt;
margin-top: 5px;
margin-bottom: 5px;
}


/* Admin.php */
div.nieuwe_leden {
width: 200px;
padding: 5px;
float: left;
border: 1px solid #000000;
margin-right: 5px;
}

input.nieuwsbrief, textarea.nieuwsbrief {
width: 250px;
}

textarea.nieuwsbrief {
height: 150px;
}

tr.admin, tr.webshop {
font-weight: bold;
}

a:link.gebruikers_top2 {color: #CCCCCC; text-decoration: none;} 
a:visited.gebruikers_top2  {color: #CCCCCC; text-decoration: none;} 
a:hover.gebruikers_top2  {color: #CCCCCC; text-decoration: line-through;} 
a:active.gebruikers_top2  {color: #CCCCCC; text-decoration: none;}

div.gebruikers_boven {
width: 380px;
padding: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

/* Oefeningen.php */
div.karakters_top {
text-align: center;
color: #FFFFFF;
padding: 5px;
font-weight: bold;
background-color: #0066FF;
border: 1px solid #4177FD;
font-size: 12pt;
}

a.karakters:link { color: #0066FF }

a.karakters:hover {
color: #FFFFFF;
background-color: #0066FF;
}

p.uitleg {
font-style: italic;
}

input.antwoord {
color: green;
background-color: #D6E0FE;
border-color: #3365FB;
margin-bottom: 0px;
display: none;
}

input.oefeningen {
margin-bottom: 0px;
}

select.oefeningen {
margin-bottom: 0px;
}

div.alfabet {
font-size: 12pt;
word-spacing: 20px;
background-color: #DAE3FB;
border: 1px solid #4177FD;
padding: 5px;
margin-bottom: 20px;
font-weight: bold;
text-align: center;
}

form.roze {
padding: 5px;
width: 380px;
background-color: #FDEAEA;
border: 1px dashed #FA8888;
font-size: 9pt;
clear: both;
}

a.opnieuw {
display: block;
width: 62px;
height: 21px;
background-image: url('images/submit.gif');
margin-top: 2px;
margin-bottom: 20px;
margin-left: 5px;
padding-top: 4px;
padding-left: 8px;
float: left;
}

a:link.opnieuw {color: #ffffff; text-decoration: none;} 
a:visited.opnieuw  {color: #ffffff; text-decoration: none;} 
a:hover.opnieuw  {color: #ffffff; text-decoration: none;} 
a:active.opnieuw  {color: #ffffff; text-decoration: none;}

a.opnieuw:hover {
background-image: url('images/submit2.gif');
}

p.vragen1 {
float: left;
width: 300px;
margin-top: 5px;
margin-bottom: 0px;
}

p.antwoorden1 {
float: left;
margin-top: 8px;
margin-bottom: 0px;
color: green;
font-weight: bold;
}

p.vragen {
margin-top: 10px;
margin-bottom: 0px;
width: 300px;
}

br.vragen {
clear: left;
margin: 0px;
}

p.antwoorden {
color: green;
font-weight: bold;
margin-top: 13px;
margin-bottom: 16px;
}

input.vragen, input.incompleet {
border: 1px solid #000000;
width: 55px;
background-color: #98A4B9;
}

select.goed {
background-color: #00CC00;
}

select.fout {
background-color: #F16060;
}

input.fout, input.goed, input.antwoord {
width: 170px;
text-align: center;
}

input.goed {
background-color: #00CC00;
border: 1px solid green;
}

input.fout {
background-color: #F16060;
border: 1px solid red;
}

p.antwoord {
color: green;
display: inline;
}

input.submit_oefeningen {
background-color: #294779;
color: #ffffff;
border: 0px;
margin-top: 2px;
}

span.antwoord {
color: green;
font-weight: bold;
font-size: 9pt;
}

label.vragen1_2 {
width: 48px;
}

label.vragen1_3 {
width: 130px;
}

/* Oefeningen 3 */
select.vragen3_1, select.vragen3_1_goed, select.vragen3_1_fout {
width: 60px;
margin-bottom: 7px;
float: left;
}

select.vragen3_1_goed {
background-color: #60F178;
}

select.vragen3_1_fout {
background-color: #F16060;
}

label.vragen3_1_voor {
width: 30px;
}

label.vragen3_1 {
width: 90px;
margin-left: 3px;
}

label.vragen3_3_voor {
width: 70px;
margin-bottom: 15px;
}

label.vragen3_3_midden {
width: 60px;
}

label.vragen3_3_achter {
width: 60px;
}

/* betalen */
input.ideal {
border: 0px;
width: 57px;
height: 51px;
margin-top: 10px;
float: left;
}

p.betalen_rechts {
margin-top: 10px;
padding: 15px;
float: left;
}

/* Help */
img.firefox {
border: 0px;
width: 50px;
height: 50px;
}

p.bold_lower {
font-weight: bold;
margin-top: 10px;
}

h3 {
font-size: 11pt;
font-family: Palatino;
color: #0860B2;
border-left: 3px solid #3D4AEF; 
border-color: #3D4AEF;
padding: 7px;
padding-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-transform: uppercase;
}

/* Referenties */
.referenties {
width: 200px;
}

textarea.referenties {
height: 100px;
}

form.referenties_form {
margin-top: 15px;
}

/* Woorden oefenen */
input#volgende_les{
display: none;
}

input#opni {
display: none;
}

div.woorden_oefenen {
text-align: center;
}

input.woorden, input.woorden_goed, input.woorden_fout, input.woorden_antwoord {
width: 250px;
text-align: center;
padding: 5px;
}

input.woorden {
background-color: #546D98;
}

input.woorden_goed {
background-color: #37C524;
border: 1px solid green;
}

input.woorden_antwoord {
display: none;
background-color: #4EC060;
border: 1px solid green;
}

input.woorden_fout {
background-color: #F16060;
border: 1px solid red;
}

br#antwoord_break {
display: none;
}

p.resultaat {
width: 250px;
text-align: center;
background-color: #D6E0FE;
border: 1px solid #3365FB;
margin-top: 20px;
padding: 5px;
margin-left: auto;
margin-right: auto;
display: none;
}

form.woorden_oefenen {
padding: 5px;
width: 380px;
background-color: #FDEAEA;
border: 1px dashed #FA8888;
text-align: center;
}

select#kies_select {
font-size: 12pt;
text-align: center;
}

/* filmpjes.php */
p.introductievideo {
color: #009900;
font-size: 14px;
font-style: italic;
}

img.video {
border: 0px;
float: left;
clear: both;
margin-bottom: 20px;
}

div.video_rechts {
float: left;
width: 200px;
height: 75px;
padding-top: 40px;
text-align: center;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}

/* Webshop.php */
img.webshop {
margin-bottom: 20px;
float: left;
}

p.webshop_tekst {
float: left;
width: 250px;
margin-left: 40px;
margin-top: 40px;
}

input.aantal {
width: 15px;
background-color: #FFFFFF;
color: #000000;
text-align: center;
}