/* header section */
#header {
  position: fixed;
  width: 100%;
  height: 155px;
  z-index: 150;
  background-color: #FFFFFF;
}

.titleBar {
  max-width: 1000px;
  height: 100px;
  margin: 0 auto;
  margin-top: 20px;
}

.titleBar img {
  border: none;
}

.titleBar .logo {
  height: 60px;
  float: left;
}

.titleBar .stempel {
  height: 70px;
  float: left;
}

.titleBar h1 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #135E95;
  margin: 3px 20px;
  float: left;
}

.titleBar p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  color: #135E95;
  text-align: right;
  margin-top: 0px;
}

.titleBar .contactData {
  width: 280px;
  float: right;
}

.navBar {
  max-width: 1000px;
  height: 20px;
  margin: 0 auto;
}

.navBar nav ul, .navBar nav li {
  list-style: none; 
  margin: 0;
  padding: 0;
  float: left;
}

.navBar .left a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none; 
  color: #135E95;
  font-weight: bold;
  padding-right: 20px;
}

.navBar a:before {
content: url(/images/SteeringWheel.png);
vertical-align: -10%;
margin-right: 2px;
}

.navBar nav li a:hover, a:focus, a:active {
  top: 0;
  color: gold; 
}

hr {
  max-width: 1024px;
  margin: 5px auto;
  border: none;
  border-top: 2px solid #135E95;
}


/* main section */
#mainPage {
  position: relative;
  max-width: 1024px;
  margin: 155px auto;
}

#mainPage img {
  max-width: 100%;
}

.mainPicture nav ul, .mainPicture nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.mainPicture a:before {
  content: url(/images/SteeringWheel.png);
  vertical-align: -5%;
  margin-right: 2px;
}

.mainPicture .right a:before {
  content: url(/images/SteeringWheel_small.png);
}

.mainPicture .right {
  float: right;
  margin-right: 0;
}

.mainPicture .right a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none; 
  font-size: 0.8em;
  color: #135E95;
  font-weight: bold;
  padding-right: 10px;
}

.mainPicture nav li a:hover, a:focus, a:active {
  top: 0;
  color: gold; 
}

#mainPage .mainBox {
  position: absolute;
  z-index: 150;
  width: 400px;
  height: 580px;
  left: 600px;
  top: 20px;
  background: rgba(255,255,255,0.8);
}

.mainText {
  font-family: Verdana, Geneva, sans-serif;
  color: #135E95;
  z-index: 160;
  width: 350px;
  margin-left: 20px;
}

#mainPage .mainText h1 {
  font-size: 1.05em;
  font-weight: bold;
}

#mainPage .mainText h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0;
}

#mainPage .mainText p {
  font-size: 1em;
  line-height: 150%;
  margin-top: 3px;
}

#mainPage .mainText p a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none; 
  color: #135E95;
  font-size: 1em;
  font-weight: bold;
  display: inline;
  text-align: left;
  margin-left: 0;
}

#mainPage .mainText a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none; 
  color: #135E95;
  font-size: 1em;
  font-weight: bold;
  display: block;
  text-align: left;
  margin-left: 140px;
}

#mainPage .bottomButton {
  position: absolute;
  font-family: Verdana, Geneva, sans-serif;
  color: #FFFFFF;
  z-index: 150;
  left: 45%;
  bottom: 8%;
}

#mainPage .bottomButton a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none; 
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
}

#mainPage .bottomButton a:before {
  content: url(/images/ArrowDown.png);
  position: absolute;
  top: 10px;
  left: 32%;
}

.bottomButton a:focus, a:hover, a:active {
  position: relative;
  top: 3px;
}


/* impressum, agb and datenschutz */
p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  color: #135E95;

}