/* CSS Document */
html, body { height: 100%; width: 100%; min-width: 1186px; padding: 0; margin: 0; border: 0; }

body {
  font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0; padding: 0; border: 0;
  background-color: #d9d9d9;
  background-image: url(bg2.png);
  background-repeat: repeat-y;
  background-position: 50% 0%;
}

td {
  font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #474747;
  margin: 0; padding: 0; border: 0;
}

.td { padding: 20px 0px 0px 50px; vertical-align: top; }

.alt {
  position: relative;
  top: 2px;
}

#ol {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 324px;
  background-color: #C0C0C0;
  margin: 0; padding: 0;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
}

#or {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 50%;
  height: 324px;
  background-color: #F2B866;
  margin: 0; padding: 0;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
}

#bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: url(bg3.png);
  background-repeat: no-repeat;
  background-position: 35% 0%;
  opacity: 0.25;
}

#vl {
  position: absolute;
  left: 50%;
  top: 328px;
  margin-left: -351px;
}

#content {
  margin: auto;
  position: relative;
  top:0;
  left:0;
  height:100%;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}

#menu { border-right: 2px solid white;
  background-image: url(m_afs.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

#m_bild { position: absolute !important; top: 0px; }
#m1 { position: absolute !important; top: 504px; }

#txt { position: relative; top: -90px; padding: 0px 20px 0px 20px; }

a { text-decoration: none; font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #474747; }
a:hover { text-decoration: none; font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #E98900; }

#hr {
  color: #474747;
  background-color: #474747;
  width: 720px;
  height: 1px;
  position: relative;
  left: 50px;
  top: -10px;
}

.hr1 {
  color: #474747;
  background-color: #474747;
  width: 500px;
  height: 1px;
  position: relative;
  left: 50px;
  top: -10px;
}

#q0 {
  position: relative;
  top: 59px;
  left: -10px;
  width: 60px;
}

.q {
  width: 12px;
  height: 12px;
}

#q1 { background-color: #C0C0C0; position: relative; top: -4px; left: 10px; }
#q2 { background-color: #C0C0C0; position: relative; top: -16px; left: 24px; }
#q3 { background-color: #E98900; position: relative; top: -28px; left: 38px; }

#q1a { background-color: #E98900; position: relative; top: -4px; left: 10px; }
#q2a { background-color: #E98900; position: relative; top: -16px; left: 24px; }

p, h3, h4 { padding: 0px 20px 0px 50px; }
ul { padding: 0px 20px 0px 65px; }

#up {
  position: relative;
  top: 20px;
  left: 710px;
  width: 80px;
}

#q4 { background-color: #C0C0C0; position: relative; top: -6px; left: -67px; }
#q5 { background-color: #C0C0C0; position: relative; top: -18px; left: -53px; }
#q6 { background-color: #E98900; position: relative; top: -30px; left: -39px; }
#pfeil { background-image: url(afs_pfeil.png); background-repeat: no-repeat; position: relative; top: -60px; left: -38px; }
#up1 { position: relative; top: -56px; left: -19px; }
a #up1 { color: #202020; }

#wechsel {
  position: relative;
  left: 730px;
  top: -324px;
  width: 58px;
}

#grau { display: block; opacity: 0.50; }
#bunt { display: none; }
a:hover #grau { display: none; }
a:hover #bunt { display: block; }

.button { width: 139px; height: 25px; border-bottom: 1px solid white; display: block; }
.norm { display: block; }
.hover { display: none; }
a:hover .norm { display: none; }
a:hover .hover { display: block; }
a.button:hover { background-color: #ffffff; }
.main { position: relative; top: 7px; left: 20px; }
.sub { position: relative; top: 7px; left: 40px; }
.aktiv { background-color: #ffffff; }

#map {
  position: relative;
  top: 50px;
  left: 50px;
  width: 600px;
  height: 400px;
}

img {
  border: 0;
}