* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 62.5%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    background: url("../graphics/bg.png") repeat-x #F0F2F4;
    color: inherit;
}

img {
    border: none;
}

h1, h2, h3 {
    margin: 0.5em 0 1em;
    font-size: 1.2em;
    color: #d80;
    background: inherit;
}

h3 {
    margin: 0.5em 0;
    color: #000;
    background: inherit;
}

fieldset {
    border: none;
}

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

    color: #3b4b5b;
    background: inherit;
}

a:hover {
    text-decoration: underline;

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

p {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #444;
    width: 90%;
}


/* --- Layoutstruktur --- */
#wrapper, #cduheader {
    position: relative;
    width: 76.5em;

    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;
    height: 16.5em;
    left: 0px;

    margin: 0 auto 0;

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

    background: #fff;
    color: inherit;
}

#imagecenter {
    }

    #imagecenter img {
        height: 10.5em;
        width: 76em;
}

#container {
    float: left;
    margin: 0;

    color: inherit;
    background: #E4E7EB;

    overflow: hidden;
    border-left: 2px solid #fff;
    border-right: 2px solid #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: #FCFEFC;
    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: none;

    color: #000;
    background: #ACB7C1;

    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: #f90 !important;
}

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

#mainmenue ul a.activelinksecond {
    color: #fff;
    background: #f90 !important;
}

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

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

#mainmenue ul.secondmenue {
    width: 100%;

    display: block;
    float: left;

    color: inherit;
    background: #ACB7C1;

    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: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: #3b4b5b;
    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: none;

	padding: 0 0.5em;

	/* IE 5.0 */
	height:0;
}

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

    color: #f90;
    background: inherit;
}


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

    float: left;

    color: inherit;
    background: #ACB7C1;
}

#barleft, #barright {
    height: 3em;

    float: left;
}

#barleft {
	width: 15.4em !important;
	border-right: 2px solid #fff;

    color: inherit;
    background: #788999;

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

#barright {
    width: 59em;

    color: inherit;
    background: #ACB7C1;
}


/* --- Content structure --- */
#content {
    /* "float:left;" here would crash IE6 */
    width: 76em !important;
	background:#fff;
	border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border: none;
}

#popupcontent {
    padding: 1em;
}

#left {
    width: 15.5em;

	color: inherit;
    background: #E4E7EB;

    float: left;
    overflow: hidden;
	border: none;
}

#center {
    width: 39em;

    color: inherit;
    background: #F0F2F4;
	
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
    float: left;
}

#center #txt {
    width: 100%;
    padding: 0.5em 1em;

    background: #fff;
    float: left;
    overflow: hidden;
}

body>div #center #txt {
	width:95%;
}

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

    padding: 0;
}

#right {
    width: 21em !important;
    color: inherit;
    background: #E4E7EB;

    border: none;
    float: left;
    overflow: hidden;

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


/* --- Polls/Items --- */
div.item, div.tx-jkpoll-pi1 {
	width: 100% !important;
    border-bottom: 2px solid #fff;
/*	padding: 0.5em;*/
    float:left;

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

div.item h2, div.tx-jkpoll-pi1 h2 {
    font-size: 1em;
    font-weight: bold;
/*
    color: #3B4B5B;
    background: inherit;
*/
    color: #fff;
    background: #3B4B5B;
    padding:0.5em;

    margin: 0 0 0.75em;
}

#left div.item h2, #left div.tx-jkpoll-pi1 h2 {
    background: #f90;
}

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

    color: #000;
    background: inherit;

    padding:0.5em;
}

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

    padding: 0.2em 0;
    border: none;

    color: inherit;
    background: #C7CFD5;

    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;
    padding:0.5em;
}

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


/* --- News --- */
div.news {
    padding: 1em;
    }
    
    div.news span {
        font-size: 1.1em;
        font-weight: bold;

        color: #d80;
        background: inherit;
}

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: #3b4b5b;
        background: #ACB7C1;
}

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

    color: #3b4b5b;
    background: inherit;

    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: 1px solid #ACB7C1;
}

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

    margin-left: 0.5em;
    float: left;

    color: inherit;
    background: #E4E7EB;
	
    overflow: hidden;
}

h4 {
    float: left;

    margin-top: 1em;
}

div.newsfull {
    width: 39em;

    float: left;    

    color: inherit;
    background: inherit;
}


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: #E4E7EB;

    float: left;
}

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

    float: left;    
    overflow: hidden;
}

div.news-list-item {
    border-bottom: 1px dashed #acb7c1;

    padding-bottom: 1.5em;
    margin-bottom: 1.5em;

    line-height: 1.5em;
    }
    div.news-list-item h3 {
        margin-bottom: 1em;
}

span.news-list-date {
    display: block;
}

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: #f60;
        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 {
    font-size: 1.2em;
    }
    input.formtext, select, textarea {
        width: 80%;
    
        color: #000;
        background: #fff;

        border-top: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ccc;

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

    input.button {
        width: 15em;
    
        margin-right: 1.5em;

        font-size: 1.2em;
}

label {
    width: 100%;

    margin-top: 1em;

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

body #errmsg p, span.stern {
    color: #c00;
    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;
}

/* --- Personen --- */
div.person {
	margin: 0 0 1em 0;
	float: left;
	width: 95%;
	background: #E4E7EB;
}

div.person h3 {
	font-size: 1.1em;
	font-weight: normal;

	color: #fff;
	background: #3B4B5B;
	padding:0.5em;

	margin: 0;
}

div.person p {
	float: right;
    width: 50%;
	margin: 0 5% 0 0;
}
/*Bild mit Prozentangabe verzerrt die Bilder*/
div.person img  {
	float: left;
	margin: 0 5% 0 0;
}

div.person p {
	margin: 1em 0 0 0;
}