/**************************************************
                    CSS RESET
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
html {  overflow: -moz-scrollbars-vertical; }
body {
    font-weight:normal;
    font-family:Arial;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1em;
    font-size: 15px;
    /*color: white;*/
    width:100%;
    

    
}
hr { height:1px; border:none; color:#DDD; background-color:#DDD; }
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/***********************************************************************
    
    EINDE RESET!                        
    ************************
    NIET AANKOMEN, STYLES HIERONDER DEFINIËREN
    
************************************************************************/

body{                               background:#3c3e3d;                        
                                    font-family:Arial, Helvetica, sans-serif;
                                    font-size:12px;
                                    line-height:20px;
                                    color:#313131;}

a{                                    color:#7e7943;
                                    text-decoration:none;}


a:hover {                            text-decoration:underline;}

h1{                                    color:#7e7943;
                                    font-size:22px;
                                    font-family:Times;
                                    margin:10px 0px 15px 0px;}
                                    
h4{                                    color:#7e7943;
                                    font-size:18px;
                                    font-family:Times;
                                    margin:10px 0px 15px 0px;}
strong {                            color:#7e7943; 
                                    
                                    font-size:14px;                            }
                                    
h2{                                    font-size:15px;
                                    margin:10px 0 15px 0px;
                                    text-transform:uppercase;
                                    color:#7e7943;}    
                                    
h3{                                    font-size:13px;
                                    font-weight:bold;
                                    margin-bottom:10px;}    

h1, h2{                                font-weight:normal;}

.nieuwsPopup{display:none; padding:10px;}
.pp_inline{padding-left:10px; line-height:20px;}
.pp_inline img{display:none;}
.nieuws_item.frontpage img{width:90% !important; height:auto;}

.polaroid{                            background: url(../images/imgshadow.png);
                                    background-repeat: no-repeat;
                                    background-position: right bottom;
                                    padding: 5px 10px 10px 5px;}                    

#header{                            width:980px;
                                    height:50px;
                                    margin:0px auto;
                                    padding:0px;}

#sinds{                                display:block;
                                    float:right;
                                    width:68px;
                                    margin:20px 18px 0px 0px;}

a#home_link{                        display:block;
                                    float:left;
                                    width:533px;}

#outer_container{                    width:980px;
                                    height:100%;
                                    margin:0px auto;
                                    padding:0px;}
                        
#inner_top{                            width:980px;
                                    height:16px;
                                    background:url(../images/page_top.png);
                                    background-repeat: no-repeat;
                                    background-position: top left;}    
                        
#inner_container{                    padding:0px 20px;
                                    width:940px;
                                    overflow:hidden;
                                    background:url(../images/page_bg.png);
                                    background-repeat:repeat-y;
                                    background-position: top left;}
                        
ul#main_menu{                        margin: 25px 5px;
                                    padding: 0px;
                                    padding-right:1px;
                                    float: left;
                                    width: 926px;
                                    height:30px;
                                    border:1px solid #cacaca;}
                        
ul#main_menu li{                    float:left;
                                    height:28px;
                                    padding:1px 0px;}
                        
ul#main_menu li a{                    display:block;
                                    background:none;
                                    padding:0px 4px;
                                    margin:0px 1px;
                                    height:28px;
                                    line-height:28px;
                                    float: left;
                                    text-align:center;
                                    text-decoration: none;
                                    color:#646665;
                                    font-size:14px;
                                    text-transform:uppercase;
                                    outline-style:none;}

ul#main_menu li.active a,
ul#main_menu li a:hover{            background:#a9a682;
                                    color:white;}
                                
ul#main_menu li.last a{                margin-right:0px;
                                    padding:0 13px 0 12px;}                    

#highlights{                        float:left;
                                    padding:25px;
                                    padding-top:26px;
                                    width:890px;
                                    height:197px;
                                    
                                    border-top:1px solid #e6e5da;
                                    margin-bottom:25px;
                                    background:url(../images/highlights_bg2.gif);
                                    background-repeat:repeat-x;
                                    background-position: top left;}
                                    
#highlights.nopadding{ padding:3px 0 7px 0 !important;width:940px; height:237px;}

#highlights h1{                        font-size:48px; 
                                    line-height:48px; 
                                    font-family:Times; 
                                    color:#7E7B59;
                                    margin-top:40px;}
                                
div.highlight{                        float:left;
                                    width:211px;
                                    height:177px;
                                    padding-top:20px;
                                    margin-right:15px;
                                    text-align:center;}

div.highlight a{                    display:block;
                                    width:90%;
                                    margin:0px auto;
                                    font-size:14px;
                                    color:#FFF;}
                                
div.highlight a:hover{                text-decoration:none;}                        

div.highlight a img{                display:block;
                                    text-decoration:none;
                                    margin:0 auto;
                                    border:1px solid #FFF;
                                    width:163px;}
                                    
div.highlight a:hover img{          border:3px solid #FFF; margin-top:-2px;}

div.highlight a:hover span{          
                                    margin-top:3px;}
                                
div.highlight a span{                display:block;
                                    width:100%;
                                    margin:0px auto;
                                    margin-top:5px;}                            

div.pink{                            background:url(../images/highlight_pink.png);
                                    background-position:top left;
                                    background-repeat: no-repeat;}
div.aqua{                            background:url(../images/highlight_aqua.png);
                                    background-position:top left;
                                    background-repeat: no-repeat;}
div.green{                            background:url(../images/highlight_green.png);
                                    background-position:top left;
                                    background-repeat: no-repeat;}
div.orange{                            background:url(../images/highlight_orange.png);
                                    background-position:top left;
                                    background-repeat: no-repeat;}
.highlight.gray{                background:url(../images/highlight_gray.png);
                                    background-position:top left;
                                    background-repeat: no-repeat;}

                                
div.last{                            margin-right:0px;}

div.portfolio_item_small{            float:left;

                                    width:195px;

                                    height:200px;

                                    padding-top:10px;

                                    float:left;

                                    margin:0px 15px 15px 0px;

                                    text-align:center;

                                    background:#F1F1F1;}



div.portfolio_item_small a{            display:block;

                                    width:100%;

                                    margin:0px auto;

                                    font-size:12px;

                                    text-align:left;}

                                

div.portfolio_item_small a:hover{    text-decoration:none;}                        



div.portfolio_item_small a img{        display:block;

                                    text-decoration:none;

                                    margin:0 auto;

                                    border:3px solid #FFF;}

                                

div.portfolio_item_small a span{    display:block;

                                    width:100%;

                                    margin:0px auto;

                                    text-align:left;

                                    width:160px;

                                    margin-bottom:5px;

                                    font-size:13px;

                                    color:#313131;

height:40px;}

                                

.portfolio_item_small a span.detailsLink{        font-size:11px;

                                                color:#595c5b;

                                                text-align:right;

                                                margin-top:5px;}

                                        

.portfolio_item_small a span.detailsLink img{    border:none;

                                                display:inline;

                                                vertical-align:text-bottom;}

                                                
div.portfolio_item_large{            float:left;
                                    width:300px;
                                    height:205px;
                                    padding-top:10px;
                                    float:left;
                                    margin:0px 25px 15px 0px;
                                    text-align:center;
                                    background:#F1F1F1;}
div.portfolio_item_large.last{      
                                    margin:0px 0px 15px 0px;}
div.portfolio_item_large span.project_title_small{
                                    font-size:12px;
                                    width:280px;
                                    display:block;
                                    
}
div.portfolio_item_large span.project_gerealiseerd{
                                    font-size:10px; 
                                    margin:0 0 0 5px;
                                    float:left;
                                    width:150px;
}
div.portfolio_item_large  strong{
                                    font-size:10px;
                                    font-weight:bold;
                                    color:#313131;
                                    font-family:Arial,Helvetica,sans-serif;
}
div.portfolio_item_large span.project_type{
                                    font-size:10px;   
                                    width:120px;
                                    float:right;
                                    text-align:right;
                                    margin:0 5px 0 0;
}

div.portfolio_item_large a{            display:block;
                                    width:100%;
                                    margin:0px auto;
                                    font-size:12px;
                                    text-align:left;
                                    clear:both;}
                                
div.portfolio_item_large a:hover{    text-decoration:none;}                        

div.portfolio_item_large a img{        display:block;
                                    text-decoration:none;
                                    margin:0 auto;
                                    border:3px solid #FFF;}
                                
div.portfolio_item_large a span{   

                                    margin:0px auto;
                                    text-align:left;
                                    margin-bottom:0px;
                                    font-size:13px;
                                    color:#313131;
                                    padding:0 5px 0 5px;
width:280px;}
                                
.portfolio_item_large a span.detailsLink{        font-size:11px;
                                                color:#595c5b;
                                                text-align:right;
                                                margin-top:5px;
                                                display:block;}
                                        
.portfolio_item_large a span.detailsLink img{    border:none;
                                                display:inline;
                                                vertical-align:text-bottom;}
                                    
a.moreLink{                            display:block;
                                    float:right;
                                    margin-right:20px;}    

a.pink, h2.pink{                    color:#CB1B64;}                                    
a.aqua, h2.aqua{                    color:#54E1FE;}
a.green, h2.green{                    color:#B1A217;}

.project_title  {                   font-weight:bold; font-size:13px;}
div.projectNav{                        width:99%;
                                    float:left;
                                    background:#f1f1f1;
                                    height:25px;
                                    line-height:25px;
                                    padding:0px 5px;}
                                    
div.projectNav a{                    display:block;
                                    float:left;
                                    height:25px;}
                                    
div.portfolio_item{                    margin-top:15px;
                                    float:left;}
                                    
div.portfolio_item img{                float:left;
                                    margin-right:10px;}
                                    
div#project_photos{                    clear:both;
                                    margin-top:5px;
                                    float:left;
                                    width:100%;
                                    margin-bottom:15px;}
                                    
div#project_photos img{                float:left;
                                    margin:0px 10px 10px 0px;}                                    
                                                                                                            
                                
#content_left{                        float:left;
                                    width:635px;
                                    height:100%;
                                    padding:0px 25px 0px 25px;
                                    margin-bottom:20px;
                                    border-right:1px solid #e7e6dc;
}                        

#content_left p{                    line-height:20px;
                                    margin-bottom:15px;}

#content_left p img{                float:right;}                                            
                                
#content_right{                        float:left;
                                    width:205px;
                                    height:100%;
                                    padding:0px 25px 0px 15px;
position:relative;}
                                
#content_right h1{                    color:#595c5b;
                                    margin:25px 0px 10px 0px; 
                                    font-size:15px;
                                    font-family:Arial, Helvetica, sans-serif;
                                    text-transform:uppercase;}
                                
#content_right dl,
#content_right p{                    line-height:19px;
                                    font-size:11px;
                                    color:#9a9c9b;}
                                
#content_right dl dt{                text-transform:uppercase;}                                                                                                                                                                                                                

#content_right dl dd{                margin-bottom:10px;}

#content_right p a{                 color:#595C5B;}

#content_right p a#meerNieuws{      float:right;}                                    
                                
#content_right ul li{               color:#595C5B;}
#content_right ul li a{             color:#9a9c9b;}

h1 span.date{                       font-family:Arial, Helvetica, sans-serif;
                                    font-size:11px;
                                    color:#9a9c9b;}                                      
                                    
div.nieuws_item{                    padding-bottom:15px;
                                    margin-bottom:15px;
                                    float:left;
                                    width:100%;
                                    border-bottom:1px solid #E7E6DC;}
                        
#inner_bottom{                        width:980px;
                                    height:16px;
                                    background:url(../images/page_bottom.png);
                                    background-repeat: no-repeat;
                                    background-position: top left;}                                        
                                
#footer{                            width:980px;
                                    height:60px;
                                    margin:0 auto;
                                    margin-top:-14px;
                                    background:url(../images/footer.png) no-repeat top right;}
                        
                        
form input, textarea{                            margin:5px;
}                    

#gmap{ width:632px; height:400px; margin:15px 0 15px 0;}