body {

        font: 90% Helvetica;

        color: #000000;

        margin: 0px 0px 0px 0px;

        }



.class {

        color: white; font-size: 20px; font-weight:bold; font-family: Helvetica

        }



.tableclass {

        color: white; font-size: 10px; font-family: Helvetica; padding: 4px 2px

        }



.class1 {

        color: white; font-size: 12px; font-family: Helvetica

        }



#container {

        width: 100%;

        min-height: 100%;

        margin-top: auto;

        margin-left:auto;

        margin-bottom: auto;

        margin-right:auto;

}



#navigation {

        vertical-align:top;

        width: 100%;

        background-color: rgba(255, 255, 255, 0.85);

        background-color: #ffffff;

        opacity:0.85;

        filter:alpha(opacity=85); /* For IE8 and earlier */

        margin-left:auto;

        margin-right:auto;

        text-align:center;

        color: #000000;

        border-width: 0px;

}



#content {

        height: 80%;

        background-color: rgba(255, 255, 255, 0.9);

        background-color: #ffffff;

        opacity:0.9;

        filter:alpha(opacity=90); /* For IE8 and earlier */

        width: 75%;

        top: 100px;

        right: 0px;

        position: absolute;

}



#fb {

        top: 15px;

        right: 10px;

        position: absolute;

}


#fcsg {

        top: 15px;

        left: 10px;

        position: absolute;

}

#titel {

        width: 100%;

        font-style:italic;

        font-weight:bold;

        color: white;

        background-color: rgba(0, 0, 0, 0.5);

        background-color: #000000;

        opacity:0.85;

        filter:alpha(opacity=85); /* For IE8 and earlier */

        margin-left:auto;

        margin-right:auto;

        text-align:left;

}



#bottom {

        width: 100%;

        background-color: rgba(255, 255, 255, 0.85);

        background-color: #ffffff;

        opacity:0.85;

        filter:alpha(opacity=85); /* For IE8 and earlier */

        font: 80% Helvetica;

        color: #000000;

        font-weight:bold;

        margin-left:auto;

        margin-right:auto;

        position: fixed;

        top: auto;

        bottom: 0px;

        text-align:center;

}



#galerie li

{

list-style-type: none;

float: left;

margin: 0 10px 10px 0;

text-align: center;

font-weight: bold;

position: relative;

}



#galerie img

{

width: 200px;

height: 150px;

display: block;

background-color: #ffffff;

padding: 5px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: 0 0 7px rgba(100, 100, 100, 1);

-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);

-webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 1);

}



#galerie a .gross

{

display: none;

}



#galerie a:hover .gross

{

width: 400px;

height: 300px;

display: block;

position: absolute;

top: -100px;

left: -100px;

z-index: 1;

background-color: #ffffff;

padding: 5px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: 0 0 7px rgba(100, 100, 100, 1);

-moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);

-webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 1);

}



/*--Internet Explorer 7--*/

*+html #galerie a:hover { z-index: 1;}

*+html #galerie li{position: static;}

*+html #galerie a {position: relative;}



/*--Internet Explorer 6--*/

*html #galerie a:hover {display: block; z-index: 1;}

*html #galerie li{position: static;}

*html #galerie a {position: relative;}