html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, strong, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
table, th, td {vertical-align: middle}
caption, th, td {text-align: left; font-weight: normal}
a {text-decoration: none}
html {padding: 4px; background: -moz-linear-gradient(top, #6c0000 200px, #900, #6c0000) !important; background: -webkit-gradient(linear, left top, left bottom, from(#6c0000), to(#6c0000), color-stop(.3, #6c0000), color-stop(.6, #900)) !important; background: #6c0000; overflow-y: scroll}
body {position: relative; margin/**/:/**/ 195px auto 9px auto; min-width: 764px; width: auto !important; width: 764px; max-width: 1064px; background: #a80000; color: #fc0; line-height/**/: 1.5; font-family: Verdana, Arial, sans-serif; font-size: 62.5%}
body, #dehaanlogo {border-radius: 150px; -moz-border-radius: 150px; -khtml-border-radius: 150px; -webkit-border-radius: 150px}
h1 {position: relative; float: left; margin-top/**/:/**/ -193px}
h1, h2 {font-size: 2em}
h3 {font-size: 1.3em}
a {color: #fc0}
a em, h3 a {text-decoration: underline}
.pagebrowser .d, a:hover, a:focus, a:active {background: #6c0000; text-decoration: underline}
a:active {position/**/:/**/ relative; top: 1px; left: 1px}
#menu, #list a, a.a {margin: -4px -12px; padding: 4px 12px}
#menu, #een-foto a, #een-foto div, .print-link a, .print-link div, .beter-dansen, a.a {border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px}
a.b {display: block; margin: 0 auto; padding: 8px 0; width: 768px}
#index a.b {width: auto}
a.b, .pagebrowser a, .prev, .next, .blok, #bruidspaar, h2 a {border-radius: 21px; -moz-border-radius: 21px; -khtml-border-radius: 21px; -webkit-border-radius: 21px}
#index h1, h1 a {display: block; padding: 20px 0 14px 0; line-height/**/: 1}
h1 a, h2 a, .links a {background: transparent !important}
.links a {display: block; margin: 9px; min-height: 50px; height: auto !important; height: 50px}
.clear {display: block; clear: both}
body, h1, .c, .h, #menu, #adres, #dehaanlogo {text-align: center}
.c, .h, #fotos p, #fotos h2, #fotos h3, #dwts p, #dwts h2, #dwts h3, #dehaanlogo, #een-foto {margin: 0 auto; width: 768px}
.c {padding: 6px 0 25px; max-width: 1046px; font-size: 1.8em}
.c, #dehaanlogo {min-width: 768px; width: auto !important; width: 768px}
.o {display: block; margin-bottom: 14px}
.p {display: block; margin-top: 6px}
.blok {padding: 9px; background: #6c0000}
a.blok:hover, a.blok:focus, a.blok:active {background: #700}
.text {color: #fc0}
#zomercursussen h2, #beter-dansen, .beter-dansen, .jeugd {color: #ffa}
.beter-dansen {margin: 0 -9px; padding: 0 9px; background: #6c0000}
.danspartner, .wedstrijdtraining {color: #fa0}
#lesdagenoverzicht .kalender, .halve-week {display: inline-block; margin: 0 auto; width: 350px}
#een-foto {display: none}
#een-foto, .print-link {position: relative}
#een-foto div, .print-link div {position: absolute; top: 0; right: 0; line-height: 1.3; background: #800; font-size: .95em}
#een-foto div {top: -1em}
#een-foto a, .print-link a {display: block; padding: 4px 16px 6px}
.separator {height: 16px; background: url(favicon.ico) no-repeat center center}
.pagebrowser {line-height/**/: 3}
.pagebrowser a, .pagebrowser .d, .prev, .next {padding: 5px 11px 6px; border: 5px solid #f90}
.pagebrowser a:hover, .pagebrowser a:focus, .pagebrowser a:active, .prev:hover, .prev:focus, .prev:active, .next:hover, .next:focus, .next:active {border-color: #6c0000; background: #f90; color: #a80000}
.hidden, span.prev, span.next {visibility: hidden}
.prev, .next {margin: 14px 4px; width: 89px; line-height/**/: 2; background: #a80000}
.foto-over .prev, .foto-over .next {position: relative; z-index: 1; margin-bottom: -70px; padding: 0 5px; border-width: 3px; border-color: rgba(255,153,0,.5); background: rgba(168,0,0,.5)}
.foto-over .prev:hover, .foto-over .prev:focus, .foto-over .prev:active, .foto-over .next:hover, .foto-over .next:focus, .foto-over .next:active {border-color: rgba(108,0,0,.3); background: rgba(255,153,0,.9)}
.foto-auto img {width: auto; max-width: 768px; height: auto}
.prev {float: left; clear: both; -moz-transform: rotate(-11deg); -khtml-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg)}
.next {float: right; -moz-transform: rotate(11deg); -khtml-transform: rotate(11deg); -webkit-transform: rotate(11deg); -o-transform: rotate(11deg)}
#menu {margin: 0 0 6px; padding: 5px 0; background: #6c0000}
#menu .d, #menu a {padding: 2px 5px}
#menu a {background: #f90; color: #6c0000}
#list a, #menu a {border-radius: 13px; -moz-border-radius: 13px; -khtml-border-radius: 13px; -webkit-border-radius: 13px}
#menu a:hover, #menu a:focus, #menu a:active {background: #a80000; color: #fc0}
#adres {float: left; padding: 30px 0 10px; width: 768px}
#adres li {display: inline; margin: 0 20px}
#list li {padding-left: 23px; background: url(favicon.ico) no-repeat 0 7px}
#dehaanlogo {clear: both; margin-top: 25px; height: 575px; max-width: 1014px; background: #6c0000 url(img/dehaan.png) no-repeat center}
#dwtslogo {clear: both; height: 600px; background: url(img/dwtslogo.png) no-repeat center}
#index h2 {font-size: 1.6em}
#index #links {float: right; text-align: center}
#index #swingingworld {margin-top: 20px}
#dwtslink {margin-top: 8px; text-align: center}
#dwtslink img {float: right; padding: 0 9px 9px}
#beter-dansen, #openhuislink {margin-top: 12px; padding: 10px 40px; text-align: center}
#nieuws em, #lesrooster em {display: inline-block; margin-right: 8px}
#nieuws em{width: 120px}
#lesrooster em {width: 90px}
#fotos p {font-size: .9em}
#danslessen p, #leskosten p, #privelessen p, #wedstrijddansen p {margin-bottom: 18px}
#index .h, #nieuws #list, #leskosten .h, #privelessen .h, #zomercursussen p, #zomercursussen .halve-week {text-align: left}
#danslessen h3 {text-align: center}
#danslessen .h, #wedstrijddansen .h, #dwts p {text-align: justify}
#lesrooster.c {padding-bottom: 75px}
#lesrooster h5 {margin-top: 25px}
#lesrooster .halve-week div {width: 310px; text-align: left}
#lesrooster .note {margin-left: 98px}
#lesdagenoverzicht table {margin: 15px 0; width: 310px}
#lesdagenoverzicht th, #lesdagenoverzicht td {padding: 1px 5px}
#lesdagenoverzicht th {border: 3px solid #6c0000; width: 122px; font-weight: bold}
#lesdagenoverzicht td {background: #700; text-align: right}
#lesdagenoverzicht tr:nth-of-type(odd) td:nth-of-type(odd) {background: #800}
#lesdagenoverzicht tr:nth-of-type(odd) td:nth-of-type(even) {background: #6c0000}
#lesdagenoverzicht tr:nth-of-type(even) td:nth-of-type(odd) {background: #500}
#lesdagenoverzicht .kalender {vertical-align: top}
#lesdagenoverzicht .kalender th {padding: 1px 0; width: auto; text-align: center}
#lesdagenoverzicht .kalender td {padding: 1px 11px 1px 1px; background: #800}
#lesdagenoverzicht .kalender tr:nth-of-type(odd) td:nth-of-type(odd) {background: #400}
#lesdagenoverzicht .kalender tr:nth-of-type(odd) td:nth-of-type(even) {background: #790000}
#lesdagenoverzicht .kalender tr:nth-of-type(even) td:nth-of-type(odd) {background: #590000}
#lesdagenoverzicht .kalender .days {font-size: .9em}
#lesdagenoverzicht .e {background: none !important}
#dansavonden table {margin: 8px auto 20px}
#dansavonden thead {display: none}
#dansavonden th, #dansavonden td {padding: 2px 20px}
#dansavonden .day, #dansavonden .date {padding-right: 34px; background: url(favicon.ico) no-repeat right center; text-align: right}
#dansavonden .month-1 th, #dansavonden .month-1 td {background-color: #600}
#dansavonden .month-2 th, #dansavonden .month-2 td {background-color: #800}
#dansavonden .month-3 th, #dansavonden .month-3 td {background-color: #700}
#dansavonden .month-4 th, #dansavonden .month-4 td {background-color: #6c0000}
#dansavonden .month-start .day {border-top-left-radius: 32px; -moz-border-radius-topleft: 32px; -khtml-border-top-left-radius: 32px; -webkit-border-top-left-radius: 32px}
#dansavonden .month-start .theme {border-top-right-radius: 32px; -moz-border-radius-topright: 32px; -khtml-border-top-right-radius: 32px; -webkit-border-top-right-radius: 32px}
#dansavonden .month-end .day {border-bottom-left-radius: 32px; -moz-border-radius-bottomleft: 32px; -khtml-border-bottom-left-radius: 32px; -webkit-border-bottom-left-radius: 32px}
#dansavonden .month-end .theme {border-bottom-right-radius: 32px; -moz-border-radius-bottomright: 32px; -khtml-border-bottom-right-radius: 32px; -webkit-border-bottom-right-radius: 32px}
#dansavonden tr:hover td, #dansavonden tr:hover th {background-color: #f90; color: #6c0000; cursor: default}
#leskosten #kosten, #bruidspaar, #wedstrijddansen #wedstrijd {float: right; margin/**/:/**/ .5em 0 0 1.5em}
#bruidspaar {padding: 6px; background: #000}
#zomercursussen .halve-week {margin-bottom: 1.4em}
#zomercursussen .halve-week em {text-decoration: underline}
#inschrijving table {margin: 0 auto; text-align: left}
#inschrijving th {display: none}
#inschrijving #ingevuld {width: 2em}
#daveno {padding: 22px; background: #ffc}
#swingingworld {background: #fff}
#sdn {padding: 22px; background: #ffffe9}
#daveno, #swingingworld, #sdn {color: #000; border-radius: 70px; -moz-border-radius: 70px; -khtml-border-radius: 70px; -webkit-border-radius: 70px}
.button, select {cursor: pointer}
label[for] {cursor: pointer}
.button-container {height: 40px}
.error {margin-bottom: 30px; color: #f00; font-weight: bold}
textarea {overflow: auto}
input:focus, textarea:focus {background: #ffffe0}
label, input, textarea {width: 100%}
input, select, textarea {margin: 4px}
a[name] {position: relative; top: 0; float: left}