body
{
    font: 62.5%/1.5 Arial, Verdana, Tahoma, sans-serif;
    scrollbar-3dlight-color:#e8e4e1;
    scrollbar-arrow-color:#000;
    scrollbar-base-color:;
    scrollbar-track-color:;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:#d4d1ca;
    scrollbar-highlight-color:#d4d1ca;
    scrollbar-shadow-color:#d4d1ca;
    }

.page_container
{
    width:984px;
    height:587px;
    margin:auto;
    position:relative;
    background-image: url(../images/sjabloon.gif);
    }
div.oranje
{
    background-color:#f7a800;
    }
div.bruin
{
    background-color:#a37516;
    }
div.blauw
{
    background-color:#a3dbf4;
    }
div.grijs
{
    background-color:#b1b3b4;
    }
    
.page_container h1.logo
{
    width:308px;
    height:141px;
    position:absolute;
    top:25px;
    left:0px;
    z-index:100;
    margin:0px;
    padding:0px; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/Grubbehoeve-fase2.png', sizing='scale');
    }
.page_container h1.logo_home
{
    width:308px;
    height:141px;
    position:absolute;
    top:25px;
    left:0px;
    z-index:100;
    margin:0px;
    padding:0px; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Grubbehoeve-fase2.png', sizing='scale');
    }
html>body .page_container h1.logo,
html>body .page_container h1.logo_home
{  
    background:transparent url(../images/Grubbehoeve-fase2.png) no-repeat;  
    }
.page_container h1.logo span,
.page_container h1.logo_home span
{
    visibility:hidden;
    }
    
.page_container .foto
{
    position:absolute;
    top:46px;
    left:46px;
    z-index:10;
    }
    
.page_container .banner
{
    width:692px;
    height:339px;
    position:absolute;
    top:170px;
    left:214px;
    z-index:20;
    background:transparent url(../images/Grubbehoeve-OpenHuis.jpg) no-repeat;
    }
    
.page_container .menu
{
    width:156px;
    height:261px;
    position:absolute;
    top:170px;
    left:37px;
    z-index:20;
    background:#fff url(../images/menu_bg.gif) no-repeat;
    }
    
    
.page_container .menu ul
{
    list-style:none;
    margin:15px 0 0 0;
    padding:0;
}
.page_container .menu ul li
{
    margin: 0 0 7px 0;
    _margin: 0 0 11px 0;
}
.page_container .menu ul li a
{
    font-family:Century Gothic;
    font-size:12px;
    color:#a37516;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:-1px;
    line-height:1.6em;
    display:block;
    _float:left;
}
.page_container .menu ul li a:hover
{
    color:#b1b3b4;
}

.page_container .content_container
{
    width:502px;
    height:496px;
    position:absolute;
    top:46px;
    right:45px;
    z-index:50;
    background:#b1b3b4;
    overflow:auto;
    }


.content
{
    padding:10px 15px 0px;
    color:#000;
    }

.content h1
{
    font-size:1.8em;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
    }
.content h2
{
    font-size:1.6em;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
    }
.content h3
{
    font-size:1.4em;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
    }
.content h4
{
    font-size:1.3em;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
    }
.content h5,
.content h6,
.content h7
{
    font-size:1.2em;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
    }
.content p
{
    font-size:1.2em;
    padding:0;
    margin:0 0 10px 0;
    }
.content img
{
    border:0;
    }
.content div
{
    font-size:1.2em;
    padding:0;
    margin:0 0 10px 0;
    }
.content ul,
.content ol
{
    font-size:1.2em;
    padding:0;
    margin:0 0 10px 0;
    }
.content ul ul, 
.content ol ol, 
.content ul ol, 
.content ol ul
{
    font-size:1.0em;
    padding:0;
    margin:0 0 0px 0;
    }
.content li
{
    font-size:1.0em;
    padding:0;
    margin:0 0 0px 16px;
    }

.content table
{
    width:452px;
    font-size:1.2em;
    padding:0;
    margin:0 0 10px 0;
    border-top:1px solid #666;
    border-left:1px solid #666;
    }
.content th
{
    font-size:1.2em;
    padding:3px;
    margin:0;
    font-weight:bold;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    }
.content td
{
    font-size:1.0em;
    padding:3px;
    margin:0;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    }

.content form
{
    font-size:1.0em;
    padding:0;
    margin:0 0 10px 0;
    }
.content span
{
    font-size:1.0em;
    padding:0;
    margin:0;
    }
.content b,
.content strong
{
    font-size:1.0em;
    padding:0;
    margin:0;
    font-weight:bold;
    }
.content i,
.content em
{
    font-size:1.0em;
    padding:0;
    margin:0;
    font-style:italic;
    }
.content u
{
    font-size:1.0em;
    padding:0;
    margin:0;
    text-decoration:underline;
    }

.content a
{
    font-size:1.0em;
    padding:0;
    margin:0;
    color:#0068b8;
    text-decoration:none;
    border-bottom:1px solid #0068b8;
    }
.content a:hover
{
    color:#a3dbf4;
    border-bottom:0px solid #0068b8;
    }

.content .noborder,
.content .noborder td
{
    border:0px;
    }

.servicemenu
{
    position:absolute;
    bottom:0;
    right:0;
    }
.servicemenu a
{
    font-size:1.0em;
    padding:0;
    margin:0;
    color:#f7a800;
    text-decoration:underline;
    }
.servicemenu a:hover
{
    color:#f7a800;
    text-decoration:none;
    }