/* Alter Ego */

/* 
Div ID structuur :

container --> menu
          --> body --> header    
                     --> colomLinks --> colomLinksElementen
                   --> content    --> contentElementen
*/


body{
    margin:auto;
    padding:0px;
    text-align: center;
    color: #45472d;
    font:9px verdana;
    background: #f5f6ee url(../images/background.gif) repeat-x;
    letter-spacing:0px;
    line-height: 13.5px;
    }
    
h1{
    padding:0px;
    margin:0px;
    float:left;
}    
    
h2{
    padding:0px;
    margin:0px 0px 20px 0px;
    font:9px verdana;
    color: #42432d;
    font-weight: bold;    
    letter-spacing:0px;
}
ul  {
    margin-top:0;
    padding-top:0;
}
#body li {
    list-style-position: outside;
    display: list-item;
    margin-left:-40px;
    line-height:16px;
    vertical-align:top;
    list-style-type: none;
    color: #42432d;
    font-weight: bold;    
    height: 20px;
}

/*  kopje is een class voor h2 met een kleinere bottom margin */
.kopje{  
    margin:0px 0px 4px 0px ;
    padding:0px;
    font:9px verdana;
    color: #42432d;
    font-weight: bold;
}

h3{
    -x-system-font:none;
    color:#57583A;
    font-family:verdana;
    font-size:12pt;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:12px 0;
    padding-top:10px;
}
img {border: 0px;
}
img.rightalign {
    float:right;
}
a {text-decoration: none;}
a:link, a:visited {color:#42423a;text-decoration:none;}
a:hover, a:active {color:#7c7c72;text-decoration:none;}

/***** elementen******/
#balkLinks{
    background: url(../images/kopjes/balkLinks_header.gif) no-repeat top left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    width: 228px;    
    height: 14px;
    
}

#colomLinks h3{
    
    color:#57583A;
    font-family:verdana;
    font-size:12pt;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0px 0px 10px ;
    padding-top:0px ;
    -x-system-font:none;
}

.balkRechts{
    float:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    width: 716px;
    height: 14px;
    background: #a5a994;
}
.onderschrift{
    display:block;
    color: #989988;    
    margin: 2px 0px 0px 0px;
}
#talen {
    float:right;
    line-height:44px;
    font-weight:bold;
    font-size:9px;
}
#talen a:link, #talen a:visited {color:#989988;text-decoration:none;}
#talen a:hover, #talen a:active {color:#989988;text-decoration:none;}
/************** NEWS *************/
/*

newItem -> balkRechts
        -> newsPic -> <img>
        -> newsText -> <h2>
                    -> <p>
*/
                    
.newsItem{ 
    float:left;
    margin: 0px 0px 8px 0px;
     height: 211px;
    width: 716px;
}
.newsPic{
    float:left;
    width: 482px;    
    background: url(../images/dot.gif) 477px 1px repeat-y;
}

.newsText{
    float: right;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    width: 227px;
}
.newsText a:link,.newsText a:visited {text-decoration:underline; padding-left:5px;}
.newsText a:hover,.newsText a:active {text-decoration:underline; color:#96977a; padding-left:5px;}    
    
/*************PORTFOLIO*************/    
/*
portfolioRow -> balkRechts
             -> portfolioItem(b) -> <Img>
                                  -> portfolioText -> <h2> -> <img>
                                                  -> <p>
                                                  
*/
*html .portfolioRow{
    padding: 0px;
    margin:0px 0px 8px 0px;
    height: 327px;
}
                                                        
.portfolioRow{
    padding: 0px;
    margin:0px 0px 12px 0px;
    height: 327px;
}

.portfolioItem{
    float:left;
    padding: 0px 16px 0px 0px;
    margin:0px 0px 0px 0px;
    background: url(../images/dot.gif) 234px 1px repeat-y;
    width: 228px;
}
.portfolioItemB{
    float:left;
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width: 228px;
}        
.portfolioText{
    padding: 26px 12px 10px 12px;
    margin: 8px 0px 0px 0px;
    height:100px;
    background: #d8dacd url(../images/dotline.gif) 1px 74px no-repeat;
    float: left;
    width: 204px;
    display:block;
}

.subLi{
    color:#989988    
}
.balkRechtsKlein{
    float:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    width: 230px;
    height: 14px;
    background: #a5a994;
}
.caseImg{
    float:left;
    width:486px;
}
.caseDescription{
    width:230px;
    float:left;
}
/************* ONZE MENSEN *************/
.subLiA{
    font-weight: normal;
    color: #42432d
        
}
.subLiB{
    font-weight: normal;
    color: #42432d    
}
.subLiB a:hover, .subLiB a:active {color:#96977a;text-decoration:none;}
/************* OVER ONS *************/
#body #normaal li{
    list-style-position: outside;
    margin:0px 0px 0px -20px;
    padding: 0px 0px 0px 0px;
    display: list-item;    
    line-height:16px;
    vertical-align:top;
    list-style-type:disc;
    color: #42432d;
    font-weight: normal;
    height: auto;
}    

.cursief{
    font-style: italic;    
}
/************* STRUCTUUR *************/        

#container{
    text-align:left;
    margin: auto;
    width: 960px;    

}
#containerCases{
    text-align:left;
    margin: auto;
    width: 960px;    
    background: url(../images/dot_cases.gif) 234px 2px repeat-y;    
}

#menu{
    width: 960px;
    padding-top:82px;
    background: #a5a994 url(../images/logo.gif) 49px 0px no-repeat;
    position:relative;
    }
    
#body{
    width:960px;
    text-align:left;
    padding: 0px;
    margin: 0px;
    background: url(../images/dot.gif) 234px -2px repeat-y;    
}
#body:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
#header{
    height:46px;  
    background:#f5f6ee;
}

#colomLinks{
    width:228px;
    float: left;
    clear: left;
}
#content{
    float: right;
    padding: 0px 0px 0px 14px;
    width: 716px;
}

#menu ul{
    float:left;
    background:url(/images/menu-item-stip.jpg) top right no-repeat #fff;
    width:960px;
    height:28px;
    list-style-type: none;
    margin:0;
    padding:0;
}

#menu ul li{
    float:left;
    background:url(/images/menu-item-stip.jpg) 0 0 no-repeat;
    padding-left:11px;
    width:115px;    
}

#menu li a{
    float:left;
    padding:7px 17px;
    background: url(/images/menu-item-ster.jpg) 0 10px no-repeat;
    font-size:12px;
    font-weight:bold;
    white-space: nowrap;
}

#menu li .selected{
    color:#7c7c72;
}

#menu #menuitem_4{
    width:125px;
    float:left;
    margin-left:194px;
}

.hoofbanner{
    margin-bottom:11px;
}

.menu-fr #menuitem_2{
    width:155px;
}

#container .menu-fr #menuitem_4{
    margin-left:129px;
}

.menu-fr #menuitem_5{
    width:140px;
}

#menu-extra-stipjes{
    left: 362px;
    position: absolute;
    top: 82px;
}

#menu-extra-stipjes-fr{
    left: 400px;
    position: absolute;
    top: 82px;
}