/*  ===========================
    CONTENTS:

    01 Basics
    02 Typography
    03 Layout
    04 Helper Classes
    =========================== */
/*  ==========================================================================
    01 Basics
    ========================================================================== */
html,
body {
  height: 100%;
}

body {
  background: #fff;
  font-size: 100%;
  line-height: 1.5;
  /* Don't forget to style your body to avoid user overrides */
}

div,
article,
section,
header,
footer,
nav,
li {
  position: relative;
  /* For absolutely positioning elements within containers (add more to the list if need be) */
}

::-moz-selection {
  background: #b3d4fc;
  color: #333;
  text-shadow: none;
}

.chromeframe {
  margin: 0;
  background: #ccc;
  color: #000;
  padding: 10px 20px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

::selection {
  background: #b3d4fc;
  color: #333;
  text-shadow: none;
}

/*  ==========================================================================
    02 Typography
    ==========================================================================

    14 / 16 =   0.875em     (14px equivalent)
    16 / 16 =   1em         (16px equivalent)
    18 / 16 =   1.125em     (18px equivalent)
    21 / 16 =   1.3125em    (21px equivalent)
    24 / 16 =   1.5em       (24px equivalent)
    30 / 16 =   1.875em     (30px equivalent) */
body,
input,
textarea {
  /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */
}

body {
  font-family: Helvetica, "Helvetica Neue", Arial;
  color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  /* This helps to identify headings at the initial build stage, but you should write something more precise later on */
}

h1 {
  font-size: 1.3125em;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
h1 + h2 {
  margin-top: 0;
}

h2 {
  font-size: 0.875em;
  line-height: 1.2;
  margin-top: 1em;
}

h3 {
  font-size: 0.750em;
  margin: 0;
}
h3 + p {
  margin-top: 0;
}

p {
  font-size: 0.750em;
  margin: 10px 0 0.5em 0;
}

ul {
  margin: 0;
  padding-left: 15px;
}

li {
  font-size: 0.750em;
}
li li {
  font-size: inherit;
}

a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: inherit;
  text-decoration: none;
}
a:link, a:visited {
  color: #2753a2;
}
a:hover, a:active {
  color: #017b70;
}

p a:link {
  font-weight: bold;
}

nav.main a,
.legal a {
  display: block;
  font-weight: bold;
  padding: 5px 0 5px 20px;
}
nav.main a:link, nav.main a:visited,
.legal a:link,
.legal a:visited {
  background: #017b70;
  color: #fff;
}
nav.main a:hover, nav.main a:active,
.legal a:hover,
.legal a:active {
  background: #2753a2;
}

.main .current a:link, .main .current a:visited,
.legal.current a:link,
.legal.current a:visited {
  background: #2753a2;
}
.main .current li a:link, .main .current li a:visited,
.legal.current li a:link,
.legal.current li a:visited {
  background: transparent;
  color: #017b70;
}
.main .current li a:hover, .main .current li a:active, .main .current li.current a,
.legal.current li a:hover,
.legal.current li a:active,
.legal.current li.current a {
  color: #2753a2;
}

/* ==========================================================================
   03 Layout
   ========================================================================== */
.container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0;
  padding: 0 20px 0 0;
  width: 860px;
}

header.page-header {
  width: 180px;
}

#logo {
  display: block;
  padding: 20px;
}

.nav {
  width: 180px;
  float: left;
  padding-bottom: 20px;
}

nav.main ul {
  margin: 0;
  padding: 0;
}
nav.main li {
  padding: 0px 0 1px 0px;
}
nav.main li li {
  padding: 0;
}
nav.main li li a {
  padding-left: 40px;
}

.content {
  float: right;
  width: 600px;
  padding: 180px 20px 20px 20px;
}

.text-img {
  padding: 0 20px 20px 0;
}

article {
  margin: 0 0 1em 0;
  border-top: 1px dotted #888;
}

.refs {
  width: 290px;
}
.refs h2:first-child {
  margin-top: 0;
}

.button {
  display: inline-block;
  padding: 5px 10px;
}
.button:link, .button:visited {
  background: #017b70;
  color: #fff;
}
.button:hover, .button:active {
  background: #2753A2;
}

footer,
.push {
  clear: both;
  height: 95px;
}

footer {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #000;
  text-align: center;
}
footer .inner {
  width: 820px;
}
footer p {
  margin: 0;
}
footer .pageinfo {
  float: right;
  width: 560px;
  padding: 20px;
}
footer .legal {
  float: left;
  width: 180px;
  text-align: left;
  /*margin-top: 20px;*/
}

/* ==========================================================================
   04 Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

.group:after {
  content: " ";
  display: table;
  clear: both;
}

.group {
  *zoom: 1;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}


.zaehler
{
  color:#017b70;
  font-size: 1em;
  text-align:center;
}

.abstand
{
  margin-top:1px !important;
}