* {
  margin: 0;
  padding: 0;
}

body, html {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 150%;
  color: #ffffff;
}


/* Zentrierte Ausrichtung der Gesamtseite*/

#wrapperheader {
  background: #ffffff;
  border-bottom: 1px solid #000000;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  z-index: 100;
  overflow: hidden;
}

#header {
  margin: 0 auto;
  padding: 15px 0 0 0;
  width: 990px;
  color: #000000 !important;
}

#header p {
  margin: 0 0 20px 0;
}

.logo {
  margin: 0 50px 0 0;
  float: left;
}

.navi {
  text-align: center;
}

#header a {
  color: #000000;
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}

.addthis_toolbox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

.firstwrapper {
  margin-top: 100px;
}

.wrapper1, .wrapper2, .wrapper3, .wrapper4 {
  display: block;
  width: 100%;
  padding: 30px 0 30px 0;
  clear: both;
  overflow: hidden;
}

.wrapper1 {
  background: #b43c38;
}

.wrapper2 {
  background: #cf4944;
}

.wrapper3 {
  background: #dd823b;
}

.wrapper4 {
  background: #a78b74;
}

.content {
  margin: 0 auto;
  width: 990px;
}

#wrapperfooter {
  background: #ffffff;
  border-top: 1px solid #000000;
  width: 100%;
}

#footer {
  margin: 0 auto;
  padding: 30px 0 30px 0;
  text-align: center;
  color: #000000 !important;
  width: 990px;
}

#footer .text {
  margin: 0 0 20px 0;
}

#footer a {
  color: #000000;
}

h1, h2, h3, .quotationmark {
  text-align: center;
  line-height: 150%;
  font-family: Oswald, Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 72px;
}

h2, h3 {
  font-size: 48px;
  margin-bottom: 30px;
}

a {
  color: #ffffff;
}

.xl {
  font-size: 30px;
  line-height: 150%;
  margin-bottom: 30px;
}

.large {
  font-size: 24px;
  line-height: 150%;
  margin-top: 24px;
}

.caps {
  text-transform: uppercase;
}

.fourcolumns, .threecolumns, .twocolumns {
  float: left;
  margin: 30px 30px 30px 0;
}

.fourcolumns {
  width: 225px;
}

.threecolumns {
  width: 310px;
}

.twocolumns {
  width: 480px;
}

.onecolumn {
  width: 990px;
  margin: 30px 0 30px 0;
}

.onecolumn img, .twocolumns img, .threecolumns img, .fourcolumns img {
  text-align: center;
}

.box, input, textarea {
  margin-top: 30px;
  padding: 30px;
  background: url(images/background-20-per-cent.png);
}

.box ul {
  margin: 0 0 0 60px;
}

.aussen {
  margin-right: 0 !important;
}

.aligncenter {
  text-align: center;
}

.alignright {
  float: right;
  margin: 0 0 30px 30px;
}

.quotationmark {
  font-size: 72px;
  float: left;
  margin: 0 30px 0 0;
}

.vcard {
  font-style: normal;
}



/*Interne Navigation*/

h2 {
  position: relative;
}

h2 span {
  position: absolute;
  top: -130px;
}

.clearboth {
  clear: both;
}

/*Tabelle*/

table {
  margin: 30px 0 30px 0;
  border-spacing: 10px;
  width: 100%;
}
  
td {
  width: 20%;
  height: 54px;
  padding: 10px;
  background: url(images/background-20-per-cent.png);
  text-align: center;
}

.check {
  background: url(images/icon-checkmark.png);
}

form p {
  text-align: center;
}

input, textarea {
  border: 0;
  padding: 10px;
  color: #ffffff;
  margin: 0 0 20px 0;
  width: 600px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.button {
  width: 300px;
  border: 10px solid #992626;
  font-weight: bold;
}

.button:hover {
  cursor: pointer;
  background: url(images/background-10-per-cent.png);
}