html{

height:100%;
width:100%;
}
body{
/*yellow color*/
/*background-color:#E5D9A1;*/
background-color:#FFFACD;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
height:100%;
width:100%;
overflow:hidden;
}




div.menue{

position:absolute;
left:4%;
top:18%;
height:79%;
width:15%;
}

iframe.menue {

border-top:1px solid;
border-left:1px solid;
border-bottom:2px solid;
border-right:2px solid;
height:100%;
width:100%

}

iframe.content {

position:absolute;
left:20%;
top:18%;
width:75%;
height:76%;
border-top:solid 1px;
border-left:solid 1px;
border-bottom:solid 2px;
border-right:solid 2px;

}


iframe.foo{
background-image:url('../images/backgrounds/red_stripes.jpg');
width:15%;
height:14.5%;
position:absolute;
left:4%;
top:2%;

border-top:solid 1px;
border-left:solid 1px;
border-bottom:solid 2px;
border-right:solid 2px;

}

div.title_text{

text-align:center;
color:white;
background-image:url('../images/backgrounds/red_stripes.jpg');
position:absolute;
top:93%;
left:20%;
width:75%;
height:4%;


border-top:solid 1px black;
border-left:solid 1px black;
border-bottom:solid 2px black;
border-right:solid 2px black;

}

div.upper_tray {

width:75%;
height:14.5%;
position:absolute;
top:2%;
left:20%;
border-top:solid 1px;
border-left:solid 1px;
border-bottom:solid 2px;
border-right:solid 2px;
overflow:hidden;


}





div.tray_decoration{

color:white;
background-image:url('../images/backgrounds/red_stripes.jpg');
width:100%;
height:15%;
font-size:10pt;
text-align:center;
position:relative;
top:0px;
}

div.tray{

background-color:#FFFFFF;
width:100%;
height:100%;
position:relative;
top:0px;
}



img.upper_tray{

width:100%;
height:100%;
border:solid 2px;
border-color:#383838;


}


div.img_1{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:16.5%;
left:0px;

}

div.img_2{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:16.5%;
left:16.5%;;
}

div.img_3{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:16.5%;
left:33%;
}

div.img_4{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:16.5%;
left:49.5%;
}

div.img_5{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:16.5%;
left:66%;
}

div.img_6{
position:absolute;
top:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
width:17.5%;
left:82.5%;
}