body                   { font-family: arial, helvetica; font-size: 10pt; line-height: 135%; margin: 0; }

#wobi_ldquo            { display: block; }
#wobi_rdquo            { display: block; }

#printkop              { display: none; }
#wobi_ldquo_print      { display: none; }
#wobi_rdquo_print      { display: none; }

a                      { color: #7C6240; text-decoration: none; }
a:visited              { color: #7C6240; }
a:active               { color: #7C6240; }
a:hover                { text-decoration: underline; }

h1                     { font-family: 'Trebuchet MS', arial, helvetica; font-size: 16pt; font-weight: bold; font-style: normal; color: #dbac00; margin: 10px 0 10px 0; }
h2                     { font-family: 'Trebuchet MS', arial, helvetica; font-size: 13pt; font-weight: bold; font-style: italic; color: #dbac00; margin: 20px 0 0px 0; }
h3                     { font-family: 'Trebuchet MS', arial, helvetica; font-size: 11pt; font-weight: bold; font-style: normal; color: #dbac00; margin: 0 0 -4px 0; }

div.title              { font-family: 'Trebuchet MS', arial, helvetica; font-size: 13pt; font-weight: bold; font-style: italic; color: #dbac00; }
div.subtitle           { font-family: 'Trebuchet MS', arial, helvetica; font-size: 10pt; font-weight: bold; font-style: italic; color: #dbac00; }

select                 { border: 1px solid #eda; }
optgroup               { padding: 10px 0 0 0; }
textarea               { font-size: 80%; font-family: "trebuchet ms", arial, helvetica; }

p.g                    { color: #777; font-size: 8pt; }
span.g                 { color: #777; font-size: 8pt; }
span.xsgi              { font-size: 75%; font-style: italic; font-weight: normal; text-decoration: none; color: #667; }
span.bull              { color: #db002f; }

div.xsg                { font-size: 8pt; color: #777; }
div.s                  { font-size: 9pt; }
div.xsr                { font-size: 75%; font-style: normal; font-weight: normal; text-decoration: none; color: black; text-align: right; }

div.aut_right          { text-align: right;  font-size: 90%; margin-right: 7px; font-style: italic; color: #3c60a7; }
div.aut_left           { text-align: left;   font-size: 90%; margin-left: 7px;  font-style: italic; color: #3c60a7; }
div.caption            { text-align: center; font-size: 90%; margin: 0 7px 0 7px; color: #3c60a7; }

div.icon               { float: left; font-size: 80%; text-align: center; margin: 0; }
div.icon250            { float: left; font-size: 80%; text-align: center; margin: 3px; width: 250px; height: 250px; }
div.right              { text-align: right; }
div.center             { text-align: center; }
div.question           { background: url('../bieb/bullets/question.gif') left top no-repeat; font-weight: bold; padding-left: 35px; }

tr.knagenda_header     { font-size: 13pt; text-align: center; color: #7c6240; background-color: #eeddaa; }
tr.knagenda_spacer     { height: 8px; }
tr.knagenda_even       { background-color: #eee; }

td.knagenda_date       { font-size: 9pt; padding: 0 5px 0 5px; }
td.knagenda_title      { font-size: 10pt; padding: 0 5px 0 5px; }
td.knagenda_place      { font-size: 9pt; padding: 0 5px 0 5px; }

div.rka_fromto         { font-size:  8pt; color: #777; }
div.rka_link           { font-size: 10pt; color: #ccc; }
div.rka_sep            { height: 8px; }

tr.head                { background-color: #db002f; color: white; font-weight: bold; }
tr.odd                 { background-color: white; }
tr.even                { background-color: #ddd; }
tr.head td             { padding: 0 3px; }

/*
tr:nth-child(even)     { background-color: #ddd; }
*/

td.year                { vertical-align: top; padding-top: 20px; text-align: right; padding-right: 12px; font-weight: bold; width: 80px; }
td.desc                { vertical-align: top; padding-top: 20px; }
td.pict                { vertical-align: top; padding-top: 20px; font: 7pt verdana; text-align: center; }

td.underline           { border-top: solid 1px white; border-bottom: solid 1px #ccc; }

span.label             { font-size: 8pt; color: #777; line-height: 1.8; text-align: right; padding-right: 5px; }

td.label               { font-size: 8pt; color: #777; padding-top: 1.8pt; text-align: right; }
td.g                   {                 color: #777; }
td.sg                  { font-size: 8pt; color: #777; padding-top: 2pt; }
td.head                { font-size: 8pt; color: #777; background-color: #eda; }
td.rgi                 { text-align: right; color: #777; font-style: italic }

img.imgr               { float: right; margin: 4px 0 20px 40px; border: 0 none; }
img.imgrb              { float: right; margin: 4px 0 20px 40px; -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }
img.imgb               { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }
img.thumb              { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; margin: 6px; }
img.logo               { float: left; margin: 10px; }

img.imgl               { float: left; margin: 4px 30px 20px 0; border: 0 none; }
img.imglb              { float: left; margin: 4px 30px 20px 0; -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }

div.imgr               { float: right; margin: 4px 0 20px 40px; font-size: 8pt; color: #777; }
div.imgrr              { float: right; margin: 10px -120px 20px 40px; font-size: 8pt; color: #777; }
div.img_photo          { text-align: right; margin: 0 6px 3px 0; }
div.img_capt           { text-align: center; margin-top: 3px; }

div.imgl               { float: left; margin: 0 30px 20px 0; font-size: 8pt; color: #777; }
div.img                { font-size: 8pt; color: #777; }

div.shdw               { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }
iframe.shdw            { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }
video.shdw             { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; }

.shdw                  { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; }
.shdw2                 { -moz-box-shadow: 5px 5px 15px #555; -webkit-box-shadow: 5px 5px 25px #555; box-shadow: 5px 5px 25px #555; border: 0 none; }

div.kader              { -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; margin: 30px 0; padding: 10px 30px 20px 30px; background-color: #eee; }
div.kaderr             { float: right; -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border: 0 none; margin: 0 0 20px 40px; padding: 10px 30px 20px 30px; background-color: #eee; }

img.leesverder         { width: 60px; height: 15px; border: 0; margin-bottom: -3px; }

input                  { background: white url('images/bg_input.jpg') no-repeat top left; }

li                     { margin-top: 8px; }

figure                 { margin: 0; }

ul.noindent            { margin-left: 5px; padding-left: 10px; }
ol.noindent            { margin-left: 5px; padding-left: 10px; }

div.inverse_text       { background-color: #dbac00; color: white; font-size: 13pt; font-weight: bold; margin: 30px 0 10px 0; padding: 2px; text-align: center; }

div.question           { background: url('/images/icon_question.png')    left top no-repeat; padding-left: 35px; margin-bottom: 14px; font-style: italic; }
div.exclamation        { background: url('/images/icon_exclamation.png') left top no-repeat; padding-left: 35px; margin-bottom: 14px; font-weight: bold;  }
div.tip                { background: url('/images/icon_tip.png')         left top no-repeat; padding-left: 40px; margin-bottom: 14px; }
div.info               { background: url('/images/icon_info.png')        left top no-repeat; padding-left: 40px; margin-bottom: 14px; }

.question              { background: url('/images/icon_question.png')    left top no-repeat; padding-left: 35px; min-height: 35px; margin-bottom: 14px; font-style: italic; }
.exclamation           { background: url('/images/icon_exclamation.png') left top no-repeat; padding-left: 35px; min-height: 35px; margin-bottom: 14px; font-weight: bold; }
.scripture             { background: url('/images/icon_scripture.png')   left top no-repeat; padding-left: 35px; min-height: 35px; margin: 40px 0px 30px 0px; }
.tip                   { background: url('/images/icon_tip.png')         left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.info                  { background: url('/images/icon_info.png')        left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.quote                 { background: url('/images/icon_quote.png')       left top no-repeat; padding-left: 40px; min-height: 35px; margin: 40px 0px 30px 0px; 14px; font-style: italic; }
.do                    { background: url('/images/icon_do.png')          left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.dont                  { background: url('/images/icon_dont.png')        left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.date                  { background: url('/images/icon_date.png')        left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.location              { background: url('/images/icon_location.png')    left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }
.website               { background: url('/images/icon_website.png')     left top no-repeat; padding-left: 40px; min-height: 35px; margin-bottom: 14px; }

.datum                 { background: url('/images/icon_datum-s.png')     left top no-repeat; padding-left: 20px; min-height: 15px; margin-bottom: 3px; }
.tijd                  { background: url('/images/icon_tijd-s.png')      left top no-repeat; padding-left: 18px; min-height: 15px; margin-bottom: 3px; }
.locatie               { background: url('/images/icon_locatie-s.png')   left top no-repeat; padding-left: 18px; min-height: 15px; margin-bottom: 3px; }

table.programma        { margin-top: 10px; border-spacing: 8px 5px; }
table.programma tr     { vertical-align: top; }
table.border tr td     { border:solid 1px #ddd; }

a.badge                { padding: 3px; background-color: #db002f; color: white; margin-right: 5px; }
a.badge:visited        { color: white; }
a.badge:active         { color: white; }
a.badge:hover          { text-decoration: underline; }

div.idee_kerst         { float: left; width: 280px; padding: 10px 20px 20px 20px; margin-bottom: 20px; color: white; background: transparent url(/images/idee_kerst_verloop.png) repeat-y top center; }
button.meer            { font-size: 8pt; }
button.meer:hover      { cursor: pointer; }

.button                { border: none; color: white; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; border-radius: 11px; font-size: 16px; margin: 4px 2px; transition-duration: 0.2s; cursor: pointer; }
.button.active         { transform: translateY(4px); }
.button1               { background-color: #f9414430; color: black; border: 2px solid #f94144; }
.button1:hover         { background-color: #f94144;   color: white; }
.button2               { background-color: #f3732b30; color: black; border: 2px solid #f3732b; }
.button2:hover         { background-color: #f3732b;   color: white; }
.button3               { background-color: #f8961e30; color: black; border: 2px solid #f8961e; }
.button3:hover         { background-color: #f8961e;   color: white; }
.button4               { background-color: #f9844a30; color: black; border: 2px solid #f9844a; }
.button4:hover         { background-color: #f9844a;   color: white; }
.button5               { background-color: #f9c75030; color: black; border: 2px solid #f9c750; }
.button5:hover         { background-color: #f9c750;   color: white; }
.button6               { background-color: #90be6d30; color: black; border: 2px solid #90be6d; }
.button6:hover         { background-color: #90be6d;   color: white; }
.button7               { background-color: #44aa8b30; color: black; border: 2px solid #44aa8b; }
.button7:hover         { background-color: #44aa8b;   color: white; }
.button8               { background-color: #4e908e30; color: black; border: 2px solid #4e908e; }
.button8:hover         { background-color: #4e908e;   color: white; }
.button9               { background-color: #58759130; color: black; border: 2px solid #587591; }
.button9:hover         { background-color: #587591;   color: white; }
.button10              { background-color: #267da130; color: black; border: 2px solid #267da1; }
.button10:hover        { background-color: #267da1;   color: white; }

input.pzzl             { width: 25px; height: 25px; font-family: 'Trebuchet MS'; font-size: 110%; font-weight: bold; text-align: center; text-transform:uppercase; }
img.dmmy               { width: 33px; height: 31px; margin-bottom: -10px; }

.fa                    { font-size: 24px;  width: 24px; text-align: center; color: #db002f; }
.fa:hover              { opacity: 0.6; text-decoration: none; }