@import url(menu.css);
img, div { behavior: url(iepngfix.htc) }

html {
    
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
     overflow-x: hidden;
}

body 
{
    background: #eeeeee  url(images/bg.jpg) repeat-x ;
    font-family: Lucida Sans Unicode; color: #000;font-size: 11px;
    margin: 0 auto;
    padding: 0;

}


#container
{
    width: 978px;
    height: 100%;
    margin:0 auto;
    padding:0;
}

#topper
{
    width: 978px;
    height: 103px;
    background:  url(images/logo.png);
    margin: 0;
    padding: 0;
}

#menu
{
    width: 100%;
    height: 23px;
    margin: 0;
    padding: 0;
}

ul
{
    width: 563px;
    height: 23px;
    margin: 0 0 0 0;
    padding: 0 0 0 33px;
    float: left;
    
}

li
{
    display: inline;
}

#menu li a
{
    margin-right: 3px;
}

#settings
{
    width: 385px;
    width: 276px;
    height: 23px;
    margin: 0;
    padding: 0;
    float:right;
}

#up a
{
    width: 37px;
    height: 23px;
    background: url(images/up.png);
    margin: 0 4px 0 19px;
    padding: 0 0 0 0;
    float: left;
}

#up a:hover
{
    width: 37px;
    height: 23px;
    background: url(images/up_over.png);
    margin: 0 4px 0 19px;
    padding: 0 0 0 0;
    float: left;
}

#down a
{
    width: 37px;
    height: 23px;
    background: url(images/down.png);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

#down a:hover
{
    width: 37px;
    height: 23px;
    background: url(images/down_over.png);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

#english a
{
    width:62px;
    height:23px;
    margin: 0 4px 0 19px;
    background: url(images/english.png);
    float: left;
}

#english a:hover
{
    width:62px;
    height:23px;
    margin: 0 4px 0 19px;
    background: url(images/english_over.png);
    float: left;
}

#nl a
{
    width:62px;
    height:23px;
    background: url(images/nl.png);
    float: left;
}

#nl a:hover
{
    width:62px;
    height:23px;
    background: url(images/nl_over.png);
    float: left;
}

.ingeklapt
{
    width: 978px;
    height: 98px;
    background: url(images/flash_ingeklapt.png);
    padding: 0;
    margin:0;
    overflow: hidden;
}

.flash
{
    width: 978px;
    height: 435px;
    padding: 0;
    margin:0;
    float: left;
    overflow: hidden;
}

/* The two classes above correspond exactly to the id's below.
 * They are initialised at toHide not visible. If it is the
 * home page, appropriate styles will be added in the header later.
 */
#toggleText {height: 98px;}
#toHide {height: 0;}

#contentvlak
{
    width: 530px;
    margin: 0;
    padding: 0;
    float: left;
    font-family: Lucida Sans Unicode, Verdana; color: #565656; font-size: 11px; line-height: 24px;
}

#contactmodule
{
    width: 539px;
    height: 299px;
    background: url(images/contactvlak.png);
    margin: 0;
    padding: 24px 0 0 0;
    float: left; 
}

#more
{
    width: 417px;
    height: 322px;
    background: url(images/morefbi.png);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: right;
    
}

#contentvlak p
{
    width: 480px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h1
{
    font-family: Verdana, Arial; font-weight: bold; color:#c34040; font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}

h2
{
    font-family: Verdana, Arial; font-weight: bold; color:#c34040; font-size: 14px;
    margin: 0 0 13px 0;
    padding: 0 0 0 0;
}

#tip_een
{
    width: 365px;
    height: 76px;
    margin: 24px 0 0 0;
    padding: 0 0 0 17px;
    float: left;
    font-family: verdana; font-size: 12px; color: #000;
}

#tip_twee
{
    width: 365px;
    height: 76px;
    margin: 24px 0 0 0;
    padding: 0 0 0  17px;
    float: left;
    font-family: verdana; font-size: 12px; color: #000;
}

.tip
{
    width: 365px;
    height: 76px;
    margin: 24px 0 0 0;
    padding: 0 0 0  17px;
    float: left;
    font-family: verdana; font-size: 12px; color: #000;
}

#nieuwbrief
{
    width: 365px;
    height: 76px;
    margin: 24px 0 0 0;
    padding: 0 0 0  17px;
    float: left;
    font-family: verdana; font-size: 12px; color: #000;
}

#input
{
    width:265px;
    height:32px;
    /*background: url(images/inputbg.png);*/
    margin:0;
    padding:0;
    float:left;
}

.contactinput
{
    width:486px;
    height:40px;
    margin:0 0 0 24px;
    padding:0 0 0 0;
    float:left;
}

td.contacthead h2 {
  margin-left: 24px;
}

.contactinput_twee
{
    width:486px;
    height:65px;
    margin:0 0 0 24px;
    padding:0 0 0 0;
    float:left;
}

.contactfield
{
   
    width:260px; 
    height:24px; 
    border: 0; 
    padding: 8px 0 0 5px;
    margin: 0 0 0 0px;
    background: url(images/contact_inputbg.png) no-repeat;
    float: right;
}

/* new contact form styles */
.contactfield input, .contactfield_twee textarea {
  width: 240px;
  border: none;
}
.contactfield_twee textarea {
  height: 40px;
}

.rules
{
    width: 35px;
    height: 25px;
    font-size: 16px;
    color: #888;
    padding: 0 0 0 17px;
}
.info {
  visibility: hidden;
  position: absolute;
}

.verzenden button
{
    width: 90px;
    height:38px;
    background: url(images/verzend.png);
    float: right;
    margin: 6px 30px 0 0;
    padding: 0;
    border: none;
}

/* end new contact */

.contactfield_twee
{
   
    width:260px; 
    height:43px; 
    border: 0; 
    padding: 8px 0 0 5px;
    margin: 0 0 0 0px;
    background: url(images/contact2_inputbg.png) no-repeat;
    float: right;
}

.sterretje
{
    width: 15px;
    height: 25px;
    background: url(images/sterretje.png);
    margin:0 0 0 17px;
    padding:0;
    float: right;
}

#verzendknop a
{
    width: 89px;
    height: 32px;
    background: url(images/verzend.jpg);
    margin: 0;
    padding: 0;
    float: left;
}

#verzendknop button
{
    width: 89px;
    height: 32px;
    margin: 0;
    padding: 0;
    background: url(images/verzend.jpg);
    float: left;
    border: none;
}

.field
{
    background-image:url(images/inputbg.png);
    background: transparant;
    width:255px; height:22px; border: 0; padding: 10px 0 0 10px;
}

.rasterline
{
    background: url(images/rasterline.png);
    width:352px;
    height: 3px;
    margin: 21px 0 0 0;
    padding:0;
}

.pijl a
{
    width: 23px;
    height: 25px;
    background: url(images/pijl.png);
    margin: 65px 0 0 0;
    padding:0;
    float: left;
}

#footerline
{
    background-color: #707070;
    height: 1px;
    width: 100%;
    margin: 45px 0 10px 0;
    padding: 0;
    float: left;
}

#footer
{
    width: 100%;
    height: 167px;
    background: url(images/footer.png) repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}

#footercontainer
{
    width: 978px;
    height: 167px;
    margin:0 auto;
    padding:0;
}

#footer_logo
{
    width: 125px;
    height: 161px;
    background: url(images/footer_logo.png) no-repeat;
    margin:0;
    padding:0;
    float: left;
}

.contact
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    margin: 30px 50px 0 0;
    padding: 0 0 0 0;
    float: left;
}

.minimenu
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
    float: right;
}

.minimenu a
{
    color: #fff;
    text-decoration: none;
}

.minimenu a:hover
{
    color: #868686;
}

.marginsheader
{
    margin: 7px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    display:inline; 
}

.verzenden a
{
    width: 90px;
    height:38px;
    background: url(images/verzend.png);
    float: right;
    margin: 6px 30px 0 0;
    padding: 0;
}

.pageback, .pageforward {
    display: block;
    float: left;
    text-decoration: none;
    color: #c34040;
    font-size: 14px;
    width: 40px;
}

.clear
{
    clear: both;
}

.communities
{
    width: 202px;
    height: 80px;
    margin: 0;
    padding: 0 0 0 0;
    float: right;
}

.twitter
{
    width: 62px;
    height: 14px;
    margin:20px 0 0 0;
    background-image: url(images/twitter_logo_header.png);
    float: right;
}

.linkedin
{
    width: 54px;
    height: 14px;
    margin:20px 10px 0 0;
    background-image: url(images/linkedin_logo.png);
    float: right;
}