@charset "UTF-8";
/* CSS Document */

body {
        background-image: url(hintergrund.jpg);

}



#wrapper {
        background-color:  #FFFFFF;
        background-image: url(content-hg.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        position: relative;
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 15px;
}
#wrapper #content {
margin: 20px 30px;}

#wrapper #footer {
        font-size:14px;
        font-style: italic;
        font-weight: bold;
        color: #F4ECDF;
        background-color: #175456;
        text-align: center;
        margin-top: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #3B5B5D;

}
#wrapper #footer a {   color:  #F4ECDF;

}

#wrapper #footer a:hover,
#wrapper #footer a:focus {  color: #F4ECDF;    }

#wrapper #header {
        font-size:14px;
        font-style: normal;
        color:  #175456;
        background-color: #F4ECDF;

}
#wrapper #content h1 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        color: #3B5B5D;
        line-height: 24px;
        text-align: center;
        padding-top: 20px;

}


h2 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        color: #3B5B5D;
        line-height: 22px;
        text-align: center;
        padding-top: 20px;
}
h3 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        width: 600px;
        margin-right: auto;
        margin-left: auto;
        font-style: normal;
        color: #333;
        line-height: 20px;
        text-align: left;

}
 h4 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        width: 600px;
        margin-right: auto;
        margin-left: auto;
        font-style: normal;
        color: #333;
        line-height: 18px;
        text-align: left;

}
 h6 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        color: #3B5B5D;
        line-height: 24px;
        text-align: center;
        padding-top: 20px;
        page-break-before:always;
}

h7 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        width: 600px;
        margin-right: auto;
        margin-left: auto;
        font-style: normal;
        color: #333;
        line-height: 20px;
        text-align: center;

}

p {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        width: 600px;
        margin-bottom:0.4em;
        margin-top:0.0em;
        margin-right: auto;
        margin-left: auto;
        font-style: normal;
        color: #333;
        line-height: 18px;
        text-align: left;

}

#mainnav {
        clear: both;
        float: left;
        width: 100%;
        overflow: hidden;
        font-family: verdana;
        text-transform:uppercase;
        letter-spacing:0.2em;
        font-size: 12px;
        font-weight: bold;
        background-color: #D2BB67;
}

#navi {
float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

#navi ul {
width: auto; /* schrumpft die Liste */
}

#navi li {
float: left;
width: auto; /* schrumpft die Liste */
position: relative;
right: 50%;
}



#navi a {
width: auto;
display: block;
padding:2px 10px;
line-height: 1.5em;
color: #3B5B5D;
text-decoration: none;
}

#navi a:hover, #navi a:focus {
color:#ffffff;
}