@charset "UTF-8"; /* CSS Document */ /* ----- Reset ----- */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } body { background-color: #E3E3E3; margin:17px 0 15px 0; padding:0; text-align:center; font-size:13px; line-height:1.6; text-decoration: none; font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS, Tahoma, Arial, Verdana, sans-serif; color:#333;} #public { background-color:#FFF; }/* formulieren */ a:link, a:visited, a:active { text-decoration: none; color: #4782D6;} a:hover { text-decoration: underline; color: #4782D6;} .footer { width: 944px; color: #888; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left; clear:both; } #iconsbar { width:280px; float:right; text-align:right; } #iconsbar .tekst { font-size:13px; height:30px; text-align:right; margin-right:15px; display:inline; vertical-align:top; } #iconsbar .icons { font-size:13px; color: #333; text-align:right; display:inline; } .tekstvak { padding: 0px 50px 0 50px; margin: 25px 0 40px 0; } .titel { padding: 0px 50px 0 50px; margin: 25px 0 25px 0; } /* ----- Lettertype ----- */ h1 { font-size:26px; color:#333; line-height:1.4; margin-bottom:6px;} h2 { font-size:15px; color:#4782D6; line-height:1.4; margin-bottom:6px;} h3 { font-size:13px; color: #333; display:inline;} h4 { font-size:13px; color: #4782D6; display:inline;} h5 { font-size:13px; color: #333; display:block; font-style:italic;} h6 { font-size:13px; color: #333; display:block;} h6:before { background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -76px; display:inline; width: 15px; height: 10px; padding-right:15px; margin-right:8px; text-decoration:none; content: " "; } h4:after { content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -10px; display:inline; width: 15px; height: 10px; padding-right:15px; margin-left:6px; text-decoration:none} .linkzwart a:link, .linkzwart a:visited, .linkzwart a:active { font-size:13px; color: #333; display:inline;} /* ----- nieuws ----- */ .nieuwsvak { padding: 0px 50px 0 50px; margin: 25px 0 40px 0;} .nieuwsvak h2 { font-size:15px; color:#4782D6; line-height:1.4; margin-bottom:0; border-bottom:thin dotted #999999; } .nieuwsvak h3 { font-size:12px; color: #333; display:block; margin-bottom:30px;} .nieuwsvak h7 { font-size:12px; color: #333; display:block; margin-bottom:30px; text-decoration:none} /*shortstory*/ .nieuwsvak h7 a:link, .nieuwsvak h7 a:visited, .nieuwsvak h7 a:active { font-size:12px; color: #333; display:block; margin-bottom:30px; text-decoration:none} /*shortstory*/ .nieuwsvak h5 { font-size:10px; color: #999999; font-style:italic;} /* ----- Navigatie ----- */ #navigatie { width: 944px; height: 38px; margin: 0 auto; position: relative; clear:both; z-index: 9998; } #navigatie #nav { margin: 0; padding: 0; zoom: 1; width: 100%; } #navigatie #nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #navigatie #nav li { display: inline; } #navigatie #nav li a { float: left; width: 157.3px; height: 0; padding-top: 38px; overflow: hidden; background-image:url(img/nav1.png); background-repeat: no-repeat; } #navigatie #nav { background-image:url(img/nav1.png); _background-image: url(img/nav1.png); background-repeat: no-repeat; } /* BUTTONS */ #navigatie #nav li#nav-clubinfo a { background-position: 0 0; } #navigatie #nav li#nav-activiteiten a { background-position: -157.3px 0; } #navigatie #nav li#nav-lesrooster a { background-position: -314.6px 0; } #navigatie #nav li#nav-lidmaatschap a { background-position: -471.9px 0; } #navigatie #nav li#nav-bedrijven a { background-position: -629.2px 0; } #navigatie #nav li#nav-contact a { background-position: -786.5px 0; } /* HOVER */ #navigatie #nav li#nav-clubinfo a:hover { background-position: 0 -38px; } #navigatie #nav li#nav-activiteiten a:hover { background-position: -157.3px -38px; } #navigatie #nav li#nav-lesrooster a:hover { background-position: -314.6px -38px; } #navigatie #nav li#nav-lidmaatschap a:hover { background-position: -471.9px -38px; } #navigatie #nav li#nav-bedrijven a:hover { background-position: -629.2px -38px; } #navigatie #nav li#nav-contact a:hover { background-position: -786.5px -38px; } /* ACTIVE */ #navigatie #nav li#nav-clubinfo a:active { background-position: 0 -76px; } #navigatie #nav li#nav-activiteiten a:active { background-position: -157.3px -76px; } #navigatie #nav li#nav-lesrooster a:active { background-position: -314.6px -76px; } #navigatie #nav li#nav-lidmaatschap a:active { background-position: -471.9px -76px; } #navigatie #nav li#nav-bedrijven a:active { background-position: -629.2px -76px; } #navigatie #nav li#nav-contact a:active { background-position: -786.5px -76px; } /* ON */ #navigatie.clubinfo #nav li#nav-clubinfo a { background-position: 0 -114px; } #navigatie.activiteiten #nav li#nav-activiteiten a { background-position: -157.3px -114px; } #navigatie.lesrooster #nav li#nav-lesrooster a { background-position: -314.6px -114px; } #navigatie.lidmaatschap #nav li#nav-lidmaatschap a { background-position: -471.9px -114px; } #navigatie.bedrijven #nav li#nav-bedrijven a { background-position: -629.2px -114px; } #navigatie.contact #nav li#nav-contact a { background-position: -786.5px -114px; } /* ----- Basis ----- */ #logo { margin:10px; float:left} #logo2 { margin:44px 10px 5px 5px; float:right;} .hoofd { display:block; height:165px;} .containerbasis { background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:500px;} .containeractiviteiten { background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:600px;} .containerklein { background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:350px; } .containercontact { background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:1200px; } .containerprint { background-color:#FFFFFF; text-align:left; padding: 0px; margin:0 auto; width:944px; min-height:470px;} #linkbar { text-align:left; font-size:11px; clear:both; padding-left: 10px; margin:0 auto; width:939px;} #bottom { height:10px; display:block; margin: 0 auto 6px auto; width:944px;} /* ----- Promos ----- */ .promos { width: 944px; list-style: none; clear:both; text-decoration: none; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;} .promos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .promos li { width: 235px; float:left; text-align:left; border-right:1px solid #CCCCCC; } .promos li .rechts { border-right:0px solid #CCCCCC; } .promos li a { text-decoration: none; min-height: 200px; display:block; padding:15px;} .promos li a:hover { background-image:url(verloop.png); } .promos li a:hover h4:after { content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -76px; display:inline; width: 15px; min-height: 10px; padding-right:15px; margin-left:6px; text-decoration:none} .promos2 { width: 944px; list-style: none; clear:both; text-decoration: none; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;} .promos2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .promos2 li { width: 471px; min-height: 200px; float:left; text-align:left; border-right:1px solid #CCCCCC; } .promos2 li .rechts { border-right:0px solid #CCCCCC; } .promos2 li .tekst { text-decoration: none; display:block; padding:15px;} .promos2 li:hover { background-image:url(verloop.png); } .promos2 li:hover h4:after { content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -76px; display:inline; width: 15px; height: 10px; padding-right:15px; margin-left:6px; text-decoration:none} /* ----- Nieuwsbalk ----- */ .nieuwsbalk { width: 944px; clear:both; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;} #ticker { height: 27px; margin-top:5px;} #ticker a#ticker-headline { width: 190px; margin-right: 30px; font-weight: bold; text-align: center; border-right: 1px solid #808080; float: left; text-decoration:none; color:#333 } #ticker #nieuwsitem { text-align:left; text-decoration:none; color:#333;} #ticker #nieuwsitem a { text-align:left; text-decoration:none; color:#333;} /* ----- Clubinfo ----- */ .clubinfo1 { width:944;; min-height:233px; background-image:url(img/algemeen1.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .clubinfo1 .tekst { padding: 10px 560px 0 50px; } .clubinfo2 { width:944;; min-height:233px; background-image:url(img/algemeen2.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .clubinfo2 .tekst { padding: 10px 50px 0 550px; } .clubinfo3 { width:944;; min-height:233px; background-image:url(img/algemeen3.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .clubinfo3 .tekst { padding: 10px 560px 0 50px; } .clubinfo4 { width:944;; min-height:233px; background-image:url(img/algemeen4.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .clubinfo4 .tekst { padding: 10px 50px 0 550px; } /* ----- Lidmaatschap ----- */ .lidmaatschap1 { width:944;; min-height:233px; background-image:url(img/lidmaatschap1.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .lidmaatschap1 .tekst { padding: 10px 560px 0 50px; } .lidmaatschap2 { width:944;; min-height:233px; background-image:url(img/lidmaatschap2.png); background-repeat:no-repeat; margin:40px 0 40px 0;} .lidmaatschap2 .tekst { padding: 10px 50px 0 550px; } .lidmaatschap3 { width:944;; min-height:233px; margin:40px 0 40px 0;} .lidmaatschap3 .tekst { padding: 10px 50px 0 50px; } /* ----- Lesrooster ----- */ table.rooster { border-collapse: collapse; margin:0 auto; } table.rooster th { background-color:#4782D6; height:30px; text-align:center; color:#FFFFFF; } table.rooster .hoekje1 { background-image:url(img/hoekblauw1.gif); background-repeat:no-repeat; background-position:left top; } table.rooster .hoekje2 { background-image:url(img/hoekblauw2.gif); background-repeat:no-repeat; background-position:right top; } table.rooster .regel { background-color:#999999; border:none; height:10px; } table.rooster td { border: 1px solid #999999; border-left:dotted thin #999999; border-top: 0px; border-right: 0px; background-color:#FFFFFF; } table.rooster .rooster_links { border-left: 0; } table.rooster td a { display: block; width: 110px; padding: 8px; text-decoration: none; font-size:10px; color: #333; } table.rooster td a:hover, table.rooster td a:active { color: #fff; background-color: #4782D6; } .printbutton { display:block; float:right; margin-top:38px;} /* ----- Lesrooster PRINT ----- */ .printrooster table.rooster { border-collapse: collapse; margin:0 auto; } .printrooster table.rooster th { background-color:#4782D6; height:30px; text-align:center; color:#FFFFFF; } .printrooster table.rooster .hoekje1 { background-image:url(img/hoekblauw1.gif); background-repeat:no-repeat; background-position:left top; } .printrooster table.rooster .hoekje2 { background-image:url(img/hoekblauw2.gif); background-repeat:no-repeat; background-position:right top; } .printrooster table.rooster .regel { background-color:#999999; border:none; height:10px; } .printrooster table.rooster td { border: 1px solid #999999; border-left:dotted thin #999999; border-top: 0px; border-right: 0px; background-color:#FFFFFF; } .printrooster table.rooster .rooster_links { border-left: 0; } .printrooster table.rooster td a { display: block; width: 120px; padding: 3px; text-decoration: none; font-size:10px; color: #333; } .printrooster table.rooster td a:hover, .printrooster table.rooster td a:active { color: #fff; background-color: #4782D6; } /* ----- Contact ----- */ .wufoo .info h2 { font-size:26px; color:#333; line-height:1.4; margin-bottom:6px;} .wufoo .info div { font-size:13px; color:#333; display:inline;} .wufoo .section h3 {font-size:110%;font-family:inherit;background:;color:#000000} .wufoo .section div {font-size:85%;font-family:inherit;color:#444444} .wufoo label.desc {font-size:95%;font-family:inherit;color:#444444} .wufoo li div, .wufoo li div label, .wufoo li span label{font-family:inherit;color:#444444} .wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo label.choice{font-size:100%;font-family:inherit;color:#333333} .wufoo label.choice {color:#444444} .wufoo .instruct {font-size:80%;font-family:inherit;color:#444444;} .contactformulier { width:550px; float:left; margin-top: 25px; margin-right: 0; margin-bottom: 40px; margin-left: 0; padding-top: 0px; padding-right: 50px; padding-bottom: 0; padding-left: 50px;} .contactformulier:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contactgegevens { width:250px; float:right; margin: 25px 0 40px 35px; } .contactgegevens .tekst { background-image:url(img/bgblauw.png); background-repeat:no-repeat; width:100%; height:300px; float:right; padding: 25px 0 35px 35px;} .contactgegevens .tekst h1 { color:#FFFFFF;} .contactgegevens .tekst h3 { color:#FFFFFF;} .contactgegevens .tekst a:link, .contactgegevens .tekst a:visited, .contactgegevens .tekst a:active { color:#FFFFFF;} /* ----- Activiteiten ----- */ .activiteitenlijst { width:200px; min-height:233px; margin:0 0 40px 0; display:inline-block; vertical-align:top; border-right:1px solid #CCCCCC} .activiteitenlijst li a { color: #333; padding: 5px 10px 5px 50px; width: 140px; display:inline-block; } .activiteitenlijst li a:hover { color:#4782D6; background-image:url(verloop.png); text-decoration:none} .activiteiteninhoud { width:738px; min-height:233px; margin:0 0 40px 0; display:inline-block; vertical-align:top; } .activiteiteninhoud .tekst { padding: 0px 50px 0 50px; } /* ----- Navigatie ----- */ #navigatie1 { width: 787.158px; height: 38px; margin: 0px 0 0 0; display:inline; float:right; z-index: 9998; } #navigatie1 #nav { margin: 0; padding: 0; zoom: 1; width: 100%; } #navigatie1 #nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #navigatie1 #nav li { display: inline; } #navigatie1 #nav li a { float: left; width: 131.191px; height: 0; padding-top: 38px; overflow: hidden; background-image:url(img/nav2.png); background-repeat: no-repeat; } #navigatie1 #nav { background-image:url(img/nav2.png); _background-image: url(img/nav2.png); background-repeat: no-repeat; } /* BUTTONS */ #navigatie1 #nav li#nav-clubinfo a { background-position: 0 0; } #navigatie1 #nav li#nav-activiteiten a { background-position: -131.193px 0; } #navigatie1 #nav li#nav-lesrooster a { background-position: -262.386px 0; } #navigatie1 #nav li#nav-lidmaatschap a { background-position: -393.579px 0; } #navigatie1 #nav li#nav-bedrijven a { background-position: -524.772px 0; } #navigatie1 #nav li#nav-contact a { background-position: -655.965px 0; } /* HOVER */ #navigatie1 #nav li#nav-clubinfo a:hover { background-position: 0 -38px; } #navigatie1 #nav li#nav-activiteiten a:hover { background-position: -131.193px -38px; } #navigatie1 #nav li#nav-lesrooster a:hover { background-position: -262.386px -38px; } #navigatie1 #nav li#nav-lidmaatschap a:hover { background-position: -393.579px -38px; } #navigatie1 #nav li#nav-bedrijven a:hover { background-position: -524.772px -38px; } #navigatie1 #nav li#nav-contact a:hover { background-position: -655.965px -38px; } /* ACTIVE */ #navigatie1 #nav li#nav-clubinfo a:active { background-position: 0 -76px; } #navigatie1 #nav li#nav-activiteiten a:active { background-position: -131.193px -76px; } #navigatie1 #nav li#nav-lesrooster a:active { background-position: -262.386px -76px; } #navigatie1 #nav li#nav-lidmaatschap a:active { background-position: -393.579px -76px; } #navigatie1 #nav li#nav-bedrijven a:active { background-position: -524.772px -76px; } #navigatie1 #nav li#nav-contact a:active { background-position: -655.965px -76px; } /* ON */ #navigatie1.clubinfo #nav li#nav-clubinfo a { background-position: 0 -114px; } #navigatie1.activiteiten #nav li#nav-activiteiten a { background-position: -131.193px -114px; } #navigatie1.lesrooster #nav li#nav-lesrooster a { background-position: -262.386px -114px; } #navigatie1.lidmaatschap #nav li#nav-lidmaatschap a { background-position: -393.579px -114px; } #navigatie1.bedrijven #nav li#nav-bedrijven a { background-position: -524.772px -114px; } #navigatie1.contact #nav li#nav-contact a { background-position: -655.965px -114px; } /* ----- Navigatie ----- */ .banner1 { position:relative; top:-29px;} .info1 { width:944;; min-height:175px; margin:20px 0 0px 0;} .info1 .tekst { padding: 10px 0px 0 50px; width:600px; float:left; } .info1 .film { padding: 0px 0px 0 0px; width:344; } .info2 { width:944;; min-height:233px; background-image:url(img/fitnessbijhoen1.png); background-repeat:no-repeat; margin:0px 0 40px 0;} .info2 .tekst { padding: 10px 50px 0 350px; } .info3 { width:944;; min-height:850px; margin:40px 0 40px 0 auto; background-image:url(img/keurmerken-web.png); background-repeat:no-repeat;} .info3 .tekst { padding: 10px 10px 0 50px; float:left; width:450px;} .info3 .tekst2 { padding: 10px 50px 0 40px; float:left; width:330px; } .info31 { width: 944px; list-style: none; clear:both; text-decoration: none; margin: 0 30px 0 30px;} .info31 li { text-decoration: none; min-height: 200px; width: 250px; display:block; padding:20px; float:left;} .info31:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .info4 { width:944;; min-height:233px; margin:40px 0 40px 0;} .info4 .tekst { padding: 10px 50px 0 50px; } /* ----- Ledenklankbord ----- */ .klankbordlid { width: 800px; height: 150px; list-style: none; clear:both; text-decoration: none; margin: 0 30px 20px 0px;} .klankbordlid .foto { width: 125px; float:left; margin-right:30px;} .klankbordlid .opsomming { width: 125px; float:left; margin-top:12px; } .klankbordlid .info { width: 500px; float:left; margin-top:12px; font:italic;}