body {
  margin: 0px;
  background:url(images/bodybg.jpg) repeat-x;
  color: #000000;
  background-color: #ffffff;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}

p {
  padding: 10px;
  text-align: left;
}

table,td,tr {
  color: #3F3F3F;
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}

td.header {
  background:url(images/headerbg.jpg);
}

.headertextgross {
  padding: 10px 0px 0px 20px;
  font-size: 24pt;
  color: #ffffff;
  background-color: inherit;
  font-family: georgia,times,"Times New Roman",serif;
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
}

.headertextklein {
  padding: 5px 0px 0px 20px;
  font-size: 14pt;
  color: #CFCFCF;
  background-color: inherit;
  font-family: georgia,times,"Times New Roman",serif;
  font-weight: bold;
}

td.headernavi {
  background:url(images/headernavibg.jpg);
  color: #006587;
  background-color: inherit;
  font-size: 10pt;
  text-align: center;
  padding-left: 10px;
  font-weight: bold;
}


.headernavi a:link, .headernavi2 a:active, .headernavi2 a:visited {
  color: #004F69;
  background-color: inherit;
  text-decoration: none;
  font-family: georgia,times,"Times New Roman",serif;
  font-weight: bold;
  font-size: 11pt;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #BFBFBF;
  padding: 10px;
  margin: 0;
  line-height: 36px;
}

.headernavi a:hover {
  color: #000000;
  background-color: #BFBFBF;
  text-decoration: underline;
  font-family: georgia,times,"Times New Roman",serif;
  font-weight: bold;
  font-size: 11pt;
  padding: 10px;
  margin: 0;
  line-height: 36px;
}

.links {
  color: #3F3F3F;
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 9pt;
  width: 220px;
  border: 1px dotted #CFCFCF;
}

.naviueberschrift {
  color: #006394;
  background-color: #DCDCDC;
  font-family: georgia,times,"Times New Roman",serif;
  font-size: 12pt;
  font-weight: bold;
  margin: 5px 3px 0px 3px;
  padding: 2px;
  text-align: center;
  line-height: 25px;
  width: 210px;
}

.menue {
  list-style-type: none;
  margin: 2px 0px;
  padding: 2px;
  background-color: #ffffff;
  color: #0092C3;
  width: 210px;
}

.menue li a, li a:active, li a:visited {
  color: #006587;
  background-color: #ffffff;
  width: 205px;
  margin: 3px;
  padding: 5px 1px 5px 2px;
  text-decoration: none;
  font-size: 9pt;
  font-family: verdana,georgia,times,"Times New Roman",serif;
  display: block;
  font-weight: bold;
  text-indent: 3px;
  border-bottom: 1px dotted #CFCFCF;
}

.menue li a:hover {
  color: #006587;
  background-color: #DFDFDF;
  font-family: verdana,georgia,times,"Times New Roman",serif;
  text-decoration: none;
  margin: 3px;
  padding: 5px 1px 5px 2px;
  font-weight: bold;
  text-indent: 3px;
  font-size: 9pt;
  border-bottom: 1px dotted #5F5F5F;
}

.main {
  color: #3F3F3F;
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica,sans-serif;
  border: 0px dotted #CFCFCF;
  text-align: left;
  margin: 0px 20px;
  font-size: 11pt;
}
.rechts {
  color: #3F3F3F;
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 9pt;
  width: 220px;
  border: 1px dotted #CFCFCF;
}

td.footer {
  color: #FFFFFF;
  background-color: #6B9EBF;
  background:url(images/footer.jpg);
  text-align: center;
  font-size: 8pt;
  font-weight: normal;
  letter-spacing: 1px;
  height: 72px;
  padding-top: 10px;
}

h1 {
  color: #006394;
  background-color: inherit;
  font-family: georgia,verdana,arial,helvetica,sans-serif;
  font-size: 18pt;
  text-align: center;
  letter-spacing: 1px;
}

h2 {
  color: #004F69;
  background-color: #FF6600;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 16pt;
  font-weight: bold;
  margin: 4px 10px 4px 10px;
  text-align: center;
}

h3 {
  color: #006587;
  background-color: inherit;
  font-family: georgia,verdana,arial,helvetica,sans-serif;
  font-size: 16pt;
  text-align: left;
  font-style: italic;
  margin: 2px 10px 2px 10px;
}

h4 {
  color: #006587;
  background-color: inherit;
  font-family: georgia,verdana,arial,helvetica,sans-serif;
  font-size: 14pt;
  font-style: italic;
  margin: 2px 10px 2px 10px;
  text-align: left;
}

h5 {
  color: #006587;;
  background-color: inherit;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin: 2px 10px 2px 10px;
  text-decoration: underline;
  text-align: left;
}

h6 {
  color: #004F69;
  background-color: #DFDFDF;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin: 4px 10px 4px 10px;
  text-align: center;
}

h7 {
  color: #004F69;
  background-color: #FF6600;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  margin: 4px 10px 4px 10px;
  text-align: left;
}

a:link, a:visited, a:active {
  color: #006587;
  background-color: inherit;
  text-decoration: none;
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: bold;
}
a:hover, a:focus {
  color: #AFAFAF;
  background-color: inherit;
  text-decoration: underline;
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: bold;
}

    * {margin: 0; padding: 0;}
    body {font: 100%/1.6 sans-serif; padding: 2em 0; color: #000;}

    /* Border-box-sizing */
    .block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

  /* Clearfix */
  .block-group {
      *zoom: 1;
  }
  .block-group:before, .block-group:after {
      display: table;
      content: "";
      line-height: 0;
  }
  .block-group:after {
      clear: both;
  }
  .block-group {
      /* ul/li compatibility */
      list-style-type: none;
      padding: 0;
      margin: 0;
  }

  /* Nested grid */
  .block-group > .block-group {
      clear: none;
      float: left;
      margin: 0 !important;
  }

  /* Default block */
  .block {
      float: left;
      width: 100%;
  }
  .container {
    max-width: 70em;
    margin: 0 auto;
    background: #FFFFFF;
}

.b1, .b2, .b3, .b4, .b5, .b6 {
    margin-left: 1.5%;
    margin-top: 1em;
    padding: 1em;
    background: #F8F8F7;
    width: 31.333333333333332%;
}

/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 48em) and (max-width: 59.9375em) {
    .container {width: 45.5em;}
    .b1 {width: 48%;}
    .b2, .b3, .b4, .b5, .b6 {width: 48%;}
    .b2 {clear: left;}
}

/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 47.9375em) {
    body {padding: 0;}
    .container { width: 19.375em;}
    .b1, .b2, .b3, .b4, .b5, .b6 {width: 97%;}
}

/* =Mobile (Portrait 320px)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 29.9375em) {
    .b7 {margin-left: 25%;}
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {
    .container { width: 29.375em; }
}
