﻿
@import url(menu2.css);
img, div { behavior: url(iepngfix.htc) }


/***** MAIN ELEMENTS *****************************************************************************/ 

body
{
    background: #0088b1  url(../images2/bg.jpg) no-repeat center top  ;
    margin: 0 auto;
    padding: 0;
    font-family: Lucida Sans Unicode, verdana;color: #000;font-size: 11px;
    letter-spacing: normal;
    line-height: 18px;
    height: 100%;

}

#container

{
    width: 958px;
    height: 100%;
    padding:0;
    margin: 0 auto;

}

#topper
{
    width:916px;
    height:52px;
    margin:0 auto ;
    padding:0;
    
}

#menu
{
    width:958px;
    height: 60px;
    background: url(../images2/menu_bg.png) repeat-y;
    margin: 0 auto;
    padding:0;

    
}

#header
{
    width: 958px;
    height: 328px;
    background: url(../images2/header.png);
    margin: 0 auto;
    padding:0;
}

#wrapper
{
    background: url(../images2/wrapper.png) repeat-y;
    width: 958px;
    /*height: 440px;*/
    float:left;
    
}

#contentvlak
{
    width: 886px;
    padding:0;
    margin:20px 0 0 0;
    padding: 0 0 0 36px;
    float:left;
}

#text
{
    width:493px;
    float:left;
    margin:0;
    padding:0;
}

#modules
{
    width:373px;
    float:right;
    margin:0;
    padding:0;
}

#contactmodule
{
    width: 375px;
    height: 102px;
    background: url(../images2/contactmodule.jpg);
    float:right;
    margin: 35px 0 0 0;
    padding: 0;
}

#kindervillamodule
{
    width: 375px;
    height: 102px;
    background: url(../images2/zorza.jpg) no-repeat;
    float:right;
    margin: 25px 0 0 0;
    padding: 0;
}

#footer
{
    background: url(../images2/footer.png) repeat-y;
    width: 958px;
    height: 30px;
    float:left;
    margin: 0 auto;
}

#logo
{
    width: 250px;
    height:38px;
    background: url(../images2/logo.jpg) ;
    margin:0 0 0 0px;
    padding:0;
    float:left;
}

#topperinfo
{
    width: 475px;
    height:18px;
    margin:27px 0 0 0;
    padding:0;
    float: right;
    
}
/***** STANDAARDS *****************************************************************************/
h1
{
    font-family:  Lucida Sans Unicode, Georgia, Verdana, Arial,;
    font-size: 18px;
    color: #0088b1;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

ul
{
    margin: 0;
    padding: 0;
    font-family: Lucida Sans Unicode, Verdana, Arial, Georgia;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
}

li
{
    display: inline;
    margin: 0;
    padding: 0;
}

p
{
    margin:10px 0 10px 0;
    padding:0;
}

/***** CLASSES *****************************************************************************/

.phone
{
    height: 13px;
    width:18px;
    background: url(../images2/phone.png) repeat-y;
    margin: 1px 0 0 0 ;
    float:left;
}

.mail
{
    width:18px;
    height: 13px;
    background: url(../images2/mail.png) no-repeat;
    margin: 4px 0 0 0 ;
    float:left;
}

.notopmargin
{
    padding:0;
    margin:0 24px 0 12px;
    float: left;
    color: #fff;
    font-family: Lucida Sans Unicode, Verdana, Arial, Georgia,;
    font-size: 10px;
    letter-spacing: 1px;
}

.unitedkingdom
{
    width:20px;
    height:12px;
    background:url(../images2/unitedkingdom.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.germany
{
    width:20px;
    height:12px;
    background:url(../images2/germany.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.poland
{
    width:20px;
    height:12px;
    background:url(../images2/poland.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.holland
{
width:20px;
    height:12px;
    background:url(../images/holland.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.line
{
    width:493px;
    height: 1px;
    background: url(../images/line.jpg) repeat-x;
    margin: 10px 0 0 0;
}

.stuurbericht
{
    width:119px;
    height:36px;
    background: url(../images2/stuurbericht.png);
    margin:48px 40px 0 0;
    padding:0;
    float:right;
    cursor: pointer
       
}


.gaverder
{
    width:119px;
    height:36px;
    background: url(../images2/gaverder.png);
    margin: 7px 40px 0 0;
    padding:0;
    float:right;
    cursor: pointer
       
}

.kindervillatext
{
    width: 326px;
    text-align: right;
    margin: 35px 0 0 0;
    color: #b4b4b4;
    letter-spacing: normal;
}

.flash
{
    width: 916px;
    height: 328px;
    margin: 0 auto;
    padding:0;
}

