
* {
        margin: 0;
        padding: 0;
}

body {
        font-size: 62.5%;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align: center;

        background: #fff;
        color: inherit;
}

img {
        border: none;
}

h1, h2, h3 {
        margin: 0.5em 0 1em;

        font-size: 1.2em;

        color: #000;
        background: inherit;
}

h3 {
        margin: 0.5em 0;

        color: #000;
        background: inherit;
}

a:link,
a:visited,
a:active {
        font-size: 1em;
        font-weight: bold;
        text-decoration: underline;

        color: #000;
        background: inherit;
}

a:hover {
        text-decoration: underline;

        color: #000;
        background-color: inherit;
}

p {
        font-size: 1.2em;
        line-height: 1.2em;
}


/* --- Layoutstruktur --- */
#wrapper, #cduheader {
        position: relative;
        width: 76em;
        margin: 0 auto 0;

        text-align: left;
        border-top: 1px solid #fff;
}

#cduheader {
        padding-top: 0.5em;
}

#cduheader img {
        width: 30em;
        height: 2em;
}

#imageheader {
        position: relative;
        width: 76em !important;         
        height: 16.5em;
        left: 2px !important;

        margin: 0 auto 0;

        text-align: left;
        border: 2px solid #fff;

        background: #fff;
        color: inherit;

        /* IE 5.0-6.0 */
        width: 75.8em;
        left: 0;
}

#imagecenter {
}

#imagecenter img {
        height: 10.5em;
        width: 76em !important;

        /* IE 5.0-6.0 */
        width: 75.6em;
}

#container {
        float: left;
        margin: 0;

        color: inherit;
        background: #fff;
}

#header {
        margin: 0 0.25em;
}


/* --- Navigation-related --- */
#navigation {
        margin: 0;
}

#mainmenue ul, #metamenue ul {
        margin: 0;
        padding: 0;

        list-style: none;
}

#date, #mainmenue, #metamenue {
        float: left;
        height: 1.5em !important;

        /* IE 5.0-6.0 */
        height: 2.8em;
}

#date {
        width: 15em;

        padding: 0.6em 0;

        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
}


/* --- Mainmenu --- */
#mainmenue {
        position: absolute;
        left: 15.7em !important;
        width: 45em;
        height: 1.5em;

        padding: 0.6em 0 !important;
        font-size: 1em;

        background: #fff;
        color: inherit;

        /* IE 5.0-6.0 */
        left: 15.5em;
        padding: 0;
}

#mainmenue ul li, #metamenue ul li {
        display: inline;
}


#mainmenue a:link, #mainmenue a:visited, #mainmenue a:active {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: underline;

        color: #000;
        background: #fff;

        margin: 0;
        padding: 0.6em 0.8em;
        border-right: 2px solid #fff;

        /* Without height IE 5 ignores padding */
        height:0;
}

#mainmenue a:hover {
        color: #fff !important;
        background: #000 !important;
}

#mainmenue a.activelinkfirst {
        color: #fff;
        background: #000;
}

#mainmenue a.lighter {
        color: inherit;
        background: #fff !important;
}

#mainmenue a.lightest {
        color: inherit;
        background: #fff !important;
}

#mainmenue ul.secondmenue {
        width: 100%;

        display: block;
        float: left;

        color: inherit;
        background: #000;

        position: absolute;
        top: 3.6em !important;
        left: 0 !important;

        /* IE 5.0 - 6.0 */
        top: 3em;
}

#mainmenue ul.secondmenue a {
        height: 2em;

        color: #fff;
        background: inherit;
}

#mainmenue .secondmenue a:hover {
        color: #000 !important;
        background: #fff !important;
}

#mainmenue .secondmenue a:link, #mainmenue .secondmenue a:visited, #mainmenue .secondmenue a:active {
        padding: 0.6em;

        border: none;
}

#mainmenue .secondmenue a:visited {
        color: #fff;
        background: inherit;
}


/* --- Metamenue --- */
#metamenue {
        position: absolute;
        left: 55em;
        width: 20em;
        margin: 0.55em 0;

        text-align: right;

        color: #000;
        background: inherit;
}

#metamenue a:link, #metamenue a:visited, #metamenue a:active {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        text-decoration: underline;

        padding: 0 0.5em;
}

#metamenue a:hover {
        text-decoration: underline;

        color: #fff;
        background: #000;
}


/* --- Navbar --- */
#bar {
        width: 76em !important;
        margin-top: 0.2em;

        float: left;

        color: #fff;
        background: #000;

        /* IE 5.0-6.0 */
        width: 75.6em;
}

#barleft, #barright {
        height: 3em;

        float: left;
}

#barleft {
        width: 15.5em;

        border-right: 2px solid #fff;

        color: #fff;
        background: #000;
}

#barright {
        width: 59em;

        color: #fff;
        background: #000;
}


/* --- Content structure --- */
#content {
        /* "float:left;" here would crash IE6 */
        width: 76em;

        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
}

#popupcontent {
        padding: 1em;
}

#left {
        width: 15.5em;

        color: #000;
        background: #fff;

        float: left;
        border-right: 2px solid #fff;
        overflow: hidden;
}

#center {
        width: 39em;

        color: #000;
        background: #fff;

        float: left;
}

#center #txt {
        width: 37em;

        padding: 0.5em 1em;

        float: left;
        overflow: hidden;
}

body#home #center #txt{
        width: 100%;

        padding: 0;
}

#right {
        width: 20.4em;

        color: #000;
        background: #fff;

        border-left: 2px solid #fff;

        float: left;
        overflow: hidden;
}


/* --- Polls/Items --- */
div.item, div.tx-jkpoll-pi1 {
        width: 94% !important;

        border-bottom: 2px solid #fff;
        padding: 0.5em;
        float:left;

        /* IE 5.0-6.0 */
        width: 100%;
}

body>div div.item, body>div div.tx-jkpoll-pi1 {
        padding: 1em;
}

div.item h2, div.tx-jkpoll-pi1 h2 {
        font-size: 1.2em;
        font-weight: bold;

        color: #000;
        background: #fff;

        margin: 0 0 0.75em;
}

div.item p, div.tx-jkpoll-pi1 p {
        font-size: 1em;
        line-height: 1.4em;

        color: #000;
        background: inherit;
}

#footer {
        width: 76em;
        height: 2em;

        padding: 0.2em 0;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;

        color: #fff;
        background: #000;

        float: left;
        text-align: center;
}

#footer p {
        font-size: 0.9em;
}


#poll {
        margin-top: 1em;
}

#poll fieldset{
        border: none;
        padding: 0.5em;
}

#poll legend {
        display: none;
}

#poll label {
        width: 80%;

        margin: 0 0.5em 1em 0;

        float: left;
        clear: none;
}

#poll input {
        margin-right: 0.5em;

        float: left;
        clear: left;
}


#rss {
        list-style: none;
}

#rss li {
        margin-bottom: 0.5em;
}


/* --- News --- */
div.news {
        padding: 1em;
}

div.news span {
        font-size: 1.1em;
        font-weight: bold;

        color: #000;
        background: #fff;
}

div.newsleft span, div.newsright span, div.newsfull span, h4 {
        width: 100%;

        display: block;
        padding: 0.2em 2%;
        margin: 0;

        font-size: 1.4em;
        font-family: Arial, sans-serif;
        font-weight: bold;

        color: #fff;
        background: #000;
}

div.news h1, div.newsleft h1, div.newsright h1, div.newsfull h1 {
        margin-bottom: 1em;

        color: #000;
        background: #fff;

        font-size: 1.4em;
        font-family: Arial, sans-serif;
        font-weight: bold;
}

div.newsleft h1, div.newsright h1, div.newsfull h1 {
        margin: 1em 0.75em;
}

div.newsleft p, div.newsright p, div.newsfull p {
        margin: 0 0.5em 1em 1em;
}

div.newsfull p {
        padding-bottom: 1em;
        border-bottom: none;
}

div.newsleft, div.newsright {
        width: 18.5em;

        margin-left: 0.5em;
        float: left;

        color: inherit;
        background: #fff;

        overflow: hidden;
}

h4 {
        float: left;

        margin-top: 1em;
}

div.newsfull {
        width: 39em;

        float: left;    

        color: inherit;
        background: #fff;
}


div.weiter {
        margin: 1em 0.5em 0.5em;

        text-align: right;
}

div.news div.image {
        width: 19em;
        margin: 0 0.5em 0;

        color: inherit;
        background: #fff;

        float: left;
}

div.newsleft div.image, div.newsright div.image {
        margin: 0;

        float: left;    
        overflow: hidden;
}

div.image img, div.image img {
        width: 19em;
}

#content p.imagetitle {
        color: #000;
        background: inherit;

        margin: 0.2em;

        font-size: 0.9em;
        font-weight: normal;
}


/* --- Bildergalerie --- */
div.tx-jmgallery-pi1 {
        width: 37em;

        overflow: hidden;
}

div.jm-gallery-image-entry {
        width: 12em;

        padding-top: 1em;
        margin: 0 0.2em 0.2em 0;

        float: left;
        text-align: center;
}

div.jm-gallery-image-collection{
        padding: 2em 0;

        float: left;
}

div.jm-gallery-album-control {
        width: 100%;

        padding: 1em 0;

        float: left;
        clear: both;
}

div.jm-gallery-category-container {
        width: 100%;

        float: left;
}

div.jm-gallery-album-entry {
        margin: 1em 0;

        float: left;
}


div.jm-gallery-category-container div.cover, div.jm-gallery-image-single {
        float: left;
}

div.navi {
        width: 36em;

        margin: 1em 0;

        float: left;
}

div.navi ul {
        width: 36em;

        float: left;
}

div.navi ul li {
        width: 11em;

        float: left;
        list-style: none;
        display: inline;
        text-align: center;
}

div.navi ul li.left { 
        text-align: left;
}

div.navi ul li a {
        margin-right: 1em;
}

div.navi ul.albumnavi li {
        width: 20em;

        padding-bottom: 0.5em;

        display: block;
        clear: left;
        text-align: left;
}


/* --- Bildergalerie (Admin) --- */
div.jm-gallery-admin-element {
        padding-top: 0.5em;

        clear: both;
}
div.jm-gallery-admin-element a {
        color: #fff;
        background: inherit;

        text-decoration: underline;
}

div.jm-gallery-admin-left {
        font-weight: bold;
}
div.jm-gallery-admin-left select {
        margin-top: 0.7em;
        margin-right: 1em;
}

div.jm-gallery-admin-right {
        font-size: 1.1em;
}

div.jm-gallery-admin-subelement {
        clear: both;
}


/* --- Formulare --- */
fieldset {
        margin: 0.5em 0;
        border: none;
}

input.formtext, select, textarea {
        width: 80%;

        color: #000;
        background: #fff;

        border: 1px solid #fff;

        float: left;
        font-size: 1.2em;
}

input.button {
        width: 15em;

        margin-right: 1.5em;

        font-size: 1.2em;
}

input {
        font-size: 1.2em;
}

label {
        width: 100%;

        margin-top: 1em;

        font-size: 1.1em;
        float: left;
        clear: left;
}

body #errmsg p, span.stern {
        color: #000;
	font-weight: bolder;
        background: inherit;
}


/* --- Termine --- */
div.itemslist div.news{
        padding: 0 0 0.5em;

        border-top: 1px solid #fff
}

div.itemslist h2 {
        padding: 0.5em 0 0;
}

