/*========== GLOBALE EINSTELLUNGEN ==========*/

    * { margin: 0px;
        padding: 0px;
        font-family: verdana,tahoma,arial,sans-serif;
        font-size: 16px; }

    html, body { height:inherit;
                 height:100%; }

    body       { background-color:#DDDDDD;   /* äußerer Rand */
                 text-align:left; }

    a         { color:#3080d0;
                font-size:inherit; }
    a:link    { text-decoration:none; }
    a:visited { text-decoration:none; }
    a:hover   { text-decoration:underline; }


/*========== SEITENAUFBAU ==========*/

    #layout-seite { width: 100%;
    	            max-width: 1035px;
                    min-height: inherit;
                    min-height: 100%;
                    margin: 0px auto;
                    background-color: #DDDDDD; }

    #layout-kopf { padding: 7px 20px;
                   font-weight: bold;
                   height: 90px;
                   color: #FA0;
                   font-size: 28px;
                   text-align: right;
                   background-color: #777777;}
@media screen and (max-width: 600px) {
       #layout-kopf {  font-size: 20px;
                                      height: 70px;}
}

    #layout-hauptmenu { background-color:#AAAAAA; }

    #layout-inhalt { padding: 5px 20px 20px 20px;
                     min-height: 250px;
                     background-color: #FFFFFF; }

    #layout-fuss { background-color:#AAAAAA;
                   min-height: 40px; }

@media screen and (max-width: 600px) {

    #layout-seite { width: 100%;
    	            max-width: 1035px;
                    min-height: inherit;
                    min-height: 100%;
                    margin: 0px auto;
                    background-color: #DDDDDD; }

    #layout-fuss { display: none; }

}

    /* wird das noch verwendet ??? */
    #karte { height: 500px;
             width: 100%;
             margin: 0px;
             padding: 0px; }


     .borderless {border:0px;} 
     .borderless tr {border:0px;} 
     .borderless td {border:0px;} 

     table.right-align-right-col td:last-child {text-align: right}

/*========== KOPF==========*/

    #logo {}

    #logo img{ height: 210px;
               margin: 20px; }


/*========== HAUPTMENUE ==========*/

    #haupt-menu { padding:10px; display:block; }

    #haupt-menu ul { background-color:#AAAAAA;
                     margin: 0px;
                     padding: 0px; }

    #haupt-menu li { background-color:#AAAAAA;
                     display:inline; }

    #haupt-menu a { text-decoration:none;
                    padding:10px 10px;
                    color:#007; }
   
    #haupt-menu a:hover { background:#dddddd; }

    #haupt-menu a.aktiv { background: #eeeeee; }

    #haupt-menu a.aktiv:hover { background:#dddddd; }

    label#menutoggle  { display:none; }

    input#togglemenu { display:none; }


@media screen and (max-width: 600px) {
  
    label#menutoggle { display:block; 
                       color:#fff;
                       font-size: 32px;}

    input[type=checkbox]:checked ~ div { display:block; }
    div.menu-hauptmenue-container { display:none; }

    #haupt-menu { padding: 0px 10px; }


    #haupt-menu ul { position: relative;
    z-index: 9000;
    margin-top:0; }

 
    #haupt-menu li {display:block;
    float:none;
    border-right:0;
    margin-top:0;
    padding-left: 10px;
    margin-left: 10px;  }


    #haupt-menu a {
    display:block;
    width:100%;
    padding-top:15px;
    height: 30px;
    border-bottom:2px solid #fff;
  }
     #haupt-menu li:last-of-type a { border-bottom:0; }


}



/*========== CONTENT: ALLGEMEIN ==========*/

  /*----- Allgemeine Formatierungen -----*/
    p { margin-top: 20px; }

    div.divL { margin-top: 30px; }

    h1 { font-weight: bold;
         color: #FA0;
         font-size: 22px;
         margin-top: 25px;
         margin-bottom: 25px; }

    h2 {font-weight: bold;
        color: #FA0;
	    font-size: 20px;
        margin-top: 25px;
        margin-bottom: 20px; }

    h3 {font-weight: bold;
        color: #777;
        font-size: 18px;
	    margin-top: 20px;
	    margin-bottom: 15px; }

    h4 {font-weight: bold;
        color: #777;
        font-size: 17px;
	    margin-top: 20px;
	    margin-bottom: 15px; }


/*========== CONTENT: BILDER ==========*/

  /*----- Fließbilder im Text -----*/
    img.links{ margin: 5px 20px 10px 0px;
               float:left; }

    img.zentriert{ margin: 0px auto;
                   display: block}    /* ohne block gehts nicht  */

    img.rechts{ margin: 5px 15px 10px 20px;
                float:right; }

    @media screen and (max-width: 600px) {

    img.rechts{ margin: 5px;
                float: none;
                max-width: 100%; }

    }

    img.diagramm{ margin: 0px 20px 0px 0px;}

    .gallery a img{margin: 5px;}


/*========== DIVERSE ELEMENTE ==========*/

#fuss-impress { padding:10px 20px; }

/* ==================== GLOBALE EINSTELLUNGEN ==================== */

    p.absatzlang { margin-top: 30px; }

    ul { margin-top: 10px;
         margin-left: 30px; }   /* geht nicht rechts neben Bild */

    li { margin-top: 5px; }

    td { vertical-align: top; 
         padding-right: 15px;}
    th { padding-right: 15px;}

    .divA td {border-bottom: 1px solid #A0A0A0;}
    .divA th { border-bottom: 1px solid #A0A0A0;}

    .divB td{}
    .divB th{}

    .divP a{color: #007; 
            font-weight:bold;
                     float:right;
                     margin-bottom: 30px;
                     background: #666;
                     background-color: #ededed;
                          padding: 5px; 
                          border: 1px solid #aaa;}

                                                */

    #inhalt { padding: 0px 20px 20px 20px;
              word-wrap:break-word;}