/*

********************************************************************************

Hueber.de CSS 2015

Zusätzliche Stylesheets für Hueber.de LWS

Version:   1.5
Datum:     27.03.2017

Erfordert: -

Hinweise:  -

Historie:  1.11 (10.07.2015) - At your leisure und Passo dopo passo
                               auch mit neuer Syntax

           1.1 (02.07.2015)  - Universo.ele mit neuer kompakterer Syntax

           1.0 (03.02.2015)  - erstes Release

		   0.1 (19.12.2014)  - Alpha-Version

********************************************************************************

*/

/* Standard Blau */

.lwsblau.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsblau.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsblau.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsblau.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsblau.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsblau #toplevelnavi #navibar ul li.active,
.lwsblau .tabnavi ul li.active,
.lwsblau .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.lwsblau #navi li.selected,
.lwsblau .tabnavi ul li.active,
.lwsblau #breadcrumb ul li:last-child
{
	color: #005998;
}

.lwsblau.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsblau.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsblau.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsblau.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsblau.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsblau #toplevelnavi #navibar ul li.active,
.lwsblau .tabnavi ul li.active,
.lwsblau .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #005998;
}

/* Standard Grünblau */

.lwsgruenblau.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsgruenblau.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsgruenblau.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsgruenblau.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsgruenblau.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsgruenblau #toplevelnavi #navibar ul li.active,
.lwsgruenblau .tabnavi ul li.active,
.lwsgruenblau .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.lwsgruenblau #navi li.selected,
.lwsgruenblau .tabnavi ul li.active,
.lwsgruenblau #breadcrumb ul li:last-child
{
	color: rgb(3, 96, 104);
}

.lwsgruenblau.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsgruenblau.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsgruenblau.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsgruenblau.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsgruenblau.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsgruenblau #toplevelnavi #navibar ul li.active,
.lwsgruenblau .tabnavi ul li.active,
.lwsgruenblau .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: rgb(3, 96, 104);
}

/* Standard Rot */

.lwsrot.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsrot.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsrot.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsrot.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsrot.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsrot #toplevelnavi #navibar ul li.active,
.lwsrot .tabnavi ul li.active,
.lwsrot .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.lwsrot #navi li.selected,
.lwsrot .tabnavi ul li.active,
.lwsrot #breadcrumb ul li:last-child
{
	color: rgb(224, 0, 47);
}

.lwsrot.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsrot.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsrot.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsrot.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsrot.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsrot #toplevelnavi #navibar ul li.active,
.lwsrot .tabnavi ul li.active,
.lwsrot .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: rgb(224, 0, 47);
}

/* Standard Orange */

.lwsorange.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsorange.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsorange.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsorange.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsorange.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsorange #toplevelnavi #navibar ul li.active,
.lwsorange .tabnavi ul li.active,
.lwsorange .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.lwsorange #navi li.selected,
.lwsorange .tabnavi ul li.active,
.lwsorange #breadcrumb ul li:last-child
{
	color: rgb(199, 153, 1);
}

.lwsorange.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsorange.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsorange.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsorange.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsorange.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsorange #toplevelnavi #navibar ul li.active,
.lwsorange .tabnavi ul li.active,
.lwsorange .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: rgb(242, 187, 0);
}

/* Standard Grün */

.lwsgruen.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsgruen.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsgruen.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsgruen.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsgruen.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsgruen #toplevelnavi #navibar ul li.active,
.lwsgruen .tabnavi ul li.active,
.lwsgruen .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.lwsgruen #navi li.selected,
.lwsgruen .tabnavi ul li.active,
.lwsgruen #breadcrumb ul li:last-child
{
	color: #489c2b;
}

.lwsgruen.introscreen #toplevelnavi #navibar ul li#tointrobt,
.lwsgruen.infosection #toplevelnavi #navibar ul li#toinfobt,
.lwsgruen.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.lwsgruen.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.lwsgruen.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.lwsgruen #toplevelnavi #navibar ul li.active,
.lwsgruen .tabnavi ul li.active,
.lwsgruen .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #489c2b;
}

/* Rote Reihe: Sprechblase */

.rotereihe #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/header/lwssymbol_spp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 110px;
	left: -130px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 110px;
}

/* Akademie Deutsch */

.akdlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_akd.svg);
	background-position: left center;		
	background-size: 120%;
}

/* Alltag, Beruf & Co. */

.abclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_abc.svg);
	background-position: left 10px;		
	background-size: 120%;
}

/* At your leisure und Passo dopo passo */

.ayllws #toplevelnavi #infoheader,
.pdplws #toplevelnavi #infoheader
{
	background-position: left top;
}

.ayllws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ayl.png);
}

.pdplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pdp.png);
}

.ayllws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ayllws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ayllws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ayllws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.ayllws #toplevelnavi #navibar ul li.active,
.pdplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.pdplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.pdplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.pdplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.pdplws #toplevelnavi #navibar ul li.active,
.ayllws #navi li.selected,
.pdplws #navi li.selected,
.ayllws .tabnavi ul li.active,
.pdplws .tabnavi ul li.active,
.ayllws #breadcrumb ul li:last-child,
.pdplws #breadcrumb ul li:last-child
{
	color: #1a92d1;
}

.ayllws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ayllws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ayllws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ayllws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.ayllws #toplevelnavi #navibar ul li.active,
.pdplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.pdplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.pdplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.pdplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.pdplws #toplevelnavi #navibar ul li.active,
.ayllws .tabnavi ul li.active,
.pdplws .tabnavi ul li.active,
.ayllws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected, 
.pdplws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #1a92d1;
}

/* Ausblick */

.auslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_aus.png);
	background-position: left center;		
}

/* Beste Freunde */

.bfrlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_bfr.png);
	background-position: left center;
}

.bfrlws.daz #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_daz_bfr.png);
	background-position: left center;
}

.bfrlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/beste-freunde/header/lwssymbol_bfr.png);
	background-repeat: no-repeat;
	background-size: 32px 101px;
	left: -49px;
	position: absolute;
	top: 4px;
	width: 32px;
	height: 101px;
}

.bfrlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.bfrlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.bfrlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.bfrlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.bfrlws #toplevelnavi #navibar ul li.active,
.bfrlws #breadcrumb ul li:last-child,
.bfrlws #navi li.selected,
.bfrlws .tabnavi ul li.active
{
	color: #ec9224;
}

.bfrlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.bfrlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.bfrlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.bfrlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.bfrlws #toplevelnavi #navibar ul li.active,
.bfrlws .tabnavi ul li.active,
.bfrlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #ec9224;
}

/* Chapeau ! */

.chplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_chp.svg);
	background-position: left 25%;
}

.chplws article.hotspots .infobutton div
{
	background-color: #005998;
}

/* Chiaro! (Nuova edizione)*/

.chilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_chi.svg);
	/* background-image: url(/shared/images/header/infoheader_chi.png); */
}

/* Cosmopolite */

.csmlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_csm.png);
}

.csmlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.csmlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.csmlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.csmlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.csmlws #toplevelnavi #navibar ul li.active,
.csmlws #breadcrumb ul li:last-child,
.csmlws #navi li.selected,
.csmlws .tabnavi ul li.active
{
	color: #ca4e16;
}

.csmlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.csmlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.csmlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.csmlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.csmlws #toplevelnavi #navibar ul li.active,
.csmlws .tabnavi ul li.active,
.csmlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #ca4e16;
}

/* Dabei */

.dablws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_dab.svg);
	background-position: left center;
}

/* Delfin */

.dellws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_del.png);
	background-position: left bottom;		
}

.dellws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/delfin/header/lwssymbol_del.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -230px;
	position: absolute;
	top: -5px;
	width: 250px;
	height: 194px;
}

/* deutsch.com */

.ddclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ddc.png);
	background-position: left center;		
}

/* Digitale Lehrwerke */

.dlbifs #infoheader1024 
{
	background-image: url(/shared/images/header/infoheader_dlb2.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 1em; 
	max-width: 1024px; 
	padding-top: 24.21875%;
	/* padding-top: 14.6484375%; */
	width: 100%;
}

.dlbifs #infoheaderhedu 
{
	background-image: url(/shared/images/header/infoheader_hedu.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 1em; 
	max-width: 1024px; 
	padding-top: 24.21875%;
	width: 100%;
}

.dlbifs #copyrightnote
{
	margin-bottom: 2em; 
	text-align: right;
	width: 100%;
}

/* Das schönste deutsche Wort, usw. (Geschenkbücher) */

.dswifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_geschenkbuecher.png);
	background-position: left top;
}

.dswifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.dswifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.dswifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.dswifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.dswifs #toplevelnavi #navibar ul li.active,
.dswifs #breadcrumb ul li:last-child,
.dswifs #navi li.selected,
.dswifs .tabnavi ul li.active
{
	color: #d0232c;
}

.dswifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.dswifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.dswifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.dswifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.dswifs #toplevelnavi #navibar ul li.active,
.dswifs .tabnavi ul li.active,
.dswifs .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #d0232c;
}

/* English Elements */

.eellws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_eel.svg);
	background-position: left center;		
}

/* em neu */

.emnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_emn.png);
	background-position: left center;		
}

/* English for Everyone */

.efelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_efe.png);
	background-position: left .4em;		
}

/* eñe */

.enjlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_enj.png);
	background-position: left center;		
}

.enjlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.enjlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.enjlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.enjlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.enjlws #toplevelnavi #navibar ul li.active,
.enjlws #breadcrumb ul li:last-child,
.enjlws #navi li.selected,
.enjlws .tabnavi ul li.active
{
	color: #d13d25;
}

.enjlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.enjlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.enjlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.enjlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.enjlws #toplevelnavi #navibar ul li.active,
.enjlws .tabnavi ul li.active,
.enjlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #d13d25;
}

/* Erste Hilfe Deutsch */

.ehdlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ehd.png);
}

.ehdlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ehdlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ehdlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ehdlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.ehdlws #toplevelnavi #navibar ul li.active,
.ehdlws #breadcrumb ul li:last-child,
.ehdlws #navi li.selected,
.ehdlws .tabnavi ul li.active
{
	color: #d0232c;
}

.ehdlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ehdlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ehdlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ehdlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.ehdlws #toplevelnavi #navibar ul li.active,
.ehdlws .tabnavi ul li.active,
.ehdlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #d0232c;
}

/* Erste Schritte Plus */
/* Erste Schritte Plus Neu Einstiegskurs*/

.eselws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_ese.png);
	background-position: left center;		
}

.esenlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esen.png);
	background-position: left center;		
}

.esenlws #toplevelnavi #lwssymbol
{
	background-color: #9f225f; 
	bottom: 37px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	top: 30px;
	width: 28px; 
}

.eselws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.eselws.infosection #toplevelnavi #navibar ul li#toinfobt,
.eselws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.eselws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.eselws #toplevelnavi #navibar ul li.active,
.eselws #breadcrumb ul li:last-child,
.eselws #navi li.selected,
.eselws .tabnavi ul li.active,
.esenlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.esenlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.esenlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.esenlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.esenlws #toplevelnavi #navibar ul li.active,
.esenlws #breadcrumb ul li:last-child,
.esenlws #navi li.selected,
.esenlws .tabnavi ul li.active
{
	color: #9f225f;
}

.eselws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.eselws.infosection #toplevelnavi #navibar ul li#toinfobt,
.eselws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.eselws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.eselws #toplevelnavi #navibar ul li.active,
.eselws .tabnavi ul li.active,
.eselws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected,
.esenlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.esenlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.esenlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.esenlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.esenlws #toplevelnavi #navibar ul li.active,
.esenlws .tabnavi ul li.active,
.esenlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #9f225f;
}

/* Espresso */

.esplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esp.png);
	background-position: left center		
}

.esplws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/espresso/header/lwssymbol_esp.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -260px;
	position: absolute;
	top: -40px;
	width: 250px;
	height: 194px;
}

/* Espresso ragazzi */

.esrlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esr.png);
	background-position: left center;
}

.esrlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.esrlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.esrlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.esrlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.esrlws #toplevelnavi #navibar ul li.active,
.esrlws #breadcrumb ul li:last-child,
.esrlws #navi li.selected,
.esrlws .tabnavi ul li.active
{
	color: #005498;
}

.esrlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.esrlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.esrlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.esrlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.esrlws #toplevelnavi #navibar ul li.active,
.esrlws .tabnavi ul li.active,
.esrlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #005498;
}

/* facettes aktuell */

.faclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_fac.png);
	background-position: left 10px;		
}

/* FAQ, Hilfe */

.faqhlp #toplevelnavi #infoheader
{
	border-bottom: 1px solid #bbb;
	bottom: 2.5em;
	height: auto;
	position: absolute;
	width: 100%;
}

.faqhlp #toplevelnavi #infoheader h1
{
	color: #4c4c4c;
	font-size: 1.6em;
	margin-bottom: .9em;
	margin-top: 1.2em;
	text-indent: 0;
}

.faqhlp #toplevelnavi #navibar
{
	border-bottom: none;
}

@media only screen and (max-width: 767px) 
{
	.faqhlp #toplevelnavi #infoheader
	{
		bottom: 0;
		position: relative;
	}
}

/* Fit für */

.fififs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_fif.svg);
	background-position: left center;
}

/* Gemeinsam */

.gemlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_gem.svg);
	background-position: left center;
}

/* Go for it */

.gfilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_gfi.png);
	background-position: left bottom;
	height: 90px;
}

.gfilws #toplevelnavi #gfisymbol,
.gfilws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/go-for-it/header/header_sneaker2_gfi.png);
	background-repeat: no-repeat;
	background-size: 180px 108px;
	bottom: 20px;
	height: 108px; 
	left: -200px; 
	position: absolute; 
	width: 180px;
}

.gfilws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.gfilws.infosection #toplevelnavi #navibar ul li#toinfobt,
.gfilws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.gfilws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.gfilws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.gfilws #toplevelnavi #navibar ul li.active
{
	color: #3eb1bd;
	border-bottom: 2px solid #3eb1bd;
}

.gfilws #navi li.active,						/* Dev */
.gfilws #navi li.selected
{
	color: #3eb1bd;
}

.gfilws .tabnavi ul li.active
{
	color: #3eb1bd;
	border-bottom: 2px solid #3eb1bd;
}

.gfilws #breadcrumb ul li:last-child
{
	color: #3eb1bd;
}

.gfilws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #3eb1bd;
}

/* Hallo App */

.halloifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/hallo-app/header/infoheader_halloifs.png);
	background-position: left center;		
}

/* Ideen */

.idnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_idn.png);
	background-position: left center;		
}

.idnlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/ideen/header/lwssymbol_idn.png);
	background-repeat: no-repeat;
	background-size: 264px 117px;
	left: -260px;
	position: absolute;
	top: 4px;
	width: 264px;
	height: 117px;
}

/* Im Beruf */

.imblws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imb.svg);
	background-position: left center;
}

/* Im Beruf Neu */

.imbnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imbn.png);
	background-position: left center;
}

.imbnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.imbnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.imbnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.imbnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.imbnlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.imbnlws #toplevelnavi #navibar ul li.active,
.imbnlws #breadcrumb ul li:last-child,
.imbnlws #navi li.selected,
.imbnlws .tabnavi ul li.active
{
	color: #b92b4e;
}

.imbnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.imbnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.imbnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.imbnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.imbnlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.imbnlws #toplevelnavi #navibar ul li.active,
.imbnlws .tabnavi ul li.active,
.imbnlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #b92b4e;
}

/* Impresiones */

.implws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imp.png);
	background-position: left top;
}

.implws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.implws.infosection #toplevelnavi #navibar ul li#toinfobt,
.implws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.implws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.implws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.implws #toplevelnavi #navibar ul li.active,
.implws #breadcrumb ul li:last-child,
.implws #navi li.selected,
.implws .tabnavi ul li.active
{
	color: #017b93;
}

.implws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.implws.infosection #toplevelnavi #navibar ul li#toinfobt,
.implws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.implws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.implws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.implws #toplevelnavi #navibar ul li.active,
.implws .tabnavi ul li.active,
.implws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #017b93;
}

/* Javisst */

.jaalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_jaa.png);
	background-position: left center;
}

.jaalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.jaalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.jaalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.jaalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.jaalws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.jaalws #toplevelnavi #navibar ul li.active,
.jaalws #breadcrumb ul li:last-child,
.jaalws #navi li.selected,
.jaalws .tabnavi ul li.active
{
	color: #008bcc;
}

.jaalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.jaalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.jaalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.jaalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.jaalws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.jaalws #toplevelnavi #navibar ul li.active,
.jaalws .tabnavi ul li.active,
.jaalws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #008bcc;
}

/* Jana & Dino */

.jadlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_jad.png);
	background-position: left top;
	background-size: auto 100%;
}

/* Kalamuna */

.kallws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_kal.svg);
	background-position: left 40%;
	background-size: auto 90%;
}

/* Kikus */

.kiklws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_kik.png);
	background-position: left center;
}

.kiklws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/kikus/header/lwssymbol_neu_kik.png);
	background-repeat: no-repeat;
    background-size: 88px 91px;
    left: -110px;
    position: absolute;
    top: 6px;
    width: 88px;
    height: 91px;
}

.kiklws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.kiklws.infosection #toplevelnavi #navibar ul li#toinfobt,
.kiklws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.kiklws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.kiklws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.kiklws #toplevelnavi #navibar ul li.active,
.kiklws #breadcrumb ul li:last-child,
.kiklws #navi li.selected,
.kiklws .tabnavi ul li.active
{
	color: #c9001f;
}

.kiklws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.kiklws.infosection #toplevelnavi #navibar ul li#toinfobt,
.kiklws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.kiklws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.kiklws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.kiklws #toplevelnavi #navibar ul li.active,
.kiklws .tabnavi ul li.active,
.kiklws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #c9001f;
}

/* Lagune */

.laglws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_lag.png);
	background-position: left center;		
}



.laglws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/lagune/header/lwssymbol_lag.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -260px;
	position: absolute;
	top: -40px;
	width: 250px;
	height: 194px;
}

/* Language Hub */

.lahlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_lah.png);
	background-position: left center;
}

/* Le nouveau taxi */

.ltxlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ltx.png);
	background-position: left center;
}

.ltxlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ltxlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ltxlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ltxlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.ltxlws #toplevelnavi #navibar ul li.active
{
	color: #da6336;
	border-bottom: 2px solid #da6336;
}

.ltxlws #navi li.selected
{
	color: #da6336;
}

.ltxlws .tabnavi ul li.active
{
	color: #da6336;
	border-bottom: 2px solid #da6336;
}

.ltxlws #breadcrumb ul li:last-child
{
	color: #da6336;
}

.ltxlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #da6336;
}

/* Leo */

.leoifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/leo/infoheader/infoheader_leoifs.png);
	background-position: left bottom;		
}

.leoifs #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/leo/infoheader/ifssymbol_leoifs.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -180px;
	position: absolute;
	top: 10px;
	width: 150px;
	height: 112px;
}

.leoifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.leoifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.leoifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.leoifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.leoifs #toplevelnavi #navibar ul li.active,
.leoifs #breadcrumb ul li:last-child,
.leoifs #navi li.selected,
.leoifs .tabnavi ul li.active
{
	color: #e62121;
}

.leoifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.leoifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.leoifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.leoifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.leoifs #toplevelnavi #navibar ul li.active,
.leoifs .tabnavi ul li.active,
.leoifs .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e62121;
}

/* Macmillan English Campus */

.mecifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mec.svg);
	background-position: left center;
}

/* Menschen */

.mnslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mns.png);
	background-position: left center;
}

.mnslws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/menschen/header/lwssymbol_mns.png);
	background-repeat: no-repeat;
	background-size: 18px 90px;
	height: 90px;
	left: -30px;
	position: absolute;
	top: 1px;
	width: 18px;
}

.mnslws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mnslws.infosection #toplevelnavi #navibar ul li#toinfobt,
.mnslws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mnslws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mnslws #toplevelnavi #navibar ul li.active,
.mnslws #breadcrumb ul li:last-child,
.mnslws #navi li.selected,
.mnslws .tabnavi ul li.active
{
	color: #8c003c;
}

.mnslws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mnslws.infosection #toplevelnavi #navibar ul li#toinfobt,
.mnslws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mnslws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mnslws #toplevelnavi #navibar ul li.active,
.mnslws .tabnavi ul li.active,
.mnslws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #8c003c;
}

/* Menschen hier */

.mehlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_meh.png);
	background-position: left center;
}

.mehlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/menschen-hier/header/lwssymbol_meh.png);
	background-repeat: no-repeat;
	background-size: 18px 90px;
	height: 90px;
	left: -30px;
	position: absolute;
	top: 1px;
	width: 18px;
}

.mehlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mehlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.mehlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mehlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mehlws #toplevelnavi #navibar ul li.active,
.mehlws #breadcrumb ul li:last-child,
.mehlws #navi li.selected,
.mehlws .tabnavi ul li.active
{
	color: #9e004a;
}

.mehlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mehlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.mehlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mehlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mehlws #toplevelnavi #navibar ul li.active,
.mehlws .tabnavi ul li.active,
.mehlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #9e004a;
}

/* Menschen im Beruf */

.miblws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_mib.png);
	background-position: left center;
		
}

.miblws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.miblws.infosection #toplevelnavi #navibar ul li#toinfobt,
.miblws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.miblws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mehlws #toplevelnavi #navibar ul li.active,
.miblws #breadcrumb ul li:last-child,
.miblws #navi li.selected,
.miblws .tabnavi ul li.active
{
	color: #43a8dc;
}

.miblws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.miblws.infosection #toplevelnavi #navibar ul li#toinfobt,
.miblws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.miblws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.miblws #toplevelnavi #navibar ul li.active,
.miblws .tabnavi ul li.active,
.miblws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #43a8dc;
}

/* Mit uns */

.miulws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_miu.png);
	background-position: left top;
}

.miulws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.miulws.infosection #toplevelnavi #navibar ul li#toinfobt,
.miulws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.miulws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.miulws #toplevelnavi #navibar ul li.active,
.miulws #breadcrumb ul li:last-child,
.miulws #navi li.selected,
.miulws .tabnavi ul li.active
{
	color: #3c9ce1;
}

.miulws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.miulws.infosection #toplevelnavi #navibar ul li#toinfobt,
.miulws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.miulws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.miulws #toplevelnavi #navibar ul li.active,
.miulws .tabnavi ul li.active,
.miulws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #3c9ce1;
/*	border-bottom-color: #e7d900; */
}

/* Moodle */

.mdlifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/infoheader_mdl.png);
	background-position: left center;
		
}

.mdlifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mdlifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.mdlifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mdlifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mdlifs #toplevelnavi #navibar ul li.active,
.mdlifs #breadcrumb ul li:last-child,
.mdlifs #navi li.selected,
.mdlifs .tabnavi ul li.active
{
	color: #e62e22;
}

.mdlifs.introscreen #toplevelnavi #navibar ul li#tointrobt,
.mdlifs.infosection #toplevelnavi #navibar ul li#toinfobt,
.mdlifs.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.mdlifs.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.mdlifs #toplevelnavi #navibar ul li.active,
.mdlifs .tabnavi ul li.active,
.mdlifs .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e62e22;
}

/* Momente */

.momlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mom.svg);
	background-position: left center;
}

/* Motive */

.motlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mot.png);
	background-position: left center;		
}

/* Ne güzel! */

.ngzlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ngz.png);
	background-position: left center;
}

.ngzlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ngzlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ngzlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ngzlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.ngzlws #toplevelnavi #navibar ul li.active,
.ngzlws #breadcrumb ul li:last-child,
.ngzlws #navi li.selected,
.ngzlws .tabnavi ul li.active
{
	color: #008096;
}

.ngzlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.ngzlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.ngzlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.ngzlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.ngzlws #toplevelnavi #navibar ul li.active,
.ngzlws .tabnavi ul li.active,
.ngzlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #008096;
}

/* Next */

.nxtlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nxt.png);
}

.nxtlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.nxtlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.nxtlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.nxtlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.nxtlws #toplevelnavi #navibar ul li.active,
.nxtlws #breadcrumb ul li:last-child,
.nxtlws #navi li.selected,
.nxtlws .tabnavi ul li.active
{
	color: #2f9c17;
}

.nxtlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.nxtlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.nxtlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.nxtlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.nxtlws #toplevelnavi #navibar ul li.active,
.nxtlws .tabnavi ul li.active,
.nxtlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #2f9c17;
}

.nxtlws #navibar #webcodeform input[name="code"]
{
	width: 100px;
}

/* Nuevo Español en marcha */

.neslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nes.png);
}

.neslws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.neslws.infosection #toplevelnavi #navibar ul li#toinfobt,
.neslws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.neslws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.neslws #toplevelnavi #navibar ul li.active
{
	color: #c12230;
	border-bottom: 2px solid #c12230;
}

.neslws #navi li.active,						/* Dev */
.neslws #navi li.selected
{
	color: #c12230;
}

.neslws .tabnavi ul li.active
{
	color: #c12230;
	border-bottom: 2px solid #c12230;
}

.neslws #breadcrumb ul li:last-child
{
	color: #c12230;
}

.neslws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #c12230;
}

/* Nuovo Espresso */

.nesplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nesp.png);
	background-position: left center;
}

.nesplws #toplevelnavi #kreise,
.nesplws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/nuovo-espresso/header/introkreise_nesp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 142px;
	left: -210px;
	pointer-events: none;
	position: absolute;
	top: -64px;
	width: 200px;
}

.nesplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.nesplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.nesplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.nesplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.nesplws #toplevelnavi #navibar ul li.active
{
	color: #0090a4;
	border-bottom: 2px solid #0090a4;
}

.nesplws #navi li.active,						/* Dev */
.nesplws #navi li.selected
{
	color: #0090a4;
}

.nesplws .tabnavi ul li.active
{
	color: #0090a4;
	border-bottom: 2px solid #0090a4;
}

.nesplws #breadcrumb ul li:last-child
{
	color: #0090a4;
}

.nesplws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #0090a4;
}

/* Oi Brasil! aktuell */

.oibalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_oiba.png);
	background-position: left center;
}

/* Open Mind */

.opmlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_opm.png);
	background-position: left center;
}

.opmlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.opmlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.opmlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.opmlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.opmlws #toplevelnavi #navibar ul li.active
{
	color: #5b83af;
	border-bottom: 2px solid #5b83af;
}

.opmlws #navi li.active,						/* Dev */
.opmlws #navi li.selected
{
	color: #5b83af;
}

.opmlws .tabnavi ul li.active
{
	color: #5b83af;
	border-bottom: 2px solid #5b83af;
}

.opmlws #breadcrumb ul li:last-child
{
	color: #5b83af;
}

.opmlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #5b83af;
}

/* Orientierungskurs Mein Leben in Deutschland */

.orklws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ork.svg);
	background-position: left 40%;
	background-size: 80%;
}

/* On y va ! */

.oyvlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_oyv.png);
	background-position: left top;
}

.oyvlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.oyvlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.oyvlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.oyvlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.oyvlws #toplevelnavi #navibar ul li.active,
.oyvlws #breadcrumb ul li:last-child,
.oyvlws #navi li.selected,
.oyvlws .tabnavi ul li.active
{
	color: #d4171e;
}

.oyvlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.oyvlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.oyvlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.oyvlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.oyvlws #toplevelnavi #navibar ul li.active,
.oyvlws .tabnavi ul li.active,
.oyvlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #d4171e;
}

/* Otlitschno aktuell */

.otlalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_otla.png);
	background-position: left center;
}

/* Passo dopo passo --> At your leisure */

/* Paul, Lisa & Co */

.plclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_plc.svg);
	background-position: left center;		
	background-size: 90% auto !important;
}

.plclws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/header/lwssymbol_plc.png);
	background-repeat: no-repeat;
	background-size: 115px 100px;
	left: -130px;
	position: absolute;
	top: 20px;
	width: 150px;
	height: 100px;
}

.plclws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.plclws.infosection #toplevelnavi #navibar ul li#toinfobt,
.plclws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.plclws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.plclws #toplevelnavi #navibar ul li.active,
.plclws #breadcrumb ul li:last-child,
.plclws #navi li.selected,
.plclws .tabnavi ul li.active
{
	color: #d0675b;
}

.plclws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.plclws.infosection #toplevelnavi #navibar ul li#toinfobt,
.plclws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.plclws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.plclws #toplevelnavi #navibar ul li.active,
.plclws .tabnavi ul li.active,
.plclws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #d0675b;
}

.plclws article.hotspots .infobutton div 
{
	background-color: #d0675b;
}

/* Pingpong neu */

.pinglws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ping.png);
	background-position: left bottom;		
}

/* Planet */

.plalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pla.png);
	background-position: left center;		
}

/* Planetino */

.plilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pli.png);
	background-position: left center;		
}

.plilws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/planetino/header/lwssymbol_pli.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -120px;
	position: absolute;
	top: -50px;
	width: 150px;
	height: 155px;
}

.plilws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.plilws.infosection #toplevelnavi #navibar ul li#toinfobt,
.plilws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.plilws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.plilws #toplevelnavi #navibar ul li.active,
.plilws #breadcrumb ul li:last-child,
.plilws #navi li.selected,
.plilws .tabnavi ul li.active
{
	color: #e4b704;
	/* color: #efc005; */
}

.plilws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.plilws.infosection #toplevelnavi #navibar ul li#toinfobt,
.plilws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.plilws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.plilws #toplevelnavi #navibar ul li.active,
.plilws .tabnavi ul li.active,
.plilws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e8bb05;
}

@media only screen and (max-width: 1123px) 
{
	.plilws #toplevelnavi #lwssymbol
		{
			display: none;
		}
}

/* Planet Plus */

.plplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_plp.png);
	background-position: left center;
}

.plplws.daz #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_daz_plp.png);
	background-position: left center;
}

.plplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.plplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.plplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.plplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.plplws #toplevelnavi #navibar ul li.active
{
	color: #20a67c;
	border-bottom: 2px solid #20a67c;
}

.plplws #navi li.selected
{
	color: #20a67c;
}

.plplws .tabnavi ul li.active
{
	color: #20a67c;
	border-bottom: 2px solid #20a67c;
}

.plplws #breadcrumb ul li:last-child
{
	color: #20a67c;
}

.plplws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #20a67c;
}

/* Prüfung Express */

.pexifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pex.png);
	background-position: left center;
}

/* Schritt für Schritt */

.sfslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sfs.svg);
	background-position: left 25%;		
}

/* Schritte */

.srilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sri.png);
	background-position: left center;		
}

/* Schritte International */

.sitlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_sit.png);
	background-position: left center;		
}

.sitlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sitlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sitlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sitlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sitlws #toplevelnavi #navibar ul li.active,
.sitlws #breadcrumb ul li:last-child,
.sitlws #navi li.selected,
.sitlws .tabnavi ul li.active
{
	color: #37a849;
}

.sitlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sitlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sitlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sitlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sitlws #toplevelnavi #navibar ul li.active,
.sitlws .tabnavi ul li.active,
.sitlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #37a849;
}

/* Schritte International Neu */

.sitnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sitn.png);
	background-position: left top;
}

.sitnlws #toplevelnavi #lwssymbol
{
	background-color: #009ee3; 
	bottom: 37px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	width: 28px; 
}

.sitnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sitnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sitnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sitnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sitnlws #toplevelnavi #navibar ul li.active,
.sitnlws #breadcrumb ul li:last-child,
.sitnlws #navi li.selected,
.sitnlws .tabnavi ul li.active
{
	color: #009ee3;
}

.sitnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sitnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sitnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sitnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sitnlws #toplevelnavi #navibar ul li.active,
.sitnlws .tabnavi ul li.active,
.sitnlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #009ee3;
}

/* Schritte Plus */

.srplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_srp.png);
	background-position: left center;		
}

.srplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.srplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.srplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.srplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.srplws #toplevelnavi #navibar ul li.active,
.srplws #breadcrumb ul li:last-child,
.srplws #navi li.selected,
.srplws .tabnavi ul li.active
{
	color: #288911;
}
.srplws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.srplws.infosection #toplevelnavi #navibar ul li#toinfobt,
.srplws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.srplws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.srplws #toplevelnavi #navibar ul li.active,
.srplws .tabnavi ul li.active,
.srplws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #288911;
}

/* Schritte Plus Alpha */

.srpalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_srpa.png);
	background-position: left center;		
}

.srpalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.srpalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.srpalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.srpalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.srpalws #toplevelnavi #navibar ul li.active,
.srpalws #breadcrumb ul li:last-child,
.srpalws #navi li.selected,
.srpalws .tabnavi ul li.active
{
	color: #e43e31;
}

.srpalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.srpalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.srpalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.srpalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.srpalws #toplevelnavi #navibar ul li.active,
.srpalws .tabnavi ul li.active,
.srpalws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e43e31;
}

/* Schritte plus Alpha Neu */

.spanlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_span.svg);
	background-position: left center;		
}

/* Schritte plus Neu */

.spnlws #toplevelnavi #infoheader
{
	background-position: left top;
}

.spnlws:not(.at):not(.ch) #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_spn.png);
}

.spnlws.at #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_at_spn.png);
}

.spnlws.ch #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ch_spn.png);
}

.spnlws #toplevelnavi #spnblock,
.spnlws #toplevelnavi #lwssymbol
{
	background-color: #76b039; 
	bottom: 37px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	width: 28px; 
}

.spnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.spnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.spnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.spnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.spnlws #toplevelnavi #navibar ul li.active,
.spnlws #breadcrumb ul li:last-child,
.spnlws #navi li.selected,
.spnlws .tabnavi ul li.active
{
	color: #76b039;
}

.spnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.spnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.spnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.spnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.spnlws #toplevelnavi #navibar ul li.active,
.spnlws .tabnavi ul li.active,
.spnlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #76b039;
}

/* Selbstlernen */

.olgifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_olg.svg);
	background-position: left center;		
}

.pgnifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pgn.png);
	background-position: left center;		
}

.sppifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_spp.png);
	background-position: left center;		
}

/* Sicher*/

.sihlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sih.png);
}

.sihlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sihlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sihlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sihlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sihlws #toplevelnavi #navibar ul li.active,
.sihlws #breadcrumb ul li:last-child,
.sihlws #navi li.selected,
.sihlws .tabnavi ul li.active
{
	color: #215ca5;
}

.sihlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.sihlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.sihlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.sihlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.sihlws #toplevelnavi #navibar ul li.active,
.sihlws .tabnavi ul li.active,
.sihlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #215ca5;
}

/* Sicher in Alltag und Beruf! */

.sablws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sab.svg);
	background-position: left 15%;
}

/* Starten wir! */

.stwlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_stw.png);
	background-position: left top;
}

.stwlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.stwlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.stwlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.stwlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.stwlws #toplevelnavi #navibar ul li.active,
.stwlws #breadcrumb ul li:last-child,
.stwlws #navi li.selected,
.stwlws .tabnavi ul li.active
{
	color: #e94753;
}

.stwlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.stwlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.stwlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.stwlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.stwlws #toplevelnavi #navibar ul li.active,
.stwlws .tabnavi ul li.active,
.stwlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e94753;
}

/* Tamburin */

.tamlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tam.png);
	background-position: left center;		
}

.tamlws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/tamburin/header/lwssymbol_tam.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -120px;
	position: absolute;
	top: -36px;
	width: 165px;
	height: 170px;
}

.tamlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.tamlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.tamlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.tamlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.tamlws #toplevelnavi #navibar ul li.active,
.tamlws #breadcrumb ul li:last-child,
.tamlws #navi li.selected,
.tamlws .tabnavi ul li.active
{
	color: #2c9f7f;
}

.tamlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.tamlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.tamlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.tamlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.tamlws #toplevelnavi #navibar ul li.active,
.tamlws .tabnavi ul li.active,
.tamlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #2c9f7f;
}

/* Tangram, Tangram aktuell */

.tanlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tan.svg);
	background-position: left 25%;		
}

.tanalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tana.png);
	background-position: left 25%;		
}

/* Themen aktuell */

.thelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_the.png);
	background-position: left center;		
}

/* Totem */

.temlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tem.png);
	background-position: left top;
}

.temlws #toplevelnavi #playsymbol
{
	background-image: url(/shared/images/totem/header/introplaybt_tem.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 169px;
	left: -190px;
	pointer-events: none;
	position: absolute;
	top: -44px;
	width: 168px;
}

.temlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.temlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.temlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.temlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.temlws.mediatheksection #toplevelnavi #navibar ul li#tomediathekbt,
.temlws #toplevelnavi #navibar ul li.active
{
	color: #03a0cd;
	border-bottom: 2px solid #03a0cd;
}

.temlws #navi li.active,						/* Dev */
.temlws #navi li.selected
{
	color: #03a0cd;
}

.temlws .tabnavi ul li.active
{
	color: #03a0cd;
	border-bottom: 2px solid #03a0cd;
}

.temlws #breadcrumb ul li:last-child
{
	color: #03a0cd;
}

.temlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom: 2px solid #03a0cd;
}

/* ... für die Reise (Touristenkurs) */

.tkslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tks.png);
	background-position: left center;
}

.tkslws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.tkslws.infosection #toplevelnavi #navibar ul li#toinfobt,
.tkslws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.tkslws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.tkslws #toplevelnavi #navibar ul li.active,
.tkslws #breadcrumb ul li:last-child,
.tkslws #navi li.selected,
.tkslws .tabnavi ul li.active
{
	color: #33807a;
}

.tkslws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.tkslws.infosection #toplevelnavi #navibar ul li#toinfobt,
.tkslws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.tkslws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.tkslws #toplevelnavi #navibar ul li.active,
.tkslws .tabnavi ul li.active,
.tkslws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #33807a;
}

/* Taal vitaal, Taal totaal */

.tvtlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tvt.png);
	background-position: left center;
}

/* Taal vitaal op school */

.tvolws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tvo.gif);
	background-position: left center;
}

/* Übungsgrammatik Deutsch aktuell */

.ugadifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ugad.svg);
	background-position: left center;
}

/* Universo.ele */

.unelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_une.png);
}

.unelws #toplevelnavi #guillemet
{
	background-image: url(/shared/images/universo-ele/header/introguillemet_une.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 212px;
	left: -218px;
	pointer-events: none;
	position: absolute;
	top: -90px;
	width: 240px;
}

.unelws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.unelws.infosection #toplevelnavi #navibar ul li#toinfobt,
.unelws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.unelws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.unelws #toplevelnavi #navibar ul li.active,
.unelws #breadcrumb ul li:last-child,
.unelws #navi li.selected,
.unelws .tabnavi ul li.active
{
	color: #bd1e3e;
}

.unelws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.unelws.infosection #toplevelnavi #navibar ul li#toinfobt,
.unelws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.unelws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.unelws #toplevelnavi #navibar ul li.active,
.unelws .tabnavi ul li.active,
.unelws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #bd1e3e;
}


@media only screen and (min-width: 569px) and (max-width: 800px) 
{
	.unelws.introscreen #toplevelnavi #navibar ul li:not(:last-child)
		{
			margin-right: 3em;
		}
}

/* UniversItalia 2.0 */

.uitnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/universitalia/header/infoheader_uitn.png);
	background-position: left center;
}

.uitnlws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/universitalia/header/lwssymbol_uitn.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 125px;
	left: -90px;
	position: absolute;
	top: -16px;
	width: 75px;
}

.uitnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.uitnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.uitnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.uitnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.uitnlws #toplevelnavi #navibar ul li.active,
.uitnlws #breadcrumb ul li:last-child,
.uitnlws #navi li.selected,
.uitnlws .tabnavi ul li.active
{
	color: #c35c74;
}

.uitnlws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.uitnlws.infosection #toplevelnavi #navibar ul li#toinfobt,
.uitnlws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.uitnlws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.uitnlws #toplevelnavi #navibar ul li.active,
.uitnlws .tabnavi ul li.active,
.uitnlws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #c35c74;
}

/* Vielfalt */

.vielws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_vie.svg);
	background-position: left center;
}

/* Vi snakkes ved! aktuell */

.vsvalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_vsva.png);
	background-position: left center;
}

.vsvalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.vsvalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.vsvalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.vsvalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.vsvalws #toplevelnavi #navibar ul li.active,
.vsvalws #breadcrumb ul li:last-child,
.vsvalws #navi li.selected,
.vsvalws .tabnavi ul li.active
{
	color: #e40522;
}

.vsvalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.vsvalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.vsvalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.vsvalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.vsvalws #toplevelnavi #navibar ul li.active,
.vsvalws .tabnavi ul li.active,
.vsvalws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #e40522;
}

/* Witam! aktuell */

.witalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_wita.png);
	background-position: left center;
}

.witalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.witalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.witalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.witalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.witalws #toplevelnavi #navibar ul li.active,
.witalws #breadcrumb ul li:last-child,
.witalws #navi li.selected,
.witalws .tabnavi ul li.active
{
	color: #7a2b5d;
}

.witalws.introscreen #toplevelnavi #navibar ul li#tointrobt,
.witalws.infosection #toplevelnavi #navibar ul li#toinfobt,
.witalws.lehrensection #toplevelnavi #navibar ul li#tolehrenbt,
.witalws.lernensection #toplevelnavi #navibar ul li#tolernenbt,
.witalws #toplevelnavi #navibar ul li.active,
.witalws .tabnavi ul li.active,
.witalws .body.hotspotbook .tocarea .containerbox ul.toc > li.selected 
{
	border-bottom-color: #7a2b5d;
}

/* Wat leuk! aktuell */

.wlealws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_wlea.svg);
	background-position: left center;
}

/* Ziel */

.zllws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_zl.png);
	background-position: left bottom;		
}

.zllws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/ziel/header/lwssymbol_zl.png);
	background-repeat: no-repeat;
	background-size: 165px 205px;
	left: -190px;
	position: absolute;
	top: -10px;
	width: 165px;
	height: 205px;
}

/* Infoheader mit großem Bild für Partner-Infoservices (wie z.B. bi:libri, Spotlight usw.) */

body.partner.ifs .infoheader.static
{
	margin-bottom: 2em; 
	margin-top: 1em; 
	padding-top: 17.578125%; 
	overflow: hidden; 
	position: relative; 
	max-width: 1024px;
}

body.partner.ifs .infoheader.static img
{
	bottom: 0;
	left: 0; 
	position: absolute; 
	right: 0;
	top: 0;
}