body {
 margin:0;
 padding:0;
 background-image : url(../include/verlauf.png);
 background-repeat:repeat-x;
 background-color:#fff;
 color:#000;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
}

a {
 color:#0B4D49;
 text-decoration:underline;
}

a:hover {
 color:#000;
 text-decoration:none;
}

#content {
 width:770px;
 margin-top:3em;
 margin-left: auto;
 margin-right:auto;
 margin-bottom:2em;
 padding:1em 0.5em 2em 0.5em;
 background-color:#d8ecf8;
 text-align:left;
 border:0px solid #999999;
}

/*
#content h2 {
 margin:0 0 -.5em 0em;
 padding:0 0 0 0em;
 font-size:1.2em;
 color: #0B4D49;
 letter-spacing: 0.1em;
}
*/

#kopf {
 margin:-1em -0.5em 0em -0.5em;
 padding:0 0 0 0;
 height: 110px;
 background-color:#f4c70c;
}

#kopf h1 {
 margin:0 0em -0.6em 0.3em;
 width:9em;
 padding: 0.2em 0 0 0em;
 font-family : verdana, arial, sans-serif ;
 font-size:1.8em;
 letter-spacing:0.5em;
}

#kopf h2 {
 margin:3em 0 0 0;
 padding:.2em 0 0.2em 0;
 text-align: center;
 font-size: 1.3em;
 letter-spacing:0.5em;
 color:#fff;
 background-color:#da251c;
}

#navi {
 float:right;
 margin:0 0 1em 0;
 padding:0.2em 0 0 0;
}

#navi ul {
 margin:0;
 padding:0;
 list-style:none;
}

#navi li {
 margin:0;
 padding: 0.25em;
 display:inline;
 font-family : verdana, arial, sans-serif ;
 font-size:1em;
}

#navi li a {
 color:#000;
 text-decoration:none;
}

#navi li a:hover {
 color:#fff;
 text-decoration:none;
}

h2, h3, h4, h5 {
 color:#da251c;
}

hr {
 color:#f4c70c;
 background-color:#f4c70c;
 height:7px;
 border: none;
 clear:both;
}

.footer {
 font-size:8pt;
}

#generator {
 font-size:12pt;
}

#generator form, #validator form {
 margin:6px 0 6px 0;
 padding: 0;
 font-size:12pt;
}

#generator input, #validator input {
 background-color:#d8ecf8;
}

#generator select {
 background-color:#d8ecf8;
 border-style:ridge;
 border-width:3px;
}

#generator textarea, #validator textarea {
 background-color:#c0e1f3;
}

#generator li, #validator li {
 margin-top: 15px;
 margin-bottom: 15px;
}

#generator #address, #validator #url {
 width: 430px;
}

.hinweis {
 font-size:10pt;
 color:blue;
 width:700px;
 height:18px;
 margin-top: 10px
}

.inlinefloat {
 display:inline;
 float:left;
}

#laendercode, #regionalcode {
 height:15px;
 width:30px;
}

#ausgabe {
 border:solid 1px;
 padding:6px;
 background-color:#c0e1f3;
 font-family: "Courier New", Courier;
 font-size:8pt;
}

#social-icons {
 float: right;
 margin-right: 10px;
}

.s-icon {
 height: 30px;
 width: 30px;
}

.wbg {
 position: relative;
}

.wbg > div{
 font-size:14px;
 padding: 6px 8px 16px 8px;
 border: 1px solid blue;
 position: relative;
}

.wbg > div:after {
 content: url(../include/wkz.png);
 position: absolute;
 right: 4px;
 bottom: -11px;
}

.bls {
 width: 500px;
 margin-bottom: 20px;
 display: inline-block;
}

.bls p {
 margin: 8px 0 0 0;
}

/* Amazon Button für AmaProx  neu 13.11.2019 */
.amazon-button {
  float: right;
  background: url(../amaprox/img/amazon_ansehen.png) no-repeat;
  transform: scale(0.8);
  transform-origin: right bottom;
  display: block;
  height: 44px;
  width: 250px;
}
.amazon-button:hover {
  background-position: 0 -44px;
}