@import url(layout.css);

/* ----------------------------------------------Miranda Cycles-------------------------------------*/

#miranda-cycles{width:980px; height:684px; position:absolute; top:188px; left:50%; margin-left:-490px; z-index:-1;}
#miranda-cycles img{position:absolute; top:188px; left:50%; margin-left:-490px; width:980px; height:684px; z-index:1;}
#miranda-cycles img.active{z-index:3;}

/* ----------------------------------------------Miranda Container-------------------------------------*/

#miranda-container{width:980px; height:684px; margin:auto; position:relative; z-index:4; border-bottom:2px solid #fff; font-family:DINPro-Bold, "Myriad Pro", Verdana; font-size:16px; color:#fff; text-align:left;}

/* Lamellensystemen */
#miranda-container #lamellensystemen-text{float:left; margin:60px 0px 0px 230px;}
#miranda-container #lamellensystemen-arrow{float:left; margin:5px 0px 0px 290px; clear:left;}
#miranda-container #lamellensystemen-glow{position:absolute; z-index:5; top:5px; left:50%; margin-left:-165px; display:none;}
#miranda-container #lamellensystemen-glow-hover{position:absolute; z-index:6; top:5px; left:50%; margin-left:-265px; width:600px; height:160px; background:url(../images/lamellensystemen-glow-transparant.png); cursor:pointer;}

/* Vouwschuifluiken */
#miranda-container #vouwschuifluiken-text{float:right; margin:50px 140px 0px 0px;}
#miranda-container #vouwschuifluiken-arrow{float:right; margin:5px 190px 0px 0px; clear:right;}
#miranda-container #vouwschuifluiken-glow{position:absolute; top:140px; left:50%; margin-left:165px; display:none;}
#miranda-container #vouwschuifluiken-glow-hover{position:absolute; z-index:6; top:168px; left:50%; margin-left:185px; width:185px; height:375px; background:url(../images/vouwschuifluiken-glow-transparant.png); cursor:pointer;}

/* Schuifluiken */
#miranda-container #schuifluiken-text{float:left; margin:83px 0px 0px 150px;}
#miranda-container #schuifluiken-arrow{float:left; margin:80px 0px 0px 10px; clear:none;}
#miranda-container #schuifluiken-glow{position:absolute; top:140px; left:50%; margin-left:-215px; display:none;}
#miranda-container #schuifluiken-glow-hover{position:absolute; z-index:6; top:168px; left:50%; margin-left:-342px; width:520px; height:370px; background:url(../images/schuifluiken-glow-transparant.png); cursor:pointer;}

/* Draailuiken */
#miranda-container #draailuiken-text{float:right; margin:220px 320px 0px 0px;}
#miranda-container #draailuiken-arrow{float:right; margin:-25px 280px 0px 0px; clear:right;}
#miranda-container #draailuiken-glow{position:absolute; top:525px; left:50%; margin-left:210px; display:none;}
#miranda-container #draailuiken-glow-hover{position:absolute; z-index:6; top:550px; left:50%; margin-left:20px; width:350px; height:120px; background:url(../images/draailuiken-glow-transparant.png); cursor:pointer;}

/* ----------------------------------------------Referenties Container-------------------------------------*/

#referenties-container{width:980px; height:684px; margin:auto; position:relative; z-index:4; border-bottom:2px solid #fff; font-family:DINPro-Bold, "Myriad Pro", Verdana; font-size:16px; color:#fff; text-align:left;}