/* CSS Microsoft banner */

*,
body,
html {
    padding: 0;
    margin: 0;
}

.container {
    position: absolute;
    width: 300px;
    height: 250px;
    overflow: hidden;
    background: white;
    cursor: pointer;
}

#border {
    position: absolute;
    border: 1px solid #ddd7e3;
    width: 298px;
    height: 248px; 
    top:0;   
    z-index: 999;
}

#overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index:10;
    top:0;
}


a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 999;
/*    background-image: url("transparant.png");
    background-repeat:repeat;*/
}




#txt_vlak1{
    position: absolute;
    width:300px;
    height:250;
    left:0px;
    top:0px;
    background-color: #d83b01;
    z-index:0;
}

#txt_vlak2{
    position: absolute;
    width:150px;
    height:250px;
    left:0px;
    top:0px;
    background-color: #d83b01;
    z-index:4;
}

#txt_vlak3{
    position: absolute;
    width:300px;
    height:73px;
    left:0px;
    bottom:0px;
    background-color: #c23518;
    z-index:4;
}


/* TEKSTEN */
#txt1a-wrapper{
    position:absolute;
    top:74px;
    left:13px;
    overflow:hidden;
}

#txt1a{
    width:100px;
    height:auto;

}

#txt1b-wrapper{
    position:absolute;
    top:101px;
    left:13px;
    overflow:hidden;
}

#txt1b{
    width:165px;
    height:auto;

}


#txt1c-wrapper{
    position:absolute;
    top:129px;
    left:13px;
    overflow:hidden;
}

#txt1c{
    width:175px;
    height:auto;

}


#txt1d-wrapper{
    position:absolute;
    top:159px;
    left:13px;
    overflow:hidden;
}

#txt1d{
    width:103px;
    height:auto;
}


#txt2{
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;
}



#txt3{
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;
}

#btn{
    position:absolute;
    top:161px;
    left:169px;
    z-index:4;
    width:100px;
    height:auto;
}




/* EINDE TEKSTEN */
/* BEGIN ICONS & DEVICES*/
#device1{
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}



#device2{
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}

#device3{
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}

#icon1{
    position:absolute;
    top:79px;
    left:24px;
    z-index:3;
    width:41px;
    height:auto;
}

#icon2{
    position:absolute;
    top:79px;
    left:24px;
    z-index:3;
    width:41px;
    height:auto;
}

#icon3{
    position:absolute;
    top:79px;
    left:24px;
    z-index:3;
    width:41px;
    height:auto;
}

/* EINDE ICONS & DEVICES */
/* BEGIN PACKSHOT EN OFFICE */

#packshot{
    position:absolute;
    top:0px;
    left:-18px;
    z-index:5;
}




#packshot1{
    position:absolute;
    top:0px;
    left:3px;
    z-index:3;
}





/* EINDE PACKSHOT EN OFFICE */

#logo-1{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}

#logo-2{
    position:absolute;
    top:0;
    left:0;
    z-index:5;
}

#bg1{
    position: absolute;
    top:0;
    left:0;
}



#btnWrapper{
    width: 131px;
    height: 30px;
    left: 20px;
    top: 178px;
    background-color: #fff;
    border: 2px solid #fff;
}

#btnTxt, #btnTxtHover{

    left: 11px;
    top: 9px;
}

#txt2, #txt3, #device1, #device2, #device3, #packshot, #packshot1, #logo-1, #logo-2, #bg1{
    width:300px;
    height:250px;
}