/* Tags */
html,
body {
    font-family: "robotoregular";
    font-size: 11px;
    line-height: 1.35em;
    padding: 0;
    margin: 0;
}

/* font-size: bezogen auf 600px Breite, 72dpi/Zoll */

h2 {
    font-family: "robotobold";
    font-size: 27.74505426104842px;
    line-height: 1.35em;
    font-weight: normal;
    margin: 0;
}

h3 {
    font-family: "robotobold";
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.6em;
    margin: 2em 0 0 0;
}

table,
td {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}

table {
    border-collapse: collapse;
}

td.leftcol {
    padding-right: 1em;
}

p {
    font-size: 1.6em;
    line-height: 1.6em;
    margin: 0;
}

p {
    margin-top: 1em;
}

h3 + p,
td > p {
    margin-top: 0;
}

h2 + h3 {
    margin-top: 2.4em;
}

#contentbg a {
    color: white;
}

/* Areas */
#container {
    width: 100%;
}

#header {
    width: 600px;
    margin: 0 auto;
}

#logo {
    width: 600px;
    padding: 30px 0px 32px 0px;
    padding-top: calc(37px - 0.4em);
    padding-bottom: calc(37px - 0.4em);
}

#contentbg {
    display: block;
    background: #00497e;
    color: white;
}

#contentbg a:hover {
    color: #4db5ff;
}

#contentblock {
    padding: 54px 0px 53px 89px;
    padding-top: calc(58px - 0.4em);
    padding-bottom: calc(58px - 0.4em);
    width: 511px;
    margin: 0 auto;
}

#footer {
    padding: 54px 45px 53px 58px;
    padding-top: calc(58px - 0.4em);
    padding-bottom: calc(58px - 0.4em);
    color: #00497e;
}

#footer p {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 1em 0 0 0;
}

#footer h3 {
    font-size: 1.4em;
    margin: 0;
    line-height: 1em;
}

#footer h3 + p {
    margin-top: 0.4em;
}

#footer a {
    color: #00497e;
}

#footer a:hover {
    color: #4db5ff;
}

/* Weiteres */

.darkblue {
    color: #00497e;
}

.mediumblue {
    color: #0069b4;
}

/* MOBILE */
html,
body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

/* Media Queries */
/*
@media only screen and (max-width: 768px) {
  html,
  body {
    font-size: 15px;
  }
}
*/

@media (-webkit-min-device-pixel-ratio: 1.5),
    (min-resolution: 144dpi) and (max-width: 768px) {
    html,
    body {
        font-size: 15px;
    }
}