html {
        overflow-y:scroll;
        height:100%;
        margin-top:1px;
        }

body {
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        background-color: #404040;
        background-image:url(topback.png);
        background-repeat: repeat-x;
        }

div.top {
        margin: 0 auto;
        background-image:url(top.png);
        background-position:center;
        background-repeat:none;
        width: 775px;
        height: 170px;
        border: none;
        text-align: left;

        }

div.navigation {
        position: relative;
        width: 750px;
        top: 128px;
        padding: 0;
        }

ul.navigation {
        list-style-type: none;
        margin: 0px;
        width: 950px;
        margin-left: -108px;
        }

* html ul.navigation {
        margin-left: 10px;
        }

ul.navigation li {
            float: left;
            text-align: center;
        }

ul.navigation a {
        margin: 0px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        display: block;

        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fffffe;
        text-decoration: none;
        letter-spacing: 0.2em;
        }

ul.navigation a:visited {
        margin: 0px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        display: block;

        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fffffe;
        text-decoration: none;
        letter-spacing: 0.2em;
        }

ul.navigation a:hover {
        margin: 0px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        display: block;

        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #404040;
        text-decoration: none;
        letter-spacing: 0.2em;
        }

div.main {
        margin: 0 auto;
        padding: 0;
        background-color: #E8E8E8;
        border: 5px solid #7F7F7F;
        border-top: 0px;
        top: 190px;
        width: 760px;
        text-align: left;
        }

div.main_gal {
        position: relative;
        margin: 0 auto;
        padding: 0;
        background-color: #E8E8E8;
        border: 5px solid #7F7F7F;
        top: 4px;
        width: 745px;
        text-align: left;
        }


div.content {
        position: relative;
        width: 715px;
        left: 10px;
        top: 15px;
        padding: 10px;
        padding-left:15px;
        background: white;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        }

div.content_gal {
        position: relative;
        width: 715px;
        left: 10px;
        top: 1px;
        padding: 5px;
        background: white;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        }

div.bottom {
        position: relative;
        background-color: #7F7F7F;
        bottom: -3px;
        text-align: center;
        width: 760px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
        }

div.bottom_gal {
        position: relative;
        background-color: #7F7F7F;
        bottom: -3px;
        text-align: center;
        width: 745px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
        }

span.c_webdesign
{
float:left;
color:#000;
list-style-type:none;
margin: 0px auto;
line-height: 15px;
text-align:left;
}
#liwebdesignAbstand
{
list-style-type:none;
margin: 0px;
padding: 0px
}

ul.newslist {
        float: right;
        width: 200px;
        margin: 10px 15px 0 0;
        }


ul.newslist li {
        list-style-type: none;
        margin: 5px;
        border: dashed 1px #7F7F7F;
        border-collapse: collapse;
        background: #fff;
        padding: 0;
        }

ul.newslist a {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        display: block;
        background-image:url(gradientback2.png);
        padding: 3px;
        }

ul.newslist a:hover {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        display: block;
        background-image:url(gradientback.png);
        padding: 3px;
        }

div.news {
        position: relative;
        left: 15px;
        top: 15px;
        width: 500px;
        border: 1px dashed #7F7F7F;
        background: #fff;
        margin: 0px;
        text-align: left;
        padding: 4px;

        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        }

div.header {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        background-image:url(gradientback.png);
        margin: -5px -5px 4px -5px;
        padding: 4px;
        }

a.presse {
        background: url(../bilder/pfeil.png) no-repeat;
        background-position: left center;
        padding-left:25px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: underline;
}

a.presse:hover {

        background: url(../bilder/pfeil.png) no-repeat;
        background-position: left center;
        padding-left:25px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: none;
        }

a.presse:visited {
        background: url(../bilder/pfeil.png) no-repeat;
        background-position: left center;
        padding-left:25px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #7F7F7F;
        text-decoration: underline;
        }

li.pre
{
list-style-type: none;
float: left;
position: relative;
margin-left:87px;
margin-right:15px;
margin-bottom:30px;

}



div.aufloesen
{
clear:both;
}


a.bottom {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
        color: white;
        }

a.bottom:hover {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: white;
        }

a.bottom:visited {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
        color: white;
        }

strong {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: black;
        }

h2 {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: black;
        }

div.presse {
        text-align: justify;
        margin-left: 80px;
        margin-right:80px;
        }

/* Program */

img.program
{
float: right;
align: right;
margin:0px auto;
margin-top: 70px;
margin-bottom:15px;
margin-right:20px;
padding: 3px;
border: 0px solid #000;
width: 155px;
height: 530px;
}

li.interpret
{
margin-left:0px;
margin-top:8px;
margin-bottom:4px;
font-weight: bold;
list-style-type: none;
}

li.song
{
list-style-type: square;
}

div.spalte_2
{
position: absolute;
left:300px;
top: 40px;
}


/* Standardtextcontainer fr einspaltige Seite und dazu passende Links */

div.bio {
        position: relative;
        width: 715px;
        left: 10px;
        top: 15px;
        padding: 10px;
        padding-left:15px;
        background: white;
        font-size: 11px;
        text-align: justify;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        }

div.history {
        position: relative;
        text-align:justify;
        width: 730px;
        left: 10px;
        top: 15px;
        padding: 5px;
        background: white;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        }

a {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: underline;
        }

a:hover {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: none;
        }

a:visited {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #7F7F7F;
        text-decoration: underline;
        }

/* Fr Biographie */

div.bioleft {
        position: relative;
        width: 470px;
        left: 10px;
        right: 20px;
        top: 15px;
        float: left;
        background: white;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        text-align:justify;
        color: black;
        padding-right:35px;
        padding-left:10px;
        }

div.bioright {
        position: relative;
        margin-left: 520px;
        width: 220px;
        top: 15px;
        left: 5px;
        text-align: center;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: black;
        }

div.bioright img{
        border: 3px solid white;
        }

div.bioright a {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: black;
        }

div.bioright a.text {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
        color: black;
        }

div.bioright a.text:visited {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: underline;
        color: black;
        }

div.bioright a.text:hover {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: black;
        }

.name1 {
        font-size:60px;
        color:#b30000;
        }

.name2 {
        font-size:50px;
        color:#404040;
        }

td.vorbei {
        color:#000000;
        }

td.jahreszahl {
        font-size: 15px;
        }

td.jahreszahl a {
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
        color: #3F3E3E;
        text-decoration: none;
        }

td.jahreszahl a:visited {
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
        color: #3F3E3E;
        text-decoration: none;
        }

td.jahreszahl a:hover {
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: none;
        }

td.vorbei a {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #3F3E3E;
        text-decoration: underline;
        }

td.vorbei a:visited {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #3F3E3E
        text-decoration: underline;
        }

td.vorbei a:hover {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: none;
        }


.galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0px;
text-align: center;
font-weight: bold;
position: relative;
}

div.bg
{
margin-left: -20px;
}

div.hinweis
{
text-align:center;
}

.galerie img
{
width: 155px;
height: 106px;
display: block;
padding: 3px;
margin-top: 10px;
border: 0px solid #000;
}

.galerie a .hint
{
display: none;
}

.galerie a:hover .P1
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -50px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P2
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -50px;
left: -125px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P3
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -50px;
left: -300px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P4
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -50px;
left: -475px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P1R2
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -175px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P2R2
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -175px;
left: -125px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P3R2
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -175px;
left: -300px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P4R2
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -175px;
left: -475px;
z-index: 1;
background: #fff;
}

.galerie a:hover .hoch1
{
width: auto;
height: 600px;
display: block;
position: absolute;
top: -300px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .hoch2
{
width: auto;
height: 600px;
display: block;
position: absolute;
top: -300px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .hoch3
{
width: auto;
height: 600px;
display: block;
position: absolute;
top: -300px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P1R3
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -200px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P2R3
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -200px;
left: -125px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P3R3
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -200px;
left: -300px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P4R3
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -200px;
left: -475px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P1R4
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -225px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P2R4
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -225px;
left: -125px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P3R4
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -225px;
left: -300px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P4R4
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -225px;
left: -475px;
z-index: 1;
background: #fff;
}

.galerie a:hover .P1R5
{
width: 600px;
height: auto;
display: block;
position: absolute;
top: -250px;
left: -28px;
z-index: 1;
background: #fff;
}

.galerie a:hover .mid
{
width: 400px;
height: auto;
display: block;
position: absolute;
top: -225px;
left: -28px;
z-index: 1;
background: #fff;
}
div.galerie_text
{
text-align:left;
font-family: Arial, Helvetica, sans-serif;
margin-left: 30px
}


/*--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;}