body{ 
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica; font-size: 8pt; color: #454545;
    background-color: #838281;
    margin-top: 0px; margin-bottom: 0px;

}

div{
    position:relative;
    height: auto;
    width: auto;

}
#facebook_fanfeld {
    position: relative;
    width: 400px;
    height: 300px;
    left:0px;


}

/* ----- Grunddesign Seite -----*/
#page{position: relative;
      margin: 0 auto !important;
      padding: 0 auto !important;
      width: 100%;
}
#page2{position: relative;
       border:0px solid #cacaca;
       margin:0px auto;
       padding:0px 0px 0;
       width:939px;
       z-index: 1;
}

#banner{position: fixed;
        left: -20px;
        bottom:0px;
        height: 220px;
        z-index: 0;
    background-image: url(../_layout/images/hintergrund2.png);
    background-position: top left;
    background-repeat: repeat-x;
width: 120%;
}
#top_navigation {
    position:relative;
    color:#000000;
    font-size:11px;
    padding:0 0px;
    position:absolute;
    right:20px;
    top:0px;
    width:auto;
    z-index: 20;
    text-align: right;
}

#top2section{
    position:relative;
    margin: 0 auto !important;
    padding: 0 auto !important;
    width: 939px;
    height: 57px;
    background-image: url(../_layout/images/layer_oben.png);
    background-position: top center;
    background-repeat: no-repeat;
    top: 0px;
}
#wappen{
    position: relative;
    top: 40px;
    left: 68px;
    z-index: 1;
    width: 102px;
    height: 143px;
}
#menuecontainer{
    position:relative;
    width: 200px;
    margin-top:0px;
    top:110px;
    left: 0px;
    height: auto;
    margin-left: 0px;
}

#u_menuecontainer{
    position:relative;
    width: 600px;
    margin-top:0px;
    top:100px;
    left: 85px;
    height: 25px;
    margin-left: 0px;
}


/* ----- middelsection -----*/

#middlesection_top{
    position: relative;
    width: 900px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    top: 20px;
}

#middlesection {
    position: relative;
    top: 0px;
    width: 939px;
    margin: 0 auto !important;
    padding: 0px;
    background-image: url(../_layout/images/layer_mitte.png);
    background-position: top center;
    background-repeat: repeat-y;
}

#middlesection_leiste{
    position: relative;
    width: 900px;
    height: 40px;
    padding: 0px;
    margin: 0px;
}

#middlesection_bottom{
    position: relative;
    width: 939px;
    height: auto;
    padding-left: 0px;
    padding-bottom: 5px;
    font-size: 8pt;
    text-align: left;
    color: #000000;
    padding-top: 5px;
    background-image: url(../_layout/images/layer_mitte.png);
    background-position: top center;
    background-repeat: repeat-y;

}

#content {
    margin-left: 20px;
    padding-left: 30px;
    padding-top:10px;
    width: 620px;
    border: 0px;
    float: left;
    min-height: 300px;
}

#content_left{
    left: 20px;
    margin-left: 0px;
    padding-left: 10px;
    padding-top:0px;
    width: 200px;
    border: 0px;
    float: left;
    min-height: 500px;
    height: auto;
}

#fusssection {
    position: relative;
    margin: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 939px;
    text-align: left;
    color: #000000;
    font-size: 7pt;
    height: 88px;
    background-image: url(../_layout/images/layer_unten.png);
    background-position: top center;
    background-repeat: no-repeat;
}
#fusssection_2 {
    position: relative;
    margin: 0 auto !important;
    color: #000000;
    padding:0px;
    width: 100%;
    text-align: center;
    font-size: 8pt;
    bottom: 0px;
    left: 0px;
}

/* ----- Inhaltfuss -----*/

#inhaltfuss{
    position: relative;
    margin: 0 auto !important;
    color: #000000;
    padding:0px;
    width: 800px;
    left: 0px;
    text-align: left;
    border-top: 1px solid #B5B5B5;
    margin-top: 30px;
}

.inhaltfusscol{
    position: relative;
    float: left;
    width: 160px;

}


/* ----- Men�s -----*/
#top_menu{position: relative;
          float: right;
          margin: 5px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 8pt;
          text-align: right;
          font-weight: normal;
          color: #ffffff;
          width: 100%;
}
#top_section_menu{
    position:absolute;
    top: 165px;
    left: 5px;
    margin: 0px;
    padding-left: 13px;
    height: 10px;
    text-align: left;
    width: 640px;

}

#middelsection_adminmenu{
    position: relative;
    width: 200px;
    min-height: 300px;
    padding-left: 10px;

    top: 50px;
}

/* ----- Infoleiste Design -----*/
#info {
    position: absolute;
    margin: 0px;
    padding: 0px 15px 10px 15px;
    width: 210px;
    border: 0px;
    left: 900px;
    top:0px;


}
#info_sponsor{
    float:right;
    height: auto;
    width:auto;
    margin-top: 20px;
    right: 30px;
    top: 0px;
    margin-right: 20px;
}

/* ----- Infoleiste inhaltliches design -----*/
.info_teiler{
    font-size: 9pt;
    font-weight: bolder;
    color: #000000;
}

/* ----- container -----*/
.container_neu, .container_bildergalerie {
    position: relative;
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 10px 0px;
    width: 45%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #444444;
}

#sw_verlauf{
    left: -30px;
    padding: 0px 0px 0px 15px;
    border: 0px solid #e2e2e2;
    width: 630px;
}

#container_neu_profil{
    margin: 10px 10px 0px 10px;
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #444444;
}
#profil_neues{
    float: left;
    width: 60%;
    padding: 10px;
    text-align: left;

}

#container_galerie, #container_bilder_gal, #container_iconansicht{
    position: relative;
    float: left;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: text-bottom;
    margin:0px;
    margin-top: 10px;
    padding-left: 8px;
    padding-bottom:5px;

}

#container_iconansicht{

    width: 300px;
}

#container_gastebuch{
    position: relative;
    padding-left: 5px;
    width: 600px;
    float: left;
    border-bottom: 2px solid #FAE5E9;
}

#container_gastebuch p:first-line{
    font-size: 200%;
}

#container_gastebuch p{
    padding-left: 30px;
}


#container_galerie_bild, #container_bilder_gal_bild, #galeriebild{
    border: 0px;
    margin: 0px;
    vertical-align: bottom;
}

#container_bilder_gal{
    width: 150px;
    padding: 10px;
    border: 1px;
}
#listenbild, #listenbild_sponsor{
    width: 90px;
    padding: 10px;
    border: 0px;
}
#listenbild_sponsor{
    width: 170px;
}

#container_bilder_gal_bild{
    width: 100px;
    max-width: 90px;
    max-height: 100px;
    margin: 0px;
    padding:0px;
}

#ehrenmitglieder_titeltext, #bildergalerie_titeltext{
    margin: 0px;
    padding: 10px 0px 10px 0px;
    text-align: left;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
}
#ehrenmitglieder_bildausgabe, #bildergalerie_bildausgabe{
    text-align: center;
}
#ehrenmitglieder_bild, #bildergalerie_bild{
    border: 0px;
    max-width: 500px;
    max-height: 400px;
}

#video{
    text-align: center;
}

#profilnavigation{
    width: 35%;
    float: right;

}
.profilmenupunkt{
    background-color: #9966CC;

    margin: 5px;
}


#listenpunkt{
    position: relative;
    padding-left: 0px;
    width: 620px;
    float: left;
    border-bottom: 1px solid #B5B5B5;
    margin-top:5px;
    margin-bottom:5px;
    padding-top: 5px;

}

#listenpunkt_col1{
    position: relative;
    padding-left: 5px;
    width: 380px;
    float: left;
    border-left: 0px solid #B5B5B5;
    margin-top:0px;
    margin-bottom:5px;
    padding-top: 0px;

}
#listenpunkt_col2{
    position: relative;
    padding-left: 5px;
    width: 190px;
    float: right;
    border-left: 1px solid #B5B5B5;
    margin-top:0px;
    margin-bottom:5px;
    padding-top: 5px;
    top: 0px;
}
.updates_0{
    border-left: 0px solid #ffffff;
}
.updates_14{
    border-left: 0px solid #ffffff;
}
.updates_30{
    border-left: 0px solid #ffffff;
}

.gelesen{
    color: #E02020;
}
.ungelesen{
    color: #000000;
}

/* ----- Einzelbild -----*/

#einzelbild{
    position: relative;
    z-index: 3;
    top:20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
}

#einzelbild_weiter{
    position: absolute;
    top: 25px;
    width: 10%;
    z-index: 1;
    border: 1px solid #e2e2e2;
    padding: 0px;
    right: 0px;
    max-height: 100px;
    filter:alpha(opacity=50); /* IE */
    -moz-opacity: 0.50; /* Mozilla */
    opacity: 0.50; /* Opera */
}
#einzelbild_zurueck{
    position: absolute;
    top: 25px;
    left: 0px;
    width: 10%;
    z-index: 2;
    border: 1px solid #e2e2e2;
    padding: 0px;
    max-height: 100px;
    filter:alpha(opacity=50); /* IE */
    -moz-opacity: 0.50; /* Mozilla */
    opacity: 0.50; /* Opera */

}


/* ----- Bilder Lsite -----*/

#gallist_bild{
    position: relative;
    width: 90px;
    z-index: 1;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 30px;
    border: 1px solid #e2e2e2;
}

#gallist_bild1{
    position: relative;
    width: 110px;
    z-index: 3;
    margin-right: 50px;
    margin-left: 0px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
}

#gallist_bild2{
    position: absolute;
    top: 9px;
    left: 40px;
    width: 90px;
    z-index: 2;
    border: 1px solid #e2e2e2;
    padding: 0px;
}

#gallist_bild3{
    position: absolute;
    top: 13px;
    left: 67px;
    width: 77px;
    z-index: 1;
    border: 1px solid #e2e2e2;
    padding: 0px;
}

.galeriebild{
    border: 0px solid #000000;
    background-color: #000000;
}

/* ----- Suchfeld -----*/

#suchfeld{position: absolute;
          top: 45px;
          right: 30px;
          width: 150px;
          font-size: 9px;
          color: #000000;
          border: 1px;
          border-color: #3e5590;
          border-style: solid;
}
/* ----- Titeldatum -----*/

#titel_datum{
    position: absolute;
    top: 80px;
    right: 10px;
    width: 150px;
    font-size: 9px;
    color: #afafaf;
    font-weight: bold;
    text-align: right;
}

/* ----- Content Inhaltliches design zweispaltig mit bild -----*/
.panel {
    border-bottom:1px solid #ABB1B8;
    float:left;
    margin-right:3%;
    padding:10px 0;
    width:47%;
}
.imageright{
    float:right;
    border:0px;
}


/* ----- Formulardesign -----*/

.f_tr{
    background-color: #fae5e9;}

.f_nummer{
    width: 20px;
    text-align: right;
    font-size: 9pt;
    color: #e02020;
}
.f_label{
    width: 90px;
    text-align: right;
    font-size: 8pt;
}

.f_feld{
    width: 350px;
    text-align: left;
    font-size: 9pt;
}
.f_input{
    font-size: 9pt;
    width: 170px;
}
/* ----- Kalenderformatierung -----*/
titel_monat{
    font-size: 12pt;
    text-align: left;
    font-weight: bold;
    color: #6b6b6b;
}
#monatswahl{position: relative;
            top: 10px;
            font-size: 8pt;
            text-align: center;
            font-weight: normal;
            color: #dbdbdb;
}
.aktiv {
    background-color: #efefef;
}
.inaktiv{
    background-color: #fffabf;
}
.kw{
    font-size: 7pt;
    text-align: right;
    color: #e1e1e1;
}
#f_tag {
    width: 10px;
    font-size: 8pt;
    text-align: left;
    color: #6b6b6b;
}
#f_datum{
    width: 10px;
    font-size: 8pt;
    text-align: right;
    color: #6b6b6b;
}
#f_zeit{
    width: 100px;
    font-size: 8pt;
    text-align: center;
    color: #6b6b6b;
}
#f_veranstaltung {
    width: 390px;
    font-size: 8pt;
    text-align: left;
    color: #6b6b6b;
}
#f_teilnehmer{
    width: 10px;
}
#f_location {
    width: 150px;
    font-size: 7pt;
    text-align: center;
    color: #6b6b6b;
}

.titelweiss{
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica;
    font-size: 9pt;
    color: #ffffff;
}
.feiertage{
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica;
    font-size: 9pt;
    color: #c7c7c7;
}

td{
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica;
    font-size: 8pt;
    color: #000000;
}

/* ----- Float CLEAR -----*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* ----- Allgemeine designfestlegung -----*/

.dokument{

    width: 700px;
    text-align: left;
    margin:0px;
    margin-right: 20px;
    padding: 0px;
}

#dokument_bild{
    margin:10px;
    max-width: 620px;
}
#content_titel, #content_text, #logindaten{
    position: relative;
    top: 0px;
    left: 250px;
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica;
    font-size: 11pt;
    z-index: 2;
    font-weight: bold;
    color: #e02020;

}
#content_text{
    position:relative;
    top: 0px;
    left: 250px;
    z-index: 2;
    font-size: 9pt;
}
#logindaten{
    top: 10px;
    left: 500px;
    z-index: 2;
    font-size: 7pt;
    padding-left: 160px;
    color: #a45f5f;
}
#logo_contentleiste{
    position: absolute;
    top: 7px;
    left: 800px;
    z-index: 2;
}

.menuepunkt{

    position: relative;
    padding-right: 5px;
    font-size: 9pt;
    text-align: left;
    color: #000000;
}

.menuepunkt_aktiv{
    position: relative;
    padding-right: 5px;
    font-size: 9pt;
    text-align: left;
    color: #000000;
    font-weight: bold;
    text-decoration:underline;

}
.menuepunkt_aktiv:before{

}

.u_menuepunkt{
    position: relative;
    padding-right: 8px;
    font-size: 9pt;
    text-align: left;
    color: #a45f5f;
    width: auto;
}

.u_menuepunkt_aktiv{
    position: relative;
    padding-right: 9px;
    font-size: 9pt;
    text-align: left;
    color: #000000;
    font-weight: bold;
    text-decoration:underline;
width: auto;
}


input, select{
    font-size: 9pt;
}

.infotext{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt; color: #ffffff;
    text-align:left; letter-spacing:0px;

}

h5 {
    margin:0px;
    padding: 0px;
    border-bottom: 2px solid #444444;
    font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #e02020; font-weight: bold; text-align:left; letter-spacing:0px;
}


h1 {
    margin:0px;
    padding: 3px 0px 3px 0px;
    border:none;
    font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif; font-size: 15px; color: #454545; font-weight: bold; text-align:left; letter-spacing:0px;
}

h2 {
    margin:0px;
    padding: 3px 0px 3px 0px;
    border:none;
    font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif; font-size: 15px; color: #B5B5B5; font-weight: bold; text-align:left; letter-spacing:0px;
}

h3 {
    margin: 0px;
    padding:0px;
    border:none;
    font-family:Arial, Helvetica, sans-serif; font-size:6pt; color:#B5B5B5; font-weight:normal; text-align:left; letter-spacing:0px;
}
h4 {
    margin: 0px;
    padding:0px;
    border:none;
    font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:#e2e2e2; font-weight:normal; text-align:left; letter-spacing:0px;
}

h4 p{
    margin: 0px;
    padding:0px;
    border:none;
    font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:normal; text-align:justify; letter-spacing:0px;
}


p{
    font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica;
    font-size: 8pt;
    color: #454545;
    text-align:justify
}
hr{
    border: 1px;
    background-color: #e02020;
    color: #e02020;
}
a:link{ 
    text-decoration: none;
    color: #454545;
}
a:visited    { 
    text-decoration: none;
    color: #454545;
}
a:hover      { 
    text-decoration: none;
    color: #cc0000;
}
ul{
        font-size: 9pt;
}
li{
    padding-bottom: 5px;
}