﻿
@import url(menu.css);
img, div { behavior: url(iepngfix.htc) }

/***** MAIN ELEMENTS *****************************************************************************/ 

body
{
    background: #45590a  url(../images/bg.jpg) no-repeat center top  ;
    margin: 0 auto;
    padding: 0;
    font-family: 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(../images/menu_bg.png) repeat-y;
    margin: 0 auto;
    padding:0;

    
}

#header
{
    width: 958px;
    height: 328px;
    /*background: url(../images/header.png);*/
    margin: 0 auto;
    padding:0;
}

#wrapper
{
    background:url(../images/wrapper.png) repeat-y;
    width: 958px;
    float:left;
    
}

#contentvlak
{
    width: 886px;
    padding:0;
    margin:20px 0 0 0;
    padding: 0 0 0 36px;
    float:left;
}

#contentvlak
{
    width: 886px;
    padding:0;
    margin:20px 0 0 0;
    padding: 0 0 0 36px;
    float:left;
}

#contentvlak a
{
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 12px;
}

#text
{
    width:493px;
    float:left;
    margin:0;
    padding:0;
}

#modules
{
    width:373px;
	height: 100%;
    float:right;
    margin:0;
    padding:0;
}

#contactmodule
{
    width: 375px;
    height: 102px;
    background: url(../images/contactmodule.jpg);
    float:right;
    margin: 35px 0 0 0;
    padding: 0;
}

#kindervillamodule
{
    width: 375px;
    height: 102px;
    background: url(../images/kindervillamodule.jpg) no-repeat;
    float:right;
    margin: 25px 0 0 0;
    padding: 0;
}

.zoover
{
	width: 160px;
    height: 102px;
    float:right;
    margin: 25px 100px 0 0;
    padding: 0;
}

#footer
{
    background: url(../images/footer.png) repeat-y;
    width: 958px;
    height: 30px;
    float:left;
    margin: 0 auto;
}

#logo
{
    width: 250px;
    height:38px;
    background: url(../images/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:  Georgia, Verdana, Arial,;
    font-size: 18px;
    color: #9a4c12;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

ul
{
    margin: 0;
    padding: 0;
    font-family: 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(../images/phone.png) repeat-y;
    margin: 1px 0 0 0 ;
    float:left;
}

.mail
{
    width:18px;
    height: 13px;
    background: url(../images/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: Verdana, Arial, Georgia,;
    font-size: 10px;
    letter-spacing: 1px;
}

.unitedkingdom
{
    width:20px;
    height:12px;
    background:url(../images/unitedkingdom.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.germany
{
    width:20px;
    height:12px;
    background:url(../images/germany.jpg);
    margin:2px 0 0 10px;
    float: left;
}

.poland
{
    width:20px;
    height:12px;
    background:url(../images/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(../images/stuurbericht.png);*/
    margin:48px 40px 0 0;
    padding:0;
    float:right;
       
}

.stuurbericht a
{
    text-decoration: none;
}


.gaverder
{
    width:119px;
    height:36px;
    /*background: url(../images/ga.png);*/
    margin: 7px 40px 0 0;
    padding:0;
    float:right;
       
}

.gaverder a
{
    text-decoration: none;
}

.kindervillatext
{
    width: 326px;
    text-align: right;
    margin: 35px 0 0 0;
    color: #b4b4b4;
    letter-spacing: normal;
}

.clear
{
    clear: both;
    margin: 0;
    padding: 0;
}
#agendalink li {
  list-style-type: none;
  float: left;
  clear: left;
  font-size: 12px;
}

.thickbox img {border: 1px solid black;}