html,body {
    margin: 0px;
    padding: 0px;
    background-color: #0f1314;
    font-family: "Arial","Microsoft Sans Serif", "MS Sans Serif", "Verdana";
    font-size: 12px;
    color: #FFFFFF;
    line-height: 18px;
    height: 100%;
    background-image: url(../images/ferrocal_background.jpg);
}

table,td {
    font-size: 12px;
}

div {
    line-height: 18px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

img {
    border: none;
}

a.but1 {
            float:left;
            display:block;
            width:196px;
            height:31px;
            background: url(../images/buttons/home.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px;     
}

a.but1:hover {
            background: url(../images/buttons/home.jpg) -198px 0;
}

/*a.but1:hover {
            background: url(../images/buttons/home.jpg) -197px 0;
}*/

a.but2 {
            float:left;
            display:block;
            width:150px;
            height:31px;
            background: url(../images/buttons/company.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 
          
           /* margin-right: 20px;*/      
}

a.but2:hover {
            background: url(../images/buttons/company.jpg) -151px 0;
}
a.but3 {
            float:left;
            display:block;
            width:136px;
            height:31px;
            background: url(../images/buttons/collectie.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 

           /* margin-right: 20px;*/      
}

a.but3:hover {
            background: url(../images/buttons/collectie.jpg) -136px 0;
}
a.but4 {
            float:left;
            display:block;
            width:158px;
            height:31px;
            background: url(../images/buttons/mailinglist.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 

           /* margin-right: 20px;*/      
}

a.but4:hover {
            background: url(../images/buttons/mailinglist.jpg) -158px 0;
}
a.but5 {
            float:left;
            display:block;
            width:141px;
            height:31px;
            background: url(../images/buttons/contact.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 

           /* margin-right: 20px;*/      
}

a.but5:hover {
            background: url(../images/buttons/contact.jpg) -141px 0;
}
a.but6 {
            float:left;
            display:block;
            width:176px;
            height:31px;
            background: url(../images/buttons/links.jpg)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 
            background-color: #0f1314;
           /* margin-right: 20px;*/      
}

a.but6:hover {
            background: url(../images/buttons/links.jpg) -179px 0;
              
}
a.but7 {
            float:left;
            display:block;
            width:153px;
            height:20px;
            background: url(../images/buttons/links.gif)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 

           /* margin-right: 20px;*/      
}

a.but7:hover {
            background: url(../images/buttons/links.gif) -156px 0;
}
a.but8 {
            float:left;
            display:block;
            width:153px;
            height:20px;
            background: url(../images/buttons/pluumpje_button_08.gif)  0 0 no-repeat;
            text-indent:-9999px;
            text-decoration: none;
            border-bottom: 0px; 

           /* margin-right: 20px;*/      
}

a.but8:hover {
            background: url(../images/buttons/pluumpje_button_08.gif) -156px 0;
}



td.inschrijfformulier {
    font-family: "Microsoft Sans Serif", "MS Sans Serif", "Verdana";
    font-size: 11px;
    color: #575656;
    line-height: 18px;
    padding: 7px;
    border-bottom: 1px dashed #575656;
}

input.inschrijfformulier {
    height: 20px;
    width: 150px;
    font-size: 11px;
}

div.flipdiv {
    display: none;
}

div.container {
    position: relative;
    left: 50%;
    top: 20px;
    margin-left: -480px;
    width: 960px;
    display: block;
    background-image: url(../images/ferrocal_spacer.gif);
}

div.top {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 33px;
    background-image: url(../images/ferrocal_top.jpg);
}

div.bottom {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 37px;
    border-bottom: 1px solid #636468;
      background-image: url(../images/ferrocal_bottom.jpg);
}

div.kop {
    position: relative;
    margin-left: 0px;
    height:113px;
    width: 960px;
}

div.menu {
    position: absolute;
    left: 1px;
    top: 271px;
    width: 960px;
    text-align: left;
}

span.titel {
    font-family: "Microsoft Sans Serif", "MS Sans Serif", "Arial";
    font-variant: small-caps;
    font-weight: bold;
    color: #a3a09d;
    font-size: 14px;
    letter-spacing: 0px;
}

span.normaal {
    font-family: "Microsoft Sans Serif", "MS Sans Serif, Verdana";
    font-size: 11px;
    line-height: 18px;
}

span.onderschrift {
    font-family: "Microsoft Sans Serif", "MS Sans Serif, Verdana";
    font-size: 9px;
    line-height: 18px;
}


A:link                  {text-decoration: none; color: #0093d6; font-size: 12px;}
A:visited               {text-decoration: none; color: #0093d6; font-size: 12px;}
A:active                {text-decoration: none; color: #0093d6; font-size: 12px;}
A:hover                 {text-decoration: none; color: #b8b6b5; font-size: 12px;}

A.m_link:link         {text-decoration: underline; color: #B4C6DF; font-size: 9px;}
A.m_link:visited      {text-decoration: none; color: #B4C6DF; font-size: 9px;}
A.m_link:active       {text-decoration: none; color: #B4C6DF; font-size: 9px;}
A.m_link:hover        {text-decoration: underline; color: #908d8a; font-size: 9px;}

A.informatie:hover      {text-decoration: none; color: #2bafcd;}
A.nieuws:hover          {text-decoration: none; color: #11b99f;}
A.fotos:hover           {text-decoration: none; color: #d0b949;}
A.inschrijven:hover     {text-decoration: none; color: #e28636;}
A.clubblad:hover        {text-decoration: none; color: #e85ea8;}
A.competitie:hover      {text-decoration: none; color: #76a52f;}
A.links:hover           {text-decoration: none; color: #e4534e;}

div.links {
    position: relative;
    display: block;
    margin-left: 25px;    width: 190px;
    float: left;
    margin-right: 20px;
    color: #915237;
    padding-top: 10px;
}

div.links a {
  color: #CECECE;
font-family: "Verdana","Microsoft Sans Serif", "MS Sans Serif", "Verdana";
}

div.links a:hover {
  color: #FBFBFB;
  text-decoration: none;
  font-size: 12px;
}

div.rechts {
    overflow: hidden;
    position: relative;
    display: table-cell;
    width: 600px;
    margin-top: 20px;
}


div.rechts a {
   font-size: 12px;
   text-decoration: underline;
}


div.rechts2 {
    overflow: hidden;
    position: relative;
    display: table-cell;
    width: 420px;
    margin-top: 20px;
}

div.rechts_foto {
    overflow: hidden;
    position: relative;
    display: table-cell;
    width: 933px;
    margin-top: 0px;
    padding-left: 14px;
    
}

ul {
    margin-top: -2px;
    padding-left: 15px;
}