anders wordt tekst niet goed gecentreerd*/ max-width: 55em; /*even breed als
*/ } .introductie p{ font-size: 1.2em; color: #777; } #hoofdtekst{ margin: 0 auto; max-width: 55em; /*even breed als
*/
}
a, a:hover {
color: white;
}
a.int-link {
color: white;
border-bottom: 1px dotted #666;
text-transform: none;
}
a.int-link:hover {
color: white;
border-bottom: 1px solid white;
}
a.ext-link {
color: white;
border-bottom: 1px dotted #666;
}
a.ext-link:hover {
color: white;
border-bottom: 1px solid white;
}
a.print-link, .print-link {
float_: left;
}
.tooltip1 a.print-link {
margin: 2em 0 0 0;
float: right;
}
a.meer {
color: white;
border-bottom: 1px dotted white;
text-align: right;
white-space: nowrap;
}
a.meer:hover {
color: white;
border-bottom: 1px solid white;
text-align: right;
white-space: nowrap;
}
a:link.naartop, a:visited.naartop,a:active.naartop {
float: right;
height: 20px;
width: 20px;
background: url(../_img/naartop1a.png) no-repeat center center;
_background: url(../_img/naartop1a.gif) no-repeat center center; /*IE6*/
}
.afb1 {
margin-top: 5px; /*Voor alignering met tekst*/
}
.floatleft.afb1 {
padding-right: 16px;
}
.floatright.afb1 {
padding-left: 16px;
}
#home .naartop {
margin-right: 50px;
}
a:hover.naartop{
background: url(../_img/naartop1b.png) no-repeat center center;
_background: url(../_img/naartop1b.gif) no-repeat center center; /*IE6*/
}
.bijschrift1 {
color: #444;
font-size: 90%;
padding: 0;
padding-bottom: 1em;
margin: 0;
text-align: left !important;
}
.floatleft.bijschrift1 p{
padding: 12px 12px 12px 0; /*De breedte van de div is afhankelijk v/d grootte v/d foto en moet dus in de html worden gezet*/
}
.floatright.bijschrift1 p{
padding: 12px 0px 12px 12px; /*De breedte van de div is afhankelijk v/d grootte v/d foto en moet dus in de html worden gezet*/
}
.floatright.bijschrift1 img{
padding-left: 12px; /*De breedte van de div is afhankelijk v/d grootte v/d foto en moet dus in de html worden gezet*/
}
.thumb1 a.bijschrift1{
color: white;
}
.video .bijschrift1 p{
color_: white;
}
.nieuw1 {
position_: relative; /* Geeft probleemen met overlapping in IE*/
top_:-2px; /* Geeft probleemen met overlapping in IE*/
left_: 1em; /* Geeft probleemen met overlapping in IE*/
color: #6F0;
background-color: black;
font-weight: normal;
font-size: 70%;
}
.nieuw2 {
position:absolute;
/*top:0px; disabled, want parent moet anders position:relative hebben*/
left: 99%;
color: white;
font-weight: normal;
font-size: 60%;
}
.reclame1 {
float: left;
margin: 1%;
padding: 1% 2%;
border: 1px solid #222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
color: #66CC00;
background: #000;
_float: none; /* IE6 */
}
.reclame1 a.int-link {
color: #66CC00;
border-bottom: 1px dotted #66CC00;
}
.reclame1 a.int-link:hover {
color: #66CC00;
border-bottom: 1px solid #66CC00;
background-image: none !important;
}
.kl {
text-transform: lowercase;
}
table {
text-transform: none;
text-align: top;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
box-shadow: 5px 5px 20px black;
-moz-box-shadow: 5px 5px 20px black;
-webkit-box-shadow: 5px 5px 20px black;
}
.fototabel {
font-size: 80%;
}
caption {
color: #777;
font-size: 110%;
font-weight: bold;
}
th {
padding: 8px 20px;
background-color: #999;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
font-size: 110%;
font-weight: bold;
vertical-align: top;
}
.tabelkop2 {
font-style: italic;
color: #222;
background-color: #BBB;
border-bottom: 1px dotted #DDD;
}
td {
color: black;
padding: 8px 20px; /*Idem als #content th*/
background-color: #DDD;
border-right: 1px solid gray;
border-bottom: 1px dotted white;
}
table .num {
text-align: right;
}
table .num .ind {
margin-left: 0.5em;
margin-right: -1em;
}
hr {
border-top: 1px solid black;
border-top: 1px solid #555;
}
.infostrip {
display: inline-block;
margin-bottom: 1em;
border-top: 1px dotted #555;
border-bottom: 1px dotted #555;
color: #555;
}
.berichtenlijst {
margin-bottom: 5px;
padding: 2px 2px 0 2px;;
border: 1px solid #111;
background-color: #060606;
text-transform: none;
}
#home .berichtenlijst {
position: relative;
min-height: 100px;
_height: 00px; /*IE*/
}
.bericht {
margin: 0;
padding: 0 5px 0px 5px;
border-bottom: 1px dotted #222;
font-weight: normal;
font-size: 90%;
}
.bericht h3 {
margin-bottom: 0;
}
.bericht a p {
color: #777;
}
.spryhover { /*na berichtenlijst*/
cursor: pointer;
background-color: #111;
}
.huidig, .huidig p a, .huidig a .datum { /*na berichtenlijst*/
color: black;
background-color:#006200;
}
.huidig #berichtaanduiding {
position: absolute;
width: 170px;
height: 25px;
left: -160px;
background: url(../_img/berichtaanduiding5.png) no-repeat left top;
_background: url(../_img/berichtaanduiding5.gif) no-repeat left center; /*IE*/
}
#content .berichten, #content .verslagen {
display_: inline-block;
width_: 55%;
margin: 0;
padding: 10px 5% 10px 10px;
background-color_: #090909;
border-top: 1px dotted #444;
}
#content .verslagen {
padding: 0;
}
#content .verslagen .kader2{
padding: 30px 5% 30px 10%;
}
#content .focus .berichten{
border-top: 1px dotted #040;
}
#content .berichten:first-child, #content .verslagen {
border-top: none;
}
#content .berichten h2 {
float_: left;
}
.datum, .verslagen .datum {
margin-left: 1em;
color: #666;
}
.berichten .datum, .bericht .datum {
float: right;
margin-left: 1em;
font-size: 80%;
color: #666;
}
.highlight {
position_: relative;
margin: 1.5em 0 1em 0;
padding: 0 2em 2em 2em;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #181818;
border-top: 1px solid #181818;
background-color: #282828;
overflow: hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
}
#panel1 .highlight {
margin-left: 5%;
}
#home #panel1 {
min-width_: 20%;
max-width_: 20em;
width: 30em;
}
#home .highlight {
margin: 0;
padding: 0px 10px 0px 10px;
overflow: visible;
}
#club #volgende-activiteit.highlight {
margin-bottom: -60px;
}
#speed.gpfc.programma .highlight, #speed.jcfc.programma .highlight{
overflow: visible; /* Voor image */
}
.highlight h1 {
margin-left_: -20px;
color: #59B300;
}
.highlight p {
margin-bottom: 0.3em;
color: white;
font-weight: normal;
}
.highlight ul {
margin-left: 2.5em !important;
}
.highlight li a{
list-style_: url();
border: none;
}
#volgende-activiteit {
margin-bottom: 4em;
}
#home #focus {
width: 42%;
}
#home .focusvenster {
min-height: 245px;
}
#home .focusrij {
min-height:185px; /*height focusvenster min 2xpadding*/
padding: 30px;
background-color:#050505;
border: 1px solid #101010;
}
#home #focusrij.nadruk {
border-right: 1px dotted green;
background_: #050505 url(../_img/berichtaanduiding1.png) no-repeat right top;
_background_: #050505 url(../_img/berichtaanduiding1.jpg) no-repeat right top; /*IE6*/
}
#home #focusrij.nadruk p{
color_: black;
}
.focus {
background-color: #010;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #030;
border-left: 1px solid #030;
border-right: 1px solid #030;
border: 1px solid #030;
overflow: hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
}
.focus h1 {
}
.focus ul li {
color: #39F;
}
.infokader1 {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px 20px 20px 20px;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #181818;
border-bottom: 1px solid #181818;
background-color: #151515;
overflow: visible;
}
.infokader2 {
display: inline-block;
bottom: 0px;
padding: 5px;
background-color: black;
border: 1px solid #555;
font-size: 80%;
}
#kalenderlegende.infokader2 {
max-width: 60%;
margin-top: -30px;
margin-bottom: 20px;
}
#clubactiviteiten.infokader2 {
margin-top: 30px;
padding: 10px 5% 0 5%;
font-size: 90%;
}
.kader1 {
margin-bottom: 30px;
padding: 8px;
border: 1px solid #222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
background: #0F0F0F;
overflow: hidden;
}
.kader2 {
position_: relative;
margin-bottom: 30px;
padding: 20px;
border: 1px solid #0C0C0C;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
background: #252525;
overflow: none; /*"Overflow hidden" niet toepassen: anders geen mooie overlapping van rechterpanel*/
}
.afd.kader2 {
width: 43%;
}
.afd img {
float: right;
margin-left: 20px;
padding: 1px;
border-top: 1px none;
border-right: 1px none;
border-bottom: 1px none;
border-left: 1px none;
}
#SP.afd.kader2, #KU.afd.kader2 {
margin-right: 4%;
}
#speed.trainingen .afd, #recreatie.trainingen .afd, #kunst.trainingen .afd, #hockey.trainingen .afd {
display: none;
}
.melding {
padding: 3px 0px 3px 3px;
color: #999;
}
.voetnoot, p.voetnoot {
font-size: 90%;
font-style: italic;
color: #666;
}
.voetnoot.ind, .voetnoot .ind {
color: red;
}
.commentaar {
color: #666;
font-style: italic;
}
.waarschuwing {
color: red;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.vorigeHor, .vorigeVert {
position: absolute;
width: 50px;
right: 50px;
height: 25px;
background: url(../_img/vorige1a.jpg) no-repeat center center;
}
.vorigeVert {
background: url(../_img/vorige2a.jpg) no-repeat center center;
}
.volgendeHor, .volgendeVert {
position: absolute;
height: 25px;
width: 50px;
right: 0px;
background: url(../_img/volgende1a.jpg) no-repeat center center;
}
.volgendeVert {
background: url(../_img/volgende2a.jpg) no-repeat center center;
}
a.vorigeHor:hover {
background: url(../_img/vorige1b.jpg) no-repeat center center;
}
a.vorigeVert:hover {
background: url(../_img/vorige2b.jpg) no-repeat center center;
}
a.volgendeHor:hover {
background: url(../_img/volgende1b.jpg) no-repeat center center;
}
a.volgendeVert:hover {
background: url(../_img/volgende2b.jpg) no-repeat center center;
}
.info{
position: absolute;
height: 25px;
width: 50px;
left: 0px;
background: url(../_img/info1a.png) no-repeat center center;
_background: url(../_img/info1a.jpg) no-repeat center center; /* IE6 */
}
.info:hover {
background: url(../_img/info1b.jpg) no-repeat center center;
_background: url(../_img/info1b.jpg) no-repeat center center; /* IE6 */
}
.kalendertabel .info {
position: relative;
display: inline-block;
height: 16px;
width: 18px;
left: auto;
}
.infoafd{
position: absolute;
height: 25px;
width: 50px;
left: 0px;
background: url(../_img/info2a.png) no-repeat center center;
_background: url(../_img/info2a.jpg) no-repeat center center; /* IE6 */
}
.infofoto {
display: inline-block;
height: 16px;
width: 18px;
background: url(../_img/foto1a.jpg) no-repeat center center;
}
.infofoto:hover {
background: url(../_img/foto1b.jpg) no-repeat center center;
}
.infoverslag {
display: inline-block;
height: 16px;
width: 18px;
background: url(../_img/verslag1a.jpg) no-repeat center center;
}
.infoverslag:hover {
background: url(../_img/verslag1b.jpg) no-repeat center center;
}
.naarkalender {
float: left;
height: 25px;
width: 50px;
text-indent: -10000;
background: url(../_img/kalender-icoon1a.gif) no-repeat center bottom;
}
.naarkalender:hover {
background: url(../_img/kalender-icoon1b.gif) no-repeat center bottom;
}
.loading {
position: absolute;
top: 10px;
left: 30%;
width: 10em;
height: 30px;
padding: 12px 5px 5px 5px;
text-align: right;
background: black url(../_img/wiel-anim2.gif) no-repeat 10px center;
border:1px solid #111;
}
#home .highlight .loading, #home .venster .loading {
top: 110px;
}
.meerfotos {
float: left;
height: 25px;
width: 25px;
margin-bottom: 40px;
text-indent: -10000;
background: url(../_img/meerfotos-icoon1a.gif) no-repeat center bottom;
}
.meerfotos:hover {
background: url(../_img/meerfotos-icoon1b.gif) no-repeat center bottom;
}
.meerberichten {
float: left;
height: 25px;
width: 50px;
margin-bottom: 40px;
text-indent: -10000;
background: url(../_img/meerberichten-icoon1a.gif) no-repeat center bottom;
}
.meerberichten:hover {
background: url(../_img/meerberichten-icoon1b.gif) no-repeat center bottom;
}
#home .meerberichten {
margin-bottom: 0px;
}
.meerverslagen {
float: left;
height: 25px;
width: 50px;
margin-bottom: 40px;
text-indent: -10000;
background: url(../_img/meerverslagen-icoon1a.gif) no-repeat center bottom;
}
.meerverslagen:hover {
background: url(../_img/meerverslagen-icoon1b.gif) no-repeat center bottom;
}
.groep {
position: absolute;
left: 7px;
}
.CL { /*Club*/
color: #999;
}
.RE { /*Recreatie*/
color: #0C0;
}
.SP { /*Competitie*/
color: #09C;
}
.HO{ /*Hockey*/
color: #FF3;
}
.KU{ /*Kunst*/
color: orange;
}
.CL { /*Club*/
color: #999;
}
a .RE { /*Recreatie*/
border-bottom: 1px dotted #0C0;
}
a .SP { /*Competitie*/
border-bottom: 1px dotted #09C;
}
a .HO{ /*Hockey*/
border-bottom: 1px dotted orange;
}
a .KU{ /*Kunst*/
border-bottom: 1px dotted #FF3;
}
a .CL { /*Club*/
border-bottom: 1px dotted #999;
}
a:hover .RE { /*Recreatie*/
border-bottom: 1px solid #0C0;
}
a:hover .SP { /*Competitie*/
border-bottom: 1px solid #09C;
}
a:hover .HO{ /*Hockey*/
border-bottom: 1px solid orange;
}
a:hover .KU{ /*Kunst*/
border-bottom: 1px solid #FF3;
}
.afgelast {
color: red;
}
.onzeker {
color: orange;
}
.grayout {
filter: alpha(opacity:30);
opacity: 0.30;
-moz-opacity: 0.30;
}
.kalendertabel .grayout { /*Werkt niet*/
border-bottom: 1px dotted #333;
}
.clearfloat { /* moet op div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.hide {
display: none;
}
.textoffscreen{
text-indent: -10000px;
}
.doorstreept{
text-decoration: line-through;
}
#db-fotoreeks .kader2 {
margin-bottom: 30px;
}
.thumb1 {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.thumb1 a {
display: block;
float: left;
position: relative;
min-height: 96px;
padding: 3px;
margin: 5px 9px 8px 0px;
background-color: #DDD;
list-style: none;
box-shadow: 5px 5px 5px #111;
-moz-box-shadow: 5px 5px 5px #111;
-webkit-box-shadow: 5px 5px 5px #111;
}
.thumb1.foto a {
padding: 2px;
background-color: #CCC;
}
.thumb1.foto a:hover {
background-color: #666;
}
.thumb1.video a {
padding: 2px;
background-color: #690;
}
.thumb1.video a:hover {
background-color: #6C0;
}
.thumb1.foto a.meer2 {
display: block;
float: left;
height: 96px;
width: 130px;
margin-top: 5px;
background: black url(../_img/volgende1a.png) no-repeat center center;
_background: black url(../_img/volgende1a.jpg) no-repeat center center;
border: 1px dotted gray;
}
.thumb1.foto a.meer2:hover {
background: black url(../_img/volgende1b.png) no-repeat center center;
_background: black url(../_img/volgende1b.jpg) no-repeat center center;
border: 1px solid white;
}
.thumb1 .videosymbool1 {
position: absolute;
height: 18px;
width: 18px;
left: 0px;
top: 0px;
z-index_: 1000;
background: transparent url(../_img/video1a.png) no-repeat center center;
}
.thumb1 a:hover .videosymbool1 {
background: transparent url(../_img/video1b.png) no-repeat center center;
}
.thumb2, .berichten a img, .verslagen a img {
position: relative;
float:left;
top: 5px;
margin-bottom: 20px;
margin-right: 20px;
padding: 1px;
background-color: black;
border: 1px solid #333;
box-shadow: 5px 5px 5px #111;
-moz-box-shadow: 5px 5px 5px #111;
-webkit-box-shadow: 5px 5px 5px #111;
}
.berichten a img.floatright, .verslagen a img.floatright {
float: right;
margin-right:0;
margin-left: 20px;
}
/*Algemeen END ----------*/
/*content BEGIN --------*/
#content {
padding: 0px 3% 20px 3%;
overflow_: hidden;
}
#content ul, ol {
margin-left: 3em;
margin-bottom: 1em;
}
#content ul li {
margin-bottom_: 5px;
padding: 3px;
padding-bottom: 1em;
color: #888;
list-style: disc url(../_img/bullet1a.png);
_list-style: disc url(../_img/bullet1a.jpg); /* IE6 */
}
#content ol li { /* stijl van nummering in ordered list */
padding: 3px;
color: #6C0;
font-weight: bold;
list-style-type: decimal;
}
#content ol li>span { /* stijl van tekst in ordered list; nodig */
font-weight: normal;
color: #666;
}
/*content END --------*/
/*Logo--------*/
/* gebruiken i.p.v.;
is niet toegestaan binnen */
display: block;
height: 48px;
margin-bottom: 3px;
text-indent: -1000px;
border: 1px solid #555;
white-space: nowrap;
background: #666 url(../_img/logo-modernskaters.jpg) no-repeat center center;
}
#logo .h2- {
/*Surrogaat voor
;
is niet toegestaan binnen */
display: block;
padding-top: 0.5em;
}
#logo a:hover .top {
}
#logo a:hover .top-b {
}
#logo a:hover .center {
}
#logo a:hover .center-b {
}
#logo a:hover .bottom {
}
#logo a:hover .bottom-b {
}
/*logo END-------------------*/
/* nav-main = Hoofdmenu-----------*/
/* nav-main heeft geen globale, noch center div nodig, alleen top en bottom */
#nav-main {
background-color: transparent;
}
#nav-main .top {
margin-right: 43px;
}
#nav-main .top-b {
height: 20px;
margin-right: -43px;
}
#nav-main .bottom {
margin-right: 43px;
}
#nav-main .bottom-b {
margin-right: -43px;
padding-left: 30px;
padding-right: 30px;
_padding-left: 20px; /*IE6*/
_padding-right: 20px; /*IE6*/
padding-bottom: 25px;
}
#nav-main ul {
}
#nav-main li {
float: left;
display: block; /*Voor debugging doeleinden*/
min-height: 2.6em; /*Hoogte van menu-onderdelen*/
height: 2.6em; /*IE-6*/
margin-bottom: 5px; /*Ruimte voor onderspringen van menu-items */
margin-right: 5px;
}
#nav-main li a {
display: block;
margin-left: 0px;
margin-right: 0px;
padding-left: 24px;
padding-right: 24px;
_padding-left: 20px; /*IE6*/
_padding-right: 20px; /*IE6*/
background-color: transparent;
}
body#club #nav-main .club,
body#recreatie #nav-main .recreatie,
body#speed #nav-main .speed,
body#kunst #nav-main .kunst,
body#links #nav-main .links,
body#contact #nav-main .contact {
white-space: nowrap;
}
body#club #nav-main .club a.hm,
body#recreatie #nav-main .recreatie a.hm,
body#speed #nav-main .speed a.hm,
body#kunst #nav-main .kunst a.hm,
body#links #nav-main .links a.hm,
body#contact #nav-main .contact a.hm {
padding-top: 5px; /* In pixels, niet in %, wegens IE */
padding-bottom: 5px; /*padding-top en -bottom bepalen hoogte van actief menu-onderdeel (samen met font-size)*/
margin-right: 0px;
margin-left: 0px;
font-size: 125%;
color: white;
}
#nav-main a:hover {
color: white;
}
#nav-main .cap {
color: #00FF00;
font-size: 120%;
}
#nav-main .actief .cap , #nav-main a:hover .cap, #nav-main a:active .cap {
color: #00FF00;
font-size: 120%;
}
#nav-main .MenuBarHorizontal ul li .cap {
color: #BBB;
}
#nav-main .mailadres {
float: right;
color: #999;
font-size: 0.8em;
text-transform: uppercase;
}
#nav-main .mailadres a{
position: relative;
top: 10px;
margin-top: 20px;
margin-left: 20px;
padding: 0px;
border: none;
background-image:none;
background-color: transparent;
}
#nav-main .mailadres a:hover {
background-image: none;
background-color: transparent;
color: #FFFFFF;
}
#nav-main ul li a,
#nav-main ul li.recreatie a,
#nav-main ul li.speed a,
#nav-main ul li.kunst a,
#nav-main ul li.hockey a,
#nav-main ul li.kunst a {
text-shadow: 0px 0px 30px white;
}
/*Nav-main END-------------------------------*/
/*Hoofdkeuze-navigatie*/
#home #nav-sub {
padding-bottom: 26px; /* IE: voor onderste foto-navigatie */
background-color: transparent;
overflow: hidden; /* Om te vermijden dat leesvenster onder nieuwsflash duikt. clr werkt niet!*/
}
#home #nav-sub .venster {
position: relative;
float: left;
_float: none;
display: block; /*Voor debugging doeleinden*/
width: 42%;
_width: 20em; /*IE6*/
min-width: 150px;
min-height: 245px;
_height: 245px; /*IE6*/
margin-right: 3%; /*Horizontale ruimte tussen foto-gebied en Berichten*/
margin-bottom: 50px; /*Vertikale ruimte onder foto's*/
background-color: transparent;
}
#home #nav-sub .venster#recreatie, #home #nav-sub .venster#kunst {
margin-right: 8%; /*Horizontale ruimte rechts naast linkse foto's */
}
#home #nav-sub #foto-1 {
display: block;
background: url(../_img/sfeerbeelden-recreatie/Toertocht-Emblem-20080629-IMG_7022.jpg) no-repeat center center;
}
#home #nav-sub #foto-2 {
display: block;
background: url(../_img/sfeerbeelden-speed/Grote-Prijs-Frans-Claes-20070610-P1030612.jpg) no-repeat center center;
}
#home #nav-sub #foto-3 {
display: block;
background: url(../_img/sfeerbeelden-kunst/Training-Kunst-IMG_5130.jpg) no-repeat center center;
}
#home #nav-sub #foto-1 .kaderb span{
}
#home #nav-sub .kader {
display: block;
margin-right: 70px;
}
#home #nav-sub .kader-b {
position: relative; /*Context voor infotekst*/
display: block;
height: 228px; /* 245px - padding */
margin-right: -70px;
padding-top: 17px;
}
#home #nav-sub a:hover .kader {
color: white;
}
#home #nav-sub a:hover .kader-b {
height: 235px; /* 245px - padding */
padding-top: 10px;
}
#home #nav-sub a h2 {
font-size: 1.5em;
white-space: nowrap;
color: #000;
background-color: transparent;
font-size: 1.8em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
}
#home #nav-sub a:hover h2 {
color: white;
text-shadow: 1px 1px 2px black;
}
#home #nav-sub a h2 .cap {
color: #090;
font-size: 120%;
font-weight: bold;
}
#home #nav-sub a:hover h2 .cap {
color: #00FF00;
}
#home #nav-sub #infotekst-1a, /* id's noodzakelijk voor javascript */
#home #nav-sub #infotekst-2a,
#home #nav-sub #infotekst-3a {
position: absolute;
display: block;
height: 122px;
left: 13px; /*Wordt aangepast door javacode in pagina - alternatief voor visibility:hidden ifv. screenreaders*/
right: 14px;
top: 64px;
padding: 45px 10% 0 10%;
background: url(../_img/bg1e.png) repeat left top;
_background: url(../_img/bg1e.jpg) repeat left top; /* IE6 */
letter-spacing: 0;
white-space: normal;
border: 1px solid black;
}
#home #nav-sub li {
margin: 0;
padding: 0 3px;
color: #CCC;
font-size: 1.1em;
font-weight_: bold;
text-transform: none;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px black;
letter-spacing: 0.3em;
list-style_: square;
}
#home #nav-sub li .cap {
font-size: 1.3em;
font-weight: bold;
}
/*Hoofdkeuze-navigatie END*/
/*Foto-/record-navigatie BEGIN*/
#home .nav-record {
position: relative;
display: block;
height: 25px;
margin-top: 0px; /*Afstand van navigatie tot onderkant foto */
background-color: black; /*Bedekt onderkant van achtergrondfoto van venster*/
}
#home #nav-sub .nav-record {
visibility: hidden;
}
#home .nav-record em {
position: absolute;
display: block;
min-height: 27px;
left: 13px;
right: 14px;
bottom: 37px;
padding: 5px;
font-size: 0.9em;
color: #CCC;
background: url(../_img/bg1b.png) repeat left top;
_background: url(../_img/bg1b.jpg) repeat left top; /* IE6 */
text-transform: none;
text-align: left;
text-shadow: 0px 0px 1px black;
letter-spacing: 0;
white-space: normal;
visibility: hidden;
}
#home .nav-record a.bijschrift {
position: absolute;
height: 25px;
width: 50px;
right: 100px;
background: url(../_img/info1a.png) no-repeat center center;
_background: url(../_img/info1a.jpg) no-repeat center center; /* IE6 */
}
#home .nav-record a.bijschrift:hover {
background: url(../_img/info1b.jpg) no-repeat center center;
_background: url(../_img/info1b.jpg) no-repeat center center; /* IE6 */
}
#home #nieuwsflash .nav-record {
margin-bottom: 10px;
}
/*Foto-navigatie END*/
/*Sub-content niveau 1 = hoofdtabblad--------*/
#content-sub-1 {
position: relative; /*Voor herhaling van Submenu2 in achtergrond*/
background-color: transparent;
}
#content-sub-1 .top {
margin-right: 43px;
}
#content-sub-1 .top-b {
margin-right: -43px;
padding-left: 50px;
padding-right: 50px;
}
#home #content-sub-1 .top {
background-position: left top;
}
#home #content-sub-1 .top .top-b {
background-position: right top;
}
#content-sub-1 .center {
margin-right: 43px;
}
#content-sub-1 .center-b {
min-height: 368px;
margin-right: -43px;
padding-top_: 0px;
padding-bottom: 0px;
padding-left: 50px;
padding-right: 50px;
}
#content-sub-1 .bottom {
margin-right: 43px;
}
#content-sub-1 .bottom-b {
margin-right: -43px;
height: 50px;
padding: 0;
}
/*content-sub-1 END--------*/
/*nav-sub-1 = Submenu-niveau 1--------------*/
#nav-sub-1 {
display: block; /*Alleen voor debugging-doeleinden*/
padding-left: 10px; /*margin-left even groot als width v.Sfeerbeeld, */
/*padding-left voor breedte van rechterrand v.Sfeerbeeld*/
font-size: 0.75em;
font-weight: bold;
background-color: transparent;
overflow: hidden;
border-bottom: 2px solid #222;
}
#nav-sub-1 li {
float: left;
margin-top: 3px;
margin-right: 12px;
margin-left: 0px; /*Skin 1 */
margin-bottom: 0px; /*Skin 1 */
text-transform: uppercase;
_width: 10px; /*IE6*/
}
#nav-sub-1 li a {
height: 3.2em; /*Hoogte van tabs van Submenu1. Bepaalt afstand tussen onderkant van tabs en Hoofdkader*/
display: block;
margin-right: -12px;
white-space: nowrap;
}
#nav-sub-1 li.actief {
margin-right: 12px;
}
#nav-sub-1 li.actief a {
margin-right: -12px;
}
#nav-sub-1 li a .menutekst {
display: block;
padding: 9px 20px 0px 20px; /* Skin 1*/
color: #222; /* Skin 1*/
}
#nav-sub-1 li.actief a .menutekst {
display: block;
padding: 5px 25px 0px 25px; /* Skin 1 */
color: white;
font-size: 130%;
}
#nav-sub-1 li a:hover .menutekst {
color:white;
}
#nav-sub-1 li a .cap {
color: #111; /* Skin 1*/
font-size: 130%;
font-weight: bold;
}
#nav-sub-1 li a:hover .cap {
color: white; /* Skin 1*/
}
#nav-sub-1 li.actief .cap {
color: white /* Skin 1*/
}
/*nav-sub-1 END---------*/
/*Sub-content niveau 2 = tabblad niveau 2--------*/
#content-sub-2 {
position: relative; /*Anders werken hovers niet*/
background-color: transparent;
overflow_: hidden;
}
#content-sub-2 .top2 {
margin-right: 15px;
}
#content-sub-2 .top-b2 {
margin-right: -15px;
padding-left: 20px;
padding-right: 20px;
overflow_: hidden;
}
#content-sub-2 .center2 {
margin-right: 15px;
}
#content-sub-1 .center2-b {
margin-right: -15px;
}
#content-sub-2 .bottom2 {
margin-right: 15px;
}
#content-sub-2 .bottom-b2 {
margin-right: -15px;
height: 20px;
}
/*content-sub-2 END--------*/
/*nav-sub-2 = Submenu-niveau 2--------------*/
#nav-sub-2 {
display: block; /*Alleen voor debugging-doeleinden*/
font-size: 0.7em ;
font-weight: bold;
background-color: transparent;
overflow: hidden;
}
#nav-sub-2 li {
float: left;
margin-top: 1px;
margin-right: 12px;
margin-left: 0px; /*Skin 1 */
margin-bottom: 1px; /*Skin 1 */
text-transform: uppercase;
}
#nav-sub-2 li a {
height: 3em; /*Hoogte van tabs van Submenu2. Bepaalt afstand tussen onderkant van tabs en Subkader*/
display: block;
margin-right: -12px;
white-space: nowrap;
_width: 10px; /*IE6*/
}
#nav-sub-2 li.actief {
margin-right: 12px;
}
#nav-sub-2 li.actief a {
margin-right: -12px;
}
#nav-sub-2 li a .menutekst {
display: block;
padding: 7px 20px 0px 20px; /* Skin 1 */
color: #555; /* Skin 1*/
}
#nav-sub-2 li.actief a .menutekst {
display: block;
padding: 5px 20px 0px 20px; /* Skin 1 */
color:white;
font-size: 130%;
}
#nav-sub-2 li a:hover .menutekst {
color:white;
}
#nav-sub-2 li a .cap {
color: #999; /* Skin 1*/
font-size: 130%;
font-weight: bold;
}
#nav-sub-2 li a:hover .cap {
color: white; /* Skin 1*/
}
#nav-sub-2 li.actief .cap {
color: white /* Skin 1*/
}
/*nav-sub-2 END---------*/
/*Sfeerbeeld --------*/
#illustratie a{
position: absolute;
top: 12.7em;
width: 20%; /*idem als logo*/
min-width: 250px; /*idem als logo*/
max-width: 23em; /*idem als logo*/
background-color: transparent;
text-align: right;
border: 1px solid black;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
}
#illustratie a:hover {
width: 620px;
max-width: none;
}
#sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-club-2.jpg) no-repeat left top;
}
#speed #sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-speed-1.jpg) no-repeat left top;
}
#recreatie #sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-recreatie-1.jpg) no-repeat left top;
}
#kunst #sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-kunst-1.jpg) no-repeat left top;
}
#links #sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-links-1.jpg) no-repeat left top;
}
#contact #sfeerbeeld {
background: black url(../_img/sfeerbeelden/sfeerbeeld-contact-1.jpg) no-repeat left top;
}
#sfeerbeeld .kader{
display: block;
margin-right: 70px;
}
#sfeerbeeld .kader-b{
display: block;
height: 535px;
margin-right: -70px;
border-top: 1px solid #777;
border-bottom: 1px solid #444;
border-left: 1px solid #777;
border-right: 1px solid #444;
border: none;
}
/*Sfeerbeeld END --------*/
/* Infoblok -------------*/
body#speed.gpfc.programma #infoblok,
body#speed.jcfc.programma #infoblok {
margin-top: 70em;
}
/* Infoblok END-------------*/
/*nav-supp Supplementaire navigatie----------------*/
#nav-supp {
position: absolute;
top: 11em;
left: 0;
width: 20%; /*idem als logo*/
min-width: 250px; /*idem als logo*/
max-width: 23em; /*idem als logo*/
padding: 0;
background-color: transparent;
text-align: right;
}
#nav-supp .top {
margin-right: 43px;
}
#nav-supp .top-b {
height: 35px;
margin-right: -43px;
overflow: hidden;
}
#nav-supp .top-b {
}
#nav-supp .center {
margin-right: 43px;
}
#nav-supp .center-b {
min-height: 29.5em;
margin-right: -43px;
padding: 10px 40px 10px 40px;
}
#nav-supp .bottom {
margin-right: 43px;
}
#nav-supp .bottom-b {
height: 35px;
margin-right: -43px;
}
#nav-supp ul {
display: block;
margin_: 0;
padding_: 0;
}
#nav-supp li {
background-color: transparent;
white-space: nowrap;
letter-spacing: 0;
}
#nav-supp li a {
display: block;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
#nav-supp li a:hover {
background-color: transparent;
}
#speed.fotovideo #nav-supp,
#recreatie.fotovideo #nav-supp,
#links #nav-supp,
#contact #nav-supp,
#club.bestuur #nav-supp {
display_: none;
}
.knop1 {
max-width: 19em;
margin-top: 30px;
margin-bottom: 30px;
}
#nav-supp li.knop1 a, .knop1 a {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
border_:1px solid blue;
}
#nav-supp li.knop1 a .bg-r, .knop1 a .bg-r {
display: block;
height: 70px;
margin: 0;
padding: 22px 0 0 0 ;
border_:1px solid red;
}
li#voordelen a:hover {
}
li#voordelen a:hover .bg-r {
}
li#voordelen a .cap {
background-color: transparent;
}
li#voordelen a:hover .cap{
background-color: transparent;
}
.lidmaatschap #voordelen .highlight {
padding-top: 20px;
margin-left: 20px;
width: 15em;
}
.lidmaatschap #voordelen h2 {
color: #6C0;
font-weight: bold;
font-size: 110%;
}
.lidmaatschap #voordelen h2 .cap {
color: white;
margin-right: 0.5em;
font-weight: bold;
font-size: 90%;
}
#gezienophetweb {
position: relative;
min-height: 4em;
_height: 4em; /*IE*/
margin-bottom: 30px; /*Vermijden van margin onder laatste item v/d list*/
}
/*nav-supp END ------------------*/
/*nav-supp2 BEGIN Supplementaire navigatie voor weergave */
#nav-supp2 {
float: right;
}
#nav-supp2 li {
margin-left: 1em;
list-style:none !important;
float:left;
}
/*nav-supp2 END */
/*nav-options BEGIN Navigatiemenu voor opties-------------*/
#nav-options {
visibility: hidden;
position: absolute;
top: 1px;
right: 1.5%;
}
#nav-options li {
float: left;
margin-left: 10px;
}
/*nav-options END -------------*/
#home #binnenkort {
position: relative;
min-height: 228px; /*Zoals fotokader*/
_height: 228px; /*IE Zoals fotokader*/
margin-bottom: 25px;
}
#home #binnenkort table {
font-size: 95%;
}
iframe {
width: 100%;
overflow: scroll;
}
#panel2 iframe {
width: 50%;
overflow: scroll;
}
#buienradar iframe{
height: 250px;
width: 250px;
overflow: hidden;
}
#weersvoorspelling iframe{
height: 168px;
width: 250px;
overflow: hidden;
}
#buienradar, #weersvoorspelling {
margin-bottom: 20px;
}
#links #buienradar, #links #weersvoorspelling{
margin-left: 30px;
}
#db-trainingen td {
padding: 5px 20px 5px 3px;
background-color: black;
border-bottom: 1px dotted #333;
}
#footer {
height: 100px;
}
/* kalendertabel BEGIN */
#kalendertabel, #kalenderdetailstabel, #trainingstabel {
margin-bottom: 30px;
border: 1px solid #999;
font-size: 1em;
text-align: left;
white-space: nowrap;
}
#kalender #db-kalender {
overflow_: auto; /*Horizontale scrollbalk uitgezet wegens niet ideaal*/
box-shadow: 5px 5px 20px black; /*Shadow hier en niet rechtreeks rond tabel, anders problemen met scrollbalken*/
-moz-box-shadow: 5px 5px 20px black;
-webkit-box-shadow: 5px 5px 20px black;
}
table.kalendertabel {
border: 1px solid #111;
background-color: black;
background-color_: #060606;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#panel1 table.kalendertabel {
width: 100%;
}
.kalendertabel th {
padding: 3px 1em 3px 1em;
background-color: #333;
font-size: inherit;
border: none;
border-top_: 1px solid black;
border-right: 1px dotted #444;
border-bottom: 1px solid #555;
font-weight: bold;
}
.kalendertabel .th-e {
background-color: #222;
}
.kalendertabel td, #content .kalendertabel td {
padding: 3px 1em 3px 1em;
color: white;
background-color: transparent; /* nodig wgs. Spry:hover */
border: none;
border-right: 1px dotted #333;
border-bottom: 1px dotted #111;
vertical-align: top;
white-space: nowrap;
}
#home .kalendertabel td {
background-color: #060606;
}
#home .kalendertabel .spryhover td {
background-color: #111;
}
.kalendertabel .datum disabled {
font-family: monospace;
font-size: 150%;
}
}.kalendertabel a, #content .kalendertabel a {
color: white;
border: none;
}
.kalendertabel .td-e {
background-color: #050505; /*Werkt niet !?*/
}
.kalendertabel a:hover, #content .kalendertabel a:hover {
border: none;
}
.highlight table.kalendertabel {
font-size: 100%;
}
.highlight .kalendertabel th {
padding: 0px 10px 0px 3px;
color: #999;
background-color: #282828;
}
.highlight .kalendertabel td a{
padding: 0px 0px 0px 3px;
}
#kalenderdetail .kalendertabel td{
min-width: 30em;
}
/* kalendertabel END */
.SpryHiddenClass {
display: none;
}
.SpryHiddenRegion {
display: none;
}
.tooltip1 {
display: none;
position: absolute;
min-width_: 20em;
padding: 10px; /*Om tooltip niet tegen schermrand te laten plakken. Ruim genoeg voor schaduw*/
font-size: 75%;
font-weight: normal;
text-transform: none;
text-align: left;
overflow: hidden;
/*filter: alpha(opacity:50); /*Tekst wordt niet goed weergegeven in IE*/
}
.tooltip1 div{ /*Om tooltip niet tegen schermrand te laten plakken.*/
padding: 10px 10px 5em 10px;
background-color: black;
border: 1px solid #666;
opacity: 0.98;
-moz-opacity: 0.98;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
}
.tooltip1 table {
border: none;
}
.tooltip1 caption{
padding-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px dotted #222;
white-space: nowrap;
}
.tooltip1 th{
padding: 2px 10px;
width: 7em;
border: none;
border-bottom: 1px dotted #222;
color: #999;
background-color: black;
font-size: 1em;
}
.tooltip1 td {
padding: 2px 10px; /* herhaling van padding uit td = nodig*/
border: none;
border-bottom: 1px dotted #222;
color: white;
background-color: black;
font-size: 1em;
}
/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe . This is the only rule in SpryTooltip.css*/
.iframeTooltip
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
#speed .highlight .afb1 {
float: right;
margin-top: -20px;
margin-right: 20%;
}
#panel1 .highlight {
background-color: black;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #181818;
border-bottom: 1px solid #181818;
}
#volgende-activiteit.highlight h2{
color: #666;
background-color: black;
}
/*Verwijderen van onderlijning van links in images*/
#content a.img, #content a img, #illustratie a.img, #illustratie a img, a.img, a img{
border: none;
}
li a.anker {
border: none;
}
.overflowhidden {
overflow: hidden;
}
a .close {
float: right;
margin-top: 15px;
width: 18px;
height: 18px;
background: transparent url(../_img/afsluiten1a.png) no-repeat center center;
}
a:hover .close {
background: black url(../_img/afsluiten1b.png) no-repeat center center;
}
.tooltip1 a .close {
margin: 0;
}
.videoscreen {
position: absolute;
width: 50em;
top: 200px;
left: 50px;
padding: 50px 20px 20px 20px;
background-color: black;
opacity: 0.98;
-moz-opacity: 0.98;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
-webkit-box-shadow: 5px 5px 10px black;
}
.videoscreen a .close {
margin-top: -30px;
}
.videoscreen div{
min-height: 7em;
background-color: #111;
}
h1.eerst, h2.eerst {
margin-top: 0;
}
.kader2.eerst {
margin-top: 20px;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('../_xml/modern.xml#ellipsis');
}
.ellipsis2 {
-moz-binding: url('../_xml/modern.xml#ellipsis');
}
.bullet1 {
display: inline-block;
padding: 20px;
background: url(../_img/bullet2.png) no-repeat center center; /* Skin 1 */
_background: url(../_img/bullet2.gif) no-repeat center center; /* Skin 1 */ /*IE6*/
}
.clr:after {
/* blok (paragraph) moet ook een breedte hebben --> elders definiëren*/
content:"[.]";
display:block;
visibility:hidden;
clear:both;
height:0;
}
xxx#club.kalender #db-kalender,
xxx#recreatie.kalender #db-kalender,
xxx#speed.kalender #db-kalender,
xxx#kunst.kalender #db-kalender {
height: 600px;
overflow: auto;
}
xxx#club.kalender .table-kalender,
xxx#recreatie.kalender .table-kalender,
xxx#speed.kalender .table-kalender,
xxx#kunst.kalender .table-kalender {
height: 550px;
width: 99%;
}
xxx#club.kalender table>tbody,
xxx#recreatie.kalender table>tbody,
xxx#speed.kalender table>tbody,
xxx#kunst.kalender table>tbody { /* child selector syntax which IE6 and older do not support*/
overflow: auto;
height: 500px;
overflow-x: hidden;
}
xxx#club.kalender thead tr,
xxx#recreatie.kalender thead tr,
xxx#speed.kalender thead tr,
xxx#kunst.kalender thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
}