@media screen {
  html {
    box-sizing: border-box;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  body {
    background: #d6b26a url(..//bilder/subtle_white_mini_waves.gif) fixed repeat left top;
    background-color: #d6b26a;
    color: black;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  }

  h1 {
    font-size: 300%;
	color:black;
	font-weight: bold;
  }

  h2,
  h3,
  h4 {
    color: #9e2020;
  }

  h1 {
    margin-bottom: 10px;
    padding-top: 10px;
  }

  h2 {
    font-size: 180%;
    margin-bottom: 12px;
    margin-top: 3px;
  }

  h3 {
    font-size: 120%;
    margin-bottom: 15px;
  }

  h4 {
    font-size: 100%;
    margin-bottom: 10px;
  }

  a:link {
    color: black;
  }

  a:visited {
    color: #000;
  }

  a img {
    border: 0px;
  }

  span.rot {
    color: #9e2020;
    margin-right: 7px;
  }

  #wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: transparent;
    color: black;
    width: 990px;
    height: 970px;
    border: 0px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -500px;
    font-size: 120%;
  }

  #headline {
    background: #d6b26a url(..//bilder/subtle_white_mini_waves.gif) fixed repeat left top;
    position: absolute;
    top: 0%;
    left: -8px;
    color: black;
    border: 3px solid;
    border-left-width: 0px;
    border-color: #9e2020;
    border-top-width: 0px;
    width: 60%;
    height: 203px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 0px;
  }

  img#logo {
    float: left;
    margin-top: 0px;
    margin-right: 10px;
  }

  img#foto {
    float: left;
  }

  #divfoto {
    position: absolute;

    top: 200px;
    left: 0%;
    width: 50%;
    height: 122px;
    border: 3px solid;
    margin: 0px;
    padding: 5px 0px 10px 20px;
    border-color: #9e2020;
    border-left-width: 0px;
    border-top-width: 0px;
  }
#hotkont
{
    position: absolute;

    top: 60px;
    left: 130px;
    width: 340px;
    height: 55px;
    
  }

  #divsoforthilfe {
	position: absolute;

	top: 322px;
	left: 0px;
	width: 50%;
	height: 48px;
	border: 3px solid;
	margin: 0px;
	padding: 10px 0px 10px 20px;
	border-color: #9e2020;
	border-left-width: 0px;
	border-top-width: 0px;
  }

  #divalleleistungen {
    position: absolute;
    top: 368px;
    left: 0%;
    width: 50%;
    height: 46px;
    border: 3px solid;
    margin: 0px;
    padding: 10px 0px 10px 20px;
    border-color: #9e2020;
    border-left-width: 0px;
    border-top-width: 0px;
  }

  #navibereich {
    position: absolute;
    top: 413px;
    left: 0px;
    width: 495px;
    height: 250px;
    border: 3px solid;
    margin: 0px;
    padding: 15px 0px 11px 20px;
    border-color: #9e2020;
    border-left-width: 0px;
    border-top-width: 0px;
  }

  #navi {
    position: absolute;
    
	top: 50px;
    left: 3%;
    width: 89.5%;
  }

  #divpartner {
    position: absolute;
    top: 660px;
    left: 0%;
    width: 50%;
    height: 142px;
    border: 3px solid;
    margin: 0px;
    padding: 15px 0px 10px 20px;
    border-color: #9e2020;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
  }

  #divlaptop {
    position: absolute;
    top: 0px;
    left: 560px;
    font-size: 85%;
    width: 23%;
    height: 203px;
    border: 3px solid;
    border-top-width: 0px;
    border-bottom-width: 3px;
    border-left-width: 0px;
    margin: 0px;
    margin-left: 0px;
    margin-right: 247px;
    padding: 15px 5px 10px 5px;
    border-color: #9e2020;
    text-align: center;
  }

  #divdrucker {
    position: absolute;
    top: 200px;
    left: 495px;
    font-size: 85%;
    width: 25%;
    height: 169px;
    border: 3px solid;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 0px;
    border-top-width: 0px;
    margin: 0px;
    margin-left: 0px;
    padding: 10px 5px;
    border-color: #9e2020;
    text-align: center;
  }

  #divgeschaeftslokal {
    position: absolute;
    top: 368px;
    left: 495px;
    font-size: 85%;
    width: 25%;
    height: 87px;
    border: 3px solid;
    border-right-width: 3px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    margin: 0px;
    margin-left: 0px;
    padding: 17px 5px 10px 5px;
    border-color: #9e2020;
    text-align: center;
  }

  #divhausbesuche {
    position: absolute;
    top: 408px;
    left: 495px;
    font-size: 85%;
    width: 25%;
    height: 65px;
    border: 3px solid;
    border-right-width: 3px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    margin: 0px;
    margin-left: 0px;
    padding: 10px 5px 10px 5px;
    border-color: #9e2020;
    text-align: center;
  }

  #divtermine {
    position: absolute;
    top: 455px;
    left: 495px;
    font-size: 85%;
    width: 25%;
    height: 70px;
    border: 3px solid;
    border-bottom-width: 0px;
    border-left-width: 0px;
    margin: 0px;
    margin-left: 0px;
    margin-right: 247px;
    padding: 10px 5px 5px 5px;
    border-color: #9e2020;
    text-align: center;
  }

  #diverreichbarkeit {
    position: absolute;
    top: 523px;
    left: 495px;
    color: black;
    width: 25%;
    height: 75px;
    border: 3px solid;
    border-bottom-width: 0px;
    border-top-width: 3px;
    border-left-width: 0px;
    border-right-width: 3px;
    margin: 0px;
    margin-left: 0px;
    padding: 0px 2px 5px 5px;
    border-color: #9e2020;
    text-align: center;
    font-size: 90%;
  }

  #divanderezeiten {
    position: absolute;
    top: 597px;
    left: 495px;
    color: black;
    width: 25%;
    height: 63px;
    border: 3px solid;
    border-bottom-width: 0px;
    border-top-width: 3px;
    border-left-width: 0px;
    border-right-width: 3px;
    margin: 0px;
    margin-left: 0px;
    padding: 7px 2px 10px 5px;
    border-color: #9e2020;
    text-align: center;
    font-size: 90%;
  }

  #divagb {
    position: absolute;
    top: 660px;
    left: 495px;
    color: black;
    width: 25%;
    height: 142px;
    border: 3px solid;
    border-bottom-width: 0px;
    border-top-width: 3px;
    border-left-width: 0px;
    border-right-width: 3px;
    margin: 0px;
    margin-left: 0px;
    padding: 12px 2px 0px 5px;
    border-color: #9e2020;
    text-align: center;
    font-size: 90%;
  }

  #divprodukte {
    position: absolute;
    top: 0px;
    left: 742px;
    font-size: 85%;
    width: 25%;
    height: 203px;
    border: 3px solid;
    border-top-width: 0px;
    border-bottom-width: 3px;
    border-left-width: 0px;
    border-right: 0px;
    margin: 0px;
    padding: 10px 5px 9px 5px;
    border-color: #9e2020;
    text-align: center;
  }
}

#divemsisoft {
  position: absolute;
  top: 200px;
  left: 742px;
  font-size: 85%;
  width: 25%;
  height: 463px;
  border: 3px solid;
  border-top-width: 0px;
  border-bottom-width: 3px;
  border-left-width: 0px;
  border-right: 0px;
  margin: 0px;
  padding: 60px 5px;
  border-color: #9e2020;
  text-align: center;
}

#divimpressum {
  position: absolute;
  top: 660px;
  left: 75%;
  font-size: 75%;
  width: 25%;
  border: 3px solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right: 0px;
  margin: 0px;
  padding: 50px 5px;
  border-color: #9e2020;
  text-align: center;
  color: #000000;
  font-style: normal;
  font-weight: bold;
}

#emsisoft-reseller-quer {
  display: none;
}

#herold-ratings {
  position: absolute;
  top: 830px;
  left: 34%;
}

@media all {
  html {
    overflow-y: scroll;
  }

  body,
  div,
  h1,
  h2,
  h3,
  h4,
  p,
  ul,
  li {
    padding: 0;
    margin: 0;
  }

  h2,
  h3,
  h4,
  p,
  ul {
    margin-bottom: 1em;
  }

  ul {
    margin-left: 2em;
  }
}