div#links a {background-color: #494431;
             opacity:0.8;
             filter: alpha(opacity=80);
             moz-opacity:0.8; 
             voice-family: "\"}\"";
             voice-family:inherit;
            }
div#links a {
             display: block;
             text-align: center; 
             font: bold 1em sans-serif; 
             padding: 5px 10px; 
             margin: 0 0 2px; 
             border-width: 0; 
             text-decoration: none; 
             color: #FFC;}


div#links a:hover {
      color: #411;
      background-color: #8D8360;
      voice-family: "\"}\"";
      voice-family:inherit;
 
}
.menu { text-align: center;
        font-weight: bold;
        font-size: 1.2em;
        color: yellow;
        padding-left: 0.5em;
       }

 .telefoon {
            font-size: 0.3em;
            color: black;
           }
#titel {
      background-image: url(../images/plant_2.png);
      margin: -9px -9px 0.5em;
      color: #171717; 
      height: 120px; 
       }

#afsluiter {
      background-image: url(../images/plant_1.png);
      margin: -9px -9px 0.5em;
      color: #171717; 
      height: 120px; 
       }

h1 { font-size: 2.2em;
     text-align: center;
     color: #FFFF99;
    font-family: 'Lucida Casual', 'Comic Sans MS';
   }

h2 { color: #CCFFFF;
     font-weight: bold;
     font-size: 1.6em;
     font-stretch:wider;
   }
h4 { margin-left:2em;
     margin-right: 2em;
     padding: 0px;
     padding-left: 1.5em;
     padding-bottom: 0.5em;
     padding-top: 0.3em;
     border: 2px solid #808080;
     -moz-border-radius-topleft:.9em;
     -webkit-border-top-left-radius: 0.9em 0.9em;
     background: -moz-linear-gradient(left top 315deg, orange, yellow 30%, #5e5e5e 50%);
     background: -webkit-gradient(linear, left top, right bottom, from(orange), color-stop(30%, yellow), color-stop(50%, #5e5e5e));
     background: -webkit-linear-gradient(left top, right bottom, #FFB100, #5e5e5e 50%); /* Safari 5.1, Chrome 10+ */
     background: -o-linear-gradient(left, #ffb100 10%, yellow 30%, #5e5e5e 50%); /* Opera 11.10+ */ 
     background: -ms-linear-gradient(left, #ffb100, #5e5e5e); /* IE 10 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb100, endColorstr=#5e5e5e, GradientType=1)";
     background-color: #AAAAAA; 
}


h4 a:link {color: red;}
h4 a:visited {color: #1D2386;} 
h4 a:hover {
  color:#CCFFE6;
  background-color: #2d2d2d;
  padding: 0.2em;
  }
dl {
    margin-left:4em;
   }
    
dt {
    font-weight: bold;
   }

dd {
   margin-bottom: 1.5em;
   color:#FFC012;
   font-weight: bold;
   }

div#links {
           position: absolute;
           top: 52px; 
           left: 0;
           width: 160px; 
           height: 700px; 
           font: 16px Verdana, sans-serif;
           }

div#rechts {
           position: absolute;
           top: 52px; 
           right: 0;
           width: 160px; 
           height: 700px; 
           font: 0.9em Verdana, sans-serif;
           }
div#rechts a {background-color: #494431;
              opacity:0.8;
              filter: alpha(opacity=80);
              moz-opacity:0.8; 
              voice-family: "\"}\"";
              voice-family:inherit;
              display: block; 
              text-align: center; 
              font: bold 0.8em sans-serif; 
              padding: 5px 10px; 
              margin: 0 0 2px; 
              border-width: 0; 
              text-decoration: none;
              color: #FFC;}


div#rechts a:hover {
      color: #411;
      background-color: #8D8360;
      voice-family: "\"}\"";
      voice-family:inherit;
}

code, pre {
           color: #EDC; 
           font: 110% monospace;
          }
.tekst {
        margin-left: 10%;
        border-left: solid 2px #a4a4a4;
        margin-right: 10%;
        border-right: solid 2px #a4a4a4;
       }

.tekst p {
         color: #CCFFE6;
         padding-left: 2%;
         padding-right: 2%;
         text-indent: 1.3em;
         margin-bottom: 1.2em;
       }

.tekst p:first-letter {
  font-size: 1.4em;
  font-weight: bold;
  color: #43FFB7;
 font-stretch: extra-expanded;
  }

#match {margin-left: 10%;
        border-left: solid 2px #a4a4a4;
        margin-right: 10%;
        border-right: solid 2px #a4a4a4;
        }

#match p {
         color: #CCFFE6;
         padding-left: 2%;
         padding-right: 2%;
         margin-bottom: 1.2em;
       }

.verslaggever {margin-left: 10%;
               margin-right: 10%;
               margin-top: 5em;
              }

.verslaggever p {
                 color:#ccffe6;
                 text-align: right;
                 padding-left: 2%;
                 padding-right: 2%;
                 margin-bottom: 1.2em;
                }

blockquote {color: #242424;
            font-weight: bold;
            font-stretch:extra-expanded;
	    background: #E9D9FF;
	    border: 2px solid #7637FF;
	    display: block;
            margin-bottom: 1.2em;
            margin-top:1.2em;
            margin-left: 25% ;
            margin-right: auto;
            width: 50%;
	    padding: 6px 12px;
            text-align: center;
            -moz-border-radius: 7px;
           -webkit-border-radius: 7px;
          }

.groepsfoto { float: left;
            text-align: left;
            padding-right: 0.1em;
            margin-left: 11%;
           }

.midden {
      text-align : center;
       }


hr {
border: none 0;
border-top: 3px dashed #00ff00;
height: 2px;
width: 85%;
text-align: center;
}

hr.lang {border: none 0;
    border-top: 6px solid #00ff00;/*the border*/
    width: 98%;
    height: 6px;/*whatever the total width of the border-top and border-bottom equal*/
}

/*kalender */
table {
  margin-top: 1em;
  border-collapse: collapse;
  border: 2px solid #CCFFE6;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  width: 85%;
  }
caption {
  text-align: center;
  font: bold 14px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CCFFE6;
  text-transform: uppercase;
  margin-top: 1.5em;
  }
td, th {
  border: 1px solid #CCFFE6;
  padding: .4em;
  color: #FFFFCC;
  font-weight: bold;
  }

thead th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #CCFFE6;
  text-align: center;
  background: #FFFF00;
  color: #1A0033;
  padding-top:3px;
  }

tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #CCFFE6;
  text-align: center;
  background: #FDEB75;
  color: #FDEB75;
  padding-top:3px;
  }

tbody th, tbody td {
  vertical-align: top;
  text-align: center;
  }

tfoot td {
  border: 1px solid #CCFFE6;
  background: #26DF1F;
  padding-top:3px;
  color: #000033;
  }


.grijs {background: #B6B6B6;
 }

a:link {
  color: #CCCCFF; }

a:visited {
  color: #E6FFCC;}
a:active {
  color: #900 }
a:hover {
  color:purple;
 background-color: #FFFF9C;
 }

.witruimte {
  margin-top: 1.5em;
  }

.extraruimte {
  margin-top: 4em;
  }

.rechts {
         color:#8724FF;
         text-align: right;
         }

.nadruk {
	font-weight: bold;
        color: #B9E7B9;
        font-size: 1.2em;
        font-family: 'Lucida Casual', 'Comic Sans MS';
        }
.titelverslag { background-color: #FFFFCC;
                text-align:center;
                margin-left: 30%;
                margin-right: 30%;
                border-top: 3px dashed #000033;
                border-bottom: 3px dashed #000033;
                opacity:0.5;
                filter: alpha(opacity=50);
                moz-opacity:0.5; 
              }

.titelverslag h2 {
                  color: #333333;
                  font-weight: bold;
                  font-size: 1.3em;
                  font-stretch:wider;
                 }

div#contact {margin-left: 20px;
             font-size: 1.2em;
             font-weight: bold;
             color: #FFFF99;
             }

#groep a img { cursor: help;
              text-decoration: none;
              border: 10px;
             }

#groepsgroot { border-right: 5px solid #000;
              border-bottom: 5px solid #000;
              border-left: 5px solid #6B6B6B;
              border-top: 5px solid #6b6b6b;
            }

ul.spelers {margin-left: 5%;
            list-style: none;
           }

ul.spelers li {float: left;
               border-left: 2px solid #66FF85;
               padding-left: 4px;
               padding-right: 4px;
}

ul.spelers li.first { border-left: none;
                      list-style: none; display: inline; }
.kleinkapitaal {
                font-variant: small-caps;
               }
.dtklein {font-size: 0.9em;
         color: #CCFFE6;
         margin-left: 1.8em;
}

sub, sup {vertical-align: baseline; position: relative; font-size: 70%;} /* 70% size of its parent element font-size which is good. */
sub {bottom: -0.6em;} /* use em because they adapt to parent font-size */
sup {top: -0.6em;} /* use em because they adapt to parent font-size */
h6.schaduw {
font-family: futuraextrabold, Verdana, Arial, sans-serif;
 letter-spacing: 0.2em;
text-shadow:  1px 0px 1px #3a3a3a, 0px 1px 1px #3a3a3a,
              2px 1px 1px #ccc, 1px 2px 1px #eee,
              3px 2px 1px #ccc, 2px 3px 1px #eee,
              4px 3px 1px #ccc, 3px 4px 1px #eee,
              5px 4px 1px #ccc, 4px 5px 1px #eee,
              6px 5px 1px #ccc, 5px 6px 1px #eee,
              7px 6px 1px #ccc, 6px 7px 1px #eee,
              8px 7px 1px #ccc;
font-size: 3.5em;
color: #9999FF;
text-align: center;
margin-top: -10px;
margin-bottom: 0px;
}
@font-face {
 font-family: futuraextrabold;
 src: url("../fonts/futuraxk.eot") /* EOT file for IE */
}
@font-face {
 font-family: futuraextrabold;
 src: url("../fonts/futuraxk.ttf") /* TTF file for CSS3 browsers */
}

/* arrow icon (span tag) */
#back-top span {
       position: fixed;
        right: 2em;
        top: 15em;
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow-green.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #777;
}