#reklame-o {
background-color:#FFF;
border:1px solid #FFF;
border-left:1px;
float:none;
height:100px;
margin-left:130px;
padding:3px 3px 3px 8px;
width:auto
}

#kopfbereich {
background-color: #0000FF;
font-family: Verdana;
font-size:20px;
height:50px;
padding-right:50px;
padding-top:20px;
width:auto
}

body {
background:#FFF
}
* {
  margin: 0;
  padding: 0;
  font-family: verdana;
  box-sizing: border-box;
}

#nav {
  position: relative;
  float: left;
  width: 100%;
  background: orange;
  font-size: 12px;
  text-align: left;
  padding-left: 120px;
  margin-top: 10px;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav a {
  display: block;
  color: black;
  text-decoration: none;
}

#nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: black;
  transition: 0.5s;
}

#nav ul li a {
  padding: 10px 20px;
}

#nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

#nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

#nav ul li:hover {
  background: #ff8000
}

#nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: orange;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid orange;
}

#nav ul ul li a {
  padding: 10px 20px;
}

#nav ul ul li:last-child {
  border-bottom: none;
}

#nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

#nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}

#seitenbereich-l {
background-color:#FFF;
border:1px maroon;
float:left;
height:2000px;
width: 10%
}

#seitenbereich-r {
background-color:#FFF;
border:1px maroon;
float:left;
height:2000px;
width: 30%
}

#reklame-r2,#reklame-r3 {
background-color:#FFF;
border:1px solid #FFF;
float: left;
height:120px;
margin:10px;
padding:3px;
width:120px
}

#inhalt {
background-color:#FFF;
float: left;
width: 60%;
height:2000px;
}

#inhalt-breit {
background-color:#FFF;
padding: 5px;
float: left;
width: auto;
height:auto;
padding-top:5px;
text-align: left;
}

#inhalt-text-breit {
background-color:#FFF;
padding: 5px;
float: left;
width: 84%;
height:auto;
text-align:left;
margin-top: 10px
}

#aktuell {
background-color:#FFF;
float:left;
margin:10px auto auto 15px;
padding:20px 2em 1em 8px;
text-align:justify;
width:700px
}

#impressum {
background-color:#FFF;
float:left;
font-size:small;
margin:10px auto auto 15px;
padding:20px 2em 1em 8px;
text-align:justify;
width:700px
}

#formular {
background-color:#FFF;
font-size:small;
height:auto;
margin-left:100px;
margin-right:200px;
padding-left:2em;
padding-right:2em;
text-align:justify;
width:40em
}

#reklame-l {
background-color:#FFF;
border:1px solid #FFF;
float:left;
height:700px;
margin:3px;
padding:3px;
width:120px
}

#reklame-m {
background-color:#FFF;
border:1px solid #FFF;
float:left;
height:250px;
margin:3px;
padding:3px;
width:300px
}

#reklame-r1 {
background-color:#FFF;
border:1px solid #FFF;
float: left;
height:120px;
margin:20px 10px 10px;
padding:3px;
width:120px
}

html,body {
font:12px Verdana, sans-serif
}

#kopfbereich p {
color:#FFF;
text-align:right
}

#aktuell h1,#impressum h1 {
font-size:medium
}

#schatten,#schatten1 {
background-color:#FFF;
border:1px maroon;
height:20px;
width:auto
}

#inhalt-schmal-links,#inhalt-text-schmal-links {
background-color:#FFF;
padding: 5px;
float:left;
height:auto;
text-align:justify;
width: 48%
}

#inhalt-schmal-rechts,#inhalt-text-schmal-rechts {
background-color:#FFF;
padding: 5px;
float: left;
height:auto;
text-align:justify;
width: 48%
}
