* {margin:0; padding:0;}
body {padding:0 16px; background:#e4e5d5 url(img/background.jpg) repeat; font-family:'Open Sans', sans-serif; font-size:10pt; color:#333333;}

body > a {display:none !important;} /* Hack für Firefox */

a {color:#706c53;}
a:hover {text-decoration:none;}
h1 {font-size:2em; font-weight:normal; color:#706c53; margin-bottom:15px;}
h2 {font-size:1.2em; font-weight:normal; color:#605c43; margin-top:30px; margin-bottom:10px;}
h3 {font-size:1em; font-weight:normal; margin-bottom:5px;}
img {float:left; margin:0 15px 8px 0; height:auto; max-width:100%;}
p {margin-bottom:20px; line-height:170%;}
p:last-child {margin-bottom:0;}
table {margin-bottom: 20px; border-collapse:collapse;}
td, th {padding:2px 5px;}
td:first-child, th:first-child {border-right:1px solid #999999;}
th {border-bottom:1px solid #999999;}
ul {margin:0 0 20px 15px;}

.clear {clear:left;}
.preistabelle1 {float:left; margin:0 50px 15px 0;}
.preistabelle2 {float:left; margin:0 0 15px 0;}
.signatur {clear:left; margin-top:30px;}
.contact {display:none;}

p.telephone {max-width:160px; padding:5px 15px 5px 35px; border:1px solid #000000; border-radius:15px; background:#ffaa33 url(img/telephone.png) no-repeat 10px 50%; font-weight:bold; font-size:12pt;}
p.email {max-width:160px; padding:5px 15px 5px 35px; border:1px solid #000000; border-radius:15px; background:#66cc66 url(img/email.png) no-repeat 10px 50%; font-weight:bold; font-size:12pt;}
p.email a {color:#333333; text-decoration:none;}

/* Header */
#header {margin:0 -16px; padding-top:40px; background:#b86f5e url(img/mauer.png) repeat;}
#header > div {width:785px; margin:0 auto; padding:13px; background:#e4e5d5 url(img/background.jpg) repeat; text-align:center;}
#header h1 {margin:0; font-size:3.5em; font-weight:bold; font-style:italic; font-family:"Comic Sans MS", sarif; color:#3c342e;}
#header h2 {margin:0; font-size:1.8em; font-weight:bold; font-family:"Comic Sans MS", sarif; color:#3c342e;}

/* Container */
#container {max-width:970px; min-width:700px; margin:26px auto 16px; padding:40px 50px; border:1px solid #d9d2a5; background:#ffffff;}
#sidebar {float:right; width:210px;}
#sidebar h1 {font-size:1.8em;}
#sidebar input[type=checkbox] {display:none;}
#sidebar label {display:none;}
#sidebar > ul {margin:0 0 35px 0; border-top:1px solid #dddddd; list-style:none;}
#sidebar * ul {margin:0 0 0 15px; list-style:none;}
#sidebar ul a {display:block; padding:5px 8px; border-bottom:1px solid #dddddd; text-decoration:none; color:#747474;}
#sidebar ul a:hover {background:#e4e5d5;}
#sidebar ul .active > a {color:#333333;}
#content {margin:0 270px 0 0;}
#clear {clear:both;}


@media screen and (min-width: 0px) {
  #container {min-width:0;}
}

@media screen and (max-width: 850px) {
  img {float:none; margin:0;}
  
  #header {margin:0; padding:0; background:none;}
  #header > div {width:100%; margin:0; padding:0; background:none;}
  #header h1 {font-size:3.2em;}
  #header h2 {font-size:1.4em;}
}

@media screen and (max-width: 720px) {
  img {float:left; margin:0 15px 8px 0;}
  .contact {display:block;}
  
  #container {width:100%; margin:0; padding:0; border:none; background:none;}
  #sidebar {float:none; width:100%;}
  #sidebar h1 {display:none;}
  #sidebar label {display:block; margin:25px -16px 0 -16px; padding:10px 30px; line-height:14px; font-size:14px; color:#706c53; text-transform:uppercase; background:#d7cfad; cursor:pointer;}
  #sidebar > ul {margin:0 -16px 25px -16px; border-top:1px solid #706c53;}
  #sidebar * ul {margin:0 0 0 30px;}
  #sidebar ul a {padding:10px 30px; border-bottom:1px solid #d7cfad; line-height:14px; font-size:14px; color:#706c53; text-transform:uppercase;}
  #sidebar ul a:hover {background:#d7cfad;}
  #sidebar ul .active > a {color:#706c53; background:#d7cfad;}
  #sidebar input[type=checkbox] + ul {display:none;}
  #sidebar input[type=checkbox]:checked + ul {display:block;}
  #sidebar p {display:none;}
  #content {margin:26px auto 16px; padding:20px 25px; border:1px solid #d9d2a5; background:#ffffff;}
}

@media screen and (max-width: 600px) {
  img {float:none; margin:0;}
}


@media print {
  body {padding:0; background:none; color:#000000;}
  a {color:#000000;}
  h1 {font-size:1.8em;}
  h1, h2 {color:#000000;}
  p {margin-bottom:15px; line-height:140%;}
  #header {margin:0 0 25px 0; padding:0; background:none;}
  #header > div {width:100%; margin:0; background:none;}
  #header h1 {font-size:3.2em;}
  #header h2 {font-size:1.4em;}
  #container {width:100%; margin:0; padding:0; border:none;}
  #content {margin:0;}
  #sidebar {width:170px; margin:0 0 12px 12px; padding:6px; border:1px solid #000000; text-align:center;}
  #sidebar h1:first-child {display:none;}
  #sidebar h1 {font-size:1.4em;}
  #sidebar ul {display:none;}
  #sidebar p {margin:0;}
  #sidebar p.telephone, #sidebar p.email {padding:0; border:none; background:none; font-weight:normal;}
  #sidebar p.email a {color:#000000;}
}