/* CSS Document */
body{
    margin:0; 
    padding:0;
    
    background:#403f3e;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:12px !important;
}

a:link{color:#77787b; text-decoration:underline}
a:visited{color:#77787b; text-decoration:underline}
a:active{color:#77787b; text-decoration:underline}
a:hover{color:#ed1c24; text-decoration:none}


img, div, a, input{ behavior: url('/templates/templates/front_images/iepngfix.htc');}

#webpageBox{
    width:1005px;
    height:506px;

    position:absolute;
    margin-top:-253px;
    top:50%;
    margin-left:-503px;
    left:50%;
}

.newsTitleSizer{ 
	font-size:3;
}

#contentBox{
    float:left;
    height:450px;
    width:1005px;
}

#content{
    float:left;
    height:450px;
    width:613px;
    background:url('/templates/templates/front_images/content.jpg') no-repeat;
    margin-top:0;
}

#contentInline{
    float:left;
    width: 570px;
    padding-left:20px;
    height: 350px;  
    display: inline;
    margin-top:75px;  
    color:#77787b; 
  line-height: 22px;
background:transparent;
}

#contentInline_news{
    float:left;
    width: 570px;
    padding-left:20px;
    height: 350px;  
    display: inline;
    margin-top:35px;  
    color:#77787b; 
  line-height: 22px;
background:transparent;
}

#pagination{
    width: 570px;
    text-align:center;
    padding-top:40px;
}

h3{
    color:#ed1c24;
}

#imager{
    float:left;
    height:450px;
    display:inline;
    width:325px;
    background:url('/templates/templates/front_images/imager.jpg') no-repeat;
}

#imageframer{ 
    float:left;
    height:420px;
    width:310px;   
    z-index:20;
    margin-top:15px;
}

#lefttopimage{
    float:left;
    height: 35px;
    top:37px;
    left:599px;
    width: 35px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/lefttop.png') no-repeat;
}

#righttopimage{
    float:right;
    left:902px;
    top: 37px;
    height: 35px;
    width: 35px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/righttop2.png') no-repeat;
}

#leftbottomimage{
    float:left;
    height: 35px;
    width: 35px;
    position: absolute;
    top:448px;
    left:600px;
    background:transparent url('/templates/templates/front_images/leftbottom.png') no-repeat;    
}

#rightbottomimage{  
    float:right;
    height: 35px;
    width: 35px;
    position: absolute;
    left:902px;
    top: 448px;
    background: transparent url('/templates/templates/front_images/rightbottom.png') no-repeat;        
}

#imageframer img{
    z-index:10;
    float:left;
}


#logobox{
    float:left;
    width:67px;
    height:450px;
}

#footer{
    float:left;
    height:21px;
    width:1005px;
    background:url('/templates/templates/front_images/footer.jpg') no-repeat;
}

/*#### LOGO SETS ####*/
#logosetone{
    float:left;
    height:25px;
    width:67px;
    margin-top:67px;
    display:inline;
    background:url('/templates/templates/front_images/logobox_meyer.jpg')  no-repeat;
}

#logosettow{
    float:left;
    height:21px;
    width:67px;
    margin-top:83px;
    display:inline;
    background:url('/templates/templates/front_images/logobox_martin.jpg') no-repeat;
}

#logosetthree{
    float:left;
    height:44px;
    width:67px;
    margin-top:55px;
    display:inline;
    background:url('/templates/templates/front_images/logobox_figure.jpg') no-repeat;
}

#logosetfour{
    float:left;
    height:35px;       
    width:67px;    
    margin-top:65px;
    display:inline;
    background:url('/templates/templates/front_images/logobox_systems.jpg') no-repeat;
}

.linkDiv{
    float:left;
    height:100%;
    width:100%;
}

/*#######################  MENU LAYOUT  #############################*/

.menu{
    display:block;
    height:27px;
    width:auto;
    
    padding:0;
    margin-top:8px;
    list-style:none; 
    padding-left:95px; 
    margin-bottom:0;
    padding-bottom:0;
    position:relative; 
    z-index:2100; 
}
/* MENU LAYOUT */

.menu li ul li{
    margin-top:0;
}

li{
  position: relative;
  height: auto;
  list-style:none;
  float:left;
  display:inline;
    z-index:2000; 
}
  
li ul {
    display: none;
    position: absolute;
    top:1em;
    padding: 3px;
    padding-top:5px;
    padding-bottom:5px;
    background:#242524; 

    text-align: left;
    z-index:2000; 
    height: auto; 
    list-style: none;
    color:#FFF;
}

li > ul {  
    left:auto;
    z-index:2000; 
    top:auto;
}

li#bHome:hover ul, li#bHome.over ul{display:block; left:2px; top:27px; width:120px; margin-left:0;     z-index:2000; }         
li#bGeneration:hover ul, li#bGeneration.over ul{display:block; left:2px; top:27px; width:120px; margin-left:0;     z-index:2000; }  
li#bProducts:hover ul, li#bProducts.over ul{display:block; left:2px; top:27px; width:120px; margin-left:0;    z-index:2000; }  
li#bContact:hover ul, li#bContact.over ul{display:block; left:2px; top:27px; width:120px; margin-left:0;    z-index:2000; }  


ul li ul li a:link{color:#77787b; text-decoration:none}
ul li ul li a:visited{color:#77787b; text-decoration:none}
ul li ul li a:active{color:#77787b; text-decoration:none}
ul li ul li a:hover{color:#ed1c24; text-decoration:none}

ul li ul li{
    float:left;
clear:both;
    height:auto;
    display:inline;
    z-index:2000; 
}

ul li{
    display:inline;
    float:left;
    height:27px;
}

li #bHomeLink{
    height:27px;
    width:64px;
    float:left;
    background:url('/templates/templates/front_images/bHome_n.jpg') no-repeat;
}
    li #bHomeLink:hover{
        height:27px;
        width:64px;
        float:left;
        background:url('/templates/templates/front_images/bHome_h.jpg') no-repeat;
    }

    li #bHomeLink_on{
        height:27px;
        width:64px;
        float:left;
        background:url('/templates/templates/front_images/bHome_h.jpg') no-repeat;
    }

li #bNewsLink{
    height:27px;
    width:71px;
    float:left;
    background:url('/templates/templates/front_images/bNews_n.jpg') no-repeat;
}

    li #bNewsLink:hover{
        height:27px;
        width:71px;
        float:left;
        background:url('/templates/templates/front_images/bNews_h.jpg') no-repeat;
    }

    li #bNewsLink_on{
        height:27px;
        width:71px;
        float:left;
        background:url('/templates/templates/front_images/bNews_h.jpg') no-repeat;
    }

li #bGenerationLink{
    height:27px;
    width:93px;
    float:left;
    background:url('/templates/templates/front_images/bGenerations_n.jpg') no-repeat;
}

    li #bGenerationLink:hover{
        height:27px;
        width:93px;
        float:left;
        background:url('/templates/templates/front_images/bGenerations_h.jpg') no-repeat;
    }

    li #bGenerationLink_on{
        height:27px;
        width:93px;
        float:left;
        background:url('/templates/templates/front_images/bGenerations_h.jpg') no-repeat;
    }

li #bProductsLink{
    height:27px;
    width:90px;
    float:left;
    background:url('/templates/templates/front_images/bProducten_n.jpg') no-repeat;
}

    li #bProductsLink:hover{
        height:27px;
        width:90px;
        float:left;
        background:url('/templates/templates/front_images/bProducten_h.jpg') no-repeat;
    }

    li #bProductsLink_on{
        height:27px;
        width:90px;
        float:left;
        background:url('/templates/templates/front_images/bProducten_h.jpg') no-repeat;
    }

li #bShowcaseLink{
    height:27px;
    width:82px;
    float:left;
    background:url('/templates/templates/front_images/bShowcase_n.jpg') no-repeat;
}

    li #bShowcaseLink:hover{
        height:27px;
        width:82px;
        float:left;
        background:url('/templates/templates/front_images/bShowcase_h.jpg') no-repeat;
    }

    li #bShowcaseLink_on{
        height:27px;
        width:82px;
        float:left;
        background:url('/templates/templates/front_images/bShowcase_h.jpg') no-repeat;
    }

li #bContactLink{
    height:27px;
    width:83px;
    float:left;
    background:url('/templates/templates/front_images/bContact_n.jpg') no-repeat;
}

    li #bContactLink:hover{
        height:27px;
        width:83px;
        float:left;
        background:url('/templates/templates/front_images/bContact_h.jpg') no-repeat;
    }

    li #bContactLink_on{
        height:27px;
        width:83px;
        float:left;
        background:url('/templates/templates/front_images/bContact_h.jpg') no-repeat;
    }

/*####################### END MENU LAYOUT  #############################*/
.newsTitle{
    color:#ed1c24;  
    font-weight:bold;  
    font-size:14px;
}

table p{
    margin:0;
    padding:0;
    
}

.newsTexter{
    padding-top:3px;
    padding-left:12px;

}

.readMore{
    color:#ed1c24; 
    font-style: italic; 
    display:inline;  
}

.backToOverview{
    color:#ed1c24; 
    font-style: italic; 
    display:inline; 
    margin-left:-12px;  
}

.backToOverview a:link{color:#ed1c24; font-style: italic; text-decoration: none;}
.backToOverview a:active{color:#ed1c24; font-style: italic; text-decoration: none;}
.backToOverview a:visited{color:#ed1c24; font-style: italic; text-decoration: none;}
.backToOverview a:hover{color:#ed1c24; font-style:normal; text-decoration: none;}

.readMore a:link{color:#ed1c24; font-style: italic; text-decoration: none;}
.readMore a:active{color:#ed1c24; font-style: italic; text-decoration: none;}
.readMore a:visited{color:#ed1c24; font-style: italic; text-decoration: none;}
.readMore a:hover{color:#ed1c24; font-style:normal; text-decoration: none;}

/* SHOWCASE TEMPLATE */
#showCaseBox{ 
    float:left;
    height:450px;
    width:676px;
    background:url('/templates/templates/front_images/portfoliobox.jpg') no-repeat;
    margin-top:0;    
}

#showCaseInformation{
    float:left;
    height:450px;
    display:inline;
    width:262px;
    background:url('/templates/templates/front_images/showcasebox.jpg') no-repeat;    
}

/*showcase opmaak*/
#showcaseIndex{
    float:left;
    height: 450px;
    color:#646568; 
    width: 676px;
}

.showcaseredtitle{
    color:#ed1c24;     
}
.showcaseredtitle1{
    color:#ed1c24;     
    padding-left:20px; 
}

#showcaseImageBox{
    height:294px;
    width: 650px;
    margin-left:13px;
    margin-top:13px;
    display:inline;
    float:left;
}

#showcaseImageBox img{
    z-index:1000;
}

#showcaseNumberBox{
    height:auto;
    text-align: right;
    width: 648px;
    word-spacing: 10px;
    margin-left:13px;
    margin-top:3px;
    display:inline;
    float:left;
}

#showcaseTitleBar{
    height:auto;
    text-align: left;
    width: 650px;
    margin-left:13px;
    margin-top:1px;
    display:inline;
    float:left;    
}

#showcaseInformationBox{
    height:85px;
    text-align: left;
    width: 650px;
    display:inline;
    margin-left:13px;
    margin-top:1px; 
    float:left;    
  line-height: 22px;
}

#showCaseTitleRight{
    float:left;
    text-align: right;
    width: 202px;
    margin-left:30px;
    padding-bottom:2px;
    display:inline;
    margin-top:15px;
    color:#ed1c24;  
    border-bottom:1px solid #3d3d3d;
}

#showCaseWholeList{
    float:left;
    text-align: left;
    width: 222px;
    height: 390px;
    margin-left:12px;
    display:inline;
    margin-top:5px;
    font-size:11px;
}

.showCaseListLink{
    padding-left:17px;
}

#activeshowcase_start{color:#ed1c24; font-style:normal; text-decoration: none; background: url('/templates/templates/front_images/rightarrowactive.png') left no-repeat;}   

#showCaseInformation a:link{color:#646568; font-style: normal; text-decoration: none;}
#showCaseInformation a:active{color:#ed1c24; font-style: normal; text-decoration: none;}
#showCaseInformation a:visited{color:#646568; font-style: normal; text-decoration: none;}
#showCaseInformation a:hover{color:#ed1c24; font-style:normal; text-decoration: none; background: url('/templates/templates/front_images/rightarrowhover.gif') left no-repeat;}

#showcaseNumberBox a:link{color:#646568; font-style: normal; text-decoration: none;}
#showcaseNumberBox a:active{color:#646568; font-style: normal; text-decoration: none;}
#showcaseNumberBox a:visited{color:#646568; font-style: normal; text-decoration: none;}
#showcaseNumberBox a:hover{color:#ed1c24; font-style:normal; text-decoration: none;}


#imageleftcorner{
    float:left;
    height: 35px;
    top:48px;
    left:13px;
    width: 35px;
    z-index:1400;   
    position: absolute;
    background:transparent url('/templates/templates/front_images/bigimagelefttop.png') no-repeat; 
}

#imagerightcorner{
    float:right;
    left:650px;
    top: 48px;
    z-index:1300;   
    height: 35px;
    width: 35px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/bigimagerighttop.png') no-repeat;    
}

#imagewaterlogo{
    float:left;
    z-index:1000;
    left:20px;
    top: 54px;
    height: 48px;
    width: 155px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/generationslogo.png') no-repeat;         
}

#imagenextimageleft{
    float:left;
    left:605px;
    top: 54px;
    z-index:1100; 
    height: 18px;
    width: 18px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/leftarrow.gif') no-repeat;     
}

#mediactiefLogo{
    float:right;
width:105px;
height:29px;
margin-right:67px;
margin-top:40px;
    background:transparent url('/templates/templates/front_images/logomediactief.jpg') no-repeat;   
}

#mediactieflink{
width:105px;
height:29px;
float:left;
}

#imagenextimageleft a:hover{
    background:transparent url('/templates/templates/front_images/activetopleftarrowimage.gif') no-repeat;     
}

#imagenextimageright{
    float:left;
    left:635px;
    top: 54px;
    z-index:1200;   
    height: 18px;
    width: 18px;
    position: absolute;
    background:transparent url('/templates/templates/front_images/rightarrow.gif') no-repeat;    
}

#imagenextimageright a:hover{
        background:transparent url('/templates/templates/front_images/activetoprightarrowimage.gif') no-repeat;      
}

.backNextLink{
    height: 100%;
    width:100%;
    float:left;
}

#showcaseImageBox img{
    display:none;
    z-index:100;
}
                     
#currentImagecounter{
    color:#2d2e2e;
    float:left;
    text-align: left;
    font-size:1px;
}

#showcaseInformationBox_contentwrapper { line-height: 16px; }