/* Nightshades by James Morris of MyWebResource (contact@MyWebResource.com) */
body {margin-left: 1em;
      margin-right: 1em;
      margin-top:0.5em;
      margin-bottom:0; 
      padding:0; 
      font-size:0.75em; 
      font-family: Verdana,Geneva,'DejaVu Sans',sans-serif;
      color:#DEDEDE; 
      background-color:#000000; 
      background-attachment:fixed; 
      background-image:url(../images/achtergrond/pageback-fade.jpg);
      background-position:top right; 
      background-repeat:no-repeat;
      text-rendering: optimizeLegibility;
}
ul {margin-top:0;
    margin-left:0;
    padding-left:12px;
    list-style:circle;
}

ul.tornooi {margin-top:0;
    margin-left:3em;
    padding-left:12px;
    list-style:circle;
    line-height: 1.75em;
}

ul.info {margin-top:0;
         margin-left:1em;
         padding-bottom:1em;
         padding-left:12px;
         list-style: square;
         line-height: 1.75em;
         }

li.souper {margin:3px 0 10px 10px}

ul.spelersnieuw {margin-top:0;
    margin-left:5em;
    padding-left:12px;
    list-style:disc;
}

ul.spelersnieuw li {
           color: #373737;
           margin:3px 0 2px 10px;
}

ul.spelersnieuw a {
        text-decoration:none;
	color:#585858;
	background:transparent;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#ffff99;
	background:transparent;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
	color:#999;
	background:transparent;
}
#logo {
	display:block;
	padding:2px;
	margin:0 200px 0 0;
        width:100%;
}

	
#sitename {
	margin:5px 0 0 175px;
}

#pagetitle h1 {
	font-size:105%;
	font-weight:bold;
	margin:10px 0 0 285px;
}

.stamnummer {
	font-size:85%;
	font-weight:bold;
	margin:0 0 0 260px;
}
.blocktitle {
	display:block;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding:2px;
	margin:0;
        background:#D6D6D6 url(../images/achtergrond/blockback.jpg);
	color:#00FF00;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}
.blocktitle h2 {
	margin:0;
	padding:0 0 0.1em 0.8em ;
	font-size:0.85em;
}

.blocktitle-smal {
	display:block;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding:2px;
	margin:0;
        width: 78%;
        background:#D6D6D6 url(../images/achtergrond/blockback.jpg) repeat-x;
	color:#00FF00;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}
.blocktitle-smal h2 {
	margin:0;
	padding:0;
	font-size:110%;
}

.gastenboek {
	display:block;
	font-weight:bold;
	font-size:120%;
	text-align: center;
	padding:2px;
	background-image:url(../images/achtergrond/titel-bg.png);
        background-repeat: repeat-x;
	color:#00FFFF;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}

.gastenboek h2 {
	margin:0;
	padding:0;
	font-size:110%;
}

.blocktitle1 {
	font-weight:bold;
	font-size:150%;
	text-align: left;
	padding:2px 10px 2px 10px;
	background-image:url(../images/achtergrond/titel-bg.png);
        background-repeat: repeat-x;
	color:#00FFFF;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}

.blocktitle1 h2 {
	margin:0;
	padding:0;
	font-size:110%;
}

.blocktitlelinks {
	display:block;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding:2px;
	background-image:url(../images/achtergrond/blockback.jpg);
	background-repeat:repeat-x;
	color:#FFFF33;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}
.blocktitlelinks h2 {
	margin:0;
	padding:0;
	font-size:100%;
}

.blockcontent {
	text-align:left;
	padding:2px;
}

.blockcontent2 {
	text-align:left;
	padding:2px;
        background-color:#FFFFFF;
}

.blockcontent h2 {
 color: #66FFFF;
 font-size: 1.2em;
 font-weight: bold;
}

.blockcontent h1 {
 color: #6600CC;
 font-size: 1.4em;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 border: 3px solid #484848;
 padding-bottom: 0.2em;
 background-image:url(../images/achtergrond/bg-004.gif);
 }

.bestuur p {
margin-left: 6em;
color: #333333;
}

.bestuur h3 {
margin-left: 3em;
}

h3 {color: #434343;
    font-size: 1.1em;}

h4 { color:#CCFFE6;
     text-align:center;
     display: block;
     padding-top: 0.2em;
     padding-bottom: 0.2em;
     margin-right: 20%;
     font-size:1.45em;
     margin-bottom: -1.1em;
     background-image:url(../images/achtergrond/bgrepeat.png);
     border-style:solid;
     border-width:1px;
     border-color:#eeeeee #eeeeee #5D5D5D #eeeeee;
     -moz-border-radius-topleft:.7em;
     -moz-border-radius-topright:.7em;
     -webkit-border-top-left-radius: 0.7em 0.7em;
     -webkit-border-top-right-radius: 0.7em 0.7em;
     }

.act {color: #434343;
      text-align: center;
      font-size: 1.2em;
      padding: 0.5em;
      border-width:1px 3px 3px 1px;
     border-color:#121212 #616161 #616161 #121212;
     background-color: #CCFFCC;
     border-style:solid;
     -moz-border-radius-topleft:.7em;
     -webkit-border-top-left-radius: 0.7em 0.7em;
     -moz-border-radius-bottomleft:.7em;
     -webkit-border-bottom-left-radius: 0.7em 0.7em;
     -moz-border-radius-topright:.7em;
     -webkit-border-top-right-radius: 0.7em 0.7em;
     -moz-border-radius-bottomright:.7em;
     -webkit-border-bottom-right-radius: 0.7em 0.7em;
    }

hr {margin-left: 1em;
    margin-right: 1em;}

img {
border: 1px solid black;
}

.zonder {
 border: 0;
}

.vertical {
 vertical-align:middle;}

#navigation {
	position:absolute;
	top:10px;
	left:10px;
	width:175px;
	text-align:left;
}
ul.nav {
	list-style:none;
	margin:0;
	padding:0;
}

ul.nav li {
           margin:3px 0 2px 10px;
           }

li.nav a {
	text-decoration:none;
	margin:1px 0 1px -12px;
	padding:4px;
	color:#DDD;
	background:transparent;
	background-image:url(../images/achtergrond/menuback.gif);
	font-weight:bold;
        font-size: 0.9em;
	width:100%;
	border:1px solid #333;
}


li.nav a:hover {
	text-decoration:none;
	color:#FFF;
	background:transparent;
	background-image:url(../images/achtergrond/menuback-h.gif);
	border:1px solid #999;
}

#nav-rechts {
	position: fixed; 
	top:207px;
	left:85%;
	width:120px;
	text-align:left;
}

#nav-rechts-verslag {
	position: fixed; 
	top:284px;
	left:87%;
	width:110px;
	text-align:left;
}

#nav-rechtspre {
	position: absolute; 
	top:120px;
	left: 85%;
	width:125px;
}

#nav-rechtspre-verslag {
	position: fixed; 
	top:293px;
	left: 85%;
	width:125px;
}


html>body li.nav a {
	display:block;
}

#main-body {
	margin:5px 0px 10px 190px;
	overflow:auto;
}

#main-algemeen {
	margin:50px 70px 10px 200px;
	overflow:auto;
}

#main-spelers {
	margin:50px 115px 10px 200px;
	overflow:auto;
}
.content {
	clear:both;
}

.vrijmaken {
           clear: both;}

#footer {
	clear:both;
	border-top:1px solid #777;
	margin:10px 10px 10px 200px;
	padding:2px 0 2px 0;
	line-height:120%;
	text-align:right;
}

@font-face{ /* for IE */
font-family:Densmore;
src:url(../fonts/mightyfriars.eot);
}

@font-face { /* for non-IE */
font-family: Densmore;
src:url(http://:/) format("No-IE-404"),url(../fonts/mightyfriars.ttf) format("truetype");
}

.densmore {
    font-family: Densmore;
}

.witruimte {
  margin-top: 40px;
  }

.halfwit {
     margin-top: 20px;
     }
.beetje-wit{margin-top: 10px;}
.iets-wit {margin-top: 4px;}
.spatie {margin-left: 50px;}
   
.floatleft {
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
margin-right: 10px;
}


.floatleft2 {
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 30px;
}

.floatright {
float: right;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 65px;
}

.floatleft-koek {
float: left;
margin-top: 0px;
margin-bottom: 2px;
margin-left: 20px;
margin-right: 10px;
}

.floatright-koek {
float: right;
margin-top: 0px;
margin-bottom: 2px;
margin-left: 5px;
margin-right: 20px;
}

.floatverslag{
float: left;
margin:0;
}

.geel {color:#FFFF33;}
.paars {color: #6B0DD6;}
.rood {color: #EF0000;}
.blauw {color:#0000FF;}
.donkerpaars {color: #4D0099;}
.groen {color:#00FF00;}
.lichtgrijs {color:#CBCBCB;}


/* voor index- en activiteitenpagina */
.nieuws {
	color: #434343;
	display: block;
        margin-top:1.5em;
	padding: 6px 12px;
        margin-right: 20%;
        background-image:url(../images/achtergrond/white-grid.gif);
}
.nieuws a {color: #434343;
          background-color: #FFFF9C;
	  text-decoration:none;
          }

.nieuws a:hover {
	text-decoration:none;
	color:#0000FF;
        background-color: #E6FFCC;
	}

.comp {
	color: #434343;
	display: block;
	margin-bottom: 2.2em;
        margin-top:1.2em;
	padding: 6px 12px;
        margin-right: 20%;
        background-image:url(../images/achtergrond/white-grid.gif);
}
.comp a {color: #434343;
	  text-decoration:underline;
          }

.comp a:hover {
	text-decoration:none;
	color:#0000FF;
	}

.blocktitle3 {
	display:block;
	font-weight:bold;
	font-size:110%;
	text-align:left;
	padding:2px;
	margin:0;
        background:#D6D6D6 url(../images/achtergrond/blockback.jpg);
	color:#00FF00;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}
.blocktitle3 h2 {
	margin:0;
	padding:0;
	font-size:110%;
}
/* einde index- en activiteitenpagina */


.leden {text-transform: uppercase;}

.naam {color: #FFFFFF;
       font-weight: bold;
       margin-bottom: 0.2em;
       }
.verslaggever {
color: #303030;
 text-align: right}

.date {
	float: right;
	margin-top: -18px;
	padding-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #FFFFCC;
}

blockquote {
	background: #A78CFF;
	border-top: 6px solid #6F2CFF;
	border-bottom: 6px solid #6F2CFF;
	display: block;
	margin-bottom: 1.2em;
        margin-top:1.2em;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
	padding: 6px 12px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        }

blockquote p {
              padding: 3px 0;
              color: #303030;
             }

.accent {
	background: #e4f5d0;
	border: 2px solid #61bf1a;
	margin-bottom: 1.2em;
        margin-top:1.2em;
        margin-left: 10em;
        margin-right: 1em;
	padding: 25px;
        text-align: left;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        }

.accent p {
           color: #303030;
             }


.spam {margin-right: 15em;
       font-weight: bold;
       font-size: 1.1em;
       color: #B3FF66;}


.thuis {color: #8000FF;
        text-transform: uppercase;
       }

/* achtergrondkleur tabel */
.grijs { background-color: #484848;}
.wit { background-color: #fff;}
.lichtgroen  {background-color: #CCFFCC;}

#OneStatTag {
             width: 200px;
            }

/*lijst verslagen */
.navcontainer
{
margin-left:58px; 
margin-right:auto;
width: 90%;
padding: 0;
height: 20px;
}

.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

.navcontainer ul li a
{
background: #fff;
width: 90px;
height: 18px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 0;
margin: 0 0 10px 0;
color: #000066;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.navcontainer ul li a:hover
{
color: #000033;
background: #B366FF;
}

.navcontainer a:active
{
background: #4D0099;
color: #fff;
}

.navcontainer li.active a
{
background: #4d0099;
border: 1px solid #8000FF;
color: #fff;
}

.midden {
      text-align : center;
      line-height: 1.65em;
}
.center {
         margin-left:auto; 
         margin-right:auto;
}
ol { list-style: decimal-leading-zero;}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 60px;
	right: 40px;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #99FF33;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	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;
}

.groot { font-size: 2.4em;
         font-weight: bold;
         text-align: center;}

.kader { border: 3px double #a0a0a0; 
         padding: 1em;
         padding-left: 1.5em;
         padding-right: 1.5em;
         background-color:#E9E8FF;
         margin: 0.6em;
         margin-bottom: 1.5em;
       } 

.kalender { border: 3px double #a0a0a0; /* kalender zonder achtergrondkleur */
            padding: 1em;
          } 
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.verloop { margin-left:1em;
           margin-right: 1em;
           padding: 0.2em;
           padding-left: 1.5em;
           background: -moz-linear-gradient(left top 315deg, #a020f0, #ab82ff 30%, #ffffff 60%);
           background: -webkit-gradient(linear, left top, right bottom, from(#a020f0), color-stop(30%, #ab82ff), color-stop(60%, #ffffff));
           background: -webkit-linear-gradient(left top, right bottom, #a020f0, #ffffff 65%); /* Safari 5.1, Chrome 10+ */
           background: -ms-linear-gradient(left, #a020f0, #ffffff); /* IE 10 */ 
           background: -o-linear-gradient(left, #a020f0, #ffffff 65%); /* Opera 11.10+ */ 
           -moz-border-radius-bottomleft:.7em;
           -webkit-border-bottom-left-radius: 0.7em 0.7em;
           -moz-border-radius-topleft:.7em;
           -webkit-border-top-left-radius: 0.7em 0.7em;
           border-bottom: 1px solid black;
           border-top: 1px solid black;
           border-left: 1px solid black;
           background-color: #a020f0;
           font-size: 1.1em;
           font-family: 'KomikaAxisRegular';
           color: #272727;
           text-transform: uppercase;
           letter-spacing: 0.2em;
}

.verloopgeel { position: relative;
     top: 1em;
     padding: 0.3em;
     padding-left: 1.5em;
     padding-right: 1.5em;
     border: 2px solid #808080;
     -moz-border-radius:.9em;
     -webkit-border-radius: 0.9em 0.9em;
     background: -moz-linear-gradient(left top 315deg, orange, yellow 30%, #ECFFDC 50%);
     background: -webkit-gradient(linear, left top, right bottom, from(orange), color-stop(30%, yellow), color-stop(50%, #ECFFDC));
     background-color: #AAAAAA;
     font-size: 1.2em;
     font-weight: bold;
     font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
}


#kadertrainer {
                border-left: 1px solid black;
                border-bottom: 2px solid black;
                padding-left: 0.5em;
                padding-right: 0.5em;
}
.zwarteband {background: #282828;
            color: yellow;
            font-family: futuraextrabold, Verdana, Arial, sans-serif;
            letter-spacing: 0.1em;
            font-weight: bold;
            font-size: 1.3em;
            text-align: center;
            padding-bottom: 0.4em;
            padding-top: 0.4em;
            margin-top: -0.4em;
            margin-left: -0.8em;
            margin-right: -0.8em;
}

.zwarteband-o {background: #282828;
               margin-bottom: -0.5em;
               margin-left: -1em;
               margin-right: -1em;
}

.flip {color: yellow;
            font-family: futuraextrabold, Verdana, Arial, sans-serif;
            letter-spacing: 0.1em;
            font-weight: bold;
            font-size: 1.3em;
            text-align: center;
            padding-bottom: 0.4em;
            padding-top: 0.4em;
            -webkit-transform: rotate(-180deg); 
            -moz-transform: rotate(-180deg);
             filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
/* tabel spelers */
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:96%;
border-collapse:collapse;
margin-left:auto; 
margin-right:auto
}
#customers td, #customers th 
{
 text-align: left;
border-left: 0;
border-right: 1px solid #98bf21;
border-top: 1px solid #98bf21;
border-bottom: 1px solid #98bf21;
padding-top:4px;
padding-bottom:4px;
padding-left: 14px;
width: 32%;

}

#customers td.zonder
{
border-left: 0;
border-right: 0;
border-top: 1px solid #98bf21;
border-bottom: 1px solid #98bf21;
}


#customers td.zonder-bo
{
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
#customers td.zonder-bol
{
border-top: 0;
border-bottom: 0;
border-right: 1px solid #98bf21;
border-left: 0;
}

#customers th 
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#customers tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}

.schrappen {text-decoration: line-through;
           }
/* einde tabel spelers */

.uitgelijnd {text-align: justify;
             line-height: 1.65em;
            }

.inspringen {margin-left: 1em;
             }

/* selectie spelers verslag */
.spelers {
        background: #fcefb7;
	border: 3px solid #e3873b;
        margin-left: 3em;
        margin-right: 3em;
	padding: 7px;
        text-align: left;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        }
/* einde selectie spelers verslag */

.vertical {vertical-align:text-middle;}

/* pop-up foto's */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -850px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}
.schaduw {
      -moz-box-shadow: 10px 10px 5px #888;
      -webkit-box-shadow: 10px 10px 5px #888;
      box-shadow: 10px 10px 5px #888;
      color: #434343;
      text-align: center;
      font-size: 1.2em;
      padding: 0.5em;
      border-width:1px 3px 3px 1px;
      border-color:#121212 #616161 #616161 #121212;
      background-color: #CCFFCC;
      border-style:solid;
      margin-left: 10%;
      margin-right: 10%;
}