* {
border: 0;
margin: 0;
padding: 0;
}

body {
background: url(pix/body.jpg) center 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;
border: 10px solid #fff;
border-radius: 10px;
box-shadow: 2px 2px 4px #333;
margin: 10px auto 10px auto;
text-align: left;
width: 912px;
}

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

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 {
color: #fff;
font-size: 1.1em;
margin: 0 auto 0 235px;
padding: 2px 0 2px 0;
}

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: #555;
color: #fff;
float: right;
font-size: 1.0em;
margin: 1px 0 0 10px;
width: 195px;
padding: 3px 3px 3px 13px;
}

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

div#inhalt {
background: #646464;
margin-left: 194px;
padding: 10px 20px 10px 40px;
}

div#info p {
font-size: 1.2em;
line-height: 1.3em;
margin-bottom: 1.3em;
padding: 0.2em;
}

div#info p + p {
margin-bottom: 0.3em;
}

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

#inhalt p.einf {
background: #999;
border: 8px solid #999;
border-radius: 8px;
color: #fff;
font-weight: bold;
margin: 15px 0;
padding: 8px;
}

#inhalt h1 {
color: #fff;
font-size: 1.9em;
margin: 2px 0 0 0;
}

#inhalt h2 {
color: #fff;
font-size: 1.6em;
margin: 15px 0 0 0;
}

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

span.kern {
color: #fff;
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: #fff;
}

#inhalt li.seo:after {
content: "  " url(pix/topseo.png);
}


#inhalt table {
width: 100%;
border-collapse: collapse;
border: 1px solid #555;
}

#inhalt td, #inhalt th {
padding: 3px;
vertical-align: top;
}

#inhalt th {
font-weight: bold;
text-align: left;
}

#inhalt tr:nth-child(odd) {
background: #444;
}

#inhalt table.daten {
font-size: 1.3em;
margin: 10px 0 23px 0;
}

#inhalt table.frei {
border: none;
font-size: 1.3em;
margin: 10px 0 23px 0;
}

#inhalt table.frei tr {
background: transparent;
}

a:link, a:visited {
color: #fff;
text-decoration: underline;
}

a:hover {
background: #fff;
border-radius: 2px;
color: #f00;
padding: 1px 0;
text-decoration: none;
}

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

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

ul#navigation {
list-style-type: none;
}

#navigation li {
font-size: 1.3em;
}

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

li.g1 a:link, li.g1 a:visited {
background: #646464;
border-left: 25px solid #ff8000;
color: #fff;
display: block;
font-weight: bold;
margin-left: -25px;
padding: 3px 0 3px 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: 3px 0 3px 3px;
text-decoration: none;
}

li.g2 a:link, li.g2 a:visited {
background: #646464;
border-left: 25px solid #ff8000;
color: #fff;
display: block;
font-weight: bold;
margin-left: -25px;
padding: 3px 0 3px 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: 3px 0 3px 3px;
text-decoration: none;
text-align: right;
}

li.g3 a:link, li.g3 a:visited {
background: #646464;
border-left: 25px solid #ff8000;
color: #fff;
display: block;
font-weight: bold;
margin-left: -25px;
padding: 3px 8px 3px 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  ";
}

/* Bilder mit Texten */
#inhalt dl, img.foto {
background: #999;
border-radius: 4px;
margin-bottom: 4em;
padding: 4px;
}

#inhalt dl {
width: 270px;
}

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

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

.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;
}
