body {
background-color: #fff;
margin: 0;
padding: 0;
text-align: center;
font-family: Century Gothic, Arial, Helvetica;
color: #000099;
}

#flash {
position: absolute; top: 100px; left: 50%;
width: 340px; height: 334px;
margin-left: -170px;
vertical-align: center;
}

#logo {
margin: auto;
height: 93px; width: 960px;
background: #fff url(../img/css/bg-logo.gif) no-repeat top center;
}

#mitte {
margin: auto; 
padding: 15px 0 0 0;
height: 200px; width: 960px;
background: #fff url(../img/css/bg-jpg.jpg) no-repeat top center;
}
#mitte #left, #unten #links {
float: left;
text-align: right;
width: 300px;
}
#mitte #right, #unten #rechts {
float: right;
text-align: left;
height: 200px; width: 300px;
}
#mitte #right, #mitte #left {
height: 199px; 
}
#unten #links, #unten #rechts {
height: 80px;
}

#mitte h1, h2 {
text-align: center;
color: #ed8700;
}
#mitte h1 {
font-size: 30px; font-weight: normal;
margin: 0;
}
#mitte h2 {
font-size: 13px; font-weight: bold;
margin: 0;
}
#mitte a.orangeleft {
color: #ed8700;
text-decoration: none;
background: url(../img/css/mainnav-left.gif) no-repeat bottom left;
padding-left: 44px;
}
#mitte a.orangeleft:hover {
background: url(../img/css/mainnav-left2.gif) no-repeat bottom left;
}
#mitte a.orangeright {
color: #ed8700;
text-decoration: none;
background: url(../img/css/mainnav-right.gif) no-repeat bottom right;
padding-right: 44px;
}
#mitte a.orangeright:hover {
background: url(../img/css/mainnav-right2.gif) no-repeat bottom right;
}

ul {
margin: 10px 0 0 0; padding: 0;
list-style-type: none;
}
ul.unten {
margin-top: 40px;
}
li { line-height: 34px; }
li.rechts { line-height: 27px; }
li.links { line-height: 27px; }
a.links {
text-align: left;
text-decoration: none;
color: #000099;
font-size: 14px; font-weight: bold;
padding: 1px 2px;
}
a.rechts {
text-align: right;
text-decoration: none;
color: #000099;
font-size: 14px; font-weight: bold;
padding: 1px 2px;
}

#unten {
margin: auto;
margin-top: -1px; padding: 0;
height: 276px; width: 960px;
background: #fff url(../img/css/bg-unten.gif) no-repeat top center;
}
#unten #gemeinsam {
clear: both;
padding-top: 70px;
width: 960px; text-align: center;
}
#unten a.orangeunten {
display: block; margin: auto;
width: 240px; height: 50px;
padding-bottom: 5px;
background: url(../img/css/main-nav-bottom.gif) no-repeat top center;
}
#unten a.orangeunten:hover {
background: url(../img/css/main-nav-bottom2.gif) no-repeat top center;
}
#unten #gemeinsamnav {
margin: auto;
width: 960px;
margin-top: 5px;
}
#unten #gemeinsamnav a.gn {
text-decoration: none;
color: #000099;
font-size: 14px; font-weight: bold;
line-height: 22px;
padding: 1px 2px;
margin: 0 20px;
}
#unten #bottomnav {
text-align: center;
margin: 9px auto;
padding-right: 20px;
}
#unten #bottomnav a.bn {
text-decoration: none;
color: #000099;
font-size: 14px; font-weight: bold;
line-height: 22px;
padding: 1px 2px;
margin: 0 34px;
}
#footer {
margin: auto;
padding: 10px 0 0 0;
width: 960px;
font-size: 0.7em;
}
#footer a {
color: #000099;
text-decoration: none;
}
#footer a:hover {
color: #ed8700;
text-decoration: underline;
}

/* hover zustand */
a.links:hover, a.rechts:hover, a.gn:hover, a.bn:hover {
background-color: #ffefce;
}