﻿body {background-color:#fff; margin-top:20px; position:relative; z-index:1;}
#paginacontainer {position:relative; width:850px; height:550px;  background-color:#FF7F07; padding-bottom:25px; margin:0 auto; position:relative; margin-bottom:20px; z-index:10; }

#hoofdmenu {width:850px; background-color:#FCFCFC;}
#hoofdmenu ul{width:850px; margin:0; padding:0; overflow:hidden;}
#hoofdmenu ul li {margin:0; padding:0; display:inline;  }
#hoofdmenu .wiezijnwe {background-image: url(/lib/images/wiezijnwe1.gif); width:159px; height:40px; }
#hoofdmenu .wiezijnwe_active {background-image: url(/lib/images/wiezijnwe3.gif); width:159px; height:40px; }
#hoofdmenu .wiezijnwe:hover {background-image: url(/lib/images/wiezijnwe2.gif); width:159px; height:40px; }
#hoofdmenu .watdoenwe {background-image: url(/lib/images/watdoenwe1.gif); width:146px; height:40px; }
#hoofdmenu .watdoenwe_active {background-image: url(/lib/images/watdoenwe3.gif); width:146px; height:40px; }
#hoofdmenu .watdoenwe:hover {background-image: url(/lib/images/watdoenwe2.gif); width:146px; height:40px; }
#hoofdmenu .waarzittenwe {background-image: url(/lib/images/waarzittenwe1.gif); width:154px; height:40px; }
#hoofdmenu .waarzittenwe_active {background-image: url(/lib/images/waarzittenwe3.gif); width:154px; height:40px; }
#hoofdmenu .waarzittenwe:hover {background-image: url(/lib/images/waarzittenwe2.gif); width:154px; height:40px; }
#hoofdmenu .referenties {background-image: url(/lib/images/referenties1.gif); width:146px; height:40px; }
#hoofdmenu .referenties_active {background-image: url(/lib/images/referenties3.gif); width:146px; height:40px; }
#hoofdmenu .referenties:hover {background-image: url(/lib/images/referenties2.gif); width:146px; height:40px; }
#hoofdmenu .vacatures {background-image: url(/lib/images/vacatures1.gif); width:245px; height:40px; background-repeat:no-repeat; }
#hoofdmenu .vacatures_active {background-image: url(/lib/images/vacatures3.gif); width:245px; height:40px;  background-repeat:no-repeat;}
#hoofdmenu .vacatures:hover {background-image: url(/lib/images/vacatures2.gif); width:245px; height:40px;  background-repeat:no-repeat;}
#hoofdmenu ul li a {text-decoration:none; display:block; float:left; text-indent:-9999px;}
#hoofdmenu ul li a img{margin:0; padding:0;}

#logo {position:absolute; top:405px; left:-260px; z-index:100000;}

#paginacontainer .left {float:left; width:365px; height:365px; margin-left:15px;}
#paginacontainer .left img {}

#contentvlak {width:415px; height:500px; position:relative; background-color:#fff; float:left; overflow:auto;  padding:0 20px 20px 20px;  overflow-x:hidden;}
#contentvlak h1 {font-family: Verdana; font-size:13px; color:#0b50c2; padding-bottom:10px; font-weight:bold; padding-left:30px; margin:10px 0 0 0;}
#contentvlak p {font-family: Verdana; font-size:10px; color:#000; margin-top:10px; width:350px; padding-left:31px; padding-right:20px;  line-height:14px;}
#contentvlak p a {color:#000; font-size:10px; font-family:Verdana;}
#contentvlak p a:hover {color:#FF7F07;}
#contentvlak h2 {margin-left:35px; margin-top:20px; color:#0A50A1; font-size:20px; font-weight:bold;}
#contentvlak ul {margin:10px 0 20px 35px;}
#contentvlak ul li {margin:0 0 2px 0; padding:0;font-family: Verdana; font-size:10px; color:#000; list-style-type:none;}
#contentvlak ul li.text {margin:0 0 2px 20px; padding:0;font-family: Verdana; font-size:10px; color:#000; list-style-position:inside; list-style-type: disc;}
#contentvlak ul li a {text-decoration:none; display:block; text-indent:-9999px;}
#contentvlak ul li a img{margin:0; padding:0;}
#contentvlak .huurder {background-image: url(/lib/images/menuitem1.gif); width:261px; height:26px; }
#contentvlak .huurder.active {background-image: url(/lib/images/menuitem1_active.gif); width:261px; height:26px; }
#contentvlak .huurder:hover {background-image: url(/lib/images/menuitem1_active.gif); width:261px; height:26px; }
#contentvlak .vertegenwoordigers {background-image: url(/lib/images/menuitem2.gif); width:261px; height:26px; }
#contentvlak .vertegenwoordigers.active {background-image: url(/lib/images/menuitem2_active.gif); width:261px; height:26px; }
#contentvlak .vertegenwoordigers:hover {background-image: url(/lib/images/menuitem2_active.gif); width:261px; height:26px; }
#contentvlak .verassen {background-image: url(/lib/images/menuitem3.gif); width:261px; height:26px; }
#contentvlak .verassen.active {background-image: url(/lib/images/menuitem3_active.gif); width:261px; height:26px; }
#contentvlak .verassen:hover {background-image: url(/lib/images/menuitem3_active.gif); width:261px; height:26px; }
#contentvlak .keuken {background-image: url(/lib/images/menuitem4.gif); width:261px; height:26px; }
#contentvlak .keuken.active {background-image: url(/lib/images/menuitem4_active.gif); width:261px; height:26px; }
#contentvlak .keuken:hover {background-image: url(/lib/images/menuitem4_active.gif); width:261px; height:26px; }
#contentvlak .rekenen {background-image: url(/lib/images/menuitem5.gif); width:261px; height:26px; }
#contentvlak .rekenen.active {background-image: url(/lib/images/menuitem5_active.gif); width:261px; height:26px; }
#contentvlak .rekenen:hover {background-image: url(/lib/images/menuitem5_active.gif); width:261px; height:26px; }
#contentvlak .eindhoven {background-image: url(/lib/images/eindhoven.gif); width:261px; height:26px; }
#contentvlak .eindhoven_active {background-image: url(/lib/images/eindhoven_active.gif); width:261px; height:26px; }
#contentvlak .eindhoven:hover {background-image: url(/lib/images/eindhoven_active.gif); width:261px; height:26px; }
#contentvlak .breda {background-image: url(/lib/images/breda.gif); width:261px; height:26px; }
#contentvlak .breda_active {background-image: url(/lib/images/breda_active.gif); width:261px; height:26px; }
#contentvlak .breda:hover {background-image: url(/lib/images/breda_active.gif); width:261px; height:26px; }
#contentvlak .maastricht {background-image: url(/lib/images/maastricht.gif); width:261px; height:26px; }
#contentvlak .maastricht_active {background-image: url(/lib/images/maastricht_active.gif); width:261px; height:26px; }
#contentvlak .maastricht:hover {background-image: url(/lib/images/maastricht_active.gif); width:261px; height:26px; }
#contentvlak .delier {background-image: url(/lib/images/delier.gif); width:261px; height:26px; }
#contentvlak .delier_active {background-image: url(/lib/images/delier_active.gif); width:261px; height:26px; }
#contentvlak .delier:hover {background-image: url(/lib/images/delier_active.gif); width:261px; height:26px; }
#contentvlak .hertogenbosch {background-image: url(/lib/images/hertogenbosch.gif); width:261px; height:26px; }
#contentvlak .hertogenbosch_active {background-image: url(/lib/images/hertogenbosch_active.gif); width:261px; height:26px; }
#contentvlak .hertogenbosch:hover {background-image: url(/lib/images/hertogenbosch_active.gif); width:261px; height:26px; }
#contentvlak .amsterdam {background-image: url(/lib/images/amsterdam.gif); width:261px; height:26px; }
#contentvlak .amsterdam_active {background-image: url(/lib/images/amsterdam_active.gif); width:261px; height:26px; }
#contentvlak .amsterdam:hover {background-image: url(/lib/images/amsterdam_active.gif); width:261px; height:26px; }
#contentvlak .nieuwegein {background-image: url(/lib/images/nieuwegein.gif); width:261px; height:26px; }
#contentvlak .nieuwegein_active {background-image: url(/lib/images/nieuwegein_active.gif); width:261px; height:26px; }
#contentvlak .nieuwegein:hover {background-image: url(/lib/images/nieuwegein_active.gif); width:261px; height:26px; }

#contentvlak .afbeelding {margin-left:30px;}
#contentvlak .afbeelding img {border:2px solid #FF7F07;}
#flashbanner {width: 455px; height:155px; left:0px; position:absolute; bottom:0px; padding:0px; margin:0px; overflow:hidden;}
#flashContent {padding-left: 30px;}
#contentvlaklinks { background-color:#fff; width:250px; height:500px; padding:0 0px 20px 0px; margin-left:15px; float:left;}
#contentvlaklinks p {color:#003399; font-family:Verdana; font-size:12px; margin:0; padding:10px 0 0 10px; font-weight:bold;}
#contentvlaklinks a {color:#003399; font-family:Verdana; font-size:12px; margin:0; padding:10px 0 0 10px; font-weight:bold; display:block;}
#contentvlakblauw { background-color:#0a50a1; width:548px; height:520px; float:left; padding-left:20px; overflow:auto; }
#contentvlakblauw h1 {color:#FF7F07; font-family:Verdana; font-size:12px; margin:0 0 10px 0; padding:10px 20px 5px 0; font-weight:bold; border-bottom:1px solid #FF7F07;}
#contentvlakblauw .project {overflow:hidden; width:480px; padding-bottom:20px;  margin-top:10px;}
#contentvlakblauw .project p.title {color:#ffffff; font-family:Verdana; font-size:10px;}
#contentvlakblauw .project img.gif {border:2px solid #FF7F07; margin-top:10px; float:left;} 
#contentvlakblauw .project p.omschrijving {float:left; width: 180px; color:#ffffff; font-family:Verdana; font-size:10px;  margin-top:10px; margin-left:20px;}

#footer {position:absolute; bottom:-20px; right:0; color:#0950a0; font-family:Verdana, Arial; font-size:10px; font-weight:bold;}
#footer a{ color:#0950a0; font-family:Verdana, Arial; font-size:10px; font-weight:bold; text-decoration:underline;}
#footer a:hover{ color:#156595; text-decoration:none;}

