body{ margin:0px; padding:0px; color:#5d5d5d; font-size:0.75em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../img/bg.jpg) repeat-x #fff;} body a{ text-decoration:none; color:#58a004; font-weight:bold; } body a:hover{text-decoration:underline; color:#58a004;font-weight:bold; } *{outline:none;} .clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; /* display:block; */} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5, h6{ font-size:1.0em; margin:0px; padding:0px;} p{margin:0px; padding:0px 0px 18px 0px;} /*******************************/ /* CONTAINER DIVISION */ /*******************************/ #container{ position:relative; width:960px; margin:0 auto; padding:0px 0px 30px 0px; line-height:18px; } #container #left{ float:left; width:267px; padding-top:34px; font-size:0.95em; } #container #left #logo{ padding-bottom:28px; } #container #left #geefjeop{ width:267px; height:100px; margin-bottom:22px; background:url(../img/bg_geefjeop.jpg) no-repeat; color:#fff; } #container #left #geefjeop h3{ color:#fff; width:267px; height:100px; display:block; font-size:1.5em;} #container #left #geefjeop h3 a{ display:block; color:#fff; width:219px; height:79px; padding:26px 24px 0px 24px; } #container #left #geefjeop h3 a:hover{ text-decoration:none; } #container #left #geefjeop h3 a span{ display:block; font-size:0.75em; line-height:40px;} #container #left #geefjeop h3 a span em{ color:#b0ff54; } #container #left #intro{ background:url(../img/bg_intro.jpg) no-repeat bottom left; padding:15px 26px 6px 26px; width:215px; margin-bottom:25px; } #container #left #intro h2{ font-size:2.1em; line-height:20px; color:#f09612; padding-bottom:18px; } #container #left .blok{ background:url(../img/bg_left.jpg) no-repeat bottom left; width:267px; } #container #left .blok .blokinner{ background:url(../img/bg_lefttop.jpg) no-repeat top left; width:217px; padding:20px 25px 20px 25px; } #container #left .blok h3{ font-size:2.2em; line-height:20px; color:#6db4f4; padding-bottom:12px; } #container #left .blok form input{ width:195px; font-weight:bold; height:22px; padding:4px 10px 0px 10px; border:1px solid #c4c4c4; color:#3e3e3e; background:url(../img/bg_input.jpg) top #fefefe; margin:0px 0px 11px 0px; } #container #left .blok form textarea{ width:195px; font-weight:bold; height:62px; font-size:1.1em; font-family:arial; color:#3e3e3e; padding:4px 10px 0px 10px; border:1px solid #c4c4c4; background:url(../img/bg_input.jpg) repeat-x top #fefefe; } #container #left .blok form img{ border:1px solid #c4c4c4; margin:11px 0px 0px 0px; float:left; } #container #left .blok form a{ margin:0px 0px 4px 0px; display:block; color:#3e3e3e; text-decoration:underline; font-weight:normal;} #container #left .blok form .submit input{ cursor:pointer; text-align:center; color:#fff; font-weight:bold; font-size:1.05em; border:0px; width:112px; height:25px; padding-bottom:5px; padding-top:2px; font-family:arial; outline:0; background:url(../img/bg_btn.jpg) no-repeat; margin-top:0px; } #container #left .gastenboek .blokinner{ padding:24px 25px 20px 25px; } #container #left .gastenboek .blokinner h3{ color:#6db31c; } #container #right{ position:relative; float:right; width:664px; padding:38px 0px 74px 0px; } #container #right #menu ul.menu {position: relative;height: 33px; width:652px; margin-bottom:11px; background: url(../img/bg_menu.jpg) no-repeat top left; padding:8px 0px 0px 11px; overflow: hidden;} #container #right #menu ul.menu li {float:left; display:block; margin-right:18px; } #container #right #menu ul.menu li.back {background: url(../img/lava.gif) no-repeat right -25px; width:10px; height: 25px;z-index: 8;position: absolute;} #container #right #menu ul.menu li.back .left {background: url(../img/lava.gif) no-repeat top left;height: 25px; margin-right:10px; z-index:1;} #container #right #menu ul.menu li a { text-decoration: none; color: #fff; outline: none; text-align: center; line-height:25px; text-transform: uppercase;letter-spacing: 0;z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden; padding:0px 10px 0px 10px;} #container #right #menu ul.menu li a:hover, ul.menu li a:active, ul.menu li a:visited { border: none;} #container #right #fotos{ width:676px; margin-right:-12px; height:138px; padding-bottom:28px;} #container #right #fotos img{ float:left; padding-right:11px;} #container #right #content{ width:664px; } #container #right #content .programma{ width:612px; padding:0px 26px 20px 26px; background:url(../img/bg_programma.jpg) no-repeat; color:#fff; } #container #right #content .programmabottom{ width:664px; height:7px; margin-bottom:28px; background:url(../img/bg_programmabottom.png) no-repeat; margin-top:-7px; } #container #right #content .programma .filter{ height:64px; font-weight:bold; font-size:0.95em;} #container #right #content .programma .filter ul li{ float:left; display:block; line-height:44px; padding-right:12px;} #container #right #content .programma .filter ul li a{ float:left; display:block; font-weight:normal; color:#fff; padding:0px 12px 0px 27px; } #container #right #content .programma .filter ul li a.activegroup{ text-decoration:underline; } #container #right #content .programma .filter ul li.groen a{ background:url(../img/bg_groen.jpg) no-repeat left; } #container #right #content .programma .filter ul li.blauw a{ background:url(../img/bg_blauw.jpg) no-repeat left; } #container #right #content .programma .filter ul li.oranje a{ background:url(../img/bg_oranje.jpg) no-repeat left; } #container #right #content .programma .filter ul li.grijs a{ background:url(../img/bg_grijs.jpg) no-repeat left; } #container #right #content .programma .filter ul li.terug a{ padding:0px 0px 0px 0px; font-weight:bold; } #container #right #content .programma h1{ font-size:2.2em; color:#fff; line-height:20px; padding-bottom:18px; } #container #right #content .programma h1.activiteit{ padding-bottom:7px; } #container #right #content .programma .home{ width:560px; } #container #right #content .programma .vervolg{ width:612px; } #container #right #content .programma h2.oranje{ padding:0px 0px 25px 0px;} #container #right #content .programma h2.oranje span{ background:url(../img/bg_oranje.jpg) no-repeat right; font-size:1.2em; color:#3d3d3d; padding:4px 26px 4px 0px; margin:0px 0px 0px 0px;} #container #right #content .programma h2.blauw span{ background:url(../img/bg_blauw.jpg) no-repeat right; font-size:1.2em; color:#3d3d3d; padding:4px 26px 4px 0px; margin:0px 0px 0px 0px;} #container #right #content .programma h2.groen span{ background:url(../img/bg_groen.jpg) no-repeat right; font-size:1.2em; color:#3d3d3d; padding:4px 26px 4px 0px; margin:0px 0px 0px 0px;} #container #right #content .programma .home h2, #container #right #content .programma .vervolg h2{ display:block; border-bottom:2px solid white; height:24px; font-size:1.4em; } #container #right #content .programma .home h2 span, #container #right #content .programma .vervolg h2 span{ float:left; /* background:url(../img/bg_span.gif) no-repeat right; */ padding-right:20px; } #container #right #content .programma h2 em{ display:block; float:right; font-size:0.75em; font-weight:bold; padding:5px 30px 0px 0px; } #container #right #content .programma ul.overzicht{ color:#3d3d3d; } #container #right #content .programma ul.overzicht li{ border-bottom:1px dashed #fff; padding:6px 0px 4px 0px; } #container #right #content .programma ul.overzicht li strong{ display:block; float:left; width:420px; } #container #right #content .programma ul.overzicht li strong em{ display:block; float:left; width:420px; font-weight:normal; font-style:normal; font-size:0.95em;} #container #right #content .programma ul.overzicht li span{ line-height:30px; display:block; float:right; color:#fff; font-weight:normal; font-size:0.95em; padding:3px 30px 0px 0px; } #container #right #content .programma ul.overzicht li.oranje span{ background:url(../img/bg_oranje.jpg) no-repeat right; } #container #right #content .programma ul.overzicht li.groen span{ background:url(../img/bg_groen.jpg) no-repeat right; } #container #right #content .programma ul.overzicht li.blauw span{ background:url(../img/bg_blauw.jpg) no-repeat right; } #container #right #content .programma ul.overzicht li a:hover span{ color:#3d3d3d; } #container #right #content .programma ul.overzicht li b{ display:block; clear:both; } #container #right #content .programma ul.overzicht li a{ color:#3d3d3d; cursor:pointer; } #container #right #content .programma ul.overzicht li a.eventdone{ color:#d07e01; cursor:pointer; } #container #right #content .programma ul.overzicht li a:hover{ color:#fff; text-decoration:none;} #container #right #content .programma .inhoud{ color:#3d3d3d; padding:8px 0px 0px 0px; } #container #right #content .programma .inhoud dl{ margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; } #container #right #content .programma .inhoud dl dt{ margin:0px; padding:0px; float:left; display:block; width:75px; font-weight:bold; } #container #right #content .programma .inhoud hr{border-bottom:1px dashed #fff; border-top:0px; height:1px; border-left:0px; border-right:0px; } #container #right #content .programma .inhoud ul{ padding:0px 0px 18px 0px; } #container #right #content .programma .inhoud ul li{ background:url(../img/bg_list.gif) no-repeat left; padding:0px 0px 0px 50px; line-height:24px; } #container #right #content .programma .inhoud ul li a{ color:#fff; } #container #right #content .programma .links{ font-size:1.3em; padding:20px 10px 0px 0px; } #container #right #content .programma .links h6{ color:#fff; display:block; height:25px; } #container #right #content .programma .links h6 a{ float:right; color:#fff; } #container #right #content .programma .links h6 a.left{ float:left; color:#fff; width:300px; } #container #right #content .programma .links h6 a.right{ float:right; color:#fff; font-size:1.6em; } #container #right #content .programma .links h6 a.groot{ font-size:1.6em; } #container #right #content .programma .links h6 a:hover{ text-decoration:none; color:#3d3d3d; } #container #right #content .contact{ width:664px; background:url(../img/bg_contact.jpg) no-repeat bottom; color:#fff; margin-bottom:28px; } #container #right #content .contact .contactinner{width:612px; padding:23px 26px 23px 26px; background:url(../img/bg_contacttop.jpg) no-repeat top; color:#fff; } #container #right #content .contact .contactinner h3{font-size:2.2em; color:#fff; line-height:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid white; } #container #right #content .contact .contactinner .left{width:280px; float:left;} #container #right #content .contact .contactinner .left a{color:#fff;} #container #right #content .contact .contactinner .right{width:290px; float:right; border:2px solid white; } #container #right #content .pagina{ background:url(../img/bg_pagina.jpg) no-repeat; padding:24px 26px 24px 26px; } #container #right #content .pagina h1{ border-bottom:3px solid #6db31c; color:#6db31c; font-size:2.2em; line-height:20px; padding-bottom:10px; margin-bottom:20px; } #container #right #content .pagina h2{ color:#000; font-size:1.3em; line-height:20px; padding-bottom:5px; } #container #right #content .pagina h3{ color:#666; font-size:1.1em; line-height:20px; padding-bottom:5px; } #container #right #content .pagina ul{ padding:0px 0px 18px 0px; } #container #right #content .pagina ul li{ background:url(../img/bg_list.jpg) no-repeat left; padding:0px 0px 0px 50px; line-height:24px; } #container #right #content .pagina ul li a{ font-weight:normal; } #container #right #content .pagina .gastenboek{ margin-bottom:-22px; } #container #right #content .pagina .gastenboek .bericht{ width:612px; background:url(../img/bg_bericht.jpg) no-repeat bottom; margin-bottom:22px; } #container #right #content .pagina .gastenboek .bericht .berichtinner{ width:564px; padding:26px 24px 8px 24px; background:url(../img/bg_berichttop.jpg) no-repeat top; } #container #right #content .pagina .gastenboek .bericht .berichtinner h3{ color:#6db31c; font-size:1.2em; padding:0px 0px 4px 0px;} #container #right #content .pagina .gastenboek h6{ display:block; height:25px; font-size:1.3em; padding:10px 0px 20px 0px; } #container #right #content .pagina .gastenboek h6 a{ float:right; } #container #right #content .pagina .gastenboek h6 a.left{ float:left; } #container #right #content .pagina .gastenboek h6 a.right{ float:right; } #container #right #content .pagina .gastenboek h6 a:hover{ text-decoration:none; color:#3d3d3d; } /* inschrijven */ #container #right #content .pagina form{ margin:0px 0px 0px 0px; } /* onderstaande regel weggehaald ivm problemen Ckeditor */ /* #container #right #content .pagina form fieldset{ display:block; width:612px; text-align:left; margin-bottom:20px;} */ #container #right #content .pagina form fieldset.formulier label{ font-weight:bold; display:block; width:150px; float:left; line-height:33px; } #container #right #content .pagina form fieldset.formulier label.error{ color:#f19914; } #container #right #content .pagina form fieldset.formulier label.verplicht{ font-size:0.85em; font-weight:normal;} #container #right #content .pagina form fieldset button{ color:#fff; font-weight:bold; margin:0px; padding:0px; font-family:tahoma; font-size:1.4em; font-weight:normal; outline:0; cursor:pointer; display:block; width:273px; height:35px; float:left; background:url(../img/bg_button.jpg) 0px 0px; border:0; } #container #right #content .pagina form fieldset button:hover{ background:url(../img/bg_button.jpg) 0px -35px;} #container #right #content .pagina form fieldset.formulier input{ margin:0px 40px 6px 0px; padding:4px 5px 0px 5px; display:block; width:261px; height:22px; float:left; background:url(../img/bg_input.jpg) repeat-x; border:1px solid #c4c4c4; } #container #right #content .pagina form fieldset textarea{ margin:10px 0px 0px 0px; padding:4px 5px 5px 5px; display:block; font-family:tahoma; font-size:1.1em; width:282px; height:102px; float:left; background:url(../img/bg_input.jpg) repeat-x top; border:1px solid #c4c4c4; } #container #right #content .pagina form fieldset .aanduiding{ border-top:1px dashed #c4c4c4; border-bottom:1px dashed #c4c4c4; padding:6px 0px 6px 0px; height:24px; margin-bottom:18px; } #container #right #content .pagina form fieldset .aanduiding ul{ float:right; color:#7b7b7b; font-size:0.85em; height:24px; margin:0px; padding:0px; } #container #right #content .pagina form fieldset .aanduiding ul li{ float:left; display:block; margin-left:46px; padding-left:22px; background:none; } #container #right #content .pagina form fieldset .aanduiding ul li.alle { background:url(../img/bg_oranje.jpg) no-repeat left; } #container #right #content .pagina form fieldset .aanduiding ul li.jeugd { background:url(../img/bg_groen.jpg) no-repeat left; } #container #right #content .pagina form fieldset .aanduiding ul li.kinderen { background:url(../img/bg_blauw.jpg) no-repeat left; } #container #right #content .pagina form fieldset.vragen h2{ font-size:1.4em; /* border-bottom:1px dashed #c4c4c4; */ display:block; width:612px; padding:0px; display:block; margin:0px; height:30px; } #container #right #content .pagina form fieldset.vragen div.alle{ border-bottom:1px dashed #c4c4c4; margin-bottom:18px; } #container #right #content .pagina form fieldset.vragen div.alle h2{ color:#f19914; } #container #right #content .pagina form fieldset.vragen div.alle .kolom .vraag h3{ position:relative; border-top:1px dashed #c4c4c4; background:url(../img/bg_oranje.jpg) no-repeat left; border-bottom:2px solid #f19914; margin-bottom:8px; } #container #right #content .pagina form fieldset.vragen div.kinderen{ margin-bottom:0px; } #container #right #content .pagina form fieldset.vragen div.kinderen h2{ color:#e4539c; } #container #right #content .pagina form fieldset.vragen div.kinderen .kolom .vraag h3{position:relative; border-top:1px dashed #c4c4c4; background:url(../img/bg_blauw.jpg) no-repeat left; border-bottom:2px solid #e4539c; margin-bottom:8px; } #container #right #content .pagina form fieldset.vragen div.jeugd{ border-bottom:1px dashed #c4c4c4; margin-bottom:18px; } #container #right #content .pagina form fieldset.vragen div.jeugd h2{ color:#6db31c; } #container #right #content .pagina form fieldset.vragen div.jeugd .kolom .vraag h3{ position:relative; border-top:1px dashed #c4c4c4; background:url(../img/bg_groen.jpg) no-repeat left /*-3px 3px*/; border-bottom:2px solid #6db31c; margin-bottom:8px; } #container #right #content .pagina form fieldset.vragen div.overig{ position:relative; border-bottom:1px dashed #c4c4c4; margin-bottom:18px; } #container #right #content .pagina form fieldset.vragen div.overig .kolom .vraag h3{ text-indent:0px; position:relative; border-top:1px dashed #c4c4c4; border-bottom:2px solid #8c8c8c; margin-bottom:8px; } #container #right #content .pagina form fieldset.vragen div .kolom .vraag h3{ height:20px; margin-top:-1px; padding:13px 0px 4px 0px; line-height:12px; } #container #right #content .pagina form fieldset.vragen .kolom{ width:612px; line-height:22px; } #container #right #content .pagina form fieldset.vragen .kolom .left{ float:left; } #container #right #content .pagina form fieldset.vragen .kolom .right{ float:right; } #container #right #content .pagina form fieldset.vragen .kolom .vraag{ width:292px; font-size:0.9em; color:#353535; padding:0px 0px 10px 0px; } #container #right #content .pagina form fieldset.vragen .kolom .vraag h3{ width:292px; padding:8px 0px 8px 0px; text-indent:22px; font-size:1.2em; color:#000; } #container #right #content .pagina form fieldset.vragen .kolom .vraag img{ float:right; padding-left:10px; } #container #right #content .pagina form fieldset.vragen .kolom .blok{ width:268px; margin-top:34px; padding:10px 14px 0px 14px; color:#353535; border:2px solid #c4c4c4; background:url(../img/bg_blok.jpg) repeat-x bottom #fff; } /* #container #right #content .pagina form fieldset.vragen .kolom .vraag input.checkbox{ margin:0px 6px 0px 0px; } */ #container #right #content .pagina form fieldset.vragen .kolom .vraag .checkbox input{ margin:0px 6px 0px 0px; } #container #right #content .pagina form fieldset.vragen .kolom .vraag input.groot{ margin:0px 0px 0px 5px; padding:4px 5px 0px 5px; width:231px; height:22px; background:url(../img/bg_input.jpg) repeat-x; border:1px solid #c4c4c4; } #container #right #content .pagina form fieldset.vragen .kolom .vraag input.groter{ margin:0px 0px 0px 0px; padding:4px 5px 0px 5px; width:231px; height:22px; background:url(../img/bg_input.jpg) repeat-x; border:1px solid #c4c4c4; } #container #right #content .pagina form fieldset.vragen .kolom .vraag label{ line-height:24px; height:24px; } #container #right #content .pagina form fieldset.vragen .kolom .vraag select{ margin:0px 5px 0px 5px; } #container #right #content .pagina form fieldset.vragen .kolom .vraag em{ display:block; font-style:normal; padding:0px 0px 0px 0px; text-indent:22px; background:url(../img/bg_em.jpg) no-repeat left top; clear:both;} #container #footer{ position:absolute; right:0px; bottom:30px; height:54px; width:612px; padding:20px 26px 0px 26px; background:url(../img/bg_footer.jpg) no-repeat; } #container #footer .left{ float:left; font-size:0.95em;} #container #footer .left strong{ display:block; } #container #footer .left strong a{ background:url(../img/sjonic.gif) no-repeat 0px -22px; padding:4px 0px 4px 25px; color:#7a7a7a; } #container #footer .left strong a:hover{ background:url(../img/sjonic.gif) no-repeat 0px 0px; color:#e28c05; text-decoration:none; } #container #footer .right{ float:right; padding:9px 0px 0px 0px; } #container #footer .right ul{ margin:0px; padding:0px; } #container #footer .right ul li{ float:left; display:block; } #container #footer .right ul li a{ float:left; display:block; color:#7a7a7a; background:url(../img/bg_li.jpg) no-repeat right; padding:0px 11px 0px 10px; } #container #footer .right ul li.last a{ background:none; padding-right:0px;} #EventFilterForm, #EventFilterForm select{ display:inline; padding:0; margin:0; } #EventAddForm label, #EventEditForm label{ display:block; float:left; width:100px; height:20px; } #EventAddForm .input, #EventEditForm .input{ margin-bottom:5px; clear:left; } #EventAddForm .submit, #EventEditForm .submit{ margin-left:100px; clear:both; } #EventAddForm #EventShowsignup{ float:left; } #EventAddForm .checkbox label{ width:200px; } #EventAddForm .checkbox{ /* margin-left:100px; */ } div.input span.cke_skin_kama { float:left; border:0; padding-left:0; } .cke_bottom{ isplay:none; } #EventAddForm .error-message{ display:none; } #EventAddForm .error input{ border:#f00 1px solid; } #flashMessage{ padding-top:5px; padding-bottom:5px; padding-left:25px; padding-right:25px; font-size:12px; font-weight:normal; /* width:654px; */ width:612px; background-color:#f0f0f0; border:1px #ccc solid; margin-bottom:5px; font-weight:bold; } #admin_events_index{ width:550px; border:0; } #admin_events_index tr th{ text-align:left; border-bottom:1px #fff solid; } #admin_events_index tr td{ vertical-align:top; border-bottom:1px #fff dashed; color:#000; } #admin_events_datetime_picker{ height:0px; overflow:hidden; } #EventdayAddForm label{ width:50px; display:block; float:left; } #EventdayAddForm .submit{ margin-left:50px; } #UserLoginForm label{ width:120px; float:left; display:block; } #UserLoginForm .input{ margin-bottom:5px; } #UserLoginForm .submit input{ margin-left:120px; } #PageEditForm label{ display:block; float:left; width:90px; } #PageEditForm .input{ margin-bottom:4px; } #PageEditForm fieldset{ border:1px #ccc solid; padding:5px; } #PageEditForm .submit input{ margin-top:6px; } h1 a img{ float:right; } #admin_edit img{ display:inline; padding-left:4px; } #GuestbookentryMessage{ float:left; } /* *************************inschrijfformulier */ /* #EventSignup .error input, #EventSignup .error textarea{ border:1px #f00 solid; } #EventSignup .checkbox input{ float:left; } #EventSignup .radio input{ float:left; } #EventSignup .radio span{ width:280px; display:block; } #EventSignup .select select{ float:left; } #EventSignup .checkbox, #EventSignup .input, #EventSignup .radio, #EventSignup .select{ float:left; width:auto; } */ /* Algemene cakephp formulier styles */ .error-message{ display:none; } .error input, .error textarea{ border:1px #f00 solid; } .input input{ padding:2px 0px 0px 2px; border:1px solid #c4c4c4; color:#3e3e3e; background:url(../img/bg_input.jpg) top #fefefe;height:20px; } .input textarea{ padding:2px 0px 2px 2px; border:1px solid #c4c4c4; color:#3e3e3e; background:url(../img/bg_input.jpg) repeat-x top #fefefe; margin:0px 0px 11px 0px; } .submit input{ cursor:pointer; text-align:center; color:#fff; font-weight:bold; font-size:1.05em; border:0px; width:112px; height:25px; padding-bottom:5px; padding-top:2px; font-family:arial; outline:0; background:url(../img/bg_btn.jpg) no-repeat; margin-top:0px; } #container #right #content .pagina .formulier .error input, #container #right #content .pagina .formulier .error textarea{ border:1px #f00 solid; } /* .input input, .radio input{ float:left; } .input{ float:left; } #EventSignup label{ float:left; display:block; } */ #ContactForm .submit input{ margin-left:150px; margin-top:6px; } #container #right #content .pagina #ContactForm fieldset textarea{ margin:0px 0px 0px 0px; }