/* -Allgemeines- */



body {

    background: url(../layout/dunkles_blau.gif) #12497D;



}



        .links {font-family: Arial; font-size: 9pt;        font-weight: bold;  color: #FFFFFF;}

        .links a:link {color: #FFFFFF; text-decoration: none; }

        .links a:visited {color: #FFFFFF; text-decoration: none; }

        .links a:hover {color: #FFFFFF; text-decoration: underline; }

        .links a:active {color: #FFFFFF; text-decoration: none; }





        .rolle {font-family: Verdana; font-size: 10pt; font-style: normal; font-weight: normal; color: #FF9999;}

        .rolle a:link {color: #FF9999; text-decoration: none; }

        .rolle a:visited {color: #FF9999; text-decoration: none; }

        .rolle a:hover {color: #FF6666; text-decoration: none; }

        .rolle a:active {color: #FF6666; text-decoration: none; }



        .eis {font-family: Verdana;        font-size: 10pt; font-style: normal; font-weight: normal; color: #6699FF; }

        .eis a:link {color: #6699FF; text-decoration: none; }

        .eis a:visited {color: #6699FF; text-decoration: none; }

        .eis a:hover {color: #3399FF; text-decoration: none; }

        .eis a:active {color: #6699FF; text-decoration: none; }



        .content_text {font-family: Arial; font-size: 10pt; font-weight: normal; color: #FFFFFF;}



        .mittig {text-align:center;}



        .autor {font-family:Tahoma; font-size: 9pt; text-align:right;}





h1, h2, h3, h4, h5, h6 {

 color: #0066CC;

 text-align:center;

}



h4 {

font-size:10pt;

margin-bottom:0.5em;}



.fleft { /* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */

  float: left;

  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */

}



.fright {

  float: right;

  margin: 0 0 0.2em 1em;

  padding: 1px;

}



li {

    text-align:center;

}





/* Layoutspezifika */



#box {

    background: url(../layout/dunkles_blau.gif) #12497D;

    max-width: 950px;

    min-height:350px;

    margin:auto;

}



#banner {

    background: url(../layout/dunkles_blau.gif) #12497D;

    margin:auto;

    align:center;

}



#banner table{

    background: url(../layout/dunkles_blau.gif) #12497D;

    margin:auto;

    float:center;

    cellpadding:0; border:0;

}



#rolle_link {

    margin-top: 30px;

    float: left;

}



#rolle_link table{

    border:0;

    cellpadding:0;

    cellspacing:3;

}



#rolle_link td{

    text-align: right;

    background: url(../layout/dunkles_blau.gif) #12497D;

}



#eis_link {

    margin-top: 30px;

    float: right;

}



#eis_link td{

    text-align: left;

    background: url(../layout/dunkles_blau.gif) #12497D;

}





#main {

   // background: url(../layout/dunkles_blau.gif) #12497D;

    width: 780px;

    min-height: 100px;

    margin:auto;

}



#main table{

    margin:auto;

    border:0;

    cellspacing:0;

    cellpadding:0;

}



#mitte{

    text-align: justify;}



#mitte table{

    align: center;}



#news table{

    border:0;

    cellspacing:0;

    cellpadding:0;

}



#news h{

    text-align: left;}



#news {

    float: left;

    width: 80%;

    text-align: justify;}



#news td{

    float: left;

    text-align: justify;}



#news span{

    font-weight:bold;

}



.newseintrag {

    margin-bottom: 20px;

    border-bottom: 1px dotted #336699;

    padding: 2px;

}

.Datum {

    padding: 2px;

    font-size:7pt;

    float: left;

    white-space: nowrap;

}

.newseintrag > .Titel {

    padding: 2px;

    float: left;

}

.newseintrag > .Inhalt {

    padding: 2px;

    clear: both;

    text-align: justify;

}





.Inhalt {

    padding:2px;

}



#termine {

    float: right;

    width: 19%;

    text-align: left;}



.termineintrag {

    margin-bottom: 10px;

}



.terminesparte {

    margin-bottom: 20px;

    float: left;

    background: #336699;

}



/*.Termin {

    margin-left: 100px;

}*/



.guest_eintrag {

    margin-bottom: 10px;

    text-align: left;

}



.kopfdaten {

    background: #12497D;

    padding:2px;

}





.text {

    background: #336699;

    padding:2px;

    border: 1px solid #12497D;

}



.gb_form {

    background-color: #336699;

    border: 1px solid #12497D;

    text-align: center;

}



.gb_form label{

    width:35px;

}



ol {

    list-style-type: none;

    margin: 2px;

    padding: 5px;

}

.gb_form > ol > li {

    vertical-align: top;

}

.gb_form * label:after {

    content: ":";

}



#gesch {

    width: 85%;

    float: center;

}



#fotos{ text-align: center;}



#fotos td{

   align:center;

   padding: 4px;

}



#fotos table{

   border:0;

}



#fotos img{

 border: groove 2px #336699;

 padding: 1px;

}



#foto{

text-align: center;}



#foto img{

 border: solid 2px #6699CC;

 padding: 1px;

 max-width: 95%; //gute Browser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht

}



#unten {

//    background: url(../layout/helles_blau.gif) #6699CC;

    text-align: center;

    font-size:1;

}



#unten span{

    padding: 3px 5px;

}