* {
margin: 0;
padding: 0;
}

body {
background: #888 url(pix/screen.jpg) fixed;
color: #fff;
font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
font-size: 62.5%;
}

div#veranstaltung h1 {
background: #ccc;
color: blue;
font-size: 172%;
}

div#seite {
background: #bf2640;
margin: 6px auto;
text-align: left;
width: 912px;
}

div#kopf {
border-bottom: 1px dotted #bf2640;
min-height: 99px;
}

div#kopf a, div#kopf p {
color: #bf2640;
font-size: 12px;
margin: 0 3px;
text-align: center;
}

div#kopf img {
border: none;
height: 313px;
width: 912px;
}

div#fuss {
background: #fff;
color: #999;
font-size: 1.1em;
margin: 0 auto;
padding: 2px 0 2px 0;
text-align: center;
width: 912px;
}

div#kopf a:hover {
color: #fff;
}

div#links {
float: left;
width: 194px;
}

div#links h2 {
background: #bf2640;
font-size: 1.3em;
padding: 15px 2px 0 2px;
}

div#info {
background: url(pix/spiralblock.png) repeat-y;
color: #555;
float: right;
font-size: 1.0em;
margin: 1px 0 0 15px;
width: 195px;
padding: 3px 3px 3px 22px;
}

div#info h2 {
color: #555;
font-size: 1.1em;
}

div#inhalt {
background: #fff url(pix/schatten.png) repeat-y;
margin-left: 194px;
min-height: 600px;
padding: 10px 50px 10px 40px;
}

div#info p {
border-bottom: 1px dotted #555;
font-size: 1.2em;
line-height: 1.3em;
padding: 2px;
}

#inhalt p {
color: #444;
font-size: 1.3em;
line-height: 1.4em;
margin: 0 0 12px 0;
}

#inhalt p.einf {
background: #f9f5d1;
border: 1px solid #e0a61a;
color: #bf2640;
font-style: italic;
font-size: 1.4em;
font-weight: bold;
margin: 15px 0;
padding: 2px 8px;
}

#inhalt h1 {
color: #bf2640;
font-size: 2.0em;
margin: 2px 0 0 0;
text-shadow: 2px 2px 4px #888;
}

#inhalt h2 {
color: #bf2640;
font-size: 1.6em;
margin: 15px 0 0 0;
text-shadow: 2px 2px 4px #888;
}

#inhalt h3 {
color: #555;
font-size: 1.4em;
font-weight: bold;
margin: 10px 0 0 0;
}

span.kern {
color: #444;
font-weight: bold;
}

#inhalt ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

#inhalt li {
background: url(pix/bullet.png) left center no-repeat;
font-size: 1.3em;
line-height: 1.5em;
margin-bottom: 10px;
padding-left: 20px;
color: #555;
}

/* Navigationsleiste mit hover-Effekte */
ul#navigation {
list-style-type: none;
}

#navigation li {
border-bottom: 1px solid #c00;
font-size: 1.3em;
}

li.e1 a:link, li.e1 a:visited {
background: #bf2640;
border-left: 10px solid #bf2640;
color: #fff;
display: block;
padding: 2px 0 2px 3px;
text-decoration: none;
}

li.g1 a:link, li.g1 a:visited {
background: #bf2640;
border-left: 20px solid #ccc;
color: #fff;
display: block;
font-weight: bold;
margin-left: -20px;
padding: 2px 0 2px 14px;
text-decoration: none;
}

li.e1 a:hover {
background: #ecb205;
border-top: 0;
border-left: 10px solid #ecb205;
color: #fff;
}

li.e2 a:link, li.e2 a:visited {
background: #b52733;
border-left: 10px solid #b52733;
color: #fff;
display: block;
padding: 2px 0 2px 3px;
text-decoration: none;
}

li.g2 a:link, li.g2 a:visited {
background: #b52733;
border-left: 20px solid #ccc;
color: #fff;
display: block;
font-weight: bold;
margin-left: -20px;
padding: 2px 0 2px 14px;
text-decoration: none;
}

li.e2 a:hover {
background: #ecb205;
border-left: 10px solid #ecb205;
color: #fff;
}

li.e3 a:link, li.e3 a:visited {
background: #900;
border-right: 10px solid #900;
border-left: 10px solid #900;
color: #fff;
display: block;
padding: 2px 0 2px 3px;
text-decoration: none;
text-align: right;
}

li.g3 a:link, li.g3 a:visited {
background: #900;
border-left: 20px solid #ccc;
color: #fff;
display: block;
font-weight: bold;
margin-left: -20px;
padding: 2px 8px 2px 14px;
text-align: right;
text-decoration: none;
}

li.e3 a:hover {
background: #ecb205;
border-right: 10px solid #ecb205;
border-left: 20px solid #ecb205;
color: #fff;
}

li.e2 a:link:before,
li.e2 a:visited:before,
li.g2 a:link:before,
li.g2 a:visited:before {
content:"\2022  ";
}

a:link {
color: #104a94;
text-decoration: underline;
}

a:visited {
color: #444;
text-decoration: underline;
}

a:hover {
background: #bf2640;
color: #fff;
}

a.www:before {
content: url(pix/go2www.png)" ";
}

a.pdf:before {
content: url(pix/go2pdf.png)" ";
}

/* Bilder mit Texten */
#inhalt dl, img.foto {
background: #fcfcfc;
border-top: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
margin-bottom: 4em;
padding: 4px;
-moz-border-radius: 5px;
-moz-box-shadow: 4px 4px 4px #aaa;
}

#inhalt dl {
width: 270px;
}

#inhalt dd {
color: #555;
font: 1.3em "Trebuchet MS",Arial,Verdana,sans-serif;
text-align: left;
}

#inhalt dd:before {
content:"\2022  ";
}

img.foto {
margin: 5px 5px 5px 0;
}

.links {
float: left;
margin: 5px 10px 5px 0;
}

.rechts {
float: right;
margin: 5px 0 5px 10px;
}

.schalter {
background: #999;
border: 1px solid #bf2640;
color: #fff;
padding: 1px 6px;
text-align: center;
}

/* Sprungverweise */
.skip {
position: absolute;
top: -32768px;
left: -32768px;
}

.skip:focus, .skip:active {
position: static;
top: 0;
left: 0;
}

#skiplinks {
position: absolute;
top: 0px; 
left: -32768px;
z-index: 1000;
list-style-type: none;
width: 100%; 
}

#skiplinks a.skip:focus, #skiplinks a.skip:active {
left: 32768px; 
outline: 0 none;
position: absolute;
width: 100%;
color: #fff; 
background: #333;
border-bottom: 1px #000 solid;
padding: 10px 0;
text-decoration: none;
}