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

body {
background: #fff url(pix/gradient.png) repeat-x;
color: #333;
font-family: Helvetica,Arial,sans-serif;
font-size: 62.5%;
margin-top: 8px;
}

div#seite {
background: #dfdfdf url(pix/bg-seite.png) repeat-y;
margin: auto;
width: 975px;
}

div#oben {
background: #fff;
height: 195px;
margin: auto;
width: 975px;
}

div#oben img#pano {
background: #00a912;
float: left;
height: 159px;
width: 742px;
}

div#oben img#logo {
float: right;
height: 195px;
width: 233px;
}

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

div#links ul.rex-navi1 {
padding-bottom: 214px;
}

div#rechts, div#rechtstext {
float: right;
width: 233px;
}

div#inhalt {
background: #fff;
margin: 0 233px 0 211px;
padding: 4px 20px 0 20px;
min-height: 500px;
}

div#fuss {
background: url(pix/bg-fuss.png) bottom no-repeat;
margin: auto;
width: 975px;
height: 70px;
}

h1 {
font-size: 1.8em;
margin: 12px 0 7px 0;
}

h2 {
font-size: 1.6em;
margin: 10px 0 3px 0;
}

h3 {
font-size: 1.4em;
margin: 8px 0 4px 0;
text-shadow: 1px 1px 2px #999;
}

h4 {
color: #555;
font-size: 1.3em;
font-style: italic;
font-weight: normal;
margin: 36px 0 -12px 0;
}

h4:before {
content: url(pix/bullet.png)" ";
}

p + h2, ul + h2, ol + h2 {
margin: 35px 0 3px 0;
}

p + h3, ul + h3, ol + h3 {
margin: 20px 0 3px 0;
}

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

p.teaser {
color: #444;
font-weight: bold;
}

pre {
color: #953;
font-family: monospace;
font-size: 1.4em;
margin: 0 0 10px 0;
}

address {
font-size: 1.4em;
font-style: italic;
list-style-type: square;
margin: 0 0 10px 0;
}

#inhalt ul, #inhalt ol {
margin: 10px 0 14px 0;
}

#inhalt li {
font-size: 1.3em;
line-height: 1.5em;
padding-left: 5px;
}

#inhalt ul.nix li {
list-style:  none;
margin: 0 -20px 14px -25px;
}

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

#inhalt a:hover {
color: #008;
}

#inhalt pre {
font-family: Courier,monospace;
}

#inhalt #pfad {
font-family: Tahoma,sans-serif;
font-size: 1.1em;
color: #666;
}

#inhalt #pfad a:link, #inhalt #pfad a:visited {
color: #666;
text-decoration: none;
}

#inhalt #pfad a:hover {
color: #c00;
text-decoration: underline;
}

div#fuss p {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #828282;
font-size: 0.9em;
font-weight: bold;
padding: 36px 55px 0 0;
text-align: right;
}

div#fuss span a {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #7a7a7a;
font-size: 1.1em;
font-weight: bold;
padding-right: 19px;
padding-top: 10px;
float: right;
text-align: right;
}

div#fuss span a.ful {
color: #000;
}

div#fuss span a.kon {
color: #fff;
}

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

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

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

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

#inhalt table.blind {
border: none;
}

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

#inhalt table.blind td  {
padding-bottom: 3px;
}

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

#rexsearch_form {
margin: 2px 0 2px 3px;
}

/* Formulare */
fieldset {
border: 1px solid #ccc;
border-radius: 8px;
margin: auto;
margin-bottom: 4px;
padding: 8px;
width: 460px;
}

legend {
background: #666;
color: #fff;
font-size: 1.3em;
letter-spacing: 1px;
padding: 2px;
}

label {
display: block;
font-size: 1.3em;
line-height: 1.5em;
}

.taster {
font-size: 1.3em;
font-weight: bold;
background: #d00;
color: #fff;
padding: 2px;
text-decoration: none;
}

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

.menue {
background: #eee;
font-size: 1.3em;
margin-bottom: 2px;
vertical-align: middle;
width: 150px;
}

.fehler {
background: #c00;
color: #fff;
font-size: 1.3em;
vertical-align: middle;
width: 150px;
}

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

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

input, textarea, select {
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 2px;
}

.b30 {
width: 30px;
}

.b250 {
width: 250px;
}

.b270 {
width: 270px;
}

.b360 {
width: 360px;
}

.b450 {
width: 450px;
}

.b580 {
width: 580px;
}

/* TinyMCE Styles */
.gruenmarkierung {
color: #080;
font-weight: bold;
}

.rotmarkierung {
color: #c00;
font-weight: bold;
}

/* Überschriften der Rubriken */
body#r1 #inhalt h1, body#r1 #inhalt h2 {
color: #cc0033;
}

body#r2 #inhalt h1, body#r2 #inhalt h2 {
color: #ff6600;
}

body#r3 #inhalt h1, body#r3 #inhalt h2 {
color: #99cc01;
}

body#r4 #inhalt h1, body#r4 #inhalt h2 {
color: #009900;
}

body#r5 #inhalt h1, body#r5 #inhalt h2 {
color: #009899;
}

body#r6 #inhalt h1, body#r6 #inhalt h2 {
color: #33cbcc;
}

body#r7 #inhalt h1, body#r7 #inhalt h2 {
color: #0099cb;
}

div#links h1, div#links h2, div#links h3, div#rechtstext h1, div#rechtstext h2, div#rechtstext h3 {
padding: 0 9px;
}

div#links p, div#rechtstext p {
font-size: 1.3em;
line-height: 1.3em;
padding: 0 9px;
}

#inhalt ul {
list-style-type: disc;
padding-left: 20px;
}

div#links p a:link, div#links p a:visited {
color: #cb1240;
}

img.foto {
border: 1px solid #999;
box-shadow: 2px 2px 4px #bbb;
padding: 1px;
}

.links {
float: left;
margin: 0 20px 20px 0;
}

.rechts {
float: right;
margin: 0 0 20px 20px;
}

/* Modul Einzelbild mit Fancybox */
#inhalt dl {
border: 1px solid #999;
box-shadow: 2px 2px 4px #bbb;
margin: 5px 5px;
padding: 1px;
}

#inhalt dd {
color: #555;
font-size: 1.3em;
padding: 3px;
}

/* Modul Bildgalerie AD Gallery */
#inhalt ul.ad-thumb-list li {
list-style-type: none;
padding: 2px;
}

/* Modul Bildergalerie Fancybox */
.galerie {
margin: 7px 1px 23px 1px;
}

.galerie img {
border: 1px solid #999;
box-shadow: 2px 2px 4px #bbb;
margin: 5px 5px;
padding: 1px;
}

/* Modul Branchenbuch */
#inhalt table.struktur {
border: none;
margin-top: 2.0em;
width: 100%;
}

#inhalt table.struktur td {
border-top: 1px solid #ccc;
font-size: 1.3em;
padding: 6px;
vertical-align: middle;
}

#inhalt table.struktur th {
background: #fff;
border-bottom: 0px solid #ccc;
color: #333;
font-size: 1.6em;
text-align: left;
text-shadow: 1px 1px 2px #999;
}

#inhalt table.struktur tr:nth-child(odd) {
background: none;
}

#inhalt div.branchenwahl a:link, #inhalt div.branchenwahl a:visited {
border-top: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #999;
border-left: 1px solid #eee;
color: #555;
font-size: 1.3em;
font-weight: bold;
margin: 0.2em;
padding: 0.3em;
text-decoration: none;
}

#inhalt div.branchenwahl a:hover {
background: #999;
color: #fff;
}

#inhalt div.branchenwahl a.gew {
background: #009899;
color: #fff;
}

/* Modul Video mit Titel */
#inhalt dl.video {
background: #ddd;
border-radius: 10px;
margin: 14px 0;
padding: 8px;
}

#inhalt dd.video {
font-size: 1.3em;
padding: 3px 2px;
}

/* Modul Audio mit Titel */
#inhalt dl.audio {
width: 140px;
background: #ddd;
border-radius: 6px;
margin: 14px 0;
padding: 8px;
}

#inhalt dd.audio {
font-size: 1.3em;
padding: 3px 2px;
}

/* Modul Vereine */
#inhalt div.strukturwahl a:link, #inhalt div.strukturwahl a:visited {
border-top: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #999;
border-left: 1px solid #eee;
color: #555;
font-size: 1.3em;
margin: 0.5em;
padding: 0.2em;
text-decoration: none;
}

#inhalt div.strukturwahl a:hover {
background: #999;
color: #fff;
}

#inhalt div.strukturwahl a.gew {
background: #0099cb;
color: #fff;
}

/* Modul Veranstaltungskalender */
div#events {
margin-top: 4px;
padding-right: 70px;
}

div#events p.termin {
color: #555;
font-style: italic;
margin-bottom: 2px;
margin-top: 6px;
}

div#events p.ort {
color: #003869;
}

div#events p.titel {
color: #333;
font-size: 1.3em;
font-weight: bold;
text-shadow: 1px 1px 2px #999;
}

div#events p.titel img {
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
border-right: 1px solid #aaa;
border-top: 1px solid #ddd;
border-radius: 8px;
box-shadow: 2px 2px 4px #bbb;
float: right;
margin: 1px 0 25px 20px;
padding: 5px;
}

div#events a:link, div#events a:visited {
color: #89b520;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
}

div#events a:hover {
background: none;
color: #c00;
text-decoration: underline;
}

div#events .schalten {
color: #999;
font-size: 1.3em;
font-weight: bold;
padding: 2px;
}

div#events .schalten a {
color: #89b520;
}

div#events .schalten a:hover {
color: #c00;
}

div#events .schalten p.anzahl {
color: #333;
font-size: 1.1em;
font-weight: normal;
padding: 2px;
}

div#events div.u, div#events div.g  {
border-bottom: 1px solid #ccc;
}

div#events h2 {
margin: 10px 0 10px 0;
}

/* Modul Kleinanzeigenmarkt */
div#anzeigen {
padding-right: 70px;
}

div#anzeigen p.titel {
color: #333;
font-size: 1.3em;
font-weight: bold;
margin: 2px 0 -2px 0;
text-shadow: 1px 1px 2px #999;
}

div#anzeigen p.preis {
color: #930;
margin: 22px 0 15px 4px;
}

div#anzeigen p.person {
color: #003869;
font-style: italic;
margin: 8px 0 2px 0;
}

div#anzeigen img {
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
border-right: 1px solid #aaa;
border-top: 1px solid #ddd;
border-radius: 8px;
box-shadow: 2px 2px 4px #bbb;
float: right;
margin: 1px 0 25px 20px;
padding: 5px;
}

div#anzeigen a:link, div#anzeigen a:visited {
color: #89b520;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
}

div#anzeigen a:hover {
background: none;
color: #c00;
text-decoration: underline;
}

div#anzeigen .schalten {
color: #999;
font-size: 1.3em;
font-weight: bold;
padding: 2px;
}

div#anzeigen .schalten a {
color: #89b520;
}

div#anzeigen .schalten a:hover {
color: #c00;
}

div#anzeigen .schalten p.anzahl {
color: #333;
font-size: 1.1em;
font-weight: normal;
padding: 2px;
}

div#anzeigen div.u {
border-bottom: 1px dotted #aaa;
}

div#anzeigen div.g {
border-bottom: 1px dotted #aaa;
}

/* Modul Artikel kommentieren */
div#inhalt div.feedback {
padding: 16px;
}

div#inhalt div.feedback h2 {
font-family: serif;
font-size: 1.3em;
margin-top: 1px;
padding-bottom: 8px;
}

div#inhalt div.feedback p {
color: #555;
font-family: monospace,Arial,sans-serif;
font-size: 1.2em;
}

div.feedback p.termin {
border-top: 1px dashed #ccc;
color: #555;
font-family: sans-serif;
font-size: 1.3em;
font-style: italic;
margin: 22px 0 0 0;
padding-top: 8px;
}

div.feedback address {
color: #666;
font-family: serif;
font-size: 1.3em;
margin-bottom: 12px;
}

/* Quasidynamischer Veranstaltungskalender */
div#veranstaltungen {
margin-bottom: 25px;
padding: 20px 9px 5px 9px;
}

div#veranstaltungen p.termin {
color: #333;
font-size: 1.2em;
font-style: italic;
margin: 16px 0 0 0;
}

div#veranstaltungen p.titel {
color: #333;
font-size: 1.3em;
margin-bottom: 1px;
}

div#veranstaltungen p.zeige a:link, div#veranstaltungen p.zeige a:visited {
color: #cb1240;
font-size: 0.9em;
}

/* Redaxo Hauptnavigation allgemein */
#nav {
background: #dfdfdf url(pix/bgn.png) center repeat-x;
color: #fff;
float: left;
height: 36px;
width: 742px;
}

/* Hauptnavigation 1. Ebene */
ul.rex-navi1 li {
display: block;
float: left;
font: bold 1.2em/1.2em Helvetica,Arial,sans-serif;
padding-top: 2px;
text-align: center;
width: 106px;
}

ul.rex-navi1 a {
color: #fff;
display: block;
text-decoration: none;
}

/* Navigation Hauptrubriken */
ul.rex-navi1 li.rex-article-1 {
background: #cc0033;
}

ul.rex-navi1 li.rex-article-2 {
background: #ff6600;
}

ul.rex-navi1 li.rex-article-3 {
background: #99cc01;
}

ul.rex-navi1 li.rex-article-4 {
background: #009900;
}

ul.rex-navi1 li.rex-article-5 {
background: #009899;
}

ul.rex-navi1 li.rex-article-6 {
background: #33cbcc;
}

ul.rex-navi1 li.rex-article-7 {
background: #0099cb;
}

/* Überfahrene Hauptrubrik */
div#nav ul.rex-navi1 li a:hover {
background: #fff url(pix/bgr.png) no-repeat;
color: #000;
height: 36px;
margin-top: -1px;
}

/* Unternavigation 1. Ebene */
div#links ul.rex-navi1 li, div#links ul.rex-navi2 li {
padding: 0;
text-align: left;
width: 196px;
}

div#links ul.rex-navi1 li a, div#links ul.rex-navi2 li a {
color: #6f6f6f;
padding: 3px 10px;
-moz-transition: background .8s ease;
-webkit-transition: background .8s ease;
-o-transition: background .8s ease;
-ms-transition: background .8s ease;
transition: background .8s ease;
}

div#links ul.rex-navi1 li a:hover, div#links ul.rex-navi2 li a:hover {
background: #fff;
color: #000;
}

/* Gewählte Rubrik allgemein */
div#links ul.rex-navi1 li a.rex-current, div#links ul.rex-navi2 li a.rex-current {
color: #fff;
background: #fff url(pix/pfeil.png) left center no-repeat;
}

/* Unternavigation 2. Ebene */
div#links ul.rex-navi2 li {
font-size: 1.1em;
font-weight: normal;
}

div#links ul.rex-navi2 li a {
background: #f4f4f4 url(pix/pfeil.png) left center no-repeat;
color: #6f6f6f;
padding: 1px 4px 1px 18px;
}

div#links ul.rex-navi2 li a:hover {
background: #fff url(pix/pfeil.png) left center no-repeat;
}

/* Unternavigation 3. Ebene */
div#links ul.rex-navi3 li {
font-size: 0.9em;
}

div#links ul.rex-navi3 li a {
color: #6f6f6f;
padding: 1px 4px 1px 28px;
background: #fff url(pix/kreis.png) left center no-repeat;
}

div#links ul.rex-navi3 li a:hover {
background: #fff url(pix/kreis.png) left center no-repeat;
}

/* Gewählte Rubrik 1 */
body#r1 div#links ul.rex-navi1 li a.rex-current {
background: #c03;
border-left: 12px solid #c03;
margin-left: -12px;
}

body#r1 div#links ul.rex-navi2 li a.rex-current {
background: #c03 url(pix/pfeil1.png) left center no-repeat;
}

body#r1 div#links ul.rex-navi3 li a.rex-current {
background: #c03 url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

div#links ul.rex-navi1 a[href^="8-0"], div#links ul.rex-navi1 a[href^="8-0"]:hover, div#links ul.rex-navi1 a[href^="8-0"] {
background: url(pix/uj.png) left center no-repeat;
margin-left: 4px;
padding-left: 40px;
}

body#r1 div#links ul.rex-navi1 li a[href^="8-0"].rex-current {
background: #c03 url(pix/uj.png) left center no-repeat;
border-left: 12px solid #c03;
margin-left: -8px;
}

/* Gewählte Rubrik 2 */
body#r2 div#links ul.rex-navi1 li a.rex-current {
background: #f60;
border-left: 12px solid #f60;
margin-left: -12px;
}

body#r2 div#links ul.rex-navi2 li a.rex-current {
background: #f60 url(pix/pfeil1.png) left center no-repeat;
}

body#r2 div#links ul.rex-navi3 li a.rex-current {
background: #f60 url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

/* Gewählte Rubrik 3 */
body#r3 div#links ul.rex-navi1 li a.rex-current {
background: #99cc01;
border-left: 12px solid #99cc01;
margin-left: -12px;
}

body#r3 div#links ul.rex-navi2 li a.rex-current {
background: #99cc01 url(pix/pfeil1.png) left center no-repeat;
}

body#r3 div#links ul.rex-navi3 li a.rex-current {
background: #99cc01 url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

/* Gewählte Rubrik 4 */
body#r4 div#links ul.rex-navi1 li a.rex-current {
background: #090;
border-left: 12px solid #090;
margin-left: -12px;
}

body#r4 div#links ul.rex-navi2 li a.rex-current {
background: #090 url(pix/pfeil1.png) left center no-repeat;
}

body#r4 div#links ul.rex-navi3 li a.rex-current {
background: #090 url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

/* Gewählte Rubrik 5 */
body#r5 div#links ul.rex-navi1 li a.rex-current {
background: #009899;
border-left: 12px solid #009899;
margin-left: -12px;
}

body#r5 div#links ul.rex-navi2 li a.rex-current {
background: #009899 url(pix/pfeil1.png) left center no-repeat;
}

body#r5 div#links ul.rex-navi3 li a.rex-current {
background: #009899 url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

/* Gewählte Rubrik 6 */
body#r6 div#links ul.rex-navi1 li a.rex-current {
background: #33cbcc;
border-left: 12px solid #33cbcc;
margin-left: -12px;
}

body#r6 div#links ul.rex-navi2 li a.rex-current {
background: #33cbcc url(pix/pfeil1.png) left center no-repeat;
}

body#r6 div#links ul.rex-navi3 li a.rex-current {
background: #33cbcc url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

/* Gewählte Rubrik 7 */
body#r7 div#links ul.rex-navi1 li a.rex-current {
background: #0099cb;
border-left: 12px solid #0099cb;
margin-left: -12px;
}

body#r7 div#links ul.rex-navi2 li a.rex-current {
background: #0099cb url(pix/pfeil1.png) left center no-repeat;
}

body#r7 div#links ul.rex-navi3 li a.rex-current {
background: #0099cb url(pix/kreis1.png) left center no-repeat;
color: #fff;
}

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

