body
{
    behavior:url(../style/hover.htc);
    margin:0;
    font-family:Arial, Helvetica, Verdana;
    background:#fff url(../images/body_bg.gif) repeat-x;
    }
    
    .page_container{
    height: auto;
    margin:0 0 0 20px;
    }
    
    /*******| Full width |*********/
    .page_container,
    .highlight .project,
    .highlight .project img
    {width:966px;}
    
    /*******| width leftblock |*********/
    .nieuws,
    .direct,
    .highlight .project img
    {width:277px;}
    
    /*******| height topblock |*********/
    .nieuws,
    .header,
    .foto_sjabloon
    {height:287px;}
    
    /*******| height bottomblock |******/
    .direct,
    .banner
    {height:110px;}
    
    /*******| correct ie6 margin |******/
    .nieuws,
    .direct
    {_margin-right:-3px;}
    /***********************************/
    
    
    .nieuws{
    background: #d73312;
    float:left;
    }
    
    .nieuws h2
    {
        margin:0px 0px 0px 20px;
        padding:20px 0px 10px 0px;
        color:#fff;
        font-size:18px;
        }
    
    .nieuws ul
    {
        margin:0px 0px 0px 20px;
        padding:0px;
        list-style:none;
        font-size:12px;
        background:transparent url(../images/border-white.gif) repeat-x top;
        }
     
    .nieuws ul li
    {
        background:transparent url(../images/border-white.gif) repeat-x bottom;
        padding-top:1px;
        position:relative;
        height:67px;
        }
     
    .nieuws ul li a
    {
        padding:9px 15px 0px 0px;
        height:57px;
        display:block;
        text-decoration:none;
        background:transparent url(../images/arrow-red.gif) no-repeat right 43px;
        color:#f3e2dc;
        overflow:hidden;
        }
     
    .nieuws ul li a b
    {
        font-weight:bold;
        color:#fff;
        }
     
    .nieuws ul li p
    {
        margin:0;
        padding:0;
        }
     
    .nieuws ul li a:hover
    {
        color:#fff;
        background:transparent url(../images/arrow-green.gif) no-repeat right 43px; 
        }
        
    .nieuws a.nieuws{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:15px;
    margin-top:1px;
    height:auto;
    width:auto;
    float:right;
    padding:9px 26px 0 0 ;
        background:transparent url(../images/arrow-red.gif) no-repeat 90px 3px;
    }
    .nieuws a.nieuws:hover{
        background:transparent url(../images/arrow-green.gif) no-repeat 90px 3px;
    }
    /*.nieuws a.nieuws img{
    height:auto;
    width:auto;
    border:0;
    margin-bottom:-6px;
    }*/
    
    .header{
    background:transparent url(http://www.rotterdam2007.nl/programma/sitesandstories/images/37%20CityBuilding,%20Top%20010,%20Jan%20Helleman.jpg) no-repeat 0px 0px;
    float:left;
    width:689px;
    position:relative;
    }
    .foto_sjabloon{
    float:left;
    width:689px;
    _position:absolute; 
    _top:0px; 
    _left:0px; 
    _width:1px; 
    _z-index:3;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/foto_sjabloon.png', sizing='scale'); 
    }
    html>body .foto_sjabloon{
    float:left;
    width:689px;
    background:transparent url(../images/foto_sjabloon.png) no-repeat;
    }
    
    
    .highlight{
    background: #004f57;
    width: 100%;
    clear:both;
    height:216px;
    }
    .highlight .project{
    width:966px;
    height:216px;
    float:left;
    line-height:18px;
    position:relative;
    }
    .highlight .project .img{
    width:280px;
    height:216px;
    float:left;
    }
    .highlight .project .project{
    width:275px;
    height:172px;
    margin:20px 0px 20px 0px;
    }
    .highlight .project .text{
    width:666px;
    height:188px;
    float:left;
    margin-left:20px;
    color:#fff;
    font-size:14px;
    overflow:hidden;
    }
    .highlight .project .text h1{
    font-size:18px;
    clear:both;
    margin-right:436px;
    padding-top:15px;
    }
    .highlight .project a.verder{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:17px;
    margin-left:20px;
    }
    .highlight .project a.overzicht{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:17px;
    margin-left:20px;
    float:right;
    }
    .highlight .project a.verder img,
    .highlight .project a.overzicht img{
    width:16px;
    border:0;
    margin-bottom:-2px;
    }
    
    .direct{
    float:left;
    }
    .direct ul
    {
        margin:0px 0px 0px 20px;
        padding:0px;
        list-style:none;
        font-size:12px;
        }
    .direct ul li
    {
        padding-top:1px;
        position:relative;
        }
    .direct ul li a
    {
        padding:9px 10px 9px 0px;
        display:block;
        width:245px;
        color:#000;
        font-size:13px;
        font-weight:bold;
        text-decoration:none;
        background:transparent url(../images/arrow-nieuws.gif) no-repeat 233px 7px;
        }
    .direct ul li a:hover
    {
        color:#000;
        background:transparent url(../images/arrow-nieuws-hover.gif) no-repeat 233px 7px; 
        }
        
    .banner{
    background:#fff url(../images/shade_white.png) repeat-x;
    }
    
    /*******| width rightblock |*********/
    .servicemenu,
    .logo,
    .menu
    {width:414px;}
    /***********************************/
    
    .servicemenu{
    float:right;
    height:28px;
    padding-top:6px;
    position:absolute;
    top:0px;
    right:0px;
    z-index:5;
    text-align:right;
    }
    .servicemenu a
    {
    text-decoration:none;
    color:#000;
    font-size:11px;
    border-left:1px solid #000;
    padding:0px 5px;
    }
    .servicemenu a:hover
    {
    color:#d73312;
    }
    
    .logo{
    float:right;
    height:179px;
    position:absolute;
    top:34px;
    right:0px;
    z-index:8;
    }
    .logo img
    {
    margin:15px 0px 0px 150px;
    }
    
    .menu{
    float:right;
    height:132px;
    background:transparent;
    position:absolute;
    top:200px;
    right:0px;
    z-index:20;
    }
    .menu .headbutton{
    float:left;
    margin-left:7px;
    cursor:pointer;
    _position:absolute; 
    _top:0px; 
    _width:1px; 
    _z-index:20;
    }
    
    .woning{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_klant.png', sizing='scale');_left:0px;}
    .woning:hover{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_klant_active.png', sizing='scale');_left:0px;}
    .woning:active{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_klant_active.png', sizing='scale');_left:0px;}
    .woning-current{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_klant_current.png', sizing='scale');_left:0px;}
    
    .zoek{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_zoek.png', sizing='scale');_left:120px;}
    .zoek:hover{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_zoek_active.png', sizing='scale');_left:120px;}
    .zoek:active{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_zoek_active.png', sizing='scale');_left:120px;}
    .zoek-current{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_zoek_current.png', sizing='scale');_left:120px;}
    
    .info{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_info.png', sizing='scale');_left:240px;_left:240px;}
    .info:hover{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_info_active.png', sizing='scale');_left:240px;}
    .info:active{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_info_active.png', sizing='scale');_left:240px;}
    .info-current{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_info_current.png', sizing='scale');_left:240px;}


    html>body .headbutton{width:111px;height:112px;}
    
    html>body .woning{background:transparent url(../images/btn_klant.png) no-repeat;}
    html>body .woning:hover{background:transparent url(../images/btn_klant_hover.png) no-repeat;}
    html>body .woning:active{background:transparent url(../images/btn_klant_active.png) no-repeat;}
    html>body .woning-current{background:transparent url(../images/btn_klant_current.png) no-repeat;}
    html>body .woning-current:active{background:transparent url(../images/btn_klant_active.png) no-repeat;}
    
    html>body .zoek{background:transparent url(../images/btn_zoek.png) no-repeat;}
    html>body .zoek:hover{background:transparent url(../images/btn_zoek_hover.png) no-repeat;}
    html>body .zoek:active{background:transparent url(../images/btn_zoek_active.png) no-repeat;}
    html>body .zoek-current{background:transparent url(../images/btn_zoek_current.png) no-repeat;}
    html>body .zoek-current:active{background:transparent url(../images/btn_zoek_active.png) no-repeat;}
    
    html>body .info{background:transparent url(../images/btn_info.png) no-repeat;}
    html>body .info:hover{background:transparent url(../images/btn_info_hover.png) no-repeat;}
    html>body .info:active{background:transparent url(../images/btn_info_active.png) no-repeat;}
    html>body .info-current{background:transparent url(../images/btn_info_current.png) no-repeat;}
    html>body .info-current:active{background:transparent url(../images/btn_info_active.png) no-repeat;}