body {
    color: black;
    background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 1em;
    min-width: 50em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
.Motto {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: oblique;
    font-weight: bold;
    font-variant: normal;
    color: #FF0000;
    text-align: right;
}

#Container
{
width: 60em;
margin: 0 auto;
padding: 0;
}

#HeaderBox
{
    text-align: left;
    vertical-align: top;
    width: 60em;
        height:8.75em;
        margin: 0;
        margin-bottom: 1em;
        padding:0;
        background-image: url(layout/top_hg.jpg);
        background-position: left top;
        background-repeat:no-repeat;
        overflow:visible;

}
#HeaderBox td
{
        font-family:Arial,Helvetica,sans-serif;
        font-size: 1em;
        color: #000000;
}

#MenueBox
{
    background-color: #DDDDDD;
    float: left;
    width: 13em;
    padding: 0 0.45 1 0.45em;
    border: 0.06em dashed silver;
    overflow: auto;
}

#InfoBox {
/*    background-color: #DDDDDD;*/
    float: right;
    width: 12em;
    padding: 0;
    /*border: 1px dashed silver;*/
}
#ContentBox
{
    /*
    Breite dieser Box gegeben durch 60 - 14 - 12 = 34em
    Entspricht bei Schriftgröße 16 (Standard) 544px
    */
    margin: 0 12em 0 13em;  /* 14em = reservierung für InfoBox, wenn nicht angezeigt kann dies reduziert werden */
    padding: 0 0.5em 0 0.5em;
    min-height: 30em;
    min-width: 33em;
    overflow: auto;
}
#FooterBox
{
    font-size: 0.83em;
   /* background-color: #DDDDDD;*/
    clear: both;
    padding-top: 1em;
    text-align: right;
}


ul#Menue {
    font-size: 0.73em;
    margin: 0.2em 0 0.2em 0.2em;
    padding: 0em;
  }
ul#Menue li {
    list-style: none;
    margin: 0;
    padding: 0.1em;
  }
ul#Menue a {
    display: block;
    padding: 0.1em;
    font-weight: bold;
  }
ul#Menue a:link {
    color: black;
    background-color: #eee;
  }
ul#Menue a:visited {
    color: #666;
    background-color: #eee;
  }
ul#Menue a:hover {
    color: black;
    background-color: white;
  }
ul#Menue a:active {
    color: white;
    background-color: gray;
  }
ul#Info {
    font-size: 0.63em;
    margin: 0.2em 0 0.2em 0.2em;
    padding: 0em;
  }
ul#Info li {
    list-style: none;
    margin: 0;
    padding: 0.1em;
    color: black;
    background-color: #eee;
    display: block;
    padding: 0.1em;
  }

table#News
{
    margin-top: 0.82em;
    color:black;
   /* background-color: #ddd;*/
    border-style: solid;
    border-width: thin;
    border-color: #ccc;
    width:100%;
}


ul#Dates {
    font-size: 0.73em;
    margin: 0.2em 0 0.2em 0.2em;
    padding: 0em;
  }
ul#Dates li {
    list-style: none;
    margin: 0;
    padding: 0.1em;
    color: black;
    background-color: #eee;
    display: block;
    padding: 0.1em;
  }
.DatesTD
{
         background-color: #EEEEEE;
}
.DatesFuture {
         color: #000000;
         text-align: center;
         background-color: #00cc00;
}


/*
***********************
General Section
***********************
*/
p{
        font-family:Arial,Helvetica,sans-serif;
        font-size: 0.82em;
        color: #000000;
        text-align: justify;
}
td {
        font-family:Arial,Helvetica,sans-serif;
        font-size: 0.82em;
        color: #000000;
}
label, input {
        font-family:Arial,Helvetica,sans-serif;
        font-size: 0.62em;
        color: #000000;
}
h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.21em;
        font-style: oblique;
        font-weight: bold;
        font-variant: normal;
        color: #000000;
        letter-spacing: 0.06em;
        line-height: 1em;
}
h2{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.03em;
        font-variant: normal;
        color: #000000;
        letter-spacing: 0.06em;
        line-height: 1em;
}

a img {
 border: none;
}

a:link {
        color: #000000;
        text-decoration: none;
}
a:visited {
        color: #000000;
        text-decoration: none;
}
a:hover {
        color: #FF0000;
        text-decoration: underline;
}
a:active {
        color: #000000;
        text-decoration: none;
}

/* Bildgrößen */
.img_news
{
         width: 9em;
}

.img_logo
{
         width: 16em;
}

.img_banner
{
         width: 10em;
}
.img_thumb_width
{
         width: 10.25em;
}
.img_thumb_height
{
         height: 9.3em;
}
.img_news_detail
{
         width: 11.4em;
         float: left;
         padding: 0.5em;
}


/* Mailform */

.csc-mailform {
        border:none;
}

#mailform * { font-size:11px; }
#mailform * fieldset { border: 0px solid #343434; font-size:11px; }
#mailform * legend { font-weight: normal; border: 0px solid #343434; }
#mailform * label {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	margin-bottom: 20px;
}
#mailform * input,#mailform *  textarea,#mailform *  select,#mailform *  option { font-size:11px; }
.csc-mailform-field { padding-bottom: 10px; width:600px; clear:both;  }
.csc-mailform-submit { margin-left: 150px; }
#mailformGeschlecht legend { display:none; }
#mailformGeschlecht label { text-align:center; width:100px; }
#mailformGeschlecht input { width:100px; text-align:center; }