/* 
adapted by mh
*/
/* @group Reset */
/* Based on http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* @end */

/* @group Mixins and Variables */
/* Variables */
/* Mixins */
/* @end */

/* @group Globals */
body {
  color:  #fff; /* Schriftfarbe */
  text-align: center;
  /* background: url(bg-page.png) repeat #ffffff; */
  background:  #8f8f8f;
  font-family: "Falafel Grotesque", Verdana, Arial, Helvetica, Geneva, sans-serif;
  outline: 0;
  font-weight: normal;
  font-style: normal;
}
/* links */
a {
  text-decoration: none;
  /* color: #274371; Spezial-Blau auch bei visited Links Alternative: #cde hellblau?*/
  color: #274371; /* Spezial-Blau auch bei visited Links */

}
a:hover {
  text-decoration: none;
    color: #fff; /* weiß bei hover von Links */
}
a:visited {
  text-decoration: none;
    color: #274371; /* Spezial-Blau auch bei visited Links */
}
/* clearing */
.clear {
  display: inline-block;
}
.clear {
  display: block;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* hiding */
.hide {
  position: absolute;
  left: -1000px;
  width: 100px;
}
/* @end */

/* @group Layout */
#wrapper {
  display: relative;

}
.container {
  width: 90%; /* 960px */
  display: block;
  text-align: left;
  padding: 2% 2% 2% 6%;
  /* 20px 20px 20px 60px each divided by 960px */
  margin: 0 auto;
}
section.stream {
  width: 68.76%;
  /* 660px divided by 960px */

}
aside.top {
  width: 28.99%;
  /* 200px divided by 960px */
  float: center;
}

aside.stream {
  width: 28.99%;
  /* 200px divided by 960px */
}
.left {
  float: left;
}
.left2 {
  float: left;
}
.right {
  float: right;
}
img,
embed,
object,
video {
  max-width: 100%;
  margin: 0 auto;
}
/* @end */
/* @group Typography */
@font-face {
  font-family: "Falafel Grotesque", Verdana, Arial, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 115%;
  letter-spacing: 0.005em; /* Größe und Spazionierung generell an Falafel-Lesbarkeit anpassen */
}
body {
  font-size: 1em;
  /* 16px */

}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 140%;
  margin-bottom: 20px;
  font-family: "Falafel Grotesque", Verdana, Arial, Geneva, sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 1.875em;
  /* 30px */

}
h1.title {
  margin: 25px 0 0 56px;
  font-size: 2.5em;
  font-weight: normal;
  line-height: 120%;
  color: #fff; /* Überschrift h1  */
}

h1.not-found {
  margin-top: 4%;
  font-size: 2.5em;
}
h2 {
  font-size: 1.4em;   /* 22px NEWS, PRESSE, KONTAKT */
  font-weight: normal;
  color: #fff;  /* Überschrift H2  */
}
h2.specialtitle {
  position: absolute;
  left: -1000px;
  width: 100px;
  }
h2.kasten {
  color: #8f8f8f; /* kasten schrift schwarz */
  background: #fff; /* hintergrund  */
  margin-bottom: 0;
}
h3,
h4,
h5 {
   font-size: 1em; 
  /* 16px */
  color:  #a54; /*drot*/
}
p {
  margin: 0px 0px 10px 0px; /* Abstand nach Textblock */
  /* font-size: 0.75em; */
  /* 12px */
}
p.zitat {
  font-size: 0.938em; 
  font-weight: normal;
  color: #fff; /* Zitatfarbe */
}
p.prolog {
  font-size: 0.938em; 
  font-weight: normal;
  color: #fff; /* Prologfarbe  */
}
p.kasten {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0.938em; 
  /* color: #274371; kasten schrift blau */
  color: #8f8f8f; /* kasten schrift schwarz */
  background: #fff; /* hintergrund  */
}

div {
  font-size: 0.938em;
  /* 15px */

  line-height: 140%;
  margin-bottom: 20px;
}

/* @end */


/* @group Header */
header {
  display: block;
  width: 100%;
  background: url(bg-navbar.png) repeat-x #777; /* dgrau */
  position: fixed;
  top: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
header nav.container {
  padding-bottom: 0;
  padding-top: 0;
}
header nav ul li {
  display: block;
  float: left;
}
header nav ul li a {
  color: #fff;
  margin-top: 0px;
  text-decoration: none;
  display: block;
  padding: 14px 20px 11px;
  background: url(navbar-brdr.png) repeat-y right;
  /*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);*/
  font-family:  "Falafel Grotesque";
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.1em;
  letter-spacing: 0.015em;
}
header nav ul li a:visited {
  color: #fff;
}
header nav ul li.left2 a {
  background: url(navbar-brdr.png) repeat-y left;
}
  header nav ul li.right a {
  background: url(navbar-brdr.png) repeat-y right;
}

header nav ul li a.first {
  padding: 0;
}

header nav ul li a:hover { 
  text-decoration: none;
  color: #ccc; 
  text-shadow: none;
}

header nav ul li a.active,
nav ul li a.active:hover {
  text-decoration: none;
}

/* @end */


/* @group Article */
section.stream.left article {
  display: block;
  background: #8f8f8f;
  margin-left: 54px;
  margin-bottom: 42px;
  border: 6px solid #fff;

  
  /* padding-bottom: 1%; Abstand nach dem Artikel */
}
section.stream.left.first article {
  /*-webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
  border-top: 6px solid #fff;

}
section.stream.left.last article {
 border-bottom: 6px solid #fff;
}
section.stream.left.copyright article {
  /*-webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;*/
  border-bottom: 6px solid #fff;
  background: #fff;
}
section.stream article {
  border-left: 6px solid #fff;
  border-right: 6px solid #fff;
  position: relative;
}
section.stream article h2 {
  padding: 2% 4% 0;
  line-height: 120%;
  /*text-transform: uppercase;*/
}
section.stream article .wrapper h2 {
  font-size: 1.7em;
}
section.stream article h3 {
  color: #fff;
  text-transform: uppercase;
  padding: 0 4% 0;
}
section.stream article p {
  padding: 0 4% 1%; /* Abstand nach Text seitlich und unten */
}
/*section.stream article a:visited {
  text-decoration: none;
    color: #13f; /* blau bei besuchten Links */
}*/
section.stream article ul {
  padding-left: 0;
  padding-bottom: 1%;
  padding-right: 4%;
}
section.stream article div.wrapper {
  position: relative;
  margin-bottom: -5px; /* Abstand nach Bild unten und oben */
  margin-top: 6px;
  /*padding-left: 4%;
  padding-bottom: 4%;
  padding-right: 4%;*/
  line-height: 100%;
}

section.stream article div.wrapper h2 {
  color: #fff;
  position: absolute;
  top: 1%;
  z-index: 2px;
}
section.stream article div.icon {
  display: block;
  background: url(icon2.png) no-repeat;
  position: absolute;
  left: -56px;
  top: -10px;
}
section.stream article div.horse {
  display: block;
  background: url(../pics/horse1.png) no-repeat;
  position: absolute;
  left: -56px;
  top: -10px;
}
section.stream article img.copyright {
  margin-bottom: 2%;
}
section.stream footer {
  background: #fff;
}

/* Icons*/
div.horse.one {
  background-position: 0 0 !important;
  width: 56px;
  height: 60px;
}

}*/

section.stream article ul {
  margin: 0 0 20px 40px;
}
section.stream article ul li {
  list-style-position: inside;
  list-style: disc;
}
/* @end */


/* @group Sidebar */
div.contact {
  width: 80%;
  margin-top: 20px;
  margin-bottom: 5px;
}
div.contact a:visited {
  text-decoration: none;
  color: #274371; /* blau bei besuchten Links */
}
div.contact h2 {
  text-transform: uppercase;
  color: #fff;
  line-height: 115%;
  margin: 0;
}


div.stats {
  width: 80%;
  /* background: url(bg-border.png) repeat-x 0 bottom; */
  margin-bottom: 20px;
}
div.stats a:visited {
  text-decoration: none;
    color: #274371; /* blau bei besuchten Links */
}

div.stats h2 {
  text-transform: uppercase;
  color: #fff;
  line-height: 110%;
  margin: 0;
}
div.stats h2.and-counting {
  color: #fff;
}

div.stats h3 {
  font: normal 1.3em ;
  color: #fff;
  line-height: 120%;
  margin: 0;
}

/* @end*/

/* @group Footer */
footer {
  background: #fff;
  }
aside footer {
  margin-top: 420px;
  /* background: url(bg-border.png) repeat-x 0 bottom; */
  padding-bottom: 20px;
  width: 80%;
}
aside footer a {
  line-height: 110%;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #274371;
  font-size: 1em;
  text-decoration: underline;
}
aside footer a:hover {
  color: #333;
}
p.acknowledgments {
  margin-top: 20px;
  color: #666;
  font-size: 0.866em;
}
p.copyright {
  margin-top: 24px;
  color: #666;
  font-size: 0.75em;
  line-height: 125%;
}
/* @end */


/* @group Waypoints */
div#wrapper {
  position: relative;
}
.sticky {
  position: fixed;
  top: 37px;
  z-index: 4;
  width: 26%;
}
.top {
  bottom: 15px;
  display: block;
  position: fixed;
  right: 15px;
  padding: 10px;
  background-color: #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
  color: #fff;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  text-transform: uppercase;
}
.top a {
  color: #fff;
}


/* @end */


/* @group Drop Down Menu */
ul#drop-down-menu {
  position: relative;
  z-index: 3;
}
ul#drop-down-menu li ul {
  line-height: 196%;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  top: 48px;
  background: #777; /*dgrau*/
  padding: 10px 20px 10px 20px;
  /*-webkit-border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;*/
}
ul#drop-down-menu li ul li {
  display: block;
  margin-bottom: 0;
  clear: both;
  width: auto;
}
ul#drop-down-menu li ul li a {
  width: auto;
  padding-left: 0;
  background: none;
  padding: 0;
  margin: 0;
  text-transform: none; /* 16-03-29 eingefügt */
  font-size: 1.0 em; /* 16-03-13 geändert von 0.7 em */
  color: #fff;
}
ul#drop-down-menu li ul li a:hover {
  color: #ccc;
}
/* @end */

/* End Sheetsheet */