/* formate_neu.css (ltr) */

body
{ direction: ltr; padding: 0px; margin: 0px; }

ul
{ margin: 0px; padding: 0px; list-style: outside none none; }

ul ul
{ margin: 0px; padding: 0px }

ol
{ margin: 0px; padding: 0px }

html
{ overflow: -moz-scrollbars-vertical; }

select
{ font-family: Verdana, sans-serif;
  font-size: 14px; }

a:active { outline:none;}
:focus {-moz-outline-style:none;}

hr
{ border: none;
  border-top: 1px solid #d4d4d4 !important;
  background: transparent !important;
  color: transparent !important;
  height: 1px !important; }

a {
    color: #5AC8F5;
}

a:hover {
    color: #A0C814;
}



/*---------------------------------------------*/
/*----- Hintergrundfarbe gesamte Seite --------*/
/*---------------------------------------------*/

#bodyTyp4
{ background-color: #fff; width: 100%}

/*---------------------------------------------*/
/*------------ Schriftdefinitionen ------------*/
/*---------------------------------------------*/

/*--------------- Schriftarten ----------------*/

body, input, p, td, h1, h2, h3, h4, h5
{ font-family: Arial, Helvetica, sans-serif, sans-serif; color:#000 }

.home,
.metanavi,
.metanavi a,
.metanavi a:hover,
.schliessen,
#hauptnavi,
#hauptnavi a,
#hauptnavi a:hover,
#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
.breadcrumbs,
.breadcrumbLink,
.bezeichnerSuche,
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active,
#linkenavi ul li span.offen,
.schnelleinstieg,
h5.startseitenteaser,
.startseitenteaser,
.startseitenteaser p,
.erweiterteSuche
{ font-family: Tahoma, Geneva, sans-serif }

/*--------------- Schriftgrößen ----------------*/

body, input, p, td
{ font-size: 15px; }

#hauptnavi
{ font-size: 16px; line-height:16px; text-transform: uppercase; }

h1, .s15122, .s21714
{ font-size: 11px; }
h2
{ font-size: 11px; }
h2.hpuschrift, h2.hpuschrift2
{ font-size: 11px; }
h2.dachzeile, h2.ankernaviuschrift, h2.dachzeileKasten, h2.spitzmarke
{ font-size: 10px; }
h3
{font-size: 14px; line-height:16px;
    text-transform: uppercase; }
h3.hpteaser
{ font-size: 11px; }
h4
{font-size: 14px; line-height:16px;
    text-transform: uppercase; font-weight:normal}
h5
{ font-size: 11px; }
h5.artikellisteuschrift
{ font-size: 10px; }

.beschreibung_bildtabelle, .bilduschrift, .klein
{ font-size: 10px; }

.languageselectorSelect
{ font-size: 10px; }





/*--------------- Zeilenabstand ---------------*/

table,
td,
.artikeltext,
.artikelteasertext,
.teasertext,
.artikelintro,
.teaserText,
.veranstaltungsintro,
.veranstaltungstext
{ line-height: 19px; }


/*---------------- Fettigkeit -----------------*/

.metanavi li.active,
.active,
#hauptnavi,
#hauptnavi li.active,
#linkenavi ul li span.active,
#linkenavi ul li span.offen,
.seitentitel,
.seitentitelTyp1,
.artikelintro,
.veranstaltungsintro,
.linkzumthemauschrift,
.kalenderMitte1,
.kalenderLinks1,
.artikeluschrift,                /* Alte CSS-Klasse */
.zwischenuschrift,                /* Alte CSS-Klasse */
.s15122,                                /* Alte CSS-Klasse */
.s21714                                        /* Alte CSS-Klasse */
{ font-weight: bold; }

/*-------------- Unterstreichung --------------*/

a
{ text-decoration: none; }

a:hover,
.metanavi a:hover,
#hauptnavi a:hover,
#hauptnavi li.active a:hover,
#linkenavi li a:hover,
#linkenavi ul ul li a:hover,
#linkenavi ul ul ul li a:hover,
.bezeichnerSuche a:hover
{ text-decoration: none; }

h3.artikelteaseruschrift a:hover h2.dachzeile
{ text-decoration: none; }

/*------------------ Kursiv -------------------*/

.artikelannot,
.beschreibung_bildtabelle,
.bilduschrift,
.klein
{ font-style: italic; }


/*---------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/*--------- Positionierendes Wrap -------------*/
/*---------------------------------------------*/

#wrapTyp4
{ position: relative; top: 10px;
  margin: 0 auto;
  overflow: hidden; }

#wrapTyp4
{ width:100%; min-width:360px; max-width:1320px;
border: 10px solid #00caf2;
    border-radius: 40px;}

#wrapcontentTyp4
{ background: none;
  display: block;
  overflow: hidden; }

#wrapcontentTyp4
{ width: 100%; }

.rundungTyp4
{ display: none }


/*---------------------------------------------*/
/*---------------- Kopfbereich ----------------*/
/*---------------------------------------------*/

#headerTyp4
{ position: relative; left: 0px;
  display: block; top:8em }

#headerTyp4,
{ width: 100%; }

#headerTyp4
{ height: auto; }

.schattenOben  /* Hintergrundschatten ganz oben */
{ display:   display: block;}


/*-------------- Link www.goethe.de --------------*/

.homelink a  /* Link www.goethe.de */
{ display: none}

.homelink a:hover
{ display: none}


.homelink a span
{ display: none}


.homelink a:hover span
{ display: none}


.homelink a img
{ display: none}



/*---------------- Metanavigation ----------------*/
/*----------------- Typ 4 und 3 ------------------*/

.obereNaviTyp4
{ position: absolute; right: 16px; top: 0px;
  text-align: right;
  z-index: 99;
  display: block; }

.obereNaviTyp4
{ width: 150px; }

.metanavi  /* Container der Metanavigation + Fhnchen */
{ display: none;}

.metanavi ul
{ margin: 3px 0px 0px 0px;
  padding: 0px; }

.metanavi li
{ display: inline;
  list-style-type: none;
  padding-right: 8px;
  padding-left: 8px;
  border-right: none }

.metanavi li:last-child
{ display: inline;
  list-style-type: none;
  padding-right: 0px;
  padding-left: 8px;
  border: none; }

.metanavi li
{ border-right: expression((this.parentNode.lastChild == this)? "none" : "1px solid #969696" );
  padding-right: expression((this.parentNode.lastChild == this)? "0px" : "8px" ); }

.bannerTyp4 {
    display: none;}


/*---------------- Schließen-Link ----------------*/
/*----------------- Typ 2 und 1 ------------------*/

.schliessen a
{ display: inline;
  text-align: right;
  float: right;
  padding: 0 15px 0 14px;
  margin: 4px 0 0 14px;
  border-left: 1px solid #969696;
  background: url('/lhr/prj/ede/bilder3/symbole/schliess.gif') no-repeat;
  background-position: bottom right; }

.schliessenSkript a
{ display: inline;
  text-align: right;
  float: right;
  padding: 0 15px 0 14px;
  margin: 4px 0 0 14px;
  border: none;
  background: url('/lhr/prj/ede/bilder3/symbole/schliess.gif') no-repeat;
  background-position: bottom right; }


/*---------------- Fähnchen ----------------*/

.faehnchen
{ display: inline;
  float: right;
  text-align: right; }

.faehnchen ul
{ margin: 3px 0px 0px -3px;
  padding: 0px 0px 0px 12px; }
div>.faehnchen ul
{ margin: 3px 0px 0px 0px; }

.faehnchen li
{ display: inline;
  list-style-type: none;
  padding-right: 0px; padding-left: 6px; }


/*---------------- SprachdropDown ----------------*/

.sprachdropdown {
    display: inline;
    float: right;
    text-align: right;
        padding: 20px 0 0;
}
.languageselectorForm {
    display: inline;
    font-size: 8px;
    margin: 0;
    padding: 0;
}
.languageselectorSelect {
    border: 1px solid #FFF;
    margin: 0px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 110px;
        background: #44c8f5;
}
.languageselectorSelect {
    color: #fff;
    font-size: 14px;
}

/*---------------- Logo ----------------*/

.logo
{ display:none }


/*---------------- Banner ----------------*/

.bannerTyp4
{ display:none }

.bannerTyp4 img,
{ display:none }


/*---- Schatten oberhalb der Hauptnavigation ---*/

.hauptnaviLinie
{ display:none }


/*----------- Hauptnavigation quer ------------*/
/*-------------- Typ 4 Microsite --------------*/

#hauptnavi
{ position: relative; top: 0px; float: left;
    left: 50%;
    margin-left: -490px;
    max-width: 980px;}

#hauptnavi ul
{ position: relative; left: 0px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left}

#hauptnavi li
{ display: inline;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px; }

#hauptnavi li a
{ float: left;
  vertical-align: center;
  margin: 0px;
  padding: 0 15px 15px 0;}

#hauptnavi li.active
{ float: left;
  vertical-align: center;
  margin: 0px;
  padding: 0 15px 15px 0;
  color:#96c93f}

#hauptnavi li.active a,
#hauptnavi li.active a:hover
{ padding: 0px;
  border: none;
  color:#96c93f }



@media screen and (max-width: 600px) {

#hauptnavi {
    min-height: 80px;
    position: relative;
        z-index:900;
        width:100px;

}
#hauptnavi ul {
        background: url("menu.gif") no-repeat scroll left top #00caf2;
        width:100%;
        height:auto;
    border: none;
    left: 0;
    padding: 20px 0;
    position: relative;
    top: 0
}

#hauptnavi li
{ display: inline;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px; }

#hauptnavi ul li {
    display: none;
    margin: 0;
}
#hauptnavi .current {
    display: block;
}
#hauptnavi a {
    display: block;
    padding: 5px 5px 5px 32px;
    text-align: center !important;
        margin-left:20px
}
 #hauptnavi ul:hover {
    background-image: none;
}
#hauptnavi ul:hover li {
    display: block;
    margin: 0 0 5px;
}
#hauptnavi.right ul {
    left: auto;
    right: 0;
}
#hauptnavi.center ul {
    left: 50%;
    margin-left: -90px;
}
  }


/*---------------------------------------------*/
/*--------------- Zwischenraum ----------------*/
/*---------------------------------------------*/

#zwischenraumTyp4
{ clear: left;
    left: 0;
    position: relative;
    top: 0;}

.breadcrumbs {
    display: none;
    font-size: 14px;
    font-weight: bold;
    left: 35%;
    position: relative;
    text-transform: uppercase;
    top: -35px;
}

.seitentitel
{display: none }


.seitentitelLinieTyp4
 {display: none }


/*---------------------------------------------*/
/*--------------- Hauptbereich ----------------*/
/*---------------------------------------------*/

#hauptbereich
{ position: relative; left: 0px; top: 0px; z-index: -1px;
  width: 100%;
  display: block; clear: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  margin-top:25px}

.hauptbereichJoker5
{ clear: both; }



/*--------------------- Suche ------------------------*/

.suche
{ width: 143px;
  overflow: hidden;
  padding: 6px 8px 8px 12px;
  margin: 0px 0px 16px 0px; }

.formSuche
{ margin: 0px;
  padding: 0px; }

.bezeichnerSuche
{ margin-bottom: 2px; }

.inputSuche
{ width: 114px;
  float: left;
  margin: 0px 0px 0px 0px; }

.iconSuche a
{ background: url('/lhr/prj/ede/bilder3/symbole/suchen.gif') no-repeat;
  width: 18px; height: 18px;
  margin: 0 0 0 1px;
  float: left; }

.erweiterteSuche
{ clear: left;
  margin: 0px;
  padding: 0px; }




/*------------------ Content -----------------------*/

#content
{ position: relative; left: 0px; top: 17px;
  width: 100%;
  display: inline; float: left;
  padding: 0px 0px 20px 0px;
  left: 50%;
    margin-left: -490px;
        max-width: 980px; }

div[id] #content
{ height: auto; }



/*---------------------------------------------*/
/*------------- Funktionsleiste ---------------*/
/*---------------------------------------------*/

#funktionsleisteTyp4
{ display:none}

#funktionsleisteTyp4
{ width: 100%; }


/*---------------------------------------------*/
/*------------------ Footer -------------------*/
/*---------------------------------------------*/

#footerTyp4,
{ display:none}

#footerTyp4
{ display:none}


.footerHauptnavi
{ display:none}

.footerMetanavi {
text-transform: uppercase;
margin-bottom:12px}

.footerMetanavi {
color: #fff;}

/*---------------------------------------------*/
/*----------- Weitere Definitionen ------------*/
/*---------------------------------------------*/

/*------------------ Bilder -------------------*/

img
{ border: none }

.normalgrafik
{ float: left;
  overflow: hidden;
  margin: 0px;
  border: none;
  width:100% }

.normalgrafik_x
{ float: left;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: none; }

.normalgrafik_gegenueber
{ float: right;
  overflow: hidden;
  margin: 0;
  border: none; }

.bildtabelle
{ float: left; margin-bottom: 8px; border-collapse: collapse; margin-right: 0px}
.bildtabelle td
{ padding-left: 0px;}
.bild_bildtabelle
{ width: 1px }
.beschreibung_bildtabelle,
.bilduschrift
{ padding-right: 10px; }

.bildBox
{ float: left;
  margin: 0 10px 3px 0; }
.bild
{ clear: left; }
.bild .normalgrafik
{ margin: 3px 0px; }
.bildunterschrift
{ clear: left;
  font-size: 10px;
  font-style: italic; }

.rssBild1
{ display: none; visibility: hidden; }

/*-------------- ÃÅ"berschriftendefinitionen --------------*/

h1.seitentitel, h1.seitentitelTyp1
{ margin: 0px; }

h2.ankernaviuschrift
{ margin: 10px 0px 15px 0px;
  padding: 0px 0px 2px 0px; }

h2.ankernaviuschrift a, h2.ankernaviuschrift a:hover
{ margin: 10px 0px 15px 0px;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
  color: #5A5A5A; }

h2.dachzeile
{ margin: 0px 0px 8px 0px;
  padding: 0px 0px 2px 0px; }

h2.hpuschrift,
h2.hpuschrift2
{ margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  border: 1px solid #D4D4D4;
  background: url('/lhr/prj/ede/css3/img/hpuschrift2.gif') repeat-x;
  position: relative;
  height: 18px;
  line-height: 18px; }

h2.hpuschrift2
{ margin: 0px 0px 8px 0px; }

h3.artikeluschrift, h3.veranstaltungsuschrift
{ margin: 0px 0px 10px 0px;
color:#44c8f5;
font-size:33px;
font-weight:bold;}

h3.artikelteaseruschrift
{ margin: 0px 0px 2px 0px; }

h3.hpteaser                                                /* Sonderdefinition Startseite Groformat-Teaser */
{ margin: 0px 0px 2px 0px;
  padding: 5px 0px 0px 0px; }

h4.teaseruschrift
{ margin: 0px 0px 4px 0px;
  position: relative; z-index: 99; }

h4.urluschrift
{ margin: 0px; }

h4.unteruschrift
{ margin: 0px 0px 20px 0px; }

h4.teaserunteruschrift
{ margin: 0px 0px 3px 0px; }

h4.zwischenuschrift,
h4.s21714
{ margin: 20px 0px 10px 0px; }

.zwischenuschrift                        /* alte CSS-Klasse */
{ margin: 20px 0px 10px 0px; }

h5.linkzumthemauschrift
{ margin: 0px 0px 10px 0px;
  clear: left; }

h5.tippsuschrift
{ margin: 0px 0px 7px 0px; }

h5.artikellisteuschrift
{ margin: 0px 0px 10px 0px; }

h5.startseitenteaser
{ margin: 0px 0px 5px 0px;
  padding: 0px; }

h5.kalenderuschrift
{ margin: 0px;
  padding: 2px 8px;
  background: transparent; }



/*---------------- Artikel ------------------*/

.artikelteaser
{ display: inline;
  overflow: hidden;
  margin-bottom: 2em;
  float: left;
  width:409px; height:102px
  w}

* html .artikelteaser
{ display: inline-block; }
*+ html .artikelteaser
{ display: inline-block; }

.weiterlink
{ margin-left: 5px; }

.artikeltext
{ display: block;
  overflow: hidden;
  margin-bottom: 0px;
    max-width: 980px;
    min-width: 360px;
    width: 100%; }

* html .artikeltext
{ display: inline-block; }
*+ html .artikeltext
{ display: inline-block; }

.artikelannot
{ display:none }





/*------------ Veranstaltungskalender -------------*/

.tabelleKalender
{ clear: left;
  border-collapse: collapse;
  margin: 0px 0px 10px 0px; }
div>.tabelleKalender
{ margin: 0px 0px 10px 1px; }

.zelleKalenderuschrift
{ border-collapse: collapse; vertical-align: top; line-height: 13px; }

.zelleKalenderLinks, .zelleKalenderMitte, .zelleKalenderRechts
{ border-collapse: collapse; padding: 5px 8px; vertical-align: top; }

.zeileKalenderuschrift
{ height: 18px; }

.zelleKalenderLinks
{ width: 20%; }

.zelleKalenderMitte
{ width: 55%; }

.zelleKalenderRechts
{ width: 25%; }

.veranstaltungsintro
{ margin-bottom: 30px; }

.veranstaltungstext
{ display: block; clear: left;
  overflow: hidden;
  margin-bottom: 20px; }


/*---------------- Tabellen ------------------*/

.tabelle,
.tabelle td
{ padding: 3px;
  border-collapse: collapse;
  vertical-align: top;
  border: 2px solid white; }


/*------- URL-Objekte im Content-Bereich -----------*/

.url,                                                        /* GI-Webprojekt */
.urlExt                                                        /* Externer Link */
{ width: 100%;
  clear: left;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  overflow: hidden;
  display: block; }

* html .url,
* html .urlExt
{ display: inline-block; }
*+ html .url,
*+ html .urlExt
{ display: inline-block; }

.urlBild
{ float: left;  }

.urlBild img
{ width: 100px;
  margin: 2px 10px 5px 0px; }

.urlBild .normalgrafik
{  }

.urlEintrag
{ line-height: 15px;
  padding: 0px; }

.urlQuelle
{ display: inline }



/*---------------------- Boxen -----------------------*/

.kasten
{ border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; border-top: none;
  margin: 0px 0px 4px 0px;
  overflow: hidden;
  display: block; }

* html .kasten
{ display: inline-block; }
*+ html .kasten
{ display: inline-block; }

.giaktuellkasten
{ border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
  margin: 0px 0px 0px 0px; }

.giaktuellkastenAbstand
{ padding: 0 6px 9px 6px; }



/*----------------------------------------------------*/
/*-------------- Sonstige Formatierungen -------------*/

.button /* Button im Allgemeinen */
{ background: gainsboro;
  border-style: solid;
  border-left: 2px solid #eeeeee;
  border-top: 2px solid #eeeeee;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray; }

.annot_form /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px;
  text-align: right; }

.asterisk /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px;
  color: red }

.asteriskBlack /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px;
  color: black; }

.artikelbeginn  /* wird einem ersten <p> in Intro und Text AUTOMATISCH hinzugefügt (bewirkt, dass ein vom Redakteur eingegebenes <p> neutralisiert wird) */
{ margin-top: 0px; }

.startseitenteaser p
{ margin: 0px; }



/*----------------------- KDF -----------------------*/

.kdf-delete
{ margin: none; padding: none; border: none; }


/*----------- Hintergrundfarben GID ----------------*/

.gid_classic {background-color: #5ac8f5;height:16px;padding: 1px 0 1px 2px;}
.gid_campus {background-color: #c8b987;height:16px;padding: 1px 0 1px 2px;}
.gid_premium {background-color: #788287;height:16px;padding: 1px 0 1px 2px;}
.gid_spezial {background-color: #c8b987;height:16px;padding: 1px 0 1px 2px;}
.gid_pruefung {background-color: #5ac8f5;height:16px;padding: 1px 0 1px 2px;}

.textweiss,
a.textweiss,point
a.textweiss:hover
{ color: #FFFFFF; }

.gid_campus .textweiss,
.gid_campus a.textweiss,
.gid_campus a.textweiss:hover
{ color: #FFFFFF; }


/* --------------- Contens  ---------------- */
.cms-object-wrp.active { font-weight:normal; }
.button.button-mini { border: none; }
/*.button.button-mini { background: url(http://cms-neu.goethe.de/goethe/contens/ui/img/icons/icons-gray.png) no-repeat -20px -420px; border: none; height: 16px; }
.button.button-mini:hover { background: none; }*/



#linkeSpalte {display:none}
#linkenavi {display:none}



/* --------------- flexslider  ---------------- */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: medium none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
}
.flexslider .slides img {
    display: block;
    width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    background: none repeat scroll 0 0 #181a1b;
    margin: 0 0 20px;
    position: relative;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav a {
    background: url("/lhr/prj/ede/css3/projekte/42_erfinderland/images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flex-direction-nav .flex-prev {
    left: -36px;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}
.flexslider:hover .flex-prev {
    left: 5px;
    opacity: 0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .disabled {
    cursor: default;
    opacity: 0.3 !important;
}
.flex-control-nav {
    bottom:10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 6px;
}
.flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
        margin-bottom: 5px;
}
.flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    overflow: hidden;
    position: static;
}
.flex-control-thumbs li {
    float: left;
    margin: 0;
    width: 25%;
}
.flex-control-thumbs img {
    cursor: pointer;
    display: block;
    opacity: 0.7;
    width: 100%;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .active {
    cursor: default;
    opacity: 1;
}



@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}
}


@media screen and (max-width: 980px) {
#content {margin-left: 0px; left: 0px;}
#hauptnavi {margin-left: 0px; left: 0px}
}



.bu-bild {color:#44c8f5; font-size: 14px; font-style: normal; line-height: 15px;}

 .gruen {color: #96c93f;}


 .erfinderfont {font-size: 2.1em;}
.txt-gruen {color:#96c93f; font-weight:bold; text-transform:uppercase; display: block; margin-top: 60px !important;}
.txt-gruen-normal {color:#96c93f; font-weight:bold; text-transform:uppercase;}