@charset "utf-8";

/* 1. BI Styles (body,html) ==========================*/

body {
        background-color:#ffffff;        /* Hintergrund hellgrau */
        margin:0px;
        text-align: center;
                                }

* {
        margin:0 auto;
        padding:0;                }




/* 2. Layoutbereiche =======================================================*/

#page {
        width:840px;
        height:auto;
        text-align:center;
         }

#content {
        width:550px;
        float:left;
        text-align: left;
        padding-left: 1px;
        padding-top: 20px;
        height: auto;}

#content p {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        padding: 0px 0px 12px 0px;
        line-height: 16px;
        text-align: justify;}

#content li {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        list-style-position: inside;
        list-style-type: circle;}

#content h1 {
        font-family:Arial, Helvetica, sans-serif;
        color: #134c95;
        padding-bottom: 12px;
        font-size: 14px;
        font-weight: bold; }

#content h2 {
        font-family:Arial, Helvetica, sans-serif;
        color: #333333;
        padding-bottom: 6px;
        padding-top: 12px;
        letter-spacing:1px;
        font-size: 12px;
        font-weight: bold;}

#content h3 {
        font-family:Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        padding-top: 12px;
        line-height: 1.4em;
        padding-bottom: 6px;}

#content h4 {
        font-weight: bold;
         font-style:italic;
         font-family:Arial, Helvetica, sans-serif;
        color: #333333;
        padding-top: 1px;
        padding-bottom: 0px;}

#content h5 {
        color: #999999;
        font-size: 12px;
        font-weight: normal;
        line-height: 12px;
        padding-top: 6px;
        padding-bottom: 6px;}

/* genutzt fuer normalen Link      -------------     */
#content a {
        text-decoration:underline;
        color: #626262;}

/* genutzt fuer normalen Link HOVER -------------     */
#content a:hover {
        color: #FF9900;}


#content img a {
        border: 1px solid #cccccc;}

#content img a:hover {
        border: 1px solid #0000A0;}

#content blockquote {
        line-height: 12px;}

#content table {
        border-top: 1px solid #cccccc;}

#content iframe {
        visibility: visible;}

.bold {
        font-weight:bold        }

.highlight {
        font-weight: bold;
        color: #FF9900;}

.GrosseUeberschrift {
        color: #000000;
         font-family: Times New Roman;
         font-size: 22px;
        font-weight: bold;
        line-height: 30px;         }

.right {
        text-align: right;}

.small {
        font-size: x-small;
        letter-spacing: -1px;        }

#content marquee {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#CC6600;
        font-weight: bolder;
        letter-spacing: 1px; }


/*=========================================================*/
/* 3. Boxen :  HEADER - HORIZONTALMENU - SUBMENU - FOOTER  */


/* HEADER */

#backgroundimage {
        position: relative;
        width:840px;
        height:90px;}



/* HORIZONTALMENU */

.nav {
        width:800px;
        height:30px;
        background-color:#0000A0;
        border-top:1px solid #e8e8e8;
        padding:0;
        margin-left:20px;}

table {
        border: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #333333;
        margin: 0;
        padding: 0;}

td {
        vertical-align: top;
        margin: 0;
        padding: 0;}

#horizontalmenu {
        margin-left:20px;
        width: 800px;
        text-align: left;}

* html #horizontalmenu {  /* nur fuer Internet Explorer */
  width:840px;      /* Version 5.x */
  w\idth:800px;         /* Version 6 */ }

.menu {
        font-family: Arial, Helvetica, Sans-Serif;
        width:640px;
        font-size:12px;
        font-size:12px;
        z-index:100;
        position: relative;
        padding-left: 4px;}


.menu ul {
        padding:0;
        margin:0;
        list-style-type: none;}

.menu ul li {
        float: left;
        position: relative;}

.menu ul li a, .menu ul li a:visited {
        display: block;
        text-decoration: none;
        color: #FFFFFF;
        background: #0000A0;
        padding-right: 18px;
        line-height: 28px;
        float: left;
        font-weight: bold;}

/* Menu Aktiv-Zustand */

.menu ul li a.menuOn, .menu ul li a.menuOn:visited {
        display: block;
        text-decoration: none;
        color: #c8c8c8;
        background: #0000A0;
        padding-right: 18px;
        line-height: 28px;
        float: left;
        font-weight: bold;}

.menu ul li:hover a.menuOn, .menu ul li a.menuOn:hover {
        color: #f8f8f8;
        background: #0000A0;}

.menu ul li ul {
        display: none;}


 /* genutzt fuer Haupt-Menu HOVER---------------------------*/
.menu ul li:hover a, .menu ul li a:hover {
        color: #EEBB22;
        background: #009;}

.menu ul li:hover ul, .menu ul li a:hover ul {
        display: block;
        position: absolute;
        top: 28px;
        margin-top: 0px;
        padding-top: 2px;
        left: -10px;
        width: 100px;}

* html .menu ul li a:hover ul {
        margin-top: 0;
        marg\in-top: 3px;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        width: 0;}

/* genutzt fuer Dropdown Menu ---------------------------*/
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
        display:block;
        background:#009;
        border-width: 1px 0 0 0px;
        color:#FFFFFF;
        height:auto;
        line-height:15px;
        padding: 5px 5px 10px 10px;
        width:130px;
        font-size: 12px;
        font-weight: normal;
        margin-left: 2px;
        border-bottom: 1px solid #fff;}

* html .menu ul li a:hover ul li a {
        width:150px;
        w\idth:150px;}





/* Drop-Down Hover Zustand */

/* genutzt fuer Dropdown Menu ---------------------------*/
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
        background:#e8e8e8;
        color:#333333;
        border-bottom: 1px solid #666;        }




/* SUBMENU   */

.submenu {
        margin-top:10px; /*Abstand zu Menuleiste oben */
        width:160px;
        height:400px;
        float:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        display:block;
        list-style-type:none;
        padding-top: 0px;}





/* FOOTER\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.footer {
        clear:both;
        bottom: auto;
        font-family: Arial, Helvetica, Sans-Serif;
        width:840px;}

.footer ul {
        width:800px;
        height:20px;
        background-color: #0000A0;
        color: #ffffff;
        list-style-type: none;
        line-height: 20px;}

.footer li {
        font-size: x-small;
        float: left;
        padding-right: 26px;}

.footer ul li a, .footer ul li a:visited {
        text-decoration: none;
        color: #ffffff;}

.footer ul li:hover a, .footer ul li a:hover {
        color: #ffffff;
        text-decoration:underline;}

.footer input {
        color:#000000;
        font-family:Verdana,Arial,sans-serif;
         vertical-align:top;
        font-size:11px;
        padding:0px;
        border:0
        height:14px;}