@charset "UTF-8";
/* mediaboxAdvanced - black theme */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../plugins/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../plugins/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
WinLess
Windows GUI for less.js

    WinLess
    WinLess.lessc NuGet Package
    Online Less Compiler

Online LESS Compiler

This Online LESS Compiler can help you to learn LESS. You can go through the examples below or try your own LESS code.
The examples are based on the official LESS documentation
Variables | Mixins | Parametric mixins
Nested rules | Operations | Color functions
Namespaces | Scope | Comments | Importing
String interpolation | Escaping
/*
 
Styles der Kategorie THEME
(Hier werden die Dateien base.less, layout.less und modules.less zusammengeführt.
Ausserdem ist hier Platz fuer Deklarationen von Theme-Variablen (z.B. Sonderfarben) oder Mixins.
 
 
Bsp. fuer eine Variable:
 
@farbe: #33f;
 
Aufruf:
 
a {
    color: @farbe;
}
 
 
Bsp. fuer ein Mixin:
 
.bordered(@bordered-color: @farbe) { // `@farbe` ist in diesem Fall der Standardwert fuer `@bordered-color`
    border: 1px solid @bordered-color;
}
 
Aufruf:
 
div {
    .bordered; // Hier erhält `@bordered-color` den Standardwert `@farbe`
}
 
div.fehler {
    .bordered(red); // Hier wird der Standardwert `@farbe` fuer `@bordered-color`  mit `red` ueberschrieben
}
 
*/
/*** INCLUDES ***/
/*** MIXINS ***/
/* Utilities */
.l-clearer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
/* Layout */
/*** VARIABLEN ***/
/* Layout */
/* Farben */
body {
  font: 12px Verdana, Arial, sans-serif;
  background: #000000;
  /* Old browsers */
 
  background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #565656 0%, #565656 16%, #000000 72%, #000000 100%);
  /* FF3.6+ */
 
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000000), color-stop(0%, #565656), color-stop(16%, #565656), color-stop(72%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
 
  background: -webkit-radial-gradient(center, ellipse cover, #000000 0%, #565656 0%, #565656 16%, #000000 72%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
 
  background: -o-radial-gradient(center, ellipse cover, #000000 0%, #565656 0%, #565656 16%, #000000 72%, #000000 100%);
  /* Opera 12+ */
 
  background: -ms-radial-gradient(center, ellipse cover, #000000 0%, #565656 0%, #565656 16%, #000000 72%, #000000 100%);
  /* IE10+ */
 
  background: radial-gradient(ellipse at center, #000000 0%, #565656 0%, #565656 16%, #000000 72%, #000000 100%);
  /* W3C */
 
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000000', endColorstr='#828282', GradientType=0);
  /* IE6-9 fallback on horizontal gradient */
 
}
.clear {
  clear: both;
  visibility: hidden;
}
a,
a:link {
  color: #ffffff;
  text-decoration: none;
}
p,
.ce_text ul > li {
  font-size: 1em;
  line-height: 1.4em;
  color: #ffffff;
}
.ce_text ul {
  margin: 1em 0 1em 1.6em;
}
.ce_text ul > li {
  list-style: disc;
}
figure {
  padding: 0;
  margin: 0;
}
ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4 {
  color: #c31924;
  margin: 1em 0 1.2em 0;
}
h1 {
  font-size: 2em;
  font-weight: bold;
  background: url('/tl_files/layout/images/linie.png') repeat-x;
  background-position: bottom;
  padding-bottom: 1em;
  margin: 0;
}
#ganze_breite h1 {
  margin-top: 1.25em;
  padding-top: 0;
}
h2 {
  font-size: 1.667em;
  font-weight: bold;
}
h3 {
  font-size: 1.33em;
  font-weight: bold;
}
strong {
  font-weight: bold;
}
.more a {
  color: #c31924;
  display: block;
  text-align: right;
  margin-top: 1em;
  font-style: italic;
  font-weight: bold;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .more a {
    margin: 1em 1em 1em 0;
  }
}
.more a:before {
  content: '>> ';
}
header {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: 100%;
  height: 380px;
  background: url('/tl_files/layout/images/bg_punkte.png') repeat-x #323232;
  background-position: 50px 70px;
}
@media screen and (min-width: 1px) and (max-width: 748px) {
  header {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-color: #BABABA;
    background-image: none;
    height: 100%;
  }
  header a,
  header a:link {
    color: #000000;
  }
  header #logo,
  header #headerbild {
    display: none;
  }
  header #logo_small {
    display: block;
    padding: 6%;
    text-align: center;
  }
  header #logo_small figure img {
    max-width: 100%;
  }
}
@media screen and (min-width: 749px) and (max-width: 3000px) {
  header #logo_small {
    display: none;
  }
}
#wrapper {
  margin: 0 auto;
}
#container {
  background: url('/tl_files/layout/images/linie.png') repeat-x;
  background-position: 0 0;
  clear: both;
  padding: 30px 0;
}
#main {
  width: 60%;
  float: left;
}
@media screen and (min-width: 200px) and (max-width: 320px) {
  #main {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 100%;
  }
}
@media screen and (min-width: 321px) and (max-width: 680px) {
  #main {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    margin: 0 0 0 5%;
    width: 60%;
  }
}
#right {
  width: 36%;
  margin-left: 2%;
  padding-left: 2%;
  background: url('/tl_files/layout/images/linie.png') repeat-y;
  background-position: 0 0;
  float: right;
  position: relative;
}
@media screen and (min-width: 200px) and (max-width: 680px) {
  #right {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float: none;
    width: 95%;
    background: none;
  }
}
#container,
#ganze_breite,
#footer,
header .inside,
#hauptnavigation nav {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (min-width: 300px) and (max-width: 680px) {
  #container,
  #ganze_breite,
  #footer,
  header .inside,
  #hauptnavigation nav {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    max-width: 480px;
  }
}
#hauptnavigation nav {
  position: relative;
  text-align: justify;
}
#logo {
  text-align: right;
  margin-top: -15%;
}
#logo figure {
  height: auto;
  width: 100%;
}
#logo figure img {
  height: auto;
  max-width: 100%;
}
#headerbild {
  padding-left: 4%;
  position: relative;
  z-index: 99;
}
#headerbild figure {
  height: auto;
  width: 45%;
}
#headerbild figure img {
  height: auto;
  max-width: 100%;
}
.invisible {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}
#ganze_breite {
  margin-bottom: 30px;
}
/*modules*/
#hauptnavigation {
  font: 16px/90% Verdana, arial, sans-serif;
  color: #fff;
  max-width: 100%;
  height: 46px;
  background: #000000;
}
@media screen and (min-width: 1px) and (max-width: 500px) {
  #hauptnavigation {
    display: none;
  }
}
#hauptnavigation ul {
  display: inline;
}
#hauptnavigation ul > li {
  display: inline-block;
  position: relative;
  padding: 1.5% 0;
}
#hauptnavigation ul > li:hover,
#hauptnavigation ul > li.active {
  background: url('/tl_files/layout/images/nav_arr.gif') no-repeat bottom;
}
#hauptnavigation ul > li a {
  text-align: left;
  white-space: nowrap;
}
#hauptnavigation ul > li a:hover,
#hauptnavigation ul > li .active {
  color: #c31924;
  text-align: left;
  white-space: nowrap;
}
#hauptnavigation ul > li ul {
  font-size: 0.9em;
  display: none;
  width: 125%;
  background: #000000;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
}
#hauptnavigation ul > li ul li {
  display: block;
  padding: 4% 0;
}
#hauptnavigation ul > li:hover {
  display: inline-block;
  position: relative;
}
#hauptnavigation ul > li:hover ul {
  display: block;
  background: #000000;
  position: absolute;
  padding: 4%;
  z-index: 2;
  left: -5%;
}
#hauptnavigation ul > li:hover ul li {
  display: block;
  width: 100%;
  padding: 0 0 0 1%;
  border-bottom: 1px #0e0e0e solid;
  background: none;
}
#hauptnavigation ul > li:hover ul li:hover {
  background-color: #070707;
  color: #c31924;
}
#hauptnavigation ul > li:hover ul li a,
#hauptnavigation ul > li:hover ul li a:link,
#hauptnavigation ul > li:hover ul li .active {
  width: 100%;
  display: inline-block;
  padding: 3% 0;
}
#skipNavigation3,
#skipNavigation17 {
  display: inline-block;
  height: 0;
  position: relative;
  width: 100%;
}
/*hauptnavigation_ende*/
#header .mod_customnav {
  padding: 2%  0 0;
  margin-right: 5em;
}
@media screen and (min-width: 1px) and (max-width: 319px) {
  #header .mod_customnav {
    padding: 1% 1% 2% 0;
  }
}
.mod_customnav {
  text-align: right;
}
.mod_customnav ul li {
  display: inline;
}
.mod_customnav ul li a,
.mod_customnav ul li .active {
  padding: 0 0 0 5%;
  text-decoration: underline;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
  .mod_customnav ul li a,
  .mod_customnav ul li .active {
    padding: 3% 1% 0 2%;
  }
}
.mod_customnav ul li .active,
.mod_customnav ul li a:hover {
  color: #c31924;
}
/* heilige Dreispaltigkeit */
#ganze_breite {
  text-align: justify;
  padding-top: 30px;
}
@media screen and (min-width: 200px) and (max-width: 480px) {
  #ganze_breite {
    text-align: left;
  }
}
#ganze_breite .stretcher {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
@media screen and (min-width: 200px) and (max-width: 480px) {
  #ganze_breite .stretcher {
    display: none;
  }
}
#ganze_breite * {
  display: inline;
  vertical-align: top;
}
#ganze_breite .layoutblock {
  display: inline-block !important;
  width: 30%;
  text-align: left;
  margin: 0 0 4%;
}
@media screen and (min-width: 100px) and (max-width: 319px) {
  #ganze_breite .layoutblock {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float: left;
    text-align: left;
    margin: 0 0 0 1%;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  #ganze_breite .layoutblock {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 70%;
    margin: 0 0 0 1%;
  }
  #ganze_breite .layoutblock img {
    width: 80%;
  }
}
#ganze_breite h1,
#ganze_breite h3 {
  display: block;
  margin-bottom: 1.2em;
}
#ganze_breite img {
  width: 100%;
  height: auto;
}
#ganze_breite .more a {
  color: #c31924;
  display: block;
  text-align: right;
  margin-top: 1em;
  font-style: italic;
  font-weight: bold;
}
#ganze_breite .more a:before {
  content: '>> ';
}
footer {
  height: 239px;
  clear: both;
  background: url('/tl_files/layout/images/bg_shadow_footer.png') no-repeat #c31924 center center;
}
@media screen and (min-width: 200px) and (max-width: 680px) {
  footer {
    background-image: none;
    height: auto;
  }
}
footer h3 {
  text-align: left;
  color: #ffffff;
}
footer .mod_customnav ul > li {
  display: block;
  text-align: left;
  padding: 0% 0% 5% 0%;
}
footer .mod_customnav ul > li a {
  padding-left: 0;
}
footer .mod_customnav ul > li a:hover,
footer .mod_customnav ul > li .active {
  color: #e7e7e7;
  padding-left: 0;
}
footer #kontakt,
footer #social,
footer nav {
  float: left;
  margin-right: 4%;
  width: 20%;
  max-width: 20%;
  display: block;
}
@media screen and (min-width: 200px) and (max-width: 320px) {
  footer #kontakt,
  footer #social,
  footer nav {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float: none;
    max-width: 70%;
  }
}
@media screen and (min-width: 321px) and (max-width: 767px) {
  footer #kontakt,
  footer #social,
  footer nav {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float: none;
    max-width: 70%;
    margin: 0 0 0 4%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  footer #kontakt,
  footer #social,
  footer nav {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float: left;
    margin: 0 0 0 -1%;
    max-width: 28%;
  }
}
footer #kontakt a img,
footer #social a img,
footer nav a img {
  margin: 5% 0;
}
footer #kontakt ul li a,
footer #social ul li a,
footer nav ul li a {
  padding: 0;
}
footer #kontakt {
  float: left;
  max-width: 26%;
  width: 26%;
}
footer #kontakt h1 {
  display: block;
  margin-bottom: 1.2em;
}
footer #kontakt h3,
footer .mod_customnav h3 {
  margin-bottom: 1.8em;
}
footer .inside {
  padding: 1em;
}
footer #social a {
  margin-right: 1.5em;
}
.mod_twitterreader {
  color: #fff;
}
.mod_twitterreader li {
  min-height: 60px;
  margin-bottom: 1em;
  padding-left: 65px;
  background: url('/tl_files/layout/images/twitter_avatar.png') no-repeat;
}
.mod_twitterreader span {
  display: block;
  font-weight: bold;
}
.follow {
  position: absolute;
  right: 0;
  top: 1.4em;
}
#contact,
#imprint,
#general-terms,
#kontakt,
#impressum,
#agb {
  display: block;
  text-align: left;
  width: 100%;
  /*Kontaktformular*/
 
}
#contact p,
#imprint p,
#general-terms p,
#kontakt p,
#impressum p,
#agb p {
  display: block;
}
#contact .formbody,
#imprint .formbody,
#general-terms .formbody,
#kontakt .formbody,
#impressum .formbody,
#agb .formbody {
  display: block;
  margin-bottom: 5em;
}
#contact .formbody label,
#imprint .formbody label,
#general-terms .formbody label,
#kontakt .formbody label,
#impressum .formbody label,
#agb .formbody label {
  cursor: pointer;
  display: block;
  font-size: 0.875em;
  line-height: 1.8em;
  color: #ffffff;
}
#contact .formbody input,
#imprint .formbody input,
#general-terms .formbody input,
#kontakt .formbody input,
#impressum .formbody input,
#agb .formbody input,
#contact .formbody textarea,
#imprint .formbody textarea,
#general-terms .formbody textarea,
#kontakt .formbody textarea,
#impressum .formbody textarea,
#agb .formbody textarea {
  background-color: #ffffff;
  border: 1px solid #c31924;
  color: #1F1F1F;
  font-size: 0.875em;
  margin-bottom: 0.5em;
  padding: 0.5em 0.4em;
  width: 22em;
}
#contact .formbody textarea,
#imprint .formbody textarea,
#general-terms .formbody textarea,
#kontakt .formbody textarea,
#impressum .formbody textarea,
#agb .formbody textarea {
  overflow: auto;
  width: 22em;
}
#contact .formbody fieldset,
#imprint .formbody fieldset,
#general-terms .formbody fieldset,
#kontakt .formbody fieldset,
#impressum .formbody fieldset,
#agb .formbody fieldset {
  border: medium none;
  margin: 0;
}
#contact .formbody input[type="submit"],
#imprint .formbody input[type="submit"],
#general-terms .formbody input[type="submit"],
#kontakt .formbody input[type="submit"],
#impressum .formbody input[type="submit"],
#agb .formbody input[type="submit"] {
  background-color: #c31924;
  border: 1px solid #070707;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em;
  width: auto;
}
#contact .formbody .small,
#imprint .formbody .small,
#general-terms .formbody .small,
#kontakt .formbody .small,
#impressum .formbody .small,
#agb .formbody .small {
  color: #999999;
  font-size: 0.75em;
}
/*Kontaktformular-Ende*/
.no-border-top #container {
  background: none;
}
.no-border-top #ganze_breite {
  margin-bottom: 0;
}
#small_screen_navi {
  font: 16px/90% Verdana, arial, sans-serif;
  color: #fff;
  max-width: 100%;
  text-align: center;
  background: #000000;
  padding: 2%;
}
@media screen and (min-width: 500px) and (max-width: 2000px) {
  #small_screen_navi {
    display: none;
  }
}
#small_screen_navi form select {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
  background: #000000;
  color: #ffffff;
  border: none;
  outline: none;
  margin: auto 0;
}
#small_screen_navi form select option {
  border: 1px #070707 solid;
  position: relative;
  z-index: 999999;
  text-align: left;
  padding: 0;
}
#small_screen_navi form select option.level_1:before {
  content: " >";
  margin: 0 0 0 1.2em;
}
#small_screen_navi form select option.level_0:hover {
  color: #c31924;
  background: url(/tl_files/layout/images/hover.gif);
}
#small_screen_navi form select option.level_1:hover {
  color: #c31924;
  background: url(/tl_files/layout/images/hover.gif);
}
aside .image_container {
  padding-left: 3.5em;
}
#ganze_breite .pdf a {
  background: url(/tl_files/layout/images/hg_pdflink.png);
  background-repeat: no-repeat;
  padding: 1em 2em;
  background-position: left center;
  float: right;
  color: #c31924;
}
#container a,
#container a:link,
#container a:visited {
  color: #c31924;
  font-weight: bold;
}
#container a:hover,
#container a:active {
  text-decoration: underline;
}
#footer a:hover,
#footer a:active {
  text-decoration: underline;
}
a img {
  border: none;
}
#sprachwahl {
  float: right;
  padding-top: 2%;
  width: 26px;
  margin-right: 0;
}
#sprachwahl a {
  width: 100%;
}
.mod_changelanguage {
  float: right;
  padding-top: 2%;
  width: 26px;
  margin-right: 0;
}
.mod_changelanguage a {
  width: 100%;
}

WinLess
Windows GUI for less.js

    WinLess
    WinLess.lessc NuGet Package
    Online Less Compiler

Online LESS Compiler

This Online LESS Compiler can help you to learn LESS. You can go through the examples below or try your own LESS code.
The examples are based on the official LESS documentation
Variables | Mixins | Parametric mixins
Nested rules | Operations | Color functions
Namespaces | Scope | Comments | Importing
String interpolation | Escaping
/** Modules **/
/**z.b links unterhalb der Bilder...**/
/* Button der Quicknavigation ausblenden, wenn Javascript aktiviert ist */
/*.js .mod_quicknav .submit {
   .u-invisible;
}*/
/** News **/
/* Teaser */
#news h2 {
  margin-bottom: 1em;
}
.mod_newslist.teaserbox p.info,
.mod_newslist.teaserbox h3,
.mod_newslist.teaserbox figure,
.mod_newslist.teaserbox p.more,
.mod_newslist.teaserbox p.more a,
.mod_newslist.teaserbox div.teaser p {
  margin: 0;
  padding: 0;
}
.mod_newslist.teaserbox .layout_latest {
  padding: .4em;
  min-height: 90px;
}
.mod_newslist.teaserbox .overlaylink:hover {
  text-decoration: none !important;
}
.mod_newslist.teaserbox .overlaylink:hover .layout_latest {
  background: -moz-linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
 
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
 
  background: -webkit-linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
 
  background: -o-linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
 
  background: -ms-linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
 
  background: linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
 
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
 
}
.mod_newslist.teaserbox p {
  font-weight: normal;
}
.mod_newslist.teaserbox h3 {
  font-size: 1em;
  margin-bottom: .4em;
}
.mod_newslist.teaserbox figure {
  margin-right: 1em;
  padding-top: .2em;
}
/* Leserseite */
.newsdetails figure {
  margin-right: 1em;
  padding-top: .2em;
}
.newsgesamt p,
.newsgesamt h3,
.newsgesamt h2 {
  margin: 0;
  padding: 0;
}
.newsgesamt h2 {
  margin-bottom: 1em;
  padding-top: .2em;
}
.newsgesamt h3 {
  font-size: 1em;
  margin-bottom: .7em;
}
.float_left {
  float: left;
}