body, html {
    position: relative;
    background-color: #D0D0D0;
    color: #000000;
	font-family: sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
a {
    color: blue;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1 {
    margin: 0px 0px 10px 0px;
    font-size: 24px;
}
h2 {
    margin: 0px 0px 10px 0px;
    font-size: 20px;
}
img {
    border: 0px;
}
.clear {
    clear: both;
}
.main {
    width: 1000px;
    margin: 10px auto;
    background-color: #fff;
    box-shadow:0px 0px 3px 3px gray;
    overflow: hidden;
}
.head {
    position: relative;
    background-color: #008000;
    text-align: right;
    margin-top: -25px;                                
    background:-moz-linear-gradient(bottom, #E5E500 , #f0da50 ); /* Firefox 99B200 */                
    background:-webkit-linear-gradient(bottom, #E5E500 , #f0da50 ); /* Safari, Chrome */
    background:-o-linear-gradient(bottom, #E5E500 , #f0da50  ); /* Opera */
    background:-ms-linear-gradient(bottom, #E5E500 , #f0da50  ); /* IE */
    background:linear-gradient(bottom, #E5E500 , #f0da50  ); /* W3C Standard */
}
.head img#logo {
    border: solid 2px #000000;
    float: right;
    margin: 5px;
}
.head img#schriftzug {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
    position: relative;
    top: 30px;
}
.head ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.head ul li {
    float: left;
}
.head ul li a {
    display: block;
    padding: 2px 10px 2px 10px;
    color: #FFFFFF;
    background-color: #664C4C;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial;
    margin-right: 1px;
}
.content .navigation {
    position: relative;
    float: left;
    width: 240px;
    min-height: 10px;
    padding: 60px 10px 50px 0px;
}
.content .navigation ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.content .navigation ul li {
    padding: 0px 0px 0px 10px;
    border-top: solid 1px #808080;
}
.content .navigation > ul > li:last-child {
    border-bottom: solid 1px #808080;
}
.content .navigation ul li a {
    display: block;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    color: #808080;
    font-size: 16px;
}
.content .navigation > ul > li > a {
    text-transform: uppercase;
}
.content .inhalt {
    position: relative;
    float: left;
    width: 730px;
    padding: 10px 10px 100px 10px;
    min-height: 250px;
}
.content .inhalt.voll {
    width: 980px;
}
.content .inhalt.start {
    width: 650px;
}
.content .inhalt.termine {
    width: 310px;
}
.content .inhalt.termine .terminliste span.titel {
    font-size: 16px;
}

.content .inhalt.termine .terminliste span.teaser, .content .inhalt.termine .terminliste span.link {
    display: none;
}
.content .inhalt.termine .newsletter span.titel {
    font-size: 28px;
    font-weight: bold;
    display: block;
    margin: 30px 0px 10px 0px;
}
.content .inhalt.termine .newsletter label {
    display: block;
}
.content .inhalt.termine .newsletter input, .content .inhalt.termine .newsletter select {
    padding: 5px;
    border: solid 1px #808080;
    font-size: 14px;
    margin: 0px 5px 5px 0px;
}
.content .inhalt.termine .newsletter input[type=submit], .content .inhalt.termine .newsletter select {
    padding: 4px 5px 4px 5px;
}
.content .inhalt.termine .newsletter input.vorname, .content .inhalt.termine .newsletter input.nachname {
    width: 100px;
}
.content .inhalt.termine .newsletter input.email {
    width: 200px;
}
.content .inhalt.termine .newsletter input[type=submit] {
    background-color: #C0C0C0;
    cursor: pointer;
}
.content .inhalt.termine .newsletter input[type=submit]:hover {
    background-color: #D0D0D0;
}
.content .inhalt img {
    max-width: 730px;
}
.content .foot {
    clear: both;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 10px 2px 10px;
    margin: 20px 0px 0px 0px;
    background-color: gray;
}
.content .foot a {
    color: #FFFFFF;
    text-decoration: underline;
}
.content .foot a:hover {
    text-decoration: none;
}

/* Newsartikel */

.newsartikelliste ul, .terminliste ul, .aktuellesliste ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.newsartikelliste ul, .terminliste ul {
    margin: -20px 0px 0px 0px;
}
.newsartikelliste li, .terminliste li, .aktuellesliste li {
    border-top: solid 10px #f0da50;
    padding: 10px 0px 10px 0px;
    margin-top: 20px;
}
.newsartikelliste li.seperator, .terminliste li.seperator, .aktuellesliste li.seperator {
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    color: #808080;
    display: none;
}
.newsartikelliste span.titel, .terminliste span.titel, .aktuellesliste span.titel {
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
.newsartikelliste span.datum, .terminliste span.datum, .aktuellesliste span.datum {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 14px;
    color: #808080;
    display: block;
}
.newsartikelliste a, .terminliste a, .aktuellesliste a {
    color: #000000;
}
.newsartikelliste a:hover, .terminliste a:hover, .aktuellesliste a:hover {
    text-decoration: none;
}
.newsartikelliste img, .terminliste img, .aktuellesliste img {
    width: 200px;
    float: right;
    margin: 8px 0px 10px 10px;
}
.newsartikelliste span.link, .terminliste span.link, .aktuellesliste span.link {
    color: blue;
}
.newsartikelliste span.link:hover, .terminliste span.link:hover, .aktuellesliste span.link:hover {
    text-decoration: underline;
}
.newsartikel h1.titel, .termin h1.titel {
    margin: 0px;    
}
.newsartikel h2.datum, .termin h2.titel {
    color: #808080;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}
.newsartikel span.teaser, .termin span.teaser {
    font-weight: bold;
    
}
.newsartikel img.artikelbild, .termin img.artikelbild {
    display: none;
}
.newsartikel span.text, .termin span.text {
    position: relative;
    clear: both;
}

/* Dokumente */
.dokumentenliste ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.dokumentenliste li {
    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
    padding: 10px 0px 10px 0px;
    margin: -1px 0px 0px 0px;
}
.dokumentenliste li a {
    color: #000000;
}
.dokumentenliste li a:hover {
    text-decoration: none;
}
.dokumentenliste li span.autor {
    float: right;
}
.dokumentenliste li span.beschreibung {
    display: block;
    clear: both;
    color: #808080;
}

/* Links */
.linkliste h1 {
    font-size: 28px;
    font-weight: bold;
    display: block;

}
.linkliste ul {
    list-style: none;
    margin: -20px 0px 0px 0px;
    padding: 0px;
    
}
.linkliste .bild {
    margin-right: 100px;
    
}
.inhalt.termine .linkliste a .titel {
    display: none;
}
.inhalt.termine .linkliste span.url {
    display: none;
}
.inhalt.termine .linkliste li {
    border: none;
}


.linkliste li {
    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
    padding: 10px 0px 10px 0px;
    margin: -1px 0px 0px 0px;
}
.linkliste li.seperator {
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    color: #808080;
}
.inhalt.termine li.seperator {
    display: none;
}
.linkliste li a {
    color: #000000;
}
.linkliste li a:hover {
    text-decoration: none;
}
.linkliste li span.autor {
    float: right;
}
.linkliste li span.beschreibung {
    display: block;
    color: #808080;
}
.linkliste li span.url {
    font-size: 12px;
    color: blue;
}
.linkliste li span.url:hover {
    text-decoration: underline;
}
.linkliste li img {
    max-width: 200px;
    max-height: 200px;
    float: right;
    margin: 0px 0px 10px 10px;

}

/* Personenverzeichnis */
.personenverzeichnis h2 {
    position: relative;
    display: block;
    clear: both;
}
.personenverzeichnis ul {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.personenverzeichnis ul > li {
    text-decoration: underline;
    margin: 0px 0px 10px 0px;
}
ul.personen {
    position: relative;
    margin: 5px 0px 20px 0px;
}
ul.personen li {
    position: relative;
    background-color: #D5EAFF;
    color: #000000;
    text-align: center;
    width: 180px;
    min-height: 230px;
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    text-decoration: none;
}
ul.personen li a {
    color: #000000;
}
ul.personen li a:hover {
    text-decoration: none;
}
ul.personen.vcards li {
    width: 90%;
    text-align: left;
    min-height: 100px;
    margin: 0px 0px 20px 0px;
}
ul.personen li img {
    max-width: 180px !important;
    max-height: 150px !important;
}
ul.personen.vcards li img {
    position: relative;
    float: left;
    width: 100px;
    max-height: 1000px !important;
    margin: 0px 5px 0px 0px;
}
ul.personen span.name {
    display: block;
    font-weight: bold;
}
ul.personen span.taetigkeit {
    display: block;
    font-style: italic;
}
ul.personen span.email, ul.personen span.telefon {
    display: block;
}
ul.personen span.telefon:before {
    content: 'Tel.: ';
}

.person h1.titel {
    margin: 0px;
}
.person h2.taetigkeit {
    color: #808080;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}
.person img.personenbild {
    position: relative;
    float: left;
    max-width: 200px;
    margin: 0px 5px 5px 0px;
}
.person span.telefon {
    margin: 20px 0px 0px 0px;
}
.person span.telefon:before {
    content: 'Tel.: ';
}
.person span.telefon, .person span.email, .person span.homepage {
    display: block;
}

/* Shop-Style */
.produktliste {
    position: relative;
}
.produktliste .produkt {
    position: relative;
    background-color: #F8F8F8;
    border: solid 2px #DFDFFF;
    padding: 10px;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 10px;
}
.produktliste .produkt h2 {
    margin-top: 0px;
    font-size: 16px;
}
.produktliste .produkt img {
    position: relative;
    float: right;
    width: 100px;
    margin: 0px 0px 10px 10px;
}
.produktliste .produkt table {
    width: auto;
}
.produktliste .produkt td {
    background: transparent;
    padding: 0px 5px 0px 0px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
}
.produktliste .suche input {
    border: solid 1px #DFDFFF;
}
.produktliste .suche input[type=search] {
    width: 200px;
    margin-right: 3px;
}
.produktliste .suche input[type=submit] {
    width: 100px;
    background-color: #F8F8F8;
}
.produkt .produktbilder {
    position: relative;
    float: right;
    width: 300px;
    margin: 0px 0px 10px 10px;
    background-color: #F8F8F8;
    border: solid 2px #DFDFFF;
    padding: 5px;
}
.produkt .produktbilder img {
    position: relative;
    float: right;
    height: 37px;
    margin: 0px 0px 10px 10px;
}
.produkt .produktbilder img.bild0 {
    height: auto;
    width: 300px;
    margin: 0px 0px 10px 0px;
}
.produkt table {
    width: 100%;
}
.produkt td {
    background-color: #F8F8F8;
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
    border: solid 1px #DFDFFF;
}
.produkt .preis {
    clear: both;
    position: relative;
    margin: 10px 0px 10px 0px;
    background-color: #FFF979;
    border: solid 1px #DFDFFF;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.produktliste .produkt .preis {
    float: right;
    margin: 0px;
    padding: 2px 10px 2px 10px;
}
.produkt .preis strong {
    color: red;
    font-size: 20px;
}
.produkt .preis:before {
    font-weight: bold;
    content: 'Preis: ';
}
.produkt .preis small:before {
    content: ' (';
}
.produkt .preis small:after {
    content: ')';
}


/* Spezielle Style-Anweisungen für den CK-Editor */
.ckeditor {
    position: relative;
    padding: 10px;
    height: 100%;
    width: 730px;
}