* {margin: 0; padding: 0}

body {font-family: Verdana, Arial; font-size: 9pt; background: #819CC9}

body.empty {background: Silver}

#back {position: absolute; top: 0px; left: 0px; filter: alpha(opacity=30); opacity: 0.30; overflow: hidden; z-index: -1}
#backimg {width: 100%; height: 100%; position: fixed}

#mainwindow {position: relative; margin: 10px auto; z-index: 0; border: 1px inset #BAC9E1}

#main {width: 100%; height: 100%; border: none}

#header {position: absolute; width: 971px; height: 110px; margin: 0 13px}
#menu {position: absolute; width: 971px; height: 20px; margin: 12px 13px; background: url(/_images/_schemes/blueish/classic_small.png) repeat-x top left}
#footer {position: absolute; width: 971px; height: 20px; margin: 12px 13px; background: url(/_images/_schemes/blueish/classic_small.png) repeat-x top left}

#pane_1 {position: absolute; width: 232px; height: 441px; margin: 0 6px 0 13px; background: url(/_images/_schemes/blueish/classic_large_inverse.png) repeat-x fixed top left; padding: 0 2px}
#pane_2 {position: absolute; width: 469px; height: 441px; margin: 0 6px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left; padding: 0 2px}
#pane_3 {position: absolute; width: 232px; height: 441px; margin: 0 13px 0 6px; background: url(/_images/_schemes/blueish/classic_large_inverse.png) repeat-x fixed top left; padding: 0 2px}
#pane_23 {position: absolute; width: 718px; height: 441px; margin: 0 13px 0 6px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left; padding: 0 2px}
#pane_123 {position: absolute; width: 967px; height: 441px; margin: 0 13px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left; padding: 0 2px}

#frame_1 {position: absolute; width: 236px; height: 441px; margin: 0 6px 0 13px; background: url(/_images/_schemes/blueish/classic_large_inverse.png) repeat-x fixed top left}
#frame_2 {position: absolute; width: 473px; height: 441px; margin: 0 6px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left}
#frame_3 {position: absolute; width: 236px; height: 441px; margin: 0 13px 0 6px; background: url(/_images/_schemes/blueish/classic_large_inverse.png) repeat-x fixed top left}
#frame_23 {position: absolute; width: 722px; height: 441px; margin: 0 13px 0 6px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left}
#frame_123 {position: absolute; width: 971px; height: 441px; margin: 0 13px; background: url(/_images/_schemes/blueish/classic_large.png) repeat-x fixed top left}

p {margin-bottom: 12px; color: White; text-align: center; cursor: default}

p.clockpopup {margin: 0; color: #333333; font-family: Tahoma, Arial; font-size: 8pt; letter-spacing: 1px}
p.spacer {font-size: 3pt}

tr.tip {font-size: 7pt; font-style: italic; vertical-align: top}
td.tiphead {width: 18%; padding-right: 2px; text-align: right; color: Gold; font-style: normal; font-weight: bold}
td.tip {padding-left: 2px; text-align: left; color: White}

a {color: Turquoise; font-weight: bold}

a.main {color: DarkCyan}
a.main:hover {color: LightCyan}
a.important {color: Maroon}

button img {vertical-align: top; border: none}

button {height: 2.5em; font: caption}

button, select {font-size: xx-small}

h1 {margin-bottom: 12px; font-weight: bold; font-size: 12pt; color: #FF7D00; text-align: center; cursor: default}
h2 {margin-bottom: 12px; font-weight: bold; font-size: 16pt; color: Maroon; text-align: center; cursor: default}
h3 {margin-bottom: 12px; font-weight: bold; font-size: 20pt; color: #FF7D00; text-align: center; cursor: default}
h4 {margin-bottom: 12px; font-weight: bold; font-size: 12pt; color: Maroon; text-align: center; cursor: default}
h5 {margin-bottom: 12px; font-weight: bold; font-size: 16pt; color: #FF7D00; text-align: center; cursor: default}
h6 {margin-bottom: 12px; font-weight: bold; font-size: 20pt; color: Maroon; text-align: center; cursor: default}

iframe {width: 100%; height: 100%}

img {border-style: none}

/* img.barrier {position: absolute; top: 385px; left: 68px; width: 100px; height: 43px} */
img.barrier {width: 100px; height: 43px; position: absolute; top: 393px; left: 68px}
img.nieuwsbrief {width: 170px; height: 100px; position: absolute; top: 321px; left: 33px}
img.facebook {width: 150px; height: 30px; position: absolute; top: 393px; left: 43px}

img.missie {margin: 2px; border: 1px solid Black; cursor: pointer}
img.prinsen, img.raad, img.garde, img.bestuur {height: 360px; border: 1px solid Black; cursor: pointer}

img.photo {border: 1px solid Black; cursor: pointer}

sup {vertical-align: text-top}

span {width: 100%; text-align: center}

table {width: 100%; border-style: none; border-collapse: collapse; }

caption {font-weight: bold; font-size: 11pt; line-height: 2; color: #FF7D00; text-align: center; cursor: default; padding: 8px 0 2px 0}
caption.list {line-height: normal; padding: 0}
caption.maand {font-family: Tahoma; font-size: 8pt; font-weight: bold; line-height: normal; border: 1px solid black; border-bottom: none; color: navy; background: lightgrey; cursor: default; padding: 0}
caption.maand1 {font-family: Tahoma; font-size: 8pt; font-weight: bold; line-height: normal; border: 1px solid black; border-bottom: none; color: darkgrey; background: lightgrey; cursor: default; padding: 0}
caption.maand2 {font-family: Tahoma; font-size: 8pt; font-weight: bold; line-height: normal; border: 1px solid black; border-bottom: none; color: navy; background: darkgrey; cursor: default; padding: 0}

td {color: DarkCyan; text-align: left; cursor: default}

td.m1 {height: 20px; color: White; font-family: Arial; text-align: center; cursor: pointer; border-right: 1px solid #4A70AB}
td.m1g {height: 20px; color: White; font-family: Arial; font-weight: bold; text-align: center; cursor: pointer; border-right: 1px solid #4A70AB; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}
td.m2 {height: 20px; color: White; font-family: Arial; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_small_inverse.png) repeat-x top left}
td.m2g {height: 20px; color: White; font-family: Arial; font-weight: bold; text-align: center; cursor: pointer; border-right: 1px solid #4A70AB; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}

td.m3 {height: 20px; color: Turquoise; font-weight: bold; text-align: center; cursor: pointer}
td.m3g {height: 20px; color: Silver; font-weight: normal; text-align: center; cursor: pointer}
td.m4 {height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.m4g {height: 20px; color: DimGray; font-weight: normal; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.m4d {height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}
td.m4gd {height: 20px; color: DimGray; font-weight: normal; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}

td.m5 {width: 100%; height: 20px; color: Turquoise; font-weight: bold; text-align: center; cursor: pointer}
td.m5r {width: 100%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer}
td.m6 {width: 100%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.m6d {width: 100%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}

td.m7 {width: 23%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: default}
td.m8 {width: 11%; height: 20px; color: Turquoise; font-weight: bold; text-align: center; cursor: pointer}
td.m9 {width: 11%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.m9d {width: 11%; height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}

td.m10 {width: 100%; height: 20px; color: Turquoise; font-size: 6pt; font-weight: bold; text-align: center; cursor: pointer}
td.m11 {width: 100%; height: 20px; color: White; font-size: 6pt; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.m11d {width: 100%; height: 20px; color: White; font-size: 6pt; font-weight: bold; text-align: center; cursor: pointer; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}

td.list, td.mout {height: 20px; color: Turquoise; font-weight: bold; text-align: center; cursor: pointer; border-right: 1px solid transparent}
td.jub {color: #FF7D00}
td.mover, td.mup {height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; border-right: 1px solid #6B6B6B; background: url(/_images/_schemes/blueish/classic_special_inverse.png) repeat-x top left}
td.mdown {height: 20px; color: White; font-weight: bold; text-align: center; cursor: pointer; border-right: 1px solid #6B6B6B; background: url(/_images/_schemes/blueish/classic_special.png) repeat-x top left}

/*
 td.mover:before, td.mover:after, td.mup:before, td.mup:after {display: block; margin-left: -2px; margin-right: -2px}

td.mover:before, td.mup:before {content: url(/_images/_schemes/blueish/classic_special_inverse_left.png); background: url(/_images/_schemes/blueish/classic_special_inverse_right.png) no-repeat top right}
*/

td.glist, td.gmout {color: Silver; font-weight: normal}
td.gmover, td.gmup, td.gmdown {color: DimGray}

td.tlist {color: White; text-align: left; cursor: default}

td.elist {cursor: default}



td.date {width: 181px; height: 20px; color: DimGray; font-family: Tahoma, Arial; font-size: 8pt; text-align: left; letter-spacing: 1px; padding-left: 8px}
td.count {width: 593px; height: 20px; color: White; font-family: Arial; text-align: center; cursor: pointer}
td.clock {width: 78px; height: 20px; color: DimGray; font-family: Tahoma, Arial; font-size: 8pt; text-align: right; letter-spacing: 1px; cursor: pointer; padding-right: 8px}

td.info1 {color: White; text-align: center}
td.info2 {color: Maroon; font-weight: bold; font-size: 12pt; text-align: center; line-height: 1.5}

td.season {font-size: 7pt; vertical-align: top; padding-bottom: 1pt}

ul {list-style: disc inside}
li {color: White; font-style: italic; font-size: 8pt; text-align: left; line-height: 1.4}

/* iframe {-moz-transform: scale(0.15, 0.15); -webkit-transform: scale(0.15, 0.15); -o-transform: scale(0.15, 0.15); -ms-transform: scale(0.15, 0.15); transform: scale(0.15, 0.15); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; border: solid #ccc 10px} */