html, body {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;

}

body {
    text-align: center;
}

body, p, td {
        font-family: verdana, arial, sans-serif;
        font-size: 9pt;
        line-height: 12pt;
        color: white;
}


p{
        padding-left: 20px;
        padding-right: 20px;
}

a:link {color: white;}
a:visited {color: white;}
a:active {color: grey;}
a:hover {color: grey;}


h1 {
        text-align: center;
        margin: 0;
        background-image: url(../picture/logo.gif);
}


h2 {
        padding-left: 20px;
        padding-right: 20px;
        font-family: verdana, arial, sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color : #ffffff;
}

h3 {
        padding-left: 20px;
        padding-right: 20px;
        font-family: verdana, arial, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        color : #ffffff;
}


h4 {
        padding-left: 20px;
        padding-right: 20px;
        font-family: verdana, arial, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color : #4e72b6;
        line-height: 0pt;
}



/* Containerpositionen */

#mainContainer
{
    width: 500px;
    margin-left: 0;
    margin-right: auto;
    text-align: left;

    background-image: url(../picture/bg-allg.gif);

    position: relative;

    border: 2px solid #C0C0B0;
}


#bildlinks {                           /* Bild links*/
position: absolute;
top: 110px;
left: 0px;
width: 350px;
height: 160px;
overflow: hidden;
}


#bildrechts {                          /* Bild rechts */
position: absolute;
top: 110px;
right: 0px;
width: 350px;
height: 160px;
overflow: hidden;
}


#menu {                                /* Menu */
display: block;
margin-top: 220px;
float: left;
width: 180px;
display: none;
}


#content {                             /* Textinhalte */
padding-bottom: 30px;
margin-top: 220px;
float: left;
width: 370px;
}


#footer {
 clear: both;
 padding-right: 55 px;
 text-align: right;
 font-size: 9 px;
 background-color: #E0E0D8;
}









/* Menueeinstellungen */

        ul#mainMenu  {
                padding: 0px;
                margin-left: 20px;
                list-style-type: none;
        }

        ul#mainMenu ul {
                margin-left: 10px;
                padding: 3px;
                list-style-type: none;
        }

        ul#mainMenu li {
                position: relative;
                float: none;
                padding: 3px;

        }

        ul#mainMenu a {
                display: block;
                text-decoration: none;                /* Hervorhebung */

                color: white;
                font-family: verdana, arial, sans-serif;
                font-size: 9pt;
                font-weight: bold;
        }

         ul#mainMenu a:hover {
                color: #ED0171;
        }

        ul#mainMenu ul a {
                font-size: 8pt;
        }

        ul#mainMenu ul a:hover {
                color: #ED0171;
        }

        ul#mainMenu ul {
                cvisibility: hidden;
        }

        ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
                visibility: visible;
        }

        ul#mainMenu li li {
                width:160px;
                float: left;
        }

        ul#mainMenu li {
                behavior: url(css/hover.htc);
        }