html {
    background-color: #ffffff;
    background-image:url(./img/bg_top.jpg);
    background-position:top left;        
    background-repeat:repeat-x;

}

body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, ãBitstream Vera SansÓ, sans-serif;
    font-size: 12Px;
    color:#525252;
    height:auto;    
    cursor: default;
    background-image:url(./img/bg_bottom.jpg);
    background-position:bottom left;        
    background-repeat:repeat-x;
    line-height:20px;
    letter-spacing:1px

}

    /* css slider */
    #figure { display: block; width: 100%; height: 100%; margin: 0 }
    #figcaption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; width:600px; z-index: 50; background: black; background: rgba(0,0,0,0.7); color: white; border: 1px solid #c2c2c2;;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }   

    
@font-face {
    font-family: 'BankGothicMdBTMedium';
    src: url('./font/bgothm-webfont.eot');
    src: url('./font/bgothm-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/bgothm-webfont.woff') format('woff'),
         url('./font/bgothm-webfont.ttf') format('truetype'),
         url('./font/bgothm-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight:normal;
    font-style: normal;

}
    
h2 {
    font-size: 22px;
    font-weight: normal;
}

h3 {
    font-family: 'BankGothicMdBTMedium';
    font-size: 18px;
    margin-bottom: 15px;
}

td #text {
    display:block; 
    height:12px; 
    width:298px;
    padding: 5px;
    margin: 0px;
    font-weight: normal;
    background-color:#efefef;
    border: 1px solid #c2c2c2;
} 

td #textarea {
    display:block; 
    height:100px; 
    width:308px;
    margin: 0px; 
    background-color:#efefef;
    border: 1px solid #c2c2c2;
} 



#koptext    {
    font-size: 14px;
    font-weight: bold;
    top:20px;
    }
  
  a {color: #525252; font-size:12px; text-decoration:none}
  a:hover {color: #307294;text-decoration:none;    }
  a:active {color: #525252;    text-decoration:none;}
  
        

#text {
    font-size:12px;
    float:left; 
    clear:both;
    margin-left:22Px;
    margin-top:10px;
    font-weight: bold;
    } 

#position {
    display: block;
    height: 120px;
    width: 323px;
    background-image:url("./img/position.jpg");
}    

#position:hover {
    background-image:url("./img/position_o.jpg");
}    
    
.verzendknop {
    display: block;
    height: 19px;
    width: 110px;
    padding: 5px 15px;
    font-size: 16px;
    background-color: #efefef;
    border: 1px solid #c2c2c2;
    color:#525252;
}

/*------------------ social media --------------*/

#twitter {
    display: block;
    float:left;
    margin-right:5px;
    height: 30px;
    width: 30px;
    background-image:url("./img/twitter_bw.png");
}    

#twitter:hover {
    background-image:url("./img/twitter.png");
}    

#linkedin {
    display: block;
    float:left;
    margin-right:5px;
    height: 30px;
    width: 30px;
    background-image:url("./img/linkedin_bw.png");
}    

#linkedin:hover {
    background-image:url("./img/linkedin.png");
}