/* CSS Document */ body, p, div, td, span, li, th, h1, h2, h3, h4, h5, h6, a { font-family: "Trebuchet MS", Myriad, "Myriad Pro", Verdana, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 13px; color: #62524E; margin: 0; padding: 0; } img { border: 0; } ol { margin-left: 20px; } ul { margin-left: 20px; } body { margin: 0; padding: 19px 0 20px 0; background-repeat: repeat-x; behavior:url("csshover.htc"); } fieldset { border: 0; margin-bottom: 10px; } #container { width: 932px; margin: 0px auto 0px auto; padding: 0px; background-image: url(../pix/content_bg.gif); background-repeat: no-repeat; background-position: bottom right; } #header { background-color: #FFFFFF;} #logo { padding: 20px 17px 79px 17px; } .vsl1,.vsl2{ margin-right: 8px; } #contentbox1 { width: 932px; margin: 0 auto 0 auto; background-image: url(../pix/menu_bg.gif); background-repeat: repeat-y; } /* navigation */ #navigation { z-index: 10; position: relative; float:left; width: 185px;} #navigation A { letter-spacing: 0.1em; text-decoration: none; color: #62524E; display: block; padding: 5px 0 5px 15px; } #navigation A:hover { color: #FFFFFF; background-color:#854C55; } #navigation .nav A { letter-spacing: 0.1em; text-decoration: none; color: #FFFFFF; background-color:#854C55; display: block; padding: 5px 0 5px 15px; } #navigation .nav A:hover { color: #FFFFFF; background-color:#854C55; } #navigation .nav A:visited { color: #FFFFFF; background-color:#854C55; } #navigation { font-size: 1.1em; } #navigation ul { margin: 0; padding: 0; list-style: none; width: 185px; } #navigation ul li { position: relative; width: 185px; } #navigation ul li ul .fold2 { width: 220px; } #navigation ul li ul .fold3 { width: 350px; } #navigation ul li ul { position: absolute; left: 185px; top: 0px; display: none; } #navigation li ul li { background-color: #E1E5EA; } #navigation li:hover { background-color: #E1E5EA; } #navigation li ul li:hover { background-color: #ffffff; } #navigation ul li a { display: block; text-decoration: none; color: #66594C; } #navigation li:hover ul { display: block; } #navigation li ul li { background-color: #E8EFEA; } #navigation li:hover { background-color: #D4E5D9; } #navigation li ul li:hover { background-color: #D4E5D9; } #navigation li:hover ul { display: block; } /* single */ #single { margin-left: 16px; float: left; width: 719px; padding: 0 0 30px 0; } #single h1 { font-size: 14px; color: #335687; } #single h2 { font-size: 11px; color: #335687; padding-top: 0; margin: 0; } #single .text { letter-spacing: 0.1em; padding: 0 12px 0px 12px; } #single .verder { color: #335687; display: inline-block; text-decoration: none; font-weight: bold; padding:0px 12px 0px 0px; background-image:url(../pix/readmore2_bg.gif); background-repeat: no-repeat; background-position: right; } #single .vacature { padding: 3px 12px 23px 12px; margin-top: 7px; background-color: #EAEEF3; } #single .readmore { float: right; margin: 5px 15px 0 0; color: #335687; font-weight: bold; padding:0px 12px 0px 0px; background-image:url(../pix/readmore2_bg.gif); background-repeat: no-repeat; background-position: right; } /* columns */ #col1 { float: left; width: 270px; padding-left: 9px; } #col1gr { float: left; width: 448px; padding: 0 0 10px 16px; } /*#col1gr .textcolor { padding: 4px 12px 5px 12px; background-color: #EBBD74; }*/ #blockt1 { border-style:solid; border-color: #F7E9E7; border-width: 0px 2px 2px 2px; background-color: #FFFFFF; padding: 0 1px 1px 1px; } #blockt1 .innerbox { background-color: #F7E9E7; } #blockt1 .text { padding:0 19px 12px 13px; } #col2 { float: left; width: 178px; padding: 6px 0 12px 8px } #col2 .banner { margin-top: 9px; } #col3 { float: left; width: 261px; padding: 5px 0 8px 9px; } #blockcolor1 { background-image:url(../pix/blokcolor1_bg.gif); } #blockcolor1 .top { background-image:url(../pix/blokcolor1_top.gif); } #blockcolor1 .bottom { background-image:url(../pix/blokcolor1_bottom.gif); } #blockcolor1 .text { padding: 4px 14px 0 14px; color: #fff; } #blockcolor1 .text h3 { font-size: 14px; font-weight: bold; color: #fff; padding-top: 4px; } #blockcolor1 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor1 .text li { font-size: 11px; color: #fff; padding: 8px 0 0px 0; } #blockcolor1 .text li A { display: block; font-size: 11px; color: #fff; background: url(../pix/blokcolor1_li.gif) no-repeat right; } #blockcolor1 .text li A:hover { font-size: 11px; color: #fff; } #blockcolor2 { background-image:url(../pix/blokcolor2_bg.gif); } #blockcolor2 .top { background-image:url(../pix/blokcolor2_top.gif); } #blockcolor2 .bottom { background-image:url(../pix/blokcolor2_bottom.gif); } #blockcolor2 .text { padding: 4px 14px 0 14px; color: #66594C; } #blockcolor2 .text h3 { font-size: 14px; font-weight: bold; color: #D09E5A ; padding-top: 4px; } #blockcolor2 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor2 .text li { font-size: 11px; color: #66594C; padding: 8px 0 0px 0; } #blockcolor2 .text li A { display: block; font-size: 11px; color: #66594C; background: url(../pix/blokcolor1_li.gif) no-repeat right; } #blockcolor2 .text li A:hover { font-size: 11px; color: #66594C; } #blockcolor3 { background-image:url(../pix/blokcolor3_bg.gif); } #blockcolor3 .top { background-image:url(../pix/blokcolor3_top.gif); } #blockcolor3 .bottom { background-image:url(../pix/blokcolor3_bottom.gif); } #blockcolor3 .text { padding: 4px 14px 0 14px; color: #fff; } #blockcolor3 .text p { color: #fff; } #blockcolor3 .text td { color: #fff; } #blockcolor3 .text A { color: #fff; } #blockcolor3 .text h3 { font-size: 14px; font-weight: bold; color: #fff; padding-top: 4px; } #blockcolor3 .text strong { color: #fff; } #blockcolor3 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor3 .text li { font-size: 11px; color: #fff; padding: 8px 0 0px 0; } #blockcolor3 .text li A { display: block; font-size: 11px; color: #fff; background: url(../pix/blokcolor1_li.gif) no-repeat right; } #blockcolor3 .text li A:hover { font-size: 11px; color: #fff; } #blockcolor4 { background-image:url(../pix/blokcolor4_bg.gif); } #blockcolor4 .top { background-image:url(../pix/blokcolor4_top.gif); } #blockcolor4 .bottom { background-image:url(../pix/blokcolor4_bottom.gif); } #blockcolor4 .text { padding: 4px 14px 0 14px; color: #66594C; } #blockcolor4 .text h3 { font-size: 14px; font-weight: bold; color: #854C55; padding-top: 4px; } #blockcolor4 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor4 .text li { font-size: 11px; color: #66594C; padding: 8px 0 0px 0; } #blockcolor4 .text li A { display: block; font-size: 11px; color: #66594C; background: url(../pix/blokcolor6_li.gif) no-repeat right; } #blockcolor4 .text li A:hover { font-size: 11px; color: #66594C; } #blockcolor5 { background-image:url(../pix/blokcolor5_bg.gif); } #blockcolor5 .dbg { background-image:url(../pix/blokcolor5_bgbg.gif); background-position: bottom; background-repeat: no-repeat; } #blockcolor5 .top { background-image:url(../pix/blokcolor5_top.gif); } #blockcolor5 .bottom { background-image:url(../pix/blokcolor5_bottom.gif); } #blockcolor5 .text { padding: 24px 2px 0 5px; color: #fff; } #blockcolor5 .text h3 { font-size: 14px; font-weight: bold; color: #fff; padding-top: 4px; } #blockcolor5 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor5 .text li { font-size: 11px; color: #fff; padding: 8px 0 0px 0; } #blockcolor5 .text li A { display: block; font-size: 11px; color: #fff; background: url(../pix/blokcolor1_li.gif) no-repeat right; } #blockcolor5 .text li A:hover { font-size: 11px; color: #fff; } #blockcolor6 { background-image:url(../pix/blokcolor6_bg.gif); } #blockcolor6 .top { background-image:url(../pix/blokcolor6_top.gif); } #blockcolor6 .bottom { background-image:url(../pix/blokcolor6_bottom.gif); } #blockcolor6 .text { padding: 4px 14px 0 14px; color: #fff; } #blockcolor6 .text h3 { font-size: 14px; font-weight: bold; color: #854C55; padding-top: 4px; } #blockcolor6 .text ul { margin: 0; padding: 0; list-style-type: none; } #blockcolor6 .text li { font-size: 11px; color: #66594C; padding: 8px 0 0px 0; } #blockcolor6 .text li A { display: block; font-size: 11px; color: #66594C; background: url(../pix/blokcolor6_li.gif) no-repeat right; } #blockcolor6 .text li A:hover { font-size: 11px; color: #854C55; } #blockcolor7 { background-image:url(../pix/blokcolor7_bg.gif); } #blockcolor7 .top { background-image:url(../pix/blokcolor7_top.gif); } #blockcolor7 .bottom { background-image:url(../pix/blokcolor7_bottom.gif); background-position: bottom; } #blockcolor7 .text { padding: 4px 14px 0 14px; color: #66594C; } #blockcolor7 .text h3 { font-size: 11px; font-weight: bold; color: #fff; padding-top: 4px; } #blockcolor7 .text h4 { font-size: 11px; font-weight: bold; color: #A4814A; padding:0; margin:0; } #blockcolor7 .text FORM { padding: 10px 0 5px 0;} #blockcolor7 .text INPUT { border: 1px solid #A5AAB0;} #pagecounter { text-align: center; color:#739FDC; } #pagecounter A { font-weight: bold; padding: 1px 5px 1px 5px; background-color: #fff; color:#739FDC; } #pagecounter A:hover { font-weight: bold; padding: 1px 5px 1px 5px; color: #fff; background-color:#739FDC; } #pagecounter B { padding: 1px 5px 1px 5px; color: #fff; background-color:#739FDC; } #pagecounter .image A { padding: 0; } #pagecounter .image A:hover { padding: 0; background-color: #fff; } #pagecountergasten { text-align: center; color:#854C55; } #pagecountergasten A { font-weight: bold; padding: 1px 5px 1px 5px; background-color: #fff; color:#854C55; } #pagecountergasten A:hover { font-weight: bold; padding: 1px 5px 1px 5px; color: #fff; background-color:#854C55; } #pagecountergasten B { padding: 1px 5px 1px 5px; color: #fff; background-color:#854C55; } #pagecountergasten .image A { padding: 0; } #pagecountergasten .image A:hover { padding: 0; background-color: #fff; } /* marked for delete */ #blockt2 { background-image:url(../pix/blokken_bg.gif); border: 2px solid #31527F; background-color: #FFFFFF; } #blockt2 .innerbox { padding: 9px 7px 0px 7px; } #blockt2 .text { color:#FFFFFF; } #blockt2 A.readmore { line-height: 13px; font-weight: bold; color:#FFFFFF; padding-right: 12px; background-image:url(../pix/readmore_bg.gif); background-repeat: no-repeat; background-position: right; } #blockt2 A.readmore:hover { text-decoration: none; } #blockt2 .bottom { color: #ffffff; width: 261px; height: 36px; overflow: hidden; background-image: url(../pix/blockt3_bottom.gif); } #blockt3 { background-color: #FFFFFF; background-image:url(../pix/blokken2_bg.gif); margin-bottom: 10px;} #blockt3 .innerbox { padding: 9px 7px 0px 7px; } #blockt3 .text { color:#FFFFFF; } #blockt3 A.readmore { line-height: 13px;font-weight: bold; color:#FFFFFF; padding:0px 12px 0px 32px; background-image:url(../pix/readmore_bg.gif); background-repeat: no-repeat; background-position: right; } #blockt3 A.readmore:hover { text-decoration: none; } #blockt3 .bottom { color: #ffffff; width: 261px; height: 36px; overflow: hidden; background-image: url(../pix/blockt3_bottom.gif); } #blockt4 { margin-bottom: 10px;} #blockt4 .datum {font-size: 9px; font-weight: bold; color:#41618F; padding: 10px 0px 0px 7px; } #blockt4 h3 { font-size: 14px; color:#41618F; padding: 0px 0px 14px 5px; } #blockt4 .text { padding: 0px 5px 0px 10px;} #blockt4 A.readmore { line-height: 13px;font-weight: bold; color:#41618F; padding-right: 12px; background-image:url(../pix/readmore2_bg.gif); background-repeat: no-repeat; background-position: right; } #blockt4 A.readmore:hover { text-decoration: none;} /* end marked for delete */ /* footer */ #footer { width: 932px; margin: 0 auto 0 auto; text-align: center; color: #D2999B; line-height: 22px; /*background-image: url(../pix/footerbg.gif); background-repeat: no-repeat;*/ } #footer A { color: #D2999B; text-decoration: none; } #footer A:hover { color: #D2999B; text-decoration: underline; } #footer .lijn { font-size: 20px; color: #BB6568; vertical-align: middle; } .mesenvork { z-index: 0; position: absolute; margin-top: 334px; margin-left: -64px; width: 128px; height: 345px; background-image: url(../pix/mesenvork.png); } .festivalfoto { z-index: 0; position: absolute; margin-top: 400px; margin-left: 25px; /*margin-left: -64px; */ width: 152px; height: 152px; background-image: url(../pix/btn_fotofistival.gif); } /* gastenboek */ #gastenboek .reactie { color: #854C55; background-color: #EDE4E6; padding: 5px 12px 5px 12px; } #gastenboek .reactie div { color: #854C55; font-weight: bold; } #gastenboek .reactie p { color : #66594C; } #gastenboek .button { padding: 8px 0 8px 0; border: solid 0px; } #gastenboekform INPUT { width: 50%; background-color: #FFFFFF; border: solid 1px #A5ACB2; } #gastenboekform TEXTAREA { height: 115px; width: 100%; border: solid 1px #A5ACB2; } #gastenboek .plaatsreactie { padding: 5px 12px 5px 12px; } #gastenboek .plaatsreactie strong { color: #854C55 } .gastenboekhr { font-size: 0px; line-height: 1px; padding: 0; margin: 0; padding: 7px 2px 6px 12px; } .gastenboekhr div{ font-size: 0px; height: 1px; line-height: 0px; padding: 0; margin: 0; background-color: #854C55; } /* weblog */ .webloghr { font-size: 0px; line-height: 1px; padding: 0; margin: 0; padding: 7px 2px 6px 12px; } .webloghr div{ font-size: 0px; height: 1px; line-height: 0px; padding: 0; margin: 0; background-color: #854C55; } #weblog .post { padding: 5px 12px 5px 12px; } #weblog .postcolor { background-color: #D2DBE8; padding: 5px 6px 5px 6px; border: 6px solid #FFF; } #weblog .author { padding: 10px 12px 5px 12px; font-size: 11px; font-weight: bold; color: #739FDC; } #weblog .title { padding: 15px 12px 10px 12px; font-size: 14px; font-weight: bold; color: #2F4F7C; } #weblog .date { padding: 5px 12px 5px 12px; font-size: 11px; font-weight: bold; color: #739FDC; } /* nieuws */ .nieuwshr { font-size: 0px; line-height: 1px; padding: 0; margin: 0; padding: 7px 2px 6px 12px; } .nieuwshr div{ font-size: 0px; height: 1px; line-height: 0px; padding: 0; margin: 0; background-color: #854C55; } #nieuws .post { padding: 0px 12px 5px 12px; } #nieuws .postcolor { background-color: #D2DBE8; padding: 5px 6px 5px 6px; border: 6px solid #FFF; } #nieuws span { color: #854C55;} #nieuws .date { padding: 0px 12px 0px 12px; font-size: 11px; font-weight: bold; color: #854C55; } #nieuws .title { padding: 0px 12px 15px 12px; font-size: 11px; font-weight: bold; color: #854C55; } /* contact */ #contact { padding: 5px 12px 5px 12px; } #contactform { width: 100%; } #contactform TABLE { width: 100%; border: solid 0px; margin: 0; padding: 0; border-collapse: collapse; border-spacing:0 } #contactform TD { border: solid 0px; margin: 0; padding: 3px 2px 3px 0px; border-collapse: collapse; border-spacing:0 } #contactform INPUT { background-color: #FFFFFF; border: solid 1px #A5ACB2; } #contactform .sinput { width: 30%; } #contactform .minput { width: 50%; } #contactform .linput { width: 100%; } #contactform TEXTAREA { height: 115px; width: 100%; border: solid 1px #A5ACB2; } /* reserveer */ #reserveren { padding: 5px 12px 5px 12px; } #reserveerform { width: 100%; } #reserveerform TABLE { width: 100%; border: solid 0px; margin: 0; padding: 0; border-collapse: collapse; border-spacing:0 } #reserveerform TD { border: solid 0px; margin: 0; padding: 3px 2px 3px 0px; border-collapse: collapse; border-spacing:0 } #reserveerform INPUT { background-color: #FFFFFF; border: solid 1px #A5ACB2; } #reserveerform .checkbox { border: none; } #reserveerform .sinput { width: 30%; } #reserveerform .xsinput { width: 20%; } #reserveerform .minput { width: 50%; } #reserveerform .linput { width: 100%; } #reserveerform TEXTAREA { height: 115px; width: 100%; border: solid 1px #A5ACB2; } /* vragen */ #vragenlijst { padding: 5px 12px 5px 12px; } #vragenform { width: 100%; } #vragenform TABLE { width: 100%; border: solid 0px; margin: 0; padding: 0; border-collapse: collapse; border-spacing:0 } #vragenform TD { border: solid 0px; margin: 0; padding: 3px 2px 3px 0px; border-collapse: collapse; border-spacing:0 } #vragenform INPUT { background-color: #FFFFFF; border: solid 1px #A5ACB2; } #vragenform P { margin: 15px 0px 10px 0px; } #vragenform .checkbox { border: none; } #vragenform .sinput { width: 30%; } #vragenform .xsinput { width: 20%; } #vragenform .minput { width: 50%; } #vragenform .linput { width: 100%; } #vragenform TEXTAREA { height: 115px; width: 100%; border: solid 1px #A5ACB2; } /* agenda */ #agendaentries .post { padding: 0px 12px 5px 12px; } #agendaentries span { color: #854C55;} #agendaentries .date { padding: 0px 12px 0px 12px; font-size: 11px; font-weight: bold; color: #854C55; } #agendaentries .time { padding: 0px 12px 10px 12px; font-size: 11px; font-weight: bold; color: #854C55; } #agendaentries .title { padding: 0px 12px 0px 12px; font-size: 11px; font-weight: bold; color: #854C55; } .agendahr { font-size: 0px; line-height: 1px; padding: 0; margin: 0; padding: 7px 2px 6px 12px; } .agendahr div{ font-size: 0px; height: 1px; line-height: 0px; padding: 0; margin: 0; background-color: #854C55; } #agenda * { color: #854C55; } #agendaboxbox { width: 228px; } #agenda table { border: 0px solid #FFF; width: 100%; border-spacing: 0px; } #agenda table tr td { padding: 0; margin: 0; } #agenda table .box { border: 1px solid #854C55; } #agenda td { border: 3px solid #FFF; border-spacing: 0px; line-height: 22px; vertical-align: middle; text-align: center; font-weight: bold; } #agenda td .days { background-color: #DCCCCF; } #agenda td .none { background-color: #EDE4E6; } #agenda td .active { background-color: #854C55; background-image: url(../pix/agendacellbg.gif); background-position: center; background-repeat:no-repeat; color: #fff; } #agenda td .active A { text-decoration: none; color: #fff; } #agenda .today { text-decoration: underline; } #agenda .header { color: #854C55; font-size: 16px; font-weight: bold; margin-bottom: 10px; } #kindertijd { padding: 0px 12px 5px 12px; } #kindertijd .kindertijdmetbg { background-color: #D8D12B; } #kindertijd .kindertijdmetbg .text { padding: 5px 6px 5px 6px; text-align: left; } #kindertijd A { font-weight: bold; color: #485792 ; text-decoration: none; } #formule h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A4814A; padding: 5px 0px 5px 0px; } #formule .text { padding: 4px 12px 5px 12px; color: #66594C; } #formule .textcolor { background-color: #EBBD74; } #formule .vraag { font-weight: bold; padding: 5px 0 5px 0; } #formule .antwoord { display: none; } #contentpagina .textcolor { padding: 4px 12px 5px 12px; background-color: #EDE4E6; } #kidsbox { background-image: url(pix/kidsbg2.png); width: 253px; height: 334px; margin: 10px 0px 10px 0px; } #kidsbox div { position: relative; padding: 201px 36px 23px 36px; color: #fff; } #kidsbox div a { color: #fff; }