html, body, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, del, 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: -webkit-gradient(linear, 0 0, 0 bottom, from(#6c0000), to(#6c0000), color-stop(.3, #6c0000), color-stop(.6, #900)) !important; background: -webkit-linear-gradient(#6c0000 200px, #900, #6c0000) !important; background: -moz-linear-gradient(#6c0000 200px, #900, #6c0000) !important; background: -ms-linear-gradient(#6c0000 200px, #900, #6c0000) !important; background: -o-linear-gradient(#6c0000 200px, #900, #6c0000) !important; background: linear-gradient(#6c0000 200px, #900, #6c0000) !important; background: #6c0000; overflow-y: scroll}
body {position: relative; margin/**/:/**/ 195px auto 0 auto; min-width: 764px; width: auto !important; width: 764px; max-width: 1064px; line-height/**/: 1.5; color: #fc0; font-family: Verdana, Arial, sans-serif; font-size: 62.5%}
#wrapper {background: #a80000}
#wrapper, #dehaanlogo {-moz-border-radius: 150px; -khtml-border-radius: 150px; -webkit-border-radius: 150px; 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 {position/**/:/**/ relative; margin: -4px -12px; padding: 4px 12px}
#menu, #een-foto a, #een-foto div, .print-link a, .print-link div, .beter-dansen, a.a {-moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; 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 {position: relative; -moz-border-radius: 21px; -khtml-border-radius: 21px; -webkit-border-radius: 21px; 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, #wrapper, h1, .container, .h, #menu, #adres, #dehaanlogo {text-align: center}
.container, .h, #adres, #fotos p, #fotos h2, #fotos h3, #dwts p, #dwts h2, #dwts h3, #dehaanlogo, #een-foto, .print-link {margin: 0 auto; width: 768px}
.container {padding: 6px 0 25px; max-width: 1046px; font-size: 1.8em}
.container, #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; -moz-box-shadow: 6px 6px 16px #fc0; -webkit-box-shadow: 6px 6px 16px #fc0; box-shadow: 6px 6px 16px #fc0}
a.blok:hover, a.blok:focus, a.blok:active {background: #700}
a.linkblok {margin-top: 12px; padding: 10px 40px; text-align: center}
.text {color: #fc0}
#zomercursussen h2, #beter-dansen, .beter-dansen, .jeugd {color: #ffa}
.beter-dansen {position: relative; 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 {position: relative; display: block; padding: 4px 16px 6px}
.separator {height: 16px; background: url(img/dehaan-ico.png) no-repeat center}
.pagebrowser {line-height/**/: 3}
.pagebrowser .d, .pagebrowser a {line-height/**/: 22px}
.pagebrowser .d, .pagebrowser a, .prev, .next {padding: 5px 11px 6px; border: 5px solid #f90}
.pagebrowser a:hover, .pagebrowser a:focus, .pagebrowser a:active, a.prev:hover, a.prev:focus, a.prev:active, a.next:hover, a.next:focus, a.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 a.prev:hover, .foto-over a.prev:focus, .foto-over a.prev:active, .foto-over a.next:hover, .foto-over a.next:focus, .foto-over a.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); -o-transform: rotate(-11deg); -khtml-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -ms-transform: rotate(-11deg); transform: rotate(-11deg)}
.next {float: right; -moz-transform: rotate(11deg); -o-transform: rotate(11deg); -khtml-transform: rotate(11deg); -webkit-transform: rotate(11deg); -ms-transform: rotate(11deg); transform: rotate(11deg)}
#menu {position/**/:/**/ relative; margin: 0 0 6px; padding: 5px 0; background: #6c0000; -moz-box-shadow: 0 0 25px #fc0; -webkit-box-shadow: 0 0 25px #fc0; box-shadow: 0 0 25px #fc0}
#menu .d, #menu a {padding: 2px 5px; line-height/**/: 22px}
#menu a {background: #f90; color: #6c0000}
#list a, #menu a {position: relative; -moz-border-radius: 13px; -khtml-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px}
#menu a:hover, #menu a:focus, #menu a:active {background: #a80000; color: #fc0}
#adres {padding: 5px 0 10px; font-size: 18px}
#adres li {display: inline; margin: 0 20px}
#list li {padding-left: 23px; background: url(img/dehaan-ico.png) no-repeat 0 7px}
#list li.year-separator {padding-left: 0; background: 0}
#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; margin-bottom: 12px; width: 418px; text-align: center}
#index #home {margin-bottom: 12px; width: 330px}
#index #swingingworld {margin-top: 20px; -moz-box-shadow: 0 0 50px #fff; -webkit-box-shadow: 0 0 50px #fff; box-shadow: 0 0 50px #fff}
#dwtslink {margin-top: 8px; text-align: center}
#dwtslink img {float: right; padding: 0 9px 9px}
#zomercursus {margin-bottom: 12px; font-size: 21px}
#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.container {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(2n) {background: #6c0000}
#lesdagenoverzicht tr:nth-of-type(2n) 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(2n) {background: #790000}
#lesdagenoverzicht .kalender tr:nth-of-type(2n) td:nth-of-type(odd) {background: #590000}
#lesdagenoverzicht .kalender .days {font-size: .9em}
#lesdagenoverzicht .e {background: 0 !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(img/dehaan-ico.png) 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 {-moz-border-radius-topleft: 32px; -khtml-border-top-left-radius: 32px; -webkit-border-top-left-radius: 32px; border-radius: 32px 0 0}
#dansavonden .month-start .theme {-moz-border-radius-topright: 32px; -khtml-border-top-right-radius: 32px; -webkit-border-top-right-radius: 32px; border-radius: 0 32px 0 0}
#dansavonden .month-end .day {-moz-border-radius-bottomleft: 32px; -khtml-border-bottom-left-radius: 32px; -webkit-border-bottom-left-radius: 32px; border-radius: 0 0 0 32px}
#dansavonden .month-end .theme {-moz-border-radius-bottomright: 32px; -khtml-border-bottom-right-radius: 32px; -webkit-border-bottom-right-radius: 32px; border-radius: 0 0 32px}
#dansavonden .month-start-end .day {border-radius: 32px 0 0 32px}
#dansavonden .month-start-end .theme {border-radius: 0 32px 32px 0}
#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}
#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 {position: relative; color: #000; -moz-border-radius: 70px; -khtml-border-radius: 70px; -webkit-border-radius: 70px; 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 {min-width: 195px; max-width: 500px; 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}
html>/**/body #dansavonden .day, html>/**/body #dansavonden .theme {-pie-watch-ancestors: 1}
#wrapper, #dehaanlogo, #menu, #menu .d, #menu a, .pagebrowser .d, .pagebrowser a, #list a, #een-foto a, #een-foto div, .print-link a, .print-link div, .beter-dansen, a.a, a.b, h2 a, .prev, .next, .blok, #bruidspaar, #daveno, #swingingworld, #sdn, html>/**/body #dansavonden .day, html>/**/body #dansavonden .theme {zoom: 1; -pie-poll: false; behavior/**/:/**/ url(PIE.htc)}
#een-foto a, #een-foto div {-pie-poll: true}