/* pagina indeling */
html {height: 100%;}
body {height: 100%; text-align: center; background-image:url(../afbeeldingen/paper.gif);}
#top {width: 932px; margin: 80px auto 0px auto; background-image:url(../afbeeldingen/syboltklaasschaats3.jpg);border: 1px solid white;}
#label {width: 220px;height: 161px; position: relative;left: -60px;top: -60px;background-image:url(../afbeeldingen/label.png);}
#inhoud {width: 942px; height:auto; _height:100%; position: relative;top: 0px;min-height:100%; margin: 0px auto 0px auto; padding: 0px 40px 40px 40px;text-align:left}
#voorbeeld {width: 100%;height: 200px;border: 1px solid #cccccc;clear: both;overflow: auto; background-color: white; margin-bottom: 20px}
.teksten {clear: both; margin-top: 20px;padding: 20px 0px 0px 0px; border-top: 1px dashed dimgray;}
.teksten h6 {color: #204e73;}
#kop {margin: 0px 0px 5px 0px; padding-top: 5px;position: relative;left: 0px;background-image:url(../afbeeldingen/kopschaduw2.png);background-repeat: no-repeat;background-position: top right}
#toevoegen {margin-bottom: 20px;}
#opzoeken {margin-bottom: 20px;}
.tekstknoppen {margin: 0px 25px 20px 0px; text-align:left; width: 420px;}
.knoppenbalk {margin: 10px 0px 15px 0px; width: 100%; clear: both}
table {border-collapse:collapse;}
/* indeling teksten */
.links {clear: left;margin: 0px 0px 10px 0px; width: 49%; float: left; padding: 0px; background-color:;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.kolom_links {clear: left;margin: 0px 0px 10px 0px; width: 65%; float: left; padding: 0px; background-color:;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.accent_links {clear: left;margin: 0px 0px 10px 0px; width: 65%; float: left; padding: 0px; background-color: ;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.kolom_links img {margin: 5px 0px 10px 0px;width: 100%}
.accent_links img {margin: 5px 0px 10px 0px;width: 100%;}
.accent_links h4 {color: #204e73;}
.accent_links h2 {color: #204e73;}
.kolom_links h4 {color: #204e73;}
.kolom_links h2 {color: #204e73;}
.rechts {width: 48%; float:right;margin: 0px 0px 10px 0px;background-color: ; padding: 0px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.kolom_rechts {width: 32%; float:right;margin: 0px 0px 10px 0px;padding: 0px;background-color: ;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.accent_rechts {width: 32%; float:right; margin: 0px 0px 10px 0px;background-color: ;padding: 0px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.kolom_rechts img {margin: 5px 0px 5px 0px;width: 100%;}
.accent_rechts img {margin: 5px 0px 5px 0px;width: 100%;float: left}
.accent_rechts h2 {color: #204e73;}
.accent_rechts h4 {color: #204e73;}
.kolom_rechts h2 {margin-bottom: 10px}
.volledige_breedte {margin: 15px 0px 10px 0px; padding: 5px; background-color: white; clear: both; width: 100%;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
/* tekstopmaak */
.standaardtekst {margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
.kleinetekst {font-family: Arial, Helvetica, sans-serif; font-size: 9px;text-align: left;color:grey;}
.subkop {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: black;}
.subkop2 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-align: left;color: #b30000; font-weight: normal}
.onderschrift {margin: -25px 5px 0px 0px;font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: normal;text-align: right; color: black}
.paragraaf {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;padding-bottom: 10px;}
.tekstvelden {width: 930px; height: 100px;margin: 10px 0px 0px 0px;font-family: Helvetica,"andale mono", arial, sans-serif; font-size: 12px; color:black;border: 1px solid #cccccc; padding: 5px}
.melding {width: 100%;margin: 20px 0px 15px 0px; border: 1px solid #cccccc;background-color: white;color: red;font-family: Helvetica, sans-serif;font-size: 14px}
.melding p {padding: 5px;}
.melding_ok {width: 100%;margin: 20px 0px 15px 0px; border: 1px solid #cccccc;background-color: white;color: green;font-family: Helvetica, sans-serif;font-size: 14px}
.melding_ok p {padding: 5px;}
.actie {background-color: white; padding:5px; border: 1px solid #cccccc;clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
h1 {text-align: left;color: #204e73;clear: both;font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps;font-size:70px;letter-spacing: .07em;margin: 15px 0px 10px 0px;text-align: left;font-weight: normal;color: #363636}
h2 {text-align: left;font-family: Georgia, "Times New Roman", Times, serif; font-size:16px;letter-spacing: .07em;margin: 0px 0px 15px 0px; text-align: left;font-weight: normal;color: #363636;}
h4 {text-align: left;margin: 0px 0px 10px 0px;font-family: Georgia, "Times New Roman", Times, serif; font-size:18px;text-align: left; font-weight: normal;color: #204e73;}
h3 {text-align: left;margin-top: 10px;margin-bottom:20px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;color: black;}
h5 {text-align: left;margin-top: 5px;font-variant: small-caps;margin-bottom: 10px; clear: both;font-family: Helvetica, sans-serif;font-size: 14px;color: #204e73;}
h6 {text-align: left;margin: 0px 0px -5px 0px;font-weight: 100; font-family: Helvetica, sans-serif;font-size: 20px;color: #363636;letter-spacing: .07em;}
h5 a {text-decoration: none;color: #204e73;font-size: 16px;letter-spacing: .07em; line-height: 20pt;}
h5 a:hover {text-decoration: none;color: #363636;font-size: 16px;letter-spacing: .07em; line-height: 20pt}
form {padding:0px;margin:0px; outline: 0; display: inline}
fieldset {padding:0px;margin:0px 0px 0px 0px; border: 0; }
img {display:inline;}
/* tabellen */
.randgrijs {padding:5px; border: 1px solid #cccccc;clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; line-height: 15pt}
table.randgrijs tr {border: 1px solid #cccccc;}
table.randgrijs td {padding: 5px;}
table.randgrijs th {padding: 5px;}
th {text-align:left;}
.forminvulveld {color: black;background-color: white;border: darkgrey solid 1px; margin-bottom: 10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; padding: 5px; height: 18px; line-height: 15pt}
.forminvulveld2 {color: black;background-color: white;border: darkgrey solid 1px; margin: 15px; height: 3em}
.forminvulveld3 {display: block;color: black;background-color: white;border: darkgrey solid 1px; margin: 15px; height: 3em}
select {font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em; height: 18pt; margin-bottom: 10px;}
label.lijst {width: 220px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em;}
label.lijst_inline {display: inline; width: 220px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align: left;color: #363636; letter-spacing: .07em;}
label.tekstenlabel {margin: 10px;}
/* tabblad bovenaan de pagina */
#tabblad {float: right; margin: -190px 0px 0px 0px}
#tabblad ul {width: 100%;padding: 0px;margin: 0px;white-space: nowrap;list-style: none;font-family: verdana;font-size: 12px;font-weight: normal;}
#tabblad ul li {float: left;}
#tabblad ul li a {float: left;text-decoration: none;margin-left: 20px;text-align: center;color: gray;}
#tabblad ul li a:hover {color: black;}
#tabblad ul li.selected a {float: left;color: black;}
#tabblad ul li.selected a:hover{color: black;}
/* tabblad bovenaan de pagina als ingelogd */
#tabblad2 {float: right; margin: -190px 0px 0px 0px}
#tabblad2 ul {width: 100%;padding: 0px;margin: 0px;white-space: nowrap;list-style: none;font-family: verdana;font-size: 12px;font-weight: normal;}
#tabblad2 ul li {float: left;}
#tabblad2 ul li a {float: left;text-decoration: none;margin-left: 20px;text-align: center;color: gray;}
#tabblad2 ul li a:hover {color: black;}
#tabblad2 ul li.selected a {float: left;color: black;}
#tabblad2 ul li.selected a:hover{color: black;}
/* links zonder opmaak */
a {text-decoration: none; text-align: right;color: black;}
a:hover {color: black;}
.link {border: 0}
/* knoppen */
.knopverwijderen {text-align:right; width:120px; padding: 2px;clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/bin_closed.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopdetails {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/bin_closed.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knoptoevoegen {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/add.gif) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopwijzigen {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/pencil.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopkwartierstaat {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/page_2.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopzoekresultaten {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/arrow_left.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knop_terug {text-align:right; width:102px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/arrow_left.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopzoeken {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/details.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knopopslaan {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/disk.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
.knoplogin {text-align:right; width:120px; padding: 2px; clear: both;border: 0px; cursor: pointer; background:url(../afbeeldingen/knoppen/login.png) no-repeat 0px 0px;color: #363636; letter-spacing: .07em;}
/* knoppen opmaak teksten */
.knopb {border:none; margin: 5px; display:inline; background:url(../afbeeldingen/knoppen/text_bold.png) no-repeat}
.knoph1 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_1.png) no-repeat}
.knopi {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_italic.png) no-repeat}
.knoph2 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_2.png) no-repeat}
.knoph3 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_3.png) no-repeat}
.knoph4 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_4.png) no-repeat}
.knoph5 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_5.png) no-repeat}
.knoph6 {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_heading_6.png) no-repeat}
.knopol {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_list_numbers.png) no-repeat}
.knopul {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/text_list_bullets.png) no-repeat}
.knopli {border:none; margin: 5px; display:inline;background:url(../afbeeldingen/knoppen/bullet_black.png) no-repeat}
.knopimg {border:none; margin: 5px; display:inline; background:url(../afbeeldingen/knoppen/afbeelding_toevoegen.png) no-repeat}