html {
background:#eee;
color:#000;
font:100.01% "Trebuchet MS", "Sans-Serif";
margin:0;
padding:1em
}
body {
background-color:#FFF;
margin-left:auto;
margin-right:auto;
max-width:1010px;
text-align:center;
border-color:#000;
border-style:solid;
border-width:1px;
padding:0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 10px #666;
    -moz-box-shadow: 0 0 4px 2px #999;
        box-shadow: 0 0 4px 2px #999;
}

div#Rahmen {
width:auto;
height:30px;
background-image:url(../bilder/menu.png);
background-color:#600;
margin:auto
}

div#Rahmen div {
clear:left
}
* html ul#Navigation {
width:44em
}
ul#Navigation {
font-size:1em;
max-width:42em;
text-align:center;
margin:auto
}
ul#Navigation li {
float:left;
line-height:30px;
list-style:none;
position:relative;
}
* html ul#Navigation li {
margin-bottom:-.4em;
margin-right:0
}
ul#Navigation li ul {
background:none;
display:none;
font-size:1em;
font-variant:normal;
position:absolute;
text-align:left;
top:30px;
margin:0;
padding:0
}
*:first-child+html ul#Navigation ul {
background-color:#fff
}
ul#Navigation li:hover ul {
display:block;
background-color:#b30000;
    -webkit-border-radius: 10px;     
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 1px 1px 5px #222;
    -moz-box-shadow: 0 0 3px 1px #222;
        box-shadow: 0 0 3px 1px #222;
}
li#menueins {
z-index:20
}
li#menuzwei {
z-index:15
}
li#menudrei {
z-index:12
}
ul#Navigation li ul li {
display:block;
float:none;
left:0;
z-index:2;
}

*html ul#Navigation li ul li{
background-color:#b30000;
padding:0.2em;}

ul#Navigation a {
color:#FFF;
display:block;
text-decoration:none;
width:9.5em;
padding-left:.5em
}
.liste {
background-image:url(../bilder/pfeilunten.gif);
background-position:12px;
background-repeat:no-repeat
}
ul#Navigation li a:hover,ul#Navigation li a:focus {
background-color:#800;
color:#fff;
    -webkit-box-shadow: inset 0 0 10px #490000;
    -moz-box-shadow: inset 0 0 3px #490000;
    box-shadow: inset 0 0 3px #490000;
}
h1 {
background-image:url(../bilder/operalogo.jpg);
background-repeat:no-repeat;
background-position:2em;
font-family:"Trebuchet MS", "Sans-Serif";
font-size:1.8em;
font-weight:400;
text-align:center;
display:block;
height:57px;
margin-bottom:1em;
}
h2 {
color:#626262;
font-family:"Trebuchet MS", "Sans-Serif";
font-size:1.5em;
text-align:center;
margin:2em 0
}
h3 {
color:#626262;
font-family:"Trebuchet MS", "Sans-Serif";
font-size:1.2em;
text-align:left;
margin:3em 0 1.5em
}
img {
border:0
}
img.left {
float:left
}
img.right {
float:right
}
#inhalt {
font-family:verdana, "Sans-Serif";
font-size:.9em;
line-height:1.4em;
margin-left:3em;
margin-right:3em;
padding-right:10px;
position:relative;
text-align:left;
width:auto;
z-index:1
}
#inhalt a {
color:#900000
}
#inhalt a:visited {
color:#400000
}
#inhalt a:hover,#inhalt a:focus {
color:#B00000
}
#inhalt img {
margin:.5em
}
.zusammenfassung {
background:#b30000;
text-align:center;
color:#fff;
border-color:#300;
border-style:solid;
border-width:1px;
padding:1em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 4px 2px #999;
        box-shadow: 0 0 4px 2px #999;
}
kbd {
font-family:Verdana;
font-variant:small-caps;
font-weight:700
}
p.screen {
text-align:center;
padding:10px 0 20px
}
#inhalt p.screen img {
margin:0
}
.nomargin {
vertical-align:middle;
margin:0;
padding:0
}
.buttons {
text-align:center;
vertical-align:bottom;
padding:0
}
#obenrechts {
margin-bottom:-1.5em;
margin-right:2em;
margin-left:45em;
margin-top:1em;
position:absolute;
text-align:right;
top:1.5em
}
.label {
display:none
}
.footer {
font-size:.7em;
text-align:center;
margin:1em 0
}
#piwik {
text-decoration:none
}