/* 
** monozellen.de Project
**
** Description: This file contains the 
** hover styles for thumbnails in "OFFLINE"
*/

body {
font-family: "Trebuchet MS", Geneva, Helvetica, Verdana, sans-serif;
font-size: 80%;
background:url(cursor.gif);
}
body:hover {	background:url(cursor_reverse.gif);
}
#oben {
height: 30px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 14px 0 0 12px;
text-align: center;
}
.offlinetext {
position: absolute;
top: 80px;
width: 160px;
}
.box1, .box2 { /* keine widths' & heights' da die Mozillas nicht weitergeben! */
position: absolute;
top: 80px;
border: 1px solid #999;
padding: 1px;
background-color: #fff;
}
.box1 {
 left: 160px;
 z-index: 4;
}
.box2 {
 left: 520px;
 z-index: 3;
}

/* bild 1: */
a#rocket {
display: block;
background: #fff url(../../images/rocket.jpg) no-repeat;
width: 200px; /* Linkbereich begrenzen */
}
a#rocket img {
border: 0;
width: 200px;
}
a#rocket:hover img {
visibility: hidden;
}
a#rocket:hover {
background-color: transparent; /* Anstoss fuer den IE erforderlich */
width: 340px;
height: 340px;
cursor: default;
}
/* bild 2: */
a#hartz4 {
display: block;
background: #fff url(../../images/hartz4.jpg) no-repeat;
width: 200px;
}
a#hartz4 img {
border: 0;
width: 200px;
}
a#hartz4:hover img {
visibility: hidden;
}
a#hartz4:hover {
background-color: transparent;
width: 460px;
height: 340px;
cursor: default;
}