/* import core styles | Basis-Stylesheets einbinden */
@import url(/yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(/yaml/navigation/hlist.css);
@import url(/yaml/forms/gray-theme.css);

@import url(/yaml/screen/typography.css);
@import url(/yaml/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(/yaml/print/print.css);


body {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

header {
  background:#000000;
  background-image: url(https://moenk.de/uploads/banner.jpg);
  background-size: 100%;
  color:#ffffff;
  height:160px;
}

footer {
  background:#336633;
  background-image: url(../img/footer-yapis.jpg);
  background-size: 100%;
  color:#cccccc;
  height:80px;
}

footer a {
  color:#ffffff;
}

header h1{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size:320%;
  line-height:.8571em;
  margin:.4286em 0 0
}

header h2 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:#cccccc;
  font-size:240%;
  line-height:1.2em;
  margin:.6em 0 0 0
}

h3, h4 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:160%;
  color: #ffffff;
  background: #336633;
  padding: .5em;
  margin: 2em 0 0 0;
}

#topnav { 
  background:transparent; 
  color: #ffffff;
  position:absolute;
  top:20px;
  right:20px;
  text-align:right;
}