/* ------------ */
/* SHARED */
/* ------------ */

body {
  margin: 0px auto;
}
body p {
  line-height: 1.75em;
}

header {
  padding-top: 30px;
}

h1 {
  font-family: "SortsMillGoudyRegular", serif;
  text-align: center;
  text-rendering: optimizelegibility;
  font-size: 4.48em;
  color: #333333;
  text-transform: uppercase;
}

h3 {
  font-family: "SortsMillGoudyRegular", serif;
  text-rendering: optimizelegibility;
  color: #333333;
  margin-bottom: 0px; 
}

h4 {
  font-family: "SortsMillGoudyRegular", serif;
  text-rendering: optimizelegibility;
  font-weight: light;
  margin-bottom: 0px; 
}

h1, h3, h4 {
  color: #024da1;
}

#navigation ul {
  list-style: none;
  border-bottom: 1px solid #666;
  overflow: auto;
}
#navigation li {
  float: left;
  margin-right: 16px;
  margin-bottom: 4px; 
}
#navigation li a {
  color: #666;
  font-family: "SortsMillGoudyRegular", serif;
  font-size: 1.3498em;
}
#navigation li a:hover {
  color: #024da1; 
}


/* -------------- */
/* herzmacher.ch/ */
/* -------------- */

div.teaser img {
  margin: 0 auto;
  display: block; 
}


/* --------------------------- */
/* herzmacher.ch/energieherzen */
/* --------------------------- */

div.slide {
  position: relative;
}
div.slide div.buttons {
  position: absolute;
  z-index: 2;
  width: 297px;
  top: 70px;
  right: 0px;
  height: 70px; 
}
div.slide div.next {
  display: block;
  background: url(../images/arrow_next.png);
  height: 70px;
  width: 70px;
  position: absolute;
  z-index: 2;
  top: 70px;
  left: 20px;
}
div.slide div.buttons.active span {
  display: block;
  height: 70px;
  width: 70px;
  opacity: .2;
  position: absolute;
}
div.slide div.buttons.active span.next {
  background: url(../images/arrow_next.png);
  right: 20px; 
}
div.slide div.buttons.active span.prev {
  background: url(../images/arrow_prev.png);
  left: 20px; 
}
div.slide div.buttons.active span:hover {
  opacity: .6; 
}
div ul {
  list-style: none;
}
div.slide ul {
  width: 100%;
  overflow: auto;
  height: 1000px; 
}
div.slide li {
  position: absolute;
  height: 1000px;
  background: white; 
}
div.slide li img {
  width: 297px; 
}
div.slide li.current {
  z-index: 1; 
}

div#kurse a {
  cursor: pointer; 
}

div#kontakt .vcard {
  border: none;
  padding: 0px; 
}
div#kontakt .vcard li {
  line-height: 1.75em; 
}

#footer p {
  border-top: 1px solid #999;
  padding-top: 10px;
  font-family: "SortsMillGoudyRegular", serif;
  margin-top: 40px;
}

/* font-face */
@font-face {
  font-family: 'SortsMillGoudyRegular';
  src: url("GoudyStM-webfont.eot");
  src: url("GoudyStM-webfont.eot?#iefix") format("embedded-opentype"), url("GoudyStM-webfont.woff") format("woff"), url("GoudyStM-webfont.ttf") format("truetype"), url("GoudyStM-webfont.svg#SortsMillGoudyRegular") format("svg");
  font-weight: normal;
  font-style: normal; 
}