body {
   background-image: url('background.png');
   background-color: #bfbfbf;
   font-family: Verdana;
   margin: 0px;
   background-attachment: fixed;
}

img {
   border: none;
}

a {
   color: #493C2F;
}

a:hover {
   color: #e61111;
}

#content h5 {
   margin-top: 2px;
   margin-bottom: 2px;
   font-size: 15px;
}

#header {
   height: 150px;
   width: 100%;
   min-width: 880px;
   display: block;
   background-image: url('topfill.png');
   position: fixed;
   left: 0px;
   top: 0px;
   float: left;
   z-index: 2;
}

#header .title {
   float: left;
   color: #f8f88d;
   z-index: 1;
   position: fixed;
   text-align: center;
   left: 0px;
   top: 15px;
   font-size: 32px;
   display: inline;
   font-weight: bold;
   min-width: 880px;
}

#header .logo {
   float: left;
}

#header a{
   z-index: 3;
   position: fixed;
}

#header .headimg {
   float: right;
}

#header .first {
   color: #ffff00;
   position: relative;
   font-size: 33px;
   font-weight: bold;
   display: inline;
}

#menu {
   position:fixed;
   float: left;
   top: 124px;
   left: 130px;
   margin-left: auto;
   margin-right: auto;
   z-index: 3;
   color: #e61111;
   min-width: 1000px;
   font-weight: bold;
}

#menu a{
   position: relative;
}

#menu ul .item {
   display:none;
   font-size: 14px;
   padding: 0px;
   margin: 0px;
}

#menu ul .top a{
   height: 21px;
   color: #e61111;
   text-decoration: none;
}

#menu ul:hover .top {
   background-image: url('menubackground.png');
   color: #ed1212;
   text-decoration: underline;
   width: 140px;
}

#menu ul:hover .item{
   display: block;
   width: 140px;
   min-height: 20px;
   text-align: center;
   padding: 0px;
   margin: -1px;
   background-image: url('menubackground.png');
}

#menu ul .item a {
   color:#ffffff;
   text-decoration:none;
   margin-left: 0px;
   display: block;
   min-height: 20px;
}

#menu ul:hover .item a:hover {
   color: #ef1111;
   text-decoration: underline;
}

#menu ul .item:hover {
   background-image: url('menubackground0.png');
}

#menu ul {
   width:140px;
   float:left;
   margin:0px;
   padding: 0px;
   list-style:none;
   text-align: center;
   display: inline;
}

#content {
   background-image: url('content-background.png');
   position: relative;
   width: auto;
   min-width: 650px;
   display: block;
   margin-left: 210px;
   margin-right: 110px;
   border: 1px solid #493C2F;
   top: 151px;
   padding: 10px;
   padding-bottom: 20px;
   z-index: 1;
}

#content .ouder {
   float: right;
   margin-top: -3px;
}

#content .nieuwer {
   float: left;
   margin-top: -3px;
}

#footer {
   position: relative;
   text-align: center;
   font-size: 10px;
   width: auto;
   min-width: 650px;
   display: block;
   margin-left: 210px;
   margin-right: 110px;
   top: 151px;
   padding: 10px;
   z-index: 1;
}

#lefter {
   display: block;
   position: relative;
   background-image: url('menubackground.png');
   border-bottom: 1px solid #493C2F;
   border-right: 1px solid #493C2F;
   width: 199px;
   margin-left: 0px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 15px;
   top: 131px;
   float: left;
   z-index: 0;
}

#lefter h5 {
   margin-bottom: 2px;

   margin-top: 2px;

}

#lefter table {
   empty-cells: hide;
   border-collapse: collapse;
   color: #F5F5F5;
   margin-left: -3px;
   border-bottom: 1px solid #493C2F;
   font-weight: bold;
}

#lefter td {
   height: 25px;
   text-align: center;
   padding: 2px;
   font-size: 15px;
}

#lefter span {
   background-image: url('menubackground.png');
   z-index: 3;
}

#lefter .kalitem {
   background-image: url('kalicon/meerdere.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .kalitem span {
   display: none;
}

#lefter .kalitem:hover span {
   display: block;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .kamp {
   background-image: url('kalicon/kampioenschap.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .kamp span {
   display: none;
}

#lefter .kamp:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .openkamp {
   background-image: url('kalicon/openkampioenschap.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .openkamp span {
   display: none;
}

#lefter .openkamp:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .offkamp {
   background-image: url('kalicon/offkampioenschap.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .offkamp span {
   display: none;
}

#lefter .offkamp:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .verg {
   background-image: url('kalicon/vergadering.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .verg span {
   display: none;
}

#lefter .verg:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .schieting {
   background-image: url('kalicon/schieting.png');
   background-position: center center;
   background-repeat: no-repeat;
   padding: 0px;
}

#lefter .schieting span {
   display: none;
}

#lefter .schieting:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter td a {
   padding: 1px;
   text-decoration: none;
   color: #F5F5F5;
}


#lefter td a:hover {
   color: #ffff00;
   text-decoration: underline;
}

#lefter th {
   background-image: url('menubackground.png');
   color: #;
   border-bottom: 1px solid #493C2F;
   padding: 3px;
}

#lefter .today {
   font-weight: bold;
   color: #ff0000;
   font-size: 15px;
   background-image: url('menubackground0.png');
}

#lefter .today a{
   font-weight: bold;
   color: #ff0000;
   font-size: 15px;
   text-decoration: underline;
}

#lefter .today span {
   display: none;
   color:  #F5F5F5;
}

#lefter .today:hover span {
   display: inline;
   text-align: left;
   float: left;
   width: 199px;
   padding: 3px;
   position: absolute;
   top: 195px;
   left: 0px;
   font-weight: normal;
}

#lefter .kapaza {
   padding-left: 25px;
   display: block;
   background-image: url('icon/kapaza.gif');
   background-repeat: no-repeat;
   background-position: center left;
   margin-bottom: 2px;
   margin-top: 2px;
}

.whatsnew {
   display: block;
   position: relative;
   margin-top: 2px;
   margin-bottom: 2px;
   min-height: 27px;
}

.whatsnew img {
   height: 28px;
   width: 28px;
   vertical-align: text-top;
   margin-right: 3px;
   float: left;
   margin-top: 1px;

}

#righter {
   display: block;
   position: relative;
   width: 100px;
   height: 500px;
   top: 155px;
   float: right;
   z-index: 0;
   text-align: center;
   text-decoration: underline;
}

#righter img {
   margin-bottom: 10px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#breadcrumb {
   position: fixed;
   display: block;
   top: 100px;
   z-index: 3;
   left: 130px;
   color: #F5F5F5;
   font-size: 14px;
   font-weight: bold;
}

#breadcrumb a{
   color: #F5F5F5;
   text-decoration: none;
}

#breadcrumb a:hover{
   color: #FF0000;
   text-decoration: underline;
}

.anchor {
   position: relative;
   top: -180px;
}

#adv {
   text-align: center;
}

#nodropdown {
   width: 630px;
   height: 200px;
   margin-top: 15px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#nodropdown .icon {
   width: 150px;
   height: 160px;
   text-align: center;
   display: block;
   position: relative;
   float: left;
   margin-left: 2px;
   margin-right: 2px;
   margin-top: 20px;
   padding-top: 10px;
   background-image: url('menubackground.png');
   border: 1px solid #493C2F;
}

#nodropdown a span {
   width: 150px;
   display: block;
   top: 100px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   color: #F5F5F5;
   font-weight: bold;
}

#nodropdown .icon:hover {
   border: 1px solid #ef1111;
   text-decoration: none;
}

#nodropdown a:hover span {
   color: #ef1111;
   background-image: url('menubackground0.png');
}

#galleries {

}

#galleries li{
   width: 234px;
   height: 180px;
   text-align: left;
   position:relative;
   display:inline;
   padding-bottom: 20px;
}

#galleries img{
   width: 216px;
   height: 162px;
   margin: 5px;
   padding: 10px;
   padding-bottom: 40px;
   position:relative;
   left: 5px;
   top: 5px;
   color: #FFFFFF;
   background-color: #e4e4e4;
   background-image: url('hoekje.png');
   background-repeat: no-repeat;
   background-position: bottom right;
   border-right: 2px solid #666666;
   border-bottom: 2px solid #666666;
   border-top: 1px solid #e4e4e4;
   border-left: 1px solid #e4e4e4;

}

#galleries a span{
   position: absolute;
   top:-20px;
   left:0px;
   width: 234px;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 11px;
   font-weight:bold;
   font-size: 12px;
   color:#000000;
}



#galleries a:hover span{
   color: #e61111;
}

#galleries a:hover img{
   border-top: 1px solid #e61111;
   border-left: 1px solid #e61111;
   border-right: 2px solid #e61111;
   border-bottom: 2px solid #e61111;
}

#gallery {
   
}

#gallery li{
   width: 234px;
   height: 180px;
   text-align: left;
   position:relative;
   display:inline;
   padding-bottom: 20px;
}

#gallery img{
   width: 216px;
   height: 162px;
   margin: 5px;
   padding: 10px;
   padding-bottom: 40px;
   position:relative;
   left: 5px;
   top: 5px;
   color: #FFFFFF;
   background-color: #e4e4e4;
   border-right: 2px solid #666666;
   border-bottom: 2px solid #666666;
   border-top: 1px solid #e4e4e4;
   border-left: 1px solid #e4e4e4;

}

#gallery a span{
   position: absolute;
   top:-20px;
   left:0px;
   width: 234px;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 11px;
   font-weight:bold;
   font-size: 12px;
   color:#000000;
}

#gallery a:hover span{
   color: #e61111;
}

#gallery a:hover img{
   border-top: 1px solid #e61111;
   border-left: 1px solid #e61111;
   border-right: 2px solid #e61111;
   border-bottom: 2px solid #e61111;
}

#galleryimg {
   text-align: center;
   color: #999999;
}

#galleryimg h1{
   font-size: 24px;
   color: #000000;
}

#galleryimg img {
   max-width: 50%;
}

.nieuwsitem {
   border: 1px solid #493C2F;
   display: block;
   background-image: url('newspaper.png');
   margin: 10px;
   padding: 5px;
}

.nieuwsitem .titel {
   font-size: 28px;
   text-align: center;
   font-weight: bold;
   padding-bottom: 3px;
   border-bottom: 1px solid #493C2F;
}

.nieuwsitem .bericht {

}

.nieuwsitem .more {
   float: left;
   font-size: 14px;
}

.nieuwsitem .info {
   text-align: right;
   font-size: 14px;
}

#comments {
   margin-left: 50px;
   margin-right: 50px;
}

#comments .comment {
   border: 1px solid #493C2F;
   margin: 10px;
   margin-top: 30px;
   margin-bottom: 30px;
   padding: 5px;
   background-color: #dfdfdf;
   padding-bottom: 9px;
}

#comments .prikker {
   background-image: url('punaise.png');
   position: relative;
   width: 30px;
   height: 40px;
   display: block;
   float: left;
   top: -25px;
   left: -20px;
}

#comments .bericht {
   
}

#comments .info {
   border: 1px solid #493C2F;
   display: block;
   position: relative;
   float: right;
   background-color: #b8b8b8;
   right: -20px;
   top: 1px;
}

.Error {
   border: 2px solid #ff0000;
   margin-top: 10px;
   margin-bottom: 40px;
   padding: 5px;
   background-color: #dfdfdf;
   font-size: 18px;
   font-weight: bold;
   color: #ff0000;
   background-color: #ea7878;
   text-align: center;
}

#clubs {
   margin-left: 30px;
}

#clubs h1 {
   float: left;
   position: relative;
   left: -25px;
}

#clubs h3 {
   margin-left: -25px;
}

#clubs h4 {
   margin: 5px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 20px;
}

#clubs img {
   max-width: 100px;
   margin-left: -25px;
   float: left;
   margin-right: 5px;
}

#clubs p {
}

#profielen {
   margin-left: 30px;
}

#profielen h1 {
   float: left;
   position: relative;
   left: -25px;
}

#embedded_flash {
   width: 650px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #493C2F;
   z-index: -1;
}

#kalender table {
   height: auto;
   width: 651px;
   table-layout: fixed;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #493C2F;
   border-right: 0px solid #493C2F;
   border-bottom: 0px solid #493C2F;
   border-spacing: 0px 0px;
}

#kalender th {
   border-right: 1px solid #493C2F;
   border-bottom: 1px solid #493C2F;
   width: 92px;
   height: 26px;
   background-image: url('menubackground.png');
   color: #FfFfFf;
   font-size: 14px;
}

#kalender td {
   border-right: 1px solid #493C2F;
   border-bottom: 1px solid #493C2F;
   vertical-align: top;
   text-align: left;
   font-size: 45px;
   height: 92px;
   width: 92px;
}

#kalender td a {
   text-decoration: none;
}

#kalender .kalitem {

}

#kalender img {
   vertical-align: text-bottom;
   position: relative;
}

#kalender .kalitem span {
   display: block;
   text-align: left;
   float: left;
   width: 90px;
   overflow: visible;
   padding: 3px;
   position: relative;
   top: -5px;
   left: 0px;
   font-weight: normal;
   font-size: 4px;
}

#kalender .kalitem span img {
   display: none;
}

#kalender .kalitem:hover span {
   display: block;
   text-align: left;
   float: left;
   width: 177px;
   min-height: 26px;
   overflow: visible;
   padding: 3px;
   margin-bottom: -3px;
   position: relative;
   top: 0px;
   left: -95px;
   font-weight: normal;
   font-size: 16px;
   background-image: url('menubackground1.png');
   border: 2px solid #e61111;
}

#kalender td:hover a {
   color: #e61111;
}

#kalender .kalitem:hover span img {
   display: inline;
   text-decoration: none;
}

#kalender .kalitem:hover span a {
   text-decoration: underline;
   color: #493C2F;
}

#kalender .kalitem span a:hover {
   text-decoration: underline;
   color: #e61111; 
}

#kalender .today {
   background-image: url('menubackground.png');
}

#kalender .today a{
   text-decoration: underline;
}

#kalender .today span {
   display: block;
   text-align: left;
   float: left;
   width: 92px;
   overflow: visible;
   padding: 3px;
   position: relative;
   top: -5px;
   left: 0px;
   font-weight: normal;
   font-size: 4px;
   color:  #F5F5F5;
   text-decoration: none;
}

#kalender .today:hover span {
   display: block;
   text-align: left;
   float: left;
   width: 177px;
   min-height: 26px;
   overflow: visible;
   padding: 3px;
   margin-bottom: -3px;
   position: relative;
   top: 0px;
   left: -95px;
   font-weight: normal;
   font-size: 16px;
   background-image: url('menubackground.png');
   border: 2px solid #e61111;
}

#kalender .today span img {
   display: none;
}

#kalender .today:hover span img {
   display: inline;
   text-decoration: none;
}

#kalender .today span a {
   text-decoration: none; 
   color:  #F5F5F5;
}

#kalender .today span a:hover {
   color: #e61111;
}

#kalender .today:hover span a {
   text-decoration: underline;
}
