/************* GENERAL CSS ************/

body {
        margin: 0px;
        padding: 0px;
        background: #EFEEE7;
        text-align: justify;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
}

h1, h2, h3, h4, h5, h6 {
        font-family: Arial, "Times New Roman", Times, serif;
        color: #3399FF;
}

a {
        font-weight: bold;
        text-decoration: none;
        color: #0000FF;
}

a:hover {
        text-decoration: underline;
        color: #33CCFF;
}



/************* HEADER STUFF ************/

#header {
        width: 1028px;
        height: 158px;
        margin: 0px auto;
        padding: 10px 0px;
        background: #FFFBFD url(images/header.jpg);
        border: 2px solid #666666;
}


#header h1 {
        margin: 0px;
        padding: 0px 0px 0px 10px;
        text-align: left;
        color: #FFFF00;
        font-size: 3em;

}

#header h2 {
        margin: 0px;
        padding: 0px 0px 0px 20px;
        text-align: left;
        font-size: 1.5em;
        text-transform: uppercase;
}

/************* CONTENT ************/

#content {
        width: 1032px;
        margin: 0px auto;
        padding: 20px 0px 0px 0px;
}

#content h2, #content h5, #content h6 {
        font-weight: normal;
        }

#content h3 {
         font-weight: normal;
         color: #FF0000;
}

#content h4 {
         font-weight: normal;
         color: #0000FF;
}

#content p, #content ul, #content ol {
        line-height: 150%;
}



#left {
        float: left;
        width: 700px;
        padding: 0px 20px 40px 20px;
}

#pic1 {

        display: inline;
        margin: 0px auto;
        padding: 0px 130px;

}

#right {
        float: right;
        width: 210px;
        padding: 0px 20px 40px 20px;
        color: #99CCFF;
}

/*********** SubMenu *********/

 div#Rahmen {
    width: 1028px;
    margin: 0px auto;
    padding: 0px 0px 30px 0px;
    border: 2px solid #666666;
    background-color: #000000;
    text-align: center;
}

  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }

  div#Rahmen div {
    clear: left;
  }

  ul#Navigation {
    width: 790px;
    margin: 0px auto;
    text-align: center;
    background-color: #000000;
    border: 0px solid #666666;
  }

  ul#Navigation li {
    float: left;
    list-style: none;
    width: 8.6em;
    position: relative;
    display: inline;
    text-align: center;
    margin: 0.2em; padding: 0;
    list-style: none;
  }

   * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.7em; left: -0.1em;
  }

  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }

  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0.1em 1em;
    text-decoration: none; font-weight: bold;
    border: 3px solid black;
    border-left-color: silver; border-top-color: gray;
    color: white; background-color: black;
  }

  * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

   /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
    display: none; top: 1.6em;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell {
    display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }

/*********** LETTERBOX ***********/

#letterbox {
        width: 90px;
        height: 32px;
        margin: 0px auto;
        padding: 0px 0px;
        background: #FFFFFF url(email2.gif);
        border: 2px solid #666666;
}

/************* FOOTER ************/

#footer {
        clear: both;
        width: 700px;
        margin: 0px auto;
        border-top: 1px solid #666666;
        background: url(images/back-footer.png) repeat-y center top;
        font-size: 11px;
        text-align: center;
        padding: 2px;
        color: #333333;
}

/*********** MAP *************/

#map {
        width: 1024px;
        height: 446px;
        margin: 0px auto;
        padding: 0px 0px;
        background: #FFFFFF url(images/USA_MapTourplan.jpg);
        border: 3px solid #666666;
}

/********* Picture *************/

#pic2 {
        float: left;
        width: 1000px;
        height: 40px;
        margin: 0px auto;
        padding: 0px 0px;
        background: #EFEEE7;
}