@charset "utf-8";
/* CSS Document */


/*---------- General ----------BEGIN*/

*
{
  margin:0;
  padding:0;
}

body
{
  background-image:url(../images/main_bground.jpg);
  background-repeat:repeat-x;
  background-color:#323536;
  font-weigth: normal;
  font-size: 12px;
  font-family: Century Gothic, Apple Gothic, Helvetica, Arial, sans-serif;
  color:#323536;
  line-height:18px;
}

#container
{
  margin:0px auto;
  width: 950px;
  min-height:100%;
  overflow:visible;
}

#hoofdnav
{
  float:left;
  position:absolute;
  width:945px;
  top:130px;
  margin:0 auto;
}

#hoofdnav ul
{
  float:left;
  list-style-type:none;
  width:600px;
  margin-left:80px;
}

#hoofdnav ul li
{
  float:left;
  list-style-type:none;
  background-image:url(../images/hoofd_nav_rust.jpg);
  background-repeat:no-repeat;
  padding-right:1px;
  width:130px;
  height:39px;
}

#hoofdnav ul li a:link, #hoofdnav ul li a:visited
{
  display: block;
  text-decoration:none;
  font: bold 16px Century Gothic;
  text-align:center;
  width:130px;
  height:29px;
  padding-top:10px;
  color:#FFF;
}

#hoofdnav ul li a:hover, #hoofdnav ul li a:active
{
  background-image:url(../images/hoofd_nav_actief.jpg);
  background-repeat:no-repeat;
  width:130px;
  height:29px;
  padding-top:10px;
}

.actief
{
  display: block;
  background-image:url(../images/hoofd_nav_actief.jpg);
  background-repeat:no-repeat;
  width:130px;
  height:29px;
  padding-top:10px;
  margin-top:-10px;
}

#content
{
  position:absolute;
  background-color:#f2f2f2;
  background-image:url(../images/content_bground_top.jpg);
  background-repeat:repeat-x;
  background-position:top;
  border:2px solid #FFF;
  margin-top:20px;
  width:942px;
}

#subcontent
{
  float:left;
  padding:20px 8px;
  padding-right:0;
  width:612px;
}

#rechterflank

{
  float:right;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:20px;
}

#footer
{
  background-color:#067688;
  height:20px;
  width:931px;
  clear:both;
  font: normal 11px Verdana;
  color:white;
  text-align:right;
  padding-right:10px;
  padding-top:4px;
}

#hoofdfoto
{
  padding:5px 5px 0px 5px;
}

/*---------- General ----------EINDE*/





/*---------- Tekst eigenschappen ----------BEGIN*/

h1
{
  font:bold 18px "Century Gothic";
  color:#067688;
  padding-bottom:30px;
}

h2
{
  font:bold 16px "Century Gothic";
  color:#047587;
}

h3
{
  font:bold 13px "Century Gothic";
  color:#047587;
}

h4
{
  font: bold 12px "Century Gothic";
  padding-bottom:5px;
}

p
{
  padding-bottom:20px;
}

a
{
  text-decoration:none;
  font:bold 12px "century Gothic";
  color:#ec730a;
}

a img
{
  border:none;
}

/*---------- Tekst eigenschappen ----------EINDE*/




/*---------- Home ----------BEGIN*/

  /*---------- Aanbod ----------BEGIN*/
  #content ul.aanbod
  {
    list-style-type:none;
    width:941px;
    padding:5px;
  }
  
  #content ul.aanbod li
  {
    float:left;
    list-style-type:none;
    background-image:url(../images/content_aanbod_rust.jpg);
    background-repeat:no-repeat;
    padding-right:5px;
    width:151px;
    height:198px;
  }
  
  #content ul.aanbod li a:link, #content ul.aanbod li a:visited
  {
    display: block;
    text-decoration:none;
    font: bold 15px "Century Gothic";
    text-align:center;
    width:151px;
    height:198px;
    color:#FFF;
    padding-top:10px;
  }
  
  #content ul.aanbod li a:hover, #content ul.aanbod li a:active
  {
    background-image:url(../images/content_aanbod_hover.jpg);
    background-repeat:no-repeat;
  }
  
  #content ul.aanbod img
  {
    padding:3px 0;
  }
  
  #content .opsomming
  {
    font: bold 11px "Century Gothic";
  }
  /*---------- Aanbod ----------EINDE*/
  
  /*---------- Infobord ----------BEGIN*/
  #infobord
  {
    /*margin-right:5px;*/
    width:612px;
  }

  #infobordtop
  {
    background-image:url(../images/infobord_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:552px;
    height:33px;
    padding:20px 0px 0px 60px ;
  
  }
  
  .infoborddatum
  {
    float:left;
    padding:11px 10px 0 20px;;
    font: bold 11px "Century Gothic";
    color:#067688;
    text-align:right;
  }
  
  .infobordtekst
  {
    border-bottom:3px solid #e5e5e5;
    background-position:bottom;
    margin-left:10px;
    padding:10px 10px 10px 50px;
  }
  /*---------- Infobord ----------EINDE*/
  

  /*---------- Nieuws ----------BEGIN*/
  #nieuws
  {
    
    margin-right:5px;
    width:308px;
    background-image:url(../images/nieuws_bground.gif);
    background-repeat:repeat-y;
    background-position:right;
    margin-bottom:10px;
  }

  #nieuwstop
  {
    background-image:url(../images/nieuws_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:248px;
    height:32px;
    padding:20px 0px 0px 60px;
  }
  
  #nieuwsbottom
  {
    background-image:url(../images/nieuws_bottom.jpg);
    background-repeat:repeat-x;
    background-position:bottom right;
    height:23px;
    margin-left:11px;
    padding-left:39px;
    padding-top:7px;
  }
  
  .nieuwsdatum
  {
    float:left;
    padding:11px 10px 0 20px;;
    font: bold 11px "Century Gothic";
    color:#067688;
    text-align:right;
  }
  
  .nieuwstekst
  {
    background-image:url(../images/nieuws_divider.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    margin-left:10px;
    padding:10px 10px 10px 50px;
  }
  
  .nieuwstekst .leesmeer
  {
    background-image:url(../images/pijltje.gif);
    background-repeat:no-repeat;
    background-position:right;
    height:20px;
    width:45px;
  }
  /*---------- Nieuws ----------EINDE*/

  /*---------- Wordlid ----------EINDE*/
  #wordlid
  {
    margin-top:10px;
    margin-right:5px;
    width:308px;
    height:135px;
    background-image:url(../images/wordlid.jpg);
    background-repeat:no-repeat;
    background-position:right;
  }

  #wordlidtitel
  {
    font: bold 20px "Century Gothic";
    color:#FFF;
    padding:20px 5px 2px 60px;
  }
  
  #wordlidtekst
  {
    color:#FFF;
    padding:0px 5px 8px 60px;
  }
  
  #wordlidlink a
  {
    margin-left:60px;
    width:80px;
    color:#FFF;
    padding:10px 20px 5px 10px;
  }
  /*---------- Wordlid ----------EINDE*/

/*---------- Home ----------EINDE*/


/*---------- Leden ----------BEGIN*/

  /*---------- Kalender ----------BEGIN*/
  #kalender
  {
    width:612px;
  }

  #kalendertop
  {
    background-image:url(../images/kalender_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:552px;
    height:33px;
    padding:20px 0px 0px 60px ;
  }
  
  #kalendertop h2
  {
    color:#e96c05;
  }
  
  #kalendersubtop
  {
    background-image:url(../images/kalender_subtop.jpg);
    background-repeat:repeat-x;
    height:29px;
    margin-top:10px;
    margin-bottom:1px;
    padding-top:12px;
    padding-left:10px;
  }
  
  #kalendersubtop ul
  {
    margin:0;
    padding:0;
    list-style-type:none;
  }
  
  #kalendersubtop ul li
  {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
  }
  
    #kalendersubtop ul li.datum
  {
    width:70px;
  }
  
  #kalendersubtop ul li.type
  {
    width:325px;
  }
  
  #kalendersubtop ul li.plaats
  {
    width:150px;
  }

  
  .kalenderpunt
  {
    width:612px;
    background-color:#e5e5e5;
    margin-bottom:1px;
    height:67px;
    overflow:hidden;
  }
  
  .kalenderdatum
  {
    float:left;
    font: bold 11px "Century Gothic";
    color:#067688;
    width:60px;
    padding-left:10px;
    padding-top:12px;
  }
  
  .kalenderdag
  {
    float:left;
    font-size:32px; 
  }
  
  .kalendermndjr
  {
    padding-top:5px;
    margin-left:37px;
  }
  
  .kalendertype
  {
    float:left;
    background-position:bottom; 
    width:315px;
    padding:5px 0;
    padding-left:10px;
  } 
  
  .kalenderplaats
  {
    float:left;
    padding:5px 0;
    padding-left:10px;
    width:160px;
  }
  
  .kalenderdetail
  { 
    position:absolute;
    z-index:2;
    left:0;
    padding-left:8px;
    width:612px;
    height:63px;
  }

  .kalenderdetail img
  {  
    padding-left:570px;
    padding-top:20px;
  }
  
  .kalenderdetail a:link, .kalenderdetail a:visited
  {  
    display:block;
    height:100%;
  }
  
  .kalenderdetail a:hover, .kalenderdetail a:active
  {  
    border:solid 2px #c5d7da;
    display:block;

  }
  
  /*---------- Kalender ----------EINDE*/
  /*---------- Wedstrijduitslagen ----------BEGIN*/
  
  #wedstrijduitslagentop
  {
    background-image:url(../images/wedstrijduitslagen_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:248px;
    height:32px;
    padding:20px 0px 0px 60px;
  }
  
  /*---------- Wedstrijduitslagen ----------EINDE*/
  /*---------- Foto's ----------BEGIN*/
  
  #fotostop
  {
    background-image:url(../images/fotos_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:248px;
    height:32px;
    padding:20px 0px 0px 60px;
  }
  

  
  #fotosbottom
  {
    width:258px;
    height:23px;
    margin-left:50px;
    padding-top:7px;
  }
  
  .fotopunt
  {
    width:308px;
  }
  .fotodatum
  {
    float:left;
    padding:10px 0px 0px 20px;
    width:30px;
    font: bold 11px "Century Gothic";
    color:#067688;
    text-align:right;
  }
  
  .fototekst
  {
    float:left;
    background-image:url(../images/nieuws_divider.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    margin-left:10px;
    padding:10px 0px 10px 0px;
    width:238px;
  }
  
  .fototekst img
  {
    float:left;
    border:solid 2px #ea6e06;
    margin-right:5px;
    width:100px;
    height:75px;
  }
  /*---------- Foto's ----------EINDE*/


/*---------- Leden ----------EINDE*/






/*---------- Fotoalbum ----------BEGIN*/

  #fotoalbum
  {
    width:612px;
  }

  #fotoalbumtop
  {
    background-image:url(../images/fotoalbum_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:552px;
    height:33px;
    padding:20px 0px 0px 60px ;
  }
  
  #fotoalbumtop h2
  {
    color:#e96c05;
  }
  
  #fotoalbum table
  {
    width:550px;
    margin-left:62px;
    margin-top:20px;
  }
  #fotoalbum td
  {
    padding-top:7px;
    padding-right:7px;
  }
  #fotoalbum td
  {
    text-align:center;
    width:100px;
    height:75px;
  }

  #fotoalbum td img
  {
  
    border:solid 2px #ea6e06;
    height:75px;
  }
/*---------- Fotoalbum ----------EINDE*/


/*---------- Lidgeld ----------BEGIN*/

  #lidgeldtop
  {
    background-image:url(../images/lidgeld_top.jpg);
    background-repeat:no-repeat;
    background-position:top leftt;
    width:248px;
    height:32px;
    padding:20px 0px 0px 60px;
  }
  
  .lidgeldpunt
  {
    background-image:url(../images/nieuws_divider.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    margin-left:60px;
    padding:10px 0px 10px 0px;
    width:238px;
    overflow:auto;
  }
  
  .lidgeldtype
  {
    float:left;
    width:138px;
    font: bold 11px "Century Gothic";
    color:#067688;
  }
  
  .lidgeldprijs
  {
    float:left;
    width:100px;
    font: bold 11px "Century Gothic";
    color:#067688;
  }

/*---------- Lidgeld ----------EINDE*/




/*---------- Overons ----------BEGIN*/

    #hoofdfoto iframe
    {
      width:931px;
      height:199px;
    }

  

  
  
  /*---------- Links ----------BEGIN*/
  
    #linkstop
    {
      background-image:url(../images/links_top.jpg);
      background-repeat:no-repeat;
      background-position:top leftt;
      width:248px;
      height:32px;
      padding:20px 0px 0px 60px;
    }
    
    .linkspunt
    {
      background-image:url(../images/nieuws_divider.gif);
      background-repeat:no-repeat;
      background-position:bottom;
      margin-left:60px;
      padding:10px 0px 10px 0px;
      width:238px;
      overflow:auto;
    }
    
    .link
    {
      line-height:20px;
      width:238px;
    }
  
  /*---------- Links ----------EINDE*/

/*---------- Overons ----------EINDE*/