/* CSS Document */

body {
background-image:url(img/titelbild2.jpg);
width:100%;
font-size:12px;
font-family:GravurCondensed-Light, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin-top: 0px;
background-position: fixed;
background-origin: content-box;
background-size: 100% auto;
height:auto !important; /* normale Browser */
height:100%; /* IE6: setzt dies wie min-height um*/
max-height:100%; /* normale Browser */
line-height: 1.5;
}

a {
font-family: GravurCondensed-Light, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#CCCCCC;
}

a:active {
text-decoration:none;
}

ul#navigation {
    margin: 0px;
    padding-top: 90px;
    padding-right: 30px;
    list-style-type: none;
    position:absolute;
    z-index: 2;
    float: right;
}

ul#navigation li {
        padding: 10px;
        margin: 10px;
        height: 150px;
        width: 150px;
        display:inline-block;
}

ul#navigation li a:link {
        width: 150px;
        height: 150px;
        border: none;
        background-color: #FFFFFF;
        padding: 10px;
        color: #000;
        text-decoration: none;
        display:block;
}

ul#navigation li a.kontakt:hover {
        background-image:url(img/link_kontakt.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.musik:hover {
        background-image:url(img/link_musik.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.theater:hover {
        background-image:url(img/link_theater.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.tanz:hover {
        background-image:url(img/link_tanz.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.entstandenes:hover {
        background-image:url(img/link_entstandenes.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.estland:hover {
        background-image:url(img/link_laulan.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.natur:hover {
        background-image:url(img/link_natur.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.zirkus:hover {
        background-image:url(img/link_cyclope.jpg) ;
        color: #fff;
        display:block;
}

ul#navigation li a.links:hover {
        background-image:url(img/link_links.jpg) ;
        color: #fff;
        display:block;
}

div#wrapper {
width:100%;
height:100%;
background-color: #FFFFFF;
padding-top:0px;
}

div#titelbild {
height: 100%;
width: 30%;
margin-left: 30px;
margin-top: 0px;
float:right;
position: absolute;
z-index:1;
opacity: 0.7;
}



div#content {
width:458px;
height:450px;
background-color: #FFFFFF;
margin-top: 110px;
margin-left: 60px;
padding: 50px;
float:left;
}