body {
        color: #1D3457;
        font-family: Verdana;
        padding: 0px;
        margin: 0px;
        font-size: 10pt;
        background: #f1f4ff url(bilder/collage4_blau1.jpg) no-repeat;
}


a {
        color: #234F8C;
        font-weight: bold;
}



h1 {
        color: #EEFD6E;
        font-size: 14pt;
        text-align: center;
        margin: -10px 20px 0px 0px;
        padding: 0px;
        text-decoration: none;
}

h2 {
        color: #234F8C;
        font-size: 11pt;
        margin: 0px 20px 0px 0px;
        padding: 0px;
        text-decoration: none

        }

h3 {
        color: #234F8C;
        font-size: 10pt;
        margin: 0px 10px 0px 0px;
        padding: 0px;
        text-decoration: none

}
h4 {
        margin: 30px 0px 0px 0px;
   padding: 0px;
}

h5 {
        color: #1D3457;
        font-size: 11pt;
        margin: 0px 20px 0px 0px;
        padding: 0px;
        text-decoration: none

        }



table {
        font-size: 10pt;
}

tr {
         vertical-align: center;
                        vertical-align: middle;
         display: block;}

td {
        background: #f1f4ff;
         padding-top: 5px;
         border: 1px none #1D3457;
}

th {
        padding-top: 10px;
}


#i_telefon {
        margin-left: -2px;
}

#i_telefon tr {
        margin-top: -5px;
        text-align: left;
        vertical-align: middle;

}

#i_telefon td {
        border: none;
        font-size: 10pt;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;}


#i_kontakt {
        font-size: 10pt;
        margin-top: -5px;
        margin-left: -2px;
                border: none;
}

#i_kontakt tr {
        margin-top: -5px;
        text-align: left;
        vertical-align: middle;
   border: none;
}

#i_kontakt td {
        border: none;
        font-size: 10pt;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;}



#st_service {
        vertical-align: middle;
        font-size: 10pt;
}

#st_service tr {
        margin: -15px 0px 0px 0px;
        display: block;
}

#st_service td {
        background: #f1f4ff;
         padding-top: 5px;
         border: 1px none #1D3457;
}



.oben    { vertical-align: top; }
.mittig  { vertical-align: middle; }
.unten   { vertical-align: bottom; }
.center        { text-align: center;  }
.kleiner        { font-size: xx-small; }






/* # # # # # # spezifische DIVs # # # # # # */
#container {
        text-align: left;
}

#kopf {
  height: 150px;
}
#kopf h1, #kopf p {
  display: none;
}


.artikel {
        margin-bottom: 20px;
        border-bottom: 1px solid #1D3457;
}


.normalImg {
        padding: 1px;
        border: 3px ridge Silver;
        margin: 3px 3px 3px 10px;
        background-color: #f1f4ff;
}




/* # # # # # # Menü # # # # # # # #*/
#menue {
        position: absolute;
        top: 173px;
        left: 10px;
        width: 190px;
        border: 1px solid #1D3457;
        float: left;
}

#menue ul {
        list-style: none;
        padding: 1px;
        margin: 1px;

}

#menue li {
  width: 186px;
  /*height: 30px;*/
  padding: 5px 0px 5px 0px;
  vertical-align: bottom;
  border-bottom: 1px solid lightgrey;
}

#menue a {
  text-decoration: none;

  padding-top: 5px;
  display: block;
}


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

}


/*# # # #   Ebenen des Menues   # # # #*/
/* Every active page has to be defined as e[STAGE]m in the html body/div id=menue #213F6B  #132440*/
.e1 {
        background: #1D3457;
        font-weight: bold;

}

.e1 a {
  padding-left: 10px;
  width: 160px;
        color: #f1f4ff;
}

.e1 a:hover {
        color: #EEFD6E;
}
.e1m{
        background: #1D3457;
        font-weight: bold;
}
.e1m a {
  padding-left: 10px;
  width: 160px;
        color: #EEFD6E }

.e1m a:hover {
        color: #EEFD6E;}
/*---------------------------------------------------------------*/
.e2 {
  background: #234F8C;

}

.e2 a {
  padding-left: 20px;
  width: 160px;
        color: #f1f4ff;
}

.e2 a:hover {
        color: #EEFD6E;
}
.e2m{
        background: #234F8C;
        font-weight: bold;
}
.e2m a {
  padding-left: 20px;
  width: 160px;
        color: #EEFD6E }

.e2m a:hover {
        color: #EEFD6E;}
/*---------------------------------------------------------------*/
.e3 {
  background: #6598D1;

}

.e3 a {
  padding-left: 30px;
  width: 160px;
          color: #f1f4ff; }

.e3 a:hover {
        color: #EEFD6E;
}
.e3m{
        background: #6598D1;
        font-weight: bold;
}
.e3m a {
  padding-left: 30px;
  width: 160px;
        color: #EEFD6E }

.e3m a:hover {
        color: #EEFD6E;}
/*---------------------------------------------------------------*/
.e4 {background-color: #f1f4ff;}

.e4 a{
        padding-left: 40px;
        width: 160px;
        color:black;}

.e4 a:hover {color: #9BAB11;}


/* # # # # # # # # # # # # # #*/

#inhalt {
  padding-left: 190px;
}

#texte  {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 20px;
        font-size: 10pt;
}

#ztexte {
        text-align: center;
   padding-top: 20px;
        font-size: 10pt;

}

#utexte {
        text-decoration: underline;

}

#rtexte {
        text-align: right;
                padding-top: 20px;
        font-size: 10pt;

}



/*  # # # # #   Link zum Seitenanfang   # # # # #  */
.nachoben {
        text-align: right;
         margin: 0px 20px 0px 0px;
         font-weight: bold;
         color: #234F8C;
         display: block;
}

.vz_up {
              margin: 0px 18px 0px 0px;
         font-weight: bold;
         color: #234F8C;

}

.mehr {
        text-align: right;
         margin: 0px 20px 0px 0px;
         font-weight: bold;
         color: #8E996B;
         display: block;
}




/* ####  Info-Box rechts #### */

#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin-top: 80; padding: 0;
    border: 1px solid silver; background-color: #D5E6A1;
  }
#Info strong {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
#Info p {
    font-size: 1em;
    margin: 0.5em;
  }