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

body {
background: #64a6bc;
color: #444;
font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
font-size: 62.5%;
}

div#seite {
margin: 5px auto;
width: 975px;
text-align: left;
background: #fff;
}

div#kopf {
width: 975px;
}

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

div#links {
width: 200px;
float: left;
padding-bottom: 19px;
background: url(pix/bgx.png);
background-repeat: no-repeat;
background-position: bottom;
}

div#rechts {
font-size: 1.0em;
float: right;
width: 200px;
color: #555;
background: #fff;
min-height: 550px;
}

div#inhalt {
padding: 0 25px 0 25px;
margin: 0 200px 0 200px;
background: #fff;
background: url(pix/bgs.png);
background-repeat: repeat-y;
background-position: center;
min-height: 300px;
}

div#deko {
padding: 0 20px 0 20px;
margin: 30px 200px -7px 200px;
background: url(pix/bgo.png);
background-repeat: no-repeat;
background-position: center;
height: 27px;
}

div#dekob {
padding: 0 20px 0 20px;
margin: 30px 20px -7px 200px;
background: url(pix/bgob.png);
background-repeat: no-repeat;
background-position: center;
height: 27px;
}

div#deku {
padding: 0 20px 0 20px;
margin: 0 200px 20px 200px;
background: url(pix/bgu.png);
background-repeat: no-repeat;
background-position: center;
height: 27px;
}

div#dekub {
padding: 0 20px 0 20px;
margin: 0 20px 20px 200px;
background: url(pix/bgub.png);
background-repeat: no-repeat;
background-position: center;
height: 27px;
}

div#block {
width: 190px;
height: 315px;
margin: 2px;
padding: 8px;
padding-top: 55px;
background: url(pix/blatt.png);
background-repeat: no-repeat;
}

div#block p.termin {
margin-top: 1.3em;
padding: 2px;
color: #474790;
font-size: 1.2em;
line-height: 1.3em;
font-style: italic;
}

div#block p.titel {
padding: 2px;
padding-right: 10px;
color: #000080;
font-size: 1.2em;
font-weight: bold;
}

div#block a {
color: #00a;
font-size: 1.2em;
}

div#block a:hover {
color: #fff;
background: #0050a0;
}

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

#inhalt h1 {
margin: 2px 0 0 0;
font-size: 2.0em;
color: #0050a0;
}

#inhalt h2 {
margin: 20px 0 0 0;
font-size: 1.7em;
color: #0050a0;
}

#inhalt h3 {
margin: 2px 0 1px 0;
font-size: 1.4em;
font-weight: bold;
color: #444;
}

#inhalt li {
font-size: 1.3em;
line-height: 1.4em;
list-style-type: square;
text-align: left;
margin: 0 0 2px 15px;
}

div#veranstaltungen {
margin-top: 34px;
padding: 8px;
background: url(pix/blatt.png);
}

div#veranstaltungen p.termin {
margin-top: 1.3em;
padding: 2px;
color: #474790;
font-size: 1.2em;
line-height: 1.3em;
font-style: italic;
}

div#inhalt p.termin {
margin-top: 1.3em;
padding: 2px;
color: #444;
font-size: 1.2em;
font-style: italic;
}

div#veranstaltungen p.titel {
padding: 2px;
color: #000080;
font-size: 1.2em;
font-weight: bold;
}

div#veranstaltungen a {
color: #00a;
font-size: 1.2em;
}

div#veranstaltungen a:hover {
color: #fff;
background: #0050a0;
}

div.info {
background: #e9e9fd;
padding: 5px;
border: 1px solid #0083C2;
}

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

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

li.e1 a:link, li.e1 a:visited {
padding: 2px 0 2px 13px;
background: #64a6bc;
color: #fff;
display: block;
text-decoration: none;
}

li.g1 a:link, li.g1 a:visited {
padding: 2px 0 2px 13px;
background: #386e80;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
}

li.g1 a:hover {
background: #cb0000;
}

li.e1 a:hover {
background: #8ebd47;
color: #fff;
}

li.e2 a:link, li.e2 a:visited {
padding: 2px 0 2px 13px;
background: #468aa0;
color: #fff;
text-decoration: none;
display: block;
}

li.g2 a:link, li.g2 a:visited {
padding: 2px 0 2px 13px;
background: #386e80;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
}

li.g2 a:hover {
background: #cb0000;
}

li.e2 a:hover {
background: #8ebd47;
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;
}

a:visited {
color: #104a94;
}

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

a:active {
color: #fff;
background: #ae1732;
}

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

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

a.mail:before {
content:url(pix/go2mail.png)" ";
}

a.hire:before {
content:url(pix/go2hire.png)" ";
}

a.pic:before {
content:url(pix/go2pic.png)" ";
}

/* Bilder mit Texten */
#inhalt dl {
background: #fcfcfc;
padding: 5px;
width: 420px;
border-top: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
-moz-border-radius: 10px;
margin-bottom: 2em;
}

#inhalt dd {
font-size: 1.3em;
}

#inhalt dt {
font-size: 1.3em;
font-weight: bold;
}


img.foto {
background-color: #fff;
margin: 2px;
padding: 5px;
border-top: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
-moz-border-radius: 8px;
}

/* Formularelemente */
span.fehlt {
color: #d00;
font-weight: bold;
font-style: italic;
}

span.fehlt:before {
content:url(pix/kreuz.png)" ";
}

div.meldung {
width: 400px;
padding: 10px;
}

fieldset {
padding: 6px;
border: 1px solid #64a6bc;
margin-bottom: 3px;
}

legend {
background: #64a6bc;
color: #fff;
font-size: 1.3em;
padding: 2px;
}

label {
font-size: 1.3em;
padding: 2px;
}

textarea, input {
font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
font-size: 1.3em;
}

textarea:hover, input:hover {
background: #8ebd47;
color: #fff;
}

textarea:focus, input:focus {
background: #386e80;
color: #fff;
}

p.frage {
font-weight: bold;
color: red;
margin-bottom: 10px;
}

.schalter  {
font-size: 1.3em;
font-weight: bold;
background: #97c24c;
width: 150px;
color: #fff;
border: 1px solid #fff;
}

.menue {
padding: 2px;
font-size: 1.2em;
background: #fff;
width: 280px;
vertical-align: middle;
color: #444;
border: 1px solid #ccc;
}

.fehler {
font-size: 1.3em;
background: #c00;
vertical-align: middle;
color: #fff;
border: 1px solid #ccc;
}

.taster, .raster {
font-size: 1.3em;
font-weight: bold;
color: #fff;
padding: 2px;
text-decoration: none;
-moz-border-radius: 3px;
}

.taster {
background: #000080;
border: 1px solid #e9e9fd;
-moz-border-radius: 2px;
}

.raster {
background: #c52547;
border: 1px solid #f08000;
-moz-border-radius: 2px;
}

a.taster:link, a.raster:link {
color: #fff;
}

a.taster:visited, a.raster:visited {
color: #fff;
}

a.taster:hover, a.raster:hover {
background: #d91fdb;
border: 1px solid #c00025;
color: #ff0;
}

a.taster:active, a.raster:active {
background: #ffff00;
color: #f00;
border: 1px solid #e00534;
}