body {position: relative;
      margin: 0;
      padding: 0;
      background: black url(../pics/sexy_girls2.jpg) 0 0 no-repeat fixed;
     }

div#content {position: absolute;
             top: 26px;
             left: 161px;
             right: 161px;
             color: #EED;
             font: 13px Verdana, sans-serif;
             padding: 10px;
             border: solid #FFCC99;
             voice-family: "\"}\"";
             voice-family:inherit;
             background: #303030 url(../pics/sexy_girls2-fade.jpg) 0 0 no-repeat fixed;
            -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
             }

div#content2 {position: absolute;
             top: 26px;
             left: 3px;
             right: 3px;
             color: #EED;
             font: 13px Verdana, sans-serif;
             padding: 10px;
             border: solid #FFCC99;
             voice-family: "\"}\"";
             voice-family:inherit;
             background: #303030;
            -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
             }

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

div#links 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#links a:hover {
      color: #411;
      background-color: #8D8360;
      voice-family: "\"}\"";
      voice-family:inherit;
 
}

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;
}
.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(../pics/grass_pattern.png);
      margin: -9px -9px 0.5em;
      color: #171717; 
      height: 120px; 
    }

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

h2 { color: #CCFFFF;
     font-weight: bold;
     font-size: 1.2em;
     font-stretch:wider;
   }
h4 { text-align: center;
     color: #CCFFCC;
     margin-top: 20px;
     margin-bottom:0;
     padding: 0px;
     }
dt {
    font-weight: bold;
   }

dd {
   margin-bottom: 0.66em;
   }

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%;
              }

.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: 4px dashed #FFFFCC;/*the border*/
    width: 98%;
    height: 4px;/*whatever the total width of the border-top and border-bottom equal*/
   }

/*kalender */
table {
  margin-top: 1em;
  border-collapse: collapse;
  border: 2px solid #000000;
  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 #000000;
  text-align: center;
  background: #FFFFFF;
  color: #1A0033;
  padding-top:3px;
  }

tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #CCFFE6;
  text-align: center;
  background: ##068708;
  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;
 }

.fluo {color:#33FFFF;}

a:link {
  color: #CCFFFF; }

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

.witruimte {
  margin-top: 1.5em;
  }

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

.nadruk {
	font-weight: bold;
        color: #B9E7B9;
        font-size: 1em;
        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;
                 }

.intern {color:#FFC012;
        font-weight: bold;}

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; }

ul {list-style: square;
   }

li {font-weight: bold;
     padding-top: 14px;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}