@charset "UTF-8";
@font-face {
  font-family: 'istok_webregular';
  src: url("../webfonts/istokweb-regular-webfont.woff2") format("woff2"), url("../webfonts/istokweb-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'istok_webbold';
  src: url("../webfonts/istokweb-bold-webfont.woff2") format("woff2"), url("../webfonts/istokweb-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'istok_webitalic';
  src: url("../webfonts/istokweb-italic-webfont.woff2") format("woff2"), url("../webfonts/istokweb-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'istok_webbolditalic';
  src: url("../webfonts/istokweb-bolditalic-webfont.woff2") format("woff2"), url("../webfonts/istokweb-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IstokWeb';
  src: url("../webfonts/IstokWeb-Bold") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: 'IstokWeb';
  src: url("../webfonts/IstokWeb-BoldItalic") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'IstokWeb';
  src: url("../webfonts/IstokWeb-Italic") format("truetype");
  font-style: italic;
}

@font-face {
  font-family: 'IstokWeb';
  src: url("../webfonts/IstokWeb") format("truetype");
}

@font-face {
  font-family: 'Consolas';
  src: url("../webfonts/consola-webfont.eot");
  src: url("../webfonts/consola-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/consola-webfont.woff") format("woff"), url("../webfonts/consola-webfont.ttf") format("truetype"), url("../webfonts/consola-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Consolas Fett';
  src: url("../webfonts/consolab-webfont.eot");
  src: url("../webfonts/consolab-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/consolab-webfont.woff") format("woff"), url("../webfonts/consolab-webfont.ttf") format("truetype"), url("../webfonts/consolab-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Consolas Fett Kursiv';
  src: url("../webfonts/consolaz-webfont.eot");
  src: url("../webfonts/consolaz-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/consolaz-webfont.woff") format("woff"), url("../webfonts/consolaz-webfont.ttf") format("truetype"), url("../webfonts/consolaz-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Consolas Kursiv';
  src: url("../webfonts/consolai-webfont.eot");
  src: url("../webfonts/consolai-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/consolai-webfont.woff") format("woff"), url("../webfonts/consolai-webfont.ttf") format("truetype"), url("../webfonts/consolai-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Consolas Standard';
  src: url("../webfonts/consola-webfont.eot");
  src: url("../webfonts/consola-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/consola-webfont.woff") format("woff"), url("../webfonts/consola-webfont.ttf") format("truetype"), url("../webfonts/consola-webfont.svg") format("svg");
}

div.main {
  width: 600px;
  column-count: 3;
  column-gap: 40px;
  -moz-column-count: 3;
  -moz-column-gap: 40px;
  -webkit-column-count: 3;
  -webkit-column-gap: 40px;
}

div.main h1 {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  color: #568A0E;
}

.MainMenu,
.MainMenu ul,
.MainMenu li,
.MainMenu a {
  z-index: 999;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.MainMenu {
  height: 40px;
  width: 100%;
  background: #4c4e5a;
  background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.MainMenu li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 40px;
}

.MainMenu li.bezahlen {
  position: relative;
  list-style: none;
  background: #E99A3F;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  display: block;
}

.MainMenu li a.bezahlen {
  color: #E6E6E6;
  border-right: none;
}

.MainMenu li a {
  display: block;
  padding: 0 14px;
  margin: 6px 0;
  line-height: 28px;
  text-decoration: none;
  border-left: 1px solid #393942;
  border-right: 1px solid #4f5058;
  font-weight: bold;
  font-size: 13px;
  color: #E6E6E6;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.MainMenu li:first-child a {
  border-left: none;
}

.MainMenu li:last-child a {
  border-right: none;
}

.MainMenu li:first-child {
  -webkit-border-radius: 5px 0px 0px 0px;
  -moz-border-radius: 5px 0px 0px 0px;
  border-radius: 5px 0px 0px 0px;
}

.MainMenu li:hover > a {
  color: #8fde62;
}

/*
Submenü
*/
.MainMenu ul {
  position: absolute;
  top: 40px;
  left: 0;
  opacity: 0;
  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

.MainMenu li:hover > ul {
  opacity: 1;
}

.MainMenu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

.MainMenu li:hover > ul li {
  height: 36px;
  overflow: visible;
  padding: 0;
}

.MainMenu ul li a {
  width: 200px;
  padding: 4px 0 4px 40px;
  margin: 0;
  border: none;
  border-bottom: 1px solid #353539;
}

.MainMenu ul li:last-child a {
  border: none;
}
/*# sourceMappingURL=mainmenu.css.map */