/* 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.8em; 
      font-family: Verdana, 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;
}
ul {margin-top:0;
    margin-left:0;
    padding-left:12px;
    list-style:circle
}
li {margin:3px 0 3px 10px}

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

ul.spelers li {
           color: #373737;
}

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 {
	font-size:300%;
	font-weight:bold;
	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) repeat-x;
	background-repeat: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 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 h1 {
 color: #373737;
 font-size: 1.2em;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 border: 3px solid #484848;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 background-image:url(../images/achtergrond/bg-004.gif);
 width: 55%;
 margin-left:auto;
 margin-right: auto;
 }

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

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

h3 {color: #434343;}

hr {margin-left: 6em;
    margin-right: 2em;}

img {
border: 1px solid black;
}

.zonder {
 border: 0;
}

#navigation {
	position:absolute;
	top:10px;
	left:10px;
	width:175px;
	text-align:left;
}
ul.nav {
	list-style:none;
	margin:0;
	padding:0;
}
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;
}

#nav-rechts {
	position: fixed; 
	top:200px;
	right:10px;
	width:110px;
	text-align:left;
}

#nav-rechtspre {
	position: fixed; 
	top:200px;
	right:10px;
	width:125px;
}
ul.nav {
	list-style:none;
	margin:0;
	padding:0;
}
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;
}

html>body li.nav a {
	display:block;
}
li.nav a:hover {
	text-decoration:none;
	color:#FFF;
	background:transparent;
	background-image:url(../images/achtergrond/menuback-h.gif);
	border:1px solid #999;
}
#main-body {
	margin:50px 0px 10px 200px;
	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;
  }

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

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

.geel {color:#FFFF33;}
.paars {color: #6B0DD6;}
.rood {color: #EF0000;}


.nadruk {
	color: #E6FFCC;
	display: block;
	margin-bottom: 2.2em;
        margin-top:1.2em;
	padding: 6px 12px;
        width: 75%;
        background-image:url(../images/achtergrond/geelbind.jpg);
}

.nadruk a:hover {
	text-decoration:underline;
	color:#0000FF;
	}

.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: -22px;
	padding-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFCC;
}

blockquote {
	background: #e4f5d0;
	border: 2px solid #61bf1a;
	display: block;
	margin-bottom: 1.2em;
        margin-top:1.2em;
        width: 55%;
        margin-left: 1em;
        margin-right: auto;
	padding: 6px 12px;
        text-align: left;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        }

blockquote p {
              padding: 3px 0;
              color: #303030;
             }
.spam {margin-right: 15em;
       font-weight: bold;
       font-size: 1.1em;
       color: #B3FF66;}

/*kalender */
table {
  margin-top: 1em;
   margin-left: 7em;
  border-collapse: collapse;
  border: 2px solid #383838;
 background: #CCCCCC;
  font: normal 11px verdana, arial, helvetica, sans-serif;
   width:82%;
  }
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 #383838;
  padding: 0.4em;
  color: #383838;
  font-weight: bold;
  }

td a  {
color: #383838;
 text-decoration: underline;}

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

tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #383838;
  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 #383838;
  background: #6600CC;
  padding-top:3px;
  color: #000033;
  }
/*eind kalender */
dl {margin-left: 7em;
    }
dt {color: #00006C;
    font-size: 1.1em;
    font-weight: bold;
}
dd {color: #383838;
   }
.thuis {color: #8000FF;
        text-transform: uppercase;
       }
/*achtergrondkleur tabel */
.grijs { background-color: #484848;}
.wit { background-color: #fff;}

#OneStatTag {
             width: 200px;
            }

/*lijst verslagen */
.navcontainer
{
margin: 10px 0 0 80px;
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: 80px;
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: #B366FF;
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;
}