/* webdev: Pim Rijpsma - pim@fabrique.nl */

#generic, #navigation, #subnavigation, #slider{ display: none !important; }

body{ font: 78%/1.4em Arial, Helvetica, sans-serif; text-align: center; }
img, img a{ border: none; }
a{ text-decoration: none; color: #00264A; }
a.more{ color: #00264A !important; text-decoration: none !important; display: none !important; }
p{ padding: 0; margin: 0.1em 0 1em 0; }

.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both; display: block; }
.desc{ color: #9FA8B2; font-size: 92%; }
.left{ float: left;}
.leftimg{ margin: 4px 8px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 12px; }
.right{ float: right; }
.rightimg{ float: right; margin: 4px 0 4px 8px; }
.righttxt{ text-align: right; }
.wrap{ width: auto; /*word-wrap: break-word; */}
.hide{ display: none; }

h1, h2, h3, h4, h5{ clear: both; line-height: 110%; color: #225C95; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1{ font-size: 150%; margin:  0; padding: 0.5em 0 0.5em 0; font-weight: normal; }
h2{ font-size: 140%; margin: 0; padding: 0.5em 0 0.2em 0; font-weight: normal; }
h3{ font-size: 130%; margin: 0; padding: 0.5em 0 0.2em 0; font-weight: bold; }
h4{ font-size: 120%; margin: 0; padding: 0.2em 0 0.1em 0; }
h5{ font-size: 110%; margin: 0; padding: 0.2em 0 0.1em 0; }

form{ margin: 0 0 1em 0; padding: 0; }
form label{ display: block; cursor: pointer; width: auto; }
form p{ margin: 0; padding: 0 0 0.2em 0; width: 95%;}
form input.checkbox{ border: none; width: auto; margin: 0.2em 0.2em 0 0.5em; }
form input, form select { border: 1px #9FA8B2 solid; width: 70%; padding: 2px 0 2px 3px; font-size: 92%; color: #00264A;  }
textarea{ border: 1px #9FA8B2 solid; width: 100%; padding: 2px 0 3px 3px; font-size: 92%; color: #00264A; }
form .button{ font-weight: bold; padding: 0.1em 0.2em 0.1em 0.2em; width: auto !important; margin: 0 0 0 0.2em; color: #00264A; cursor: pointer; border: 1px #00264A outset; }
form .buttonhover{ font-weight: bold; padding: 0.1em 0.2em 0.1em 0.2em; width: auto !important; margin: 0 0 0 0.2em; color: #00264A; cursor: pointer; border: 1px #00264A outset; }

table{ width: 100%; border-collapse: collapse; }
table caption{ text-align: right; font-size: 92%; }
thead th{ font-weight: bold; padding: 0 2em 0.6em 0.2em; width: auto; }
tfoot td{ font-weight: normal; padding-top: 0.6em; }
td{ padding: 0.2em 1em 0.2em 0;}
table, td{ border: 0; font-size: 100%; empty-cells: show; vertical-align: top; text-align: left; }

hr{border: none; margin: 1em 0; width: 99%; clear: both; display: block; color: #00264A; line-height: 1px; height: 1px; }

#framework{ margin: auto auto; width: 100%; height: 100%; text-align: left; position: relative; }
#logo { height: 85px; text-align: center; border-bottom: 2px #CC9933 solid; }
#logo img{ margin: 12px auto 1em auto; vertical-align: middle;}
#logo h1{ display: none; }

#container{ width: 100%; }
#container #title h1{ font: normal 145% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #00264A; margin: 0; padding: 1em 0 1em 0; }

#content{ width: 100%; }
#content ul.arrow { margin: 0 0 1em 0; list-style: square; list-style-position: inside; list-style-type: square; color: #225C95;  }
#content ul.arrow li a{ color: #00264A; }

#content a{ text-decoration: underline; }
#columnone a, #columntwo a{ color: #225C95; }
#sub #columnone{ width: 100%; }
#sub #columntwo{ width: 100%; }
#sub #columnone .padding, #sub #columntwo .padding{ padding: 12px 0 !important; }


#tabs {width: 100%; margin: 1em 0; padding: 1em 0; border-bottom: 1px #9FA8B2 solid; border-top: 1px #9FA8B2 solid;}
#tabs #toggle, #tabs a.more, #tabs #cloneDiv { display: none !important; }
#tabs #nieuws, #tabs #agenda, #tabs #tabcontent{ display: block !important; margin: 0 0 1em 0; padding: 0; }
#tabs .date{ color: #00264A; font: bold 100% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
#tabs .block{ width: 100%; display: block; margin: 0 0 0.5em 0;}
#tabs strong{ color: #222222; font-weight: normal; }
#tabs p, #tabs span, #tabs .padding{ margin: 0; padding: 0; }

#zieook{ width: 100%; color: #00264A; margin: 1em 0; padding: 1em 0;  }
#zieook .border{ width: 100%; padding: 0;  }
#zieook ul.arrow { margin: 0; list-style: square; list-style-position: inside; list-style-type: square; color: #00264A; }
#zieook ul.arrow li a{ color: #00264A; display: block; width: 100%; }
#zieook .padding{ padding: 0 !important; }
#zieook .block{ width: auto;}
#zieook a{ color: #225C95; }

#keuzes{ width: 100%; }
#keuzes #photos{ display: none; }
#keuzes ul.arrow { margin: 0 0 1em 0; list-style: square; list-style-position: inside; list-style-type: square; color: #00264A; }
#keuzes ul.arrow li{ padding: 0.1em 0 0.1em 0; background: none;}
#keuzes ul.arrow li a{ color: #00264A; text-decoration: none; display: block; width: 100%; }
#keuzes a.more{ display: block; color: #225C95 !important; }
#keuzes .block{ width: 30%; float: left; }

#footer{display: block; clear: both; width: 100%; height: 2em; margin: 3em 0 0 0; padding: 1em 0 1em 0; color: #222222; font-size: 92%; border-top: 1px #9FA8B2 solid; }