/* achtergrond en algemeen */
body { 
 margin : 0; 
 padding : 0; 
 font-family : Verdana, Arial, Helvetica, serif;
 font-size: 65%;
 background: url(../images/lp/back11.png) repeat-x top #ffffff; 
}

 
/* pagina indeling */

div#contentarea { 
 width : 771px; 
 padding : 0; 
 margin : 10px 0 0;
}
 
div#content { 
 position : absolute; 
 top : 110px;
 width: 771px; 
 left: 50%; margin-left: -400px; 
} 

#sidebar {float:left;width:250px;text-align:left;}
#lpcontent {float:right;width:511px;}

div#footerlogo { width : 771px; clear : both;} 
div#footernav { font-style : normal; font-weight : normal; font-size : 11px; line-height : 15px; height : 20px;
 background-color : #0099dd; color : #ffffff; width : 771px;} 
#footernav span{ margin : 1px 0 0 180px;}

div.clearfloats { clear : both; width : 0;}

/* header */

div#headernavigatie ul { margin: 0 0 0 260px; padding: 0;}
div#headernavigatie li { list-style: none; float: left;}
div#headernavigatie a { display: block; float: left; padding: 0 10px 0 10px; text-decoration : none; font-family :Arial, Helvetica, serif; font-size : 12px; font-weight : bold; line-height: 20px; color: #99ccff;}
div#headernavigatie a:hover { background-color:  #ee0000; color: #FFFFFF;}
div#header { position : absolute; top : 0; width: 771px; left: 50%; margin-left: -400px;} 
div#banner { width : 771px; height : 90px; background-color : #0099dd; padding : 0;} 
div#headerlogo { width : 160px; height : 90px; padding : 0; float : left;} 
#headerlogo img.logo { width : 160px; height : 68px; border : 0;} 
#headerlogo img.spacer1 { width : 53px; height : 14px; border : 0;} 
#headerlogo img.spacer2 { width : 6px; height : 14px; border : 0;} 
#headerlogo img.spacer3 { width : 154px; height : 8px; border : 0;} 
#headerlogo img.spacer4 { width : 6px; height : 8px; border : 0;} 
#headerlogo img.mail { width : 101px; height : 14px; border : 0;} 
div#headerfoto { width : 611px; height : 90px; padding : 0; float : left; border : 0;} 
#headerfoto img { width : 93px; border : 0;} 
#headerfoto img.eerste { width : 114px;} 
div#headernavigatie { width : 771px; height : 20px; background-color : #332277; padding : 0;} 
#headernavigatie img { height : 20px;margin : 0; padding : 0; border : 0; float : left;} 

/* SIDEBAR */
#sidebar .block {width:250px;color:#525252;margin-bottom:4px;position:relative;background:#99ccff;}
#sidebar .block a {display:block;padding:30px 18px 12px 18px;min-height:97px;_height:97px;position:relative;background:url(../images/lp/backlp01.png) repeat-x 0 0;text-decoration:none;}
#sidebar .block a:hover {border:1px solid #00ab36;margin:-1px;background:url(../images/lp/backlp01.png) repeat-x 0 0;}
#sidebar .block .bottom {width:250px;height:7px;background:url(../images/lp/backlp02.png) no-repeat 0 0;font-size:1px;line-height:1px;}
#sidebar .block a span, #sidebar .block a:hover span {cursor:pointer;}
#sidebar .block a span.header {font-size:1.3em;text-transform:uppercase;margin:0 0 0.667em 0;font-family:Verdana, Arial, Helvetica, sans-serif;display:block;font-weight:bold;color:#525252;}
#sidebar .block a span.paragraph {display:block;font-size:1.2em;line-height:1.333em;margin:0 0 1.333em 0;width:180px;color:#525252;}
#sidebar .block a span.link, #sidebar .block a:hover span.link {display:block;font-size:1.2em;background:url(../images/lp/pijl-block.png) no-repeat 0 4px;padding-left:12px;text-decoration:underline;}
#sidebar .block a img {border:none;text-decoration:none;position:absolute;right:5px;bottom:10px;cursor:pointer;height:60px;}


/* content */

/* CONTENT */
#lpcontent .block .home {color:#525252;margin-bottom:4px;min-height:439px;_height:439px;}
ul.vink {font-size: 1.2em; list-style: url(../images/lp/vink-klein.png);margin: 0px;
padding: 0px;}
ul.vink li {margin: 10px 0px 0px 17px;padding-left: 5px;}
div.button  {position:absolute;right:10px;}
#lpcontent ul {font-size:1.1em;line-height:1.364em;margin-top:0;margin-bottom:1.364em;}
#lpcontent .block .home img {margin:0;display:block;float:left;}
#lpcontent .block .home .right {float:left;padding:20px 0 0 10px;}
#lpcontent .block .home .right h1 {font-size:1.8em;line-height:1.2em;text-transform:none;margin:0;}
#lpcontent .block .home .right p {font-size:1.2em;line-height:1.333em;padding-top:1em;}
#lpcontent a.button {display:block;width:241px;height:48px;line-height:48px;background:url(../images/lp/button-offerte.gif) no-repeat 0 0;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.7em;color:#fff;text-decoration:none;}
#lpcontent a.button:hover {background-position:0 -48px;}
#lpcontent a.button span {background:url(../images/lp/pijl-button.gif) no-repeat 0 center;padding-left:15px;}
h2 {font-size:1.2em;line-height:1.333em;padding-top:1em;font-weight:bold;}
span.bellen {display:block; font-size:1em; line-height:2em; background:url(../images/lp/phone-klein.png) no-repeat 10px 0px; margin-top:10px; padding-left:40px; }

/* footer */

div#footernav a{
 color: #ffffff;
 text-decoration: none; 
}

div#footernav a:active, div#footernav a:hover {
 color: #ffcc00;
 text-decoration: none; 
}


