﻿.top
 {
    background-color:#DD1821;
    height:24px;
    padding-left:8px;
}
 
.top a{color:#FFFFFF; text-decoration:none; font-size:11px;}
.top a:hover{color:#FFFFFF; text-decoration:none; font-weight:bold; background-color:Transparent;}


.middle{ width:920px; padding:0;  background-color:#FFFFFF; float:left; margin:0;
    background-image:url('images/bg-red.gif');
    background-position:left top;
    background-repeat:repeat-y; }

/* Profile */
#activeProfile
{
    /*height total = 20px 
      width total  = 170px*/
    background-color:#DD1821;
    height:16px;
    width:141px;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:16px;
    float:left;
    padding:4px 20px 0px 8px; 
    border-right:solid 1px #FFFFFF;
}
a.activeProfile { color:#FFFFFF; text-decoration:none;}
a.activeProfile:hover {Color:#FFFFFF; background-color:Transparent; font-weight:bold; text-decoration:none;}


div.profiles {line-height:21px; font-size:11px; /*width:100%;*/ }
div.profiles a{color:#FFFFFF; text-decoration:none;}
div.profiles a:hover{color:#FFFFFF; text-decoration:none; }

 
/*sub tabs */
#subTabs{width:750px; background-color:#DD1821; float:right; height:20px;}
    /*content */
.tab {border-right:solid 1px #FFFFFF;float:left;  margin-top:5px; color:#FFFFFF; width:145px; height:12px; background-color:#DD1821;}
.tab + .tab {border-right:solid 1px #FFFFFF; border-left:none; }

.tab A{ color:#FFFFFF; background-color:#DD1821; padding:0px 0px 0px 5px; text-decoration:none;}
.tab A:hover{ background-color:Transparent; color:#FFFFFF; text-decoration:none;}

    /* project */
.tab1 {border-left:solid 1px #FFFFFF;float:left;  margin-top:5px; color:#FFFFFF; width:140px; height:12px;}
.tab1 + .tab1 {border-right:solid 1px #FFFFFF; border-left:none; }
.tab1 A{ color:#FFFFFF; background-color:#DD1821; padding:0px 0px 0px 5px;}
.tab1 A:hover{ background-color:Transparent; color:#FFFFFF;}    
    
    /*news */
.tab2 {border-left:solid 1px #FFFFFF;float:left;  margin-top:5px; color:#FFFFFF; width:140px; height:12px;}
.tab2 + .tab2 {border-right:solid 1px #FFFFFF; border-left:none; }



.subTabChild{ background-color:#FFFFFF; width:140px; float:left; border-top:dotted 1px #DD1821;}
.subTabChild A { background-color:#DD1821; padding-left:5px; line-height:21px; color:#FFFFFF; text-decoration:none;}
.subTabChild A:hover { background-color:#FFFFFF; color:#DD1821; text-decoration:none;}

/*col1 styles*/
.col1
{
    /*total width = 170px (border+width+padding)*/
    float:left; 
    width:169px;
    padding:13px 0px 13px 0px;
    padding-right:1px;
    line-height:21px;
    height:100%;
}

.col1 a{ color:#DD1821; text-decoration:none; }
.col1 a:hover{color:#DD1821; text-decoration:underline;}

    /* category */
.categoryMenuHeader{padding:0px 0 0 8px; font-size:11px; color:#DD1821; line-height:15px; float:left; width:161px; font-weight:bold;} /*total = 169px*/
div.categories{padding:0px 0px 13px 0px; line-height:15px; font-size:11px; float:left; width:169px;
        background-color:#FADDDF; }

A.categoryMenu{padding-left:14px; line-height:15px; font-size:11px; float:left; width:155px;}
A.categoryMenu:hover{ text-decoration:none;font-weight:bolder;}
A.categoryMenuSelected {padding-left:10px;line-height:15px; font-size:11px; width:159px; float:left; background-color:#FDF9F6; font-weight:bolder;} /*edit */
A.categoryMenuSelected:hover { background-color:#FDF9F6; text-decoration:none;} /*edit */


    /* related content */
.relatedContentMenuHeader{font:11px; color:#DD1821; line-height:15px; padding:13px 0 0 8px; 
    background-color:#F4B6B9; float:left; width:161px; height:13px; border-top:dotted 1px #DD1821; 
    font-style:italic; }

div.relatedcontent{ background-color:#F4B6B9; padding:0px 0px 13px 0px; margin:0px; float:left; width:169px;}
A.relatedContentMenu{padding:0px 0 0px 14px; width:155px; line-height:15px; 
    font-size:11px; color:#DD1821; background-color:#F4B6B9; float:left;}
A.relatedContentMenu:hover{ font-weight:bolder;text-decoration:none;}

/*col2 styles*/
.col2
{ /*total width = 560px (border+width+padding)*/
    float:left; width:539px; padding:10px 0px 17px 20px;background-color:#FFFFFF; height:100%;}


/*col3 styles*/
div.col3{float:right; width:170px; margin:0px; padding:3px 0px 0px 0px; background-color:#FFFFFF; height:100%; 
        margin-bottom:17px; }    


/* footer */
.footer
{
    width:100%;
    float:left;
    height:22px;
    background-color:#DD1821;
    vertical-align:middle;
    text-align:center;
    font-size:11px;
    font-weight:normal;
    line-height:18px;
}
.footer .text{background: none url('images/footerArrow.png'); background-repeat:no-repeat;
    background-position:left center; width:184px; float:left; margin-left:25px;
     float:left; color:#FFFFFF; padding:2px 40px 0px 13px; text-align:left; }
.footer a{color:#FFFFFF; text-decoration:none;  }
.footer a:hover { background-color:Transparent; text-decoration:none; font-weight:bold;}
.footer .copy{float:left; color:#FFFFFF; padding:2px 40px 0px 13px;}

/* right column */
div.snelZoeken { background-image:url('images/bg-rightColumn.gif');
    background-position:left top;
    background-repeat:no-repeat;
    margin-bottom:13px; height:183px; float:left; width:100%;
    padding: 15px 0px 5px 0px; } /* --->edit */
    
div.snelZoeken .category 
{
    background: #FFFFFF url('images/ic_arrow.gif'); 
    font-size:11px; line-height:14px; color:#DD1821;
    background-position:left center; background-repeat:no-repeat; width:129px;
    padding-left:22px; padding-top:5px;
    
    cursor:pointer; margin-left:10px; 
}



/*  box Type I        */
div.box{ width:540px; float:left; padding-bottom:0px; height:175px; 
        background:#FFFFFF url('images/bg_BoxHomepage.gif') no-repeat; }
div.box div.header{width:100%;height:20px; background-color:Transparent; padding-top:2px;}
div.box div.header h1{font-size:14px; color:#DD1821; padding:3px 15px 0px 3px; font-weight:bold;}
div.box div.content{float:left; width:320px; padding:10px 8px 8px 15px;
    line-height:14px;}    

