/* TAGS */
* {margin: 0px; padding: 0px;}
img {border: 0px;}
table {border-collapse: collapse;}
html, body {height: 100%; width: 100%; min-height: 100%; min-width: 100%; background-color: black; color: white;}
body, table {font-family: Trebuchet MS, Helvetica; font-size: 12px;}
input, textarea, select {font-family: Trebuchet MS, Helvetica; font-size: 13px;}
textarea {font-family: Trebuchet MS, Helvetica; font-size: 13px; overflow: auto;}
hr {width: 100%; height: 1px; margin-bottom: 5px; color: #C0C0C0; background-color: #C0C0C0;}
ul {margin-left: 20px;}
li {margin-top: 5px;}

/* nodig op een form met maar 1 textveld om met enter ook te kunnen submitten *via de submit knop* (onclick wordt anders niet aangeroepen) in IE */
input#dummy {display: none;}

/* het "FRAME" waarin alle content weergegeven wordt */
#page {width: 100%; height: 100%; background-image: url(images/bg2.jpg); background-color: black; background-repeat: repeat;}
#topbar {width: 99%; height: 50px; margin-left: 1%; margin-bottom: 0px; color: white; font-size: 45px; font-family: Algerian, "Lucida Calligraphy", "Trebuchet MS", Verdana, Helvetica;}
#main_menu_window {width: 98%; margin: 0px 0px 12px 1%;}
#main_menu_title {height: 25px; padding-left: 5px; background-color: #003366; color: white; border: 2px solid #003366; font-size: 14px;}
#main_menu_content {width: 100%; background-color: #F5F5DC; border: 2px solid #003366;}
#main_menu {width: 98%; margin-left: 1%; font-size: 14px; font-weight: normal;}
#content_window {margin: 0px 0px 10px 1%; color: black;}
#content_window table {color: black;}
#content_title {height: 21px; padding-left: 5px; background-color: #003366; color: white; border: 2px solid #003366;}
#content {padding: 2px 15px 5px 15px; background-color: #F5F5DC; border: 2px solid #003366;}
#window_menu {width: 100%; margin: 2px 0px 10px 0px; border-bottom: 1px solid #003366;}
#window_menu td {padding-bottom: 1px;}
#columnbar {margin-bottom: 10px; font-size: 10px;}
.navbar {width: 100%;}
#errorlist {margin: 10px 0px 15px 15px; color: #FF0000;}
#msglist {margin: 10px 0px 15px 15px; color: #006400;}

/* LINKJES */
a:link, a:visited, a:active {color: #00008B; text-decoration: none;}
a:hover {color: #00008B; text-decoration: underline;}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {color: #800000; text-decoration: none;}
#main_menu a:hover {color: #800000; text-decoration: underline;}
#window_menu a:link, #window_menu a:visited, #window_menu a:active {color: #800000; text-decoration: none;}
#window_menu a:hover {color: #800000; text-decoration: underline;} /* 04627C: mooi groen */
#list a:link, #list a:visited, #list a:active {color: #202020; text-decoration: none;}
#list a:hover {color: #003366; text-decoration: underline;}
#list th a:link, #list th a:visited, #list th a:active {color: #003366; text-decoration: none;}
#list th a:hover {color: #003366; text-decoration: underline;}

/* TABELLEN (info over iets zoals boek info of lid info) */
table.border td {border: 1px solid #C0C0C0; padding: 5px 10px 5px 10px;}
table.border td td {border: none; padding: 0px;}

/* TABELLEN (hele overzichten zoals de catalogus) */
#list {width: 100%; font-size: 12px; margin: 3px 0px 3px 0px;}
#list th {color: #003366;}
#list th, #list td {padding: 2px 5px 2px 5px; border: 1px solid #003366;}
#list img {margin: 1px;}
#list td table, #list td th, #list td td, #list td td img {padding: 0px; margin: 0px; border: none;}

/* ALIGNS */
th#titel, th#titels, th#auteur, th#rubriek, th#adres, th#abonnee {text-align: left;}
th#naam, th#woonplaats, th#rank, th#omschrijving, th#onderwerp {text-align: left;}
th#van_naam, th#naar_naam, th#naar_email_adres {text-align: left;}

td.isbn, td.aanwezig, td.weergeven, td.volgnr, td.acties, td.postcode, td.geleend_nu, td.geleend_ooit {text-align: center;}
td.inleverdatum, td.uitleendatum, td.werkelijke_inleverdatum, td.kosten, td.boete, td.verzendwijze, td.schulden {text-align: center;}
td.aanvragen, td.aantal_aangevraagd{ text-align: center;}
td.laatst_ingelogd, td.lid_sinds, td.actief, td.rank, td.aantal_verlengingen {text-align: center;}
td.aantal_boeken, td.verwijderen, td.bedrag, td.timestamp, td.verzonden, td.inleg_betaald {text-align: center;}
td.telnr, td.login, td.annuleren, td.verlengen, td.aantal_herinneringen, td.laatste_herinnering {text-align: center;}
td.aantal_boeken_geleend_nu, td.aantal_boeken_geleend_ooit {text-align: center;}

td.abonnee, td.isbn, td.uitleendatum, td.inleverdatum, td.kosten, td.aantal_herinneringen {vertical-align: top;}
td.laatste_herinnering, td.boete, td.aantal_verlengingen, td.verzendwijze, td.acties {vertical-align: top;}
td.verlengen, td.opmerking, td.timestamp, td.werkelijke_inleverdatum {vertical-align: top;}

/* KOLOMMEN */
th#aanwezig {width: 60px;}
th#weergeven {width: 70px;}
th#acties {width: 80px;}
th#volgnr {width: 40px;}
th#verwijderen {width: 90px;}
th#aantal_boeken {width: 100px;}
th#postcode {width: 70px;}
th#geleend_nu, th#aantal_boeken_geleend_nu {width: 80px;}
th#geleend_ooit, th#aantal_boeken_geleend_ooit {width: 90px;}
th#aanvragen, th#aantal_aangevraagd {width: 80px;}
th#schulden {width: 70px;}
th#laatst_ingelogd {width: 120px;}
th#lid_sinds {width: 70px;}
th#actief {width: 50px;}
th#bedrag {width: 70px;}
th#timestamp {width: 110px;}
th#verzonden {width: 80px;}
th#telnr {width: 80px;}
th#login {width: 150px;}
th#tarief {width: 40px;}
th#verzendwijze {width: 90px;}
th#isbn {width: 100px;}
th#boetes, th#boete, th#kosten {width: 60px;}
th#rank {width: 25px;}
th#inleg_betaald {width: 140px;}

/* INPUTS */
input#login, input#wachtwoord, input#huidig_ww, input#nieuw_ww, #nieuw_ww2 {width: 160px;}
input#titel {width: 380px;}
input#isbn {width: 100px;}
input#trefwoorden {width: 450px;}
input#auteur {width: 180px;}
input#rubriek {width: 180px;}
input#voornaam, input#achternaam {width: 140px;}
input#tussenvoegsels {width: 80px;}
input#adres {width: 200px;}
input#postcode {width: 60px;}
input#woonplaats {width: 150px;}
input#land {width: 120px;}
input#telnr {width: 100px;}
input#email, input#email_adres {width: 250px;}
input#onderwerp {width: 300px;}
input#aantal_resultaten {width: 50px;}
input#opmerkingen {width: 400px;}
input#std_leen_dagen_versturen,input#std_leen_dagen_ophalen, input#max_aantal_aanvragen, input#max_aantal_verlengingen {width: 50px;}
input#boete_per_week, input#lidmaatschap_kosten {width: 50px;}
input#email_afzender, input#contact_email_adres, input#website_adres {width: 300px;}
input#website_naam {width: 200px;}
input#lening_historie_datum, input#email_datum, input#contact_datum {width: 80px;}
input#uitleendatum, input#inleverdatum, input#werkelijke_inleverdatum, input#nieuwe_inleverdatum {width: 100px;}
input#kosten, input#boete, input#boete_betaald, input#boete_te_betalen {width: 50px;}
input#rekeningnr {width: 250px;}
input#bedrag {width: 50px;}



/* TEXTAREA'S */
textarea#bericht {width: 600px; height: 300px;}
textarea#beschrijving {width: 450px; height: 100px;}
textarea#email_footer {width: 400px; height: 46px;}

/* LISTBOXEN */
select#boeken {width: 320px;}
select#tarieven {width: 320px;}
select#auteur_id {width: 250px;}



/* CLASSES */
.tableheader {color: #003366;}
.button {height: 25px; width: 120px; margin: 0px 5px 5px 5px; border: 1px solid #003366; background-color: #7695C0; color: white;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.bold {font-weight: bold;}
.maxwidth {width: 100%;}
.halfwidth {width: 50%;}
.highlight {color: #7B68EE;}
.red {color: #DC143C;}
.darkred {color: #B22222;}
.green {color: #336633;}
.link {cursor: hand; cursor: pointer; color: #00008B;}
.hand {cursor: hand; cursor: pointer;}
.hidden {display: none;}


/* FIREFOX */
.checkbox {margin-left: -4px;}
input[type=checkbox] {margin: 0px 0px 3px 0px;}