/* styles galerie.csst */

/*body
{
background-color: #fff;
font-family: Verdana, Arial, sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0
font-size: 100.01%;
}*/

#container
{
margin: 20px 0;
padding: 10px;
font-size: 0.9em;
}
#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 150px;
height: 100px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#galerie imgHoch
{
width: 100px;
height: 150px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#galerie a .gross
{
display: none;
}

#galerie a .grossHoch
{
display: none;
}

#galerie a:hover .gross
{
width: 640px;
height: 480px;
display: block;
position: absolute;
top: -200px;
left: -200px;
z-index: 1;
background: #fff;
}

#galerie a:hover .grossHoch
{
width: 480px;
height: 640px;
display: block;
position: absolute;
top: -200px;
left: -200px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}