body {
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:26px;
  background-color:#f2f2f2;
  margin-top:0px;
  padding-top:0px;
}
div#page {
  margin:0px auto;
  padding:0px;
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  border-top-color:#ffffff;
  box-shadow: 5px 5px 5px #cccccc; 
}
input[type=button] {
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  border-style:solid;
  border-color:#0584d1;
  border-width:1px;
  background-color:#0584d1;
  color:#ffffff;
  padding:5px;
  min-width:230px;
}
input[type=text],
input[type=password] {
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  min-width:220px;
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  padding:4px;
}
input[type=text]:active,
input[type=password]:active,
input[type=text]:hover,
input[type=password]:hover {
  border-color:#0584d1;
}
details {
  margin-left:20px;
}
details summary {
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
details summary:hover {
  cursor:pointer;
}
@media (min-width: 950px) {
  /* breite Browserfenster */
   div#page {
       width:800px;
   }
 }
 @media (min-width: 450px) and 
  (max-width: 950px) {
  /* Darstellung auf Netbooks */
  div#page {
       width:720px;
   }
  } 
  @media (max-width: 450px) {
    /* mobile Geräte */
    div#page {
       width:350px;
   }
}
h1, h2 {
  font-weight:normal;
  color:#0584d1;
  padding:10px;
  margin:10px;
}
h1 {
  text-align:center;
}
h2 {
  /*border-top-style:solid;
  border-top-width:1px;
  border-top-color:#0584d1;*/
  width:90%;
}
a {
  color:#428bca;
  text-decoration:none;
}
ul {
  margin-left:20px;
  margin-top:5px;
  margin-bottom:5px;
  padding-right:30px;
}
ul.download {
  list-style-type:none;
  margin-top:0px;
  padding-top:0px;
}
u.download li {
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
}
ul.download li.pdf {
  background-image:url('../img/pdf.png');
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 30px;
}
ul.download li.ods {
  background-image:url('../img/ods.png');
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 30px;
}
ul.download li.xml {
  background-image:url('../img/xml.png');
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 30px;
}
ul.download li.paket {
  background-image:url('../img/paket.png');
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 30px;
}
p {
  /*width:80%;
  max-width:800px !important;
  min-width:300px;*/
  padding-top:5px;
  margin-top:5px;
  padding-bottom:5px;
  margin-bottom:0px;
  padding-left:30px;
  padding-right:40px;
}
p.warnhinweis {
  background-color:#ffd5d5;
  color:#d40000;
  max-width:85%;
}
p.wunsch {
  background-color:#ccffaa;
  color:#55d400;
  max-width:85%;
}
details[open] h2 {
  background-color:#0584d1;
  color:#ffffff;
}
details[open] h2:hover {
  background-color:#d5e5ff;
  color:#0584d1;
}
details h2:hover {
  background-color:#d5e5ff;
}