html, body {
   font-family: arial, sans-serif;
   font-size: 12pt;
   margin: 0;
   padding: 0;
   height: 100%;
}

p {
   margin-bottom: 1ex;
}

p#kontakt {
   line-height: 1.5;
}

p#kontakt #email {
   padding-left: 2em;
}

ul {
   margin-top: 0pt;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 4pt;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
}

div.nav {
   text-align: center;
   font-weight: bold;
   line-height: 1.5;
   float: left;
   width: 220px;
   border-right: 1px solid gray;
   height: 100%;
   min-height: 100%;
}

.sponsor {
   overflow: wrap;
   line-height: 1.2;
   font-weight: normal;
   font-size: 9pt;
   text-align: left;
   width: 180px;
   padding: 0;
   margin: auto;
   position: absolute;
   bottom: 10px;
   left: 20px;
}

.sponsor a {
   font-size: 10pt;
}
div.nav img {
   padding: 10px;
   border: 0;
}

div.head {
   background-color: red;
   margin-left: 220px;
   width: 42em;
   clear: right;
}

div.head div {
   font-size: 10pt;
   font-weight: bold;
   text-align: center;
   color: white;
}

div.main {
   clear: right;
   margin-left: 220px;
   padding: 1em;
   width: 40em;
   border-left: 1px solid gray;
}

div.main div.abschnitt {
   float: left;
}

div.main div.map {
   margin-left: 220px;
   width: 40em;
   height: 30em;
   float: none;
}

div.main img {
   border: 0;
}

div.main .l {
   float: left;
   margin-right: 1em;
}

div.main .r {
   float: right;
   margin-left: 1em;
}

div.main .zimmer {
   font-weight: bold;
}

div.main p.abschnitt {
   padding-top: 1em;
}

.imp {
   font-size: 11pt;
}

a {
   color: blue;
   text-decoration: underline;
}

li {
   margin-bottom: 6pt;
}

input, textarea {
   background-color: lightgray;
   border: 0px;
}

.button {
   border: 1px solid #333333;
}

table {
   margin: 2ex 2em;
   border: 0;
}

th {
   text-align: left;
   border-bottom: 1px solid black;
}

td.preis {
   padding-left: 4em;
}

.wichtig {
   font-weight: bold;
   text-decoration: underline;
}