@charset "UTF-8";

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../schriften/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schriften/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schriften/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schriften/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../schriften/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schriften/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../schriften/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schriften/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schriften/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schriften/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../schriften/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schriften/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../schriften/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schriften/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schriften/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schriften/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../schriften/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schriften/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../schriften/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../schriften/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../schriften/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../schriften/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../schriften/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../schriften/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

h1 {							/* in Startseite */
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.10em;
	color: #336666;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

h2 {							/* z.B. in Rechnungslegung und in den Kennzahlenseiten */
  	font-family: 'Open Sans', sans-serif;
	font-size: 1.10em;
	color: #336666;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
h3 {							/* aktuell nicht verwendet */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
        background-color: #336666;
	margin: 3px;
	padding: 3px;
	}


tr.buchstaben {
	letter-spacing: 0.09em;
	}


html, p, body {
   	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.00em;
	}


 .standard-schw {						/* Zentriert */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.92em;
	text-align: justify;
	}
 .standard-gross {						/* Zentriert und 1.00 gross, akt. in controllingtoolbox */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 1.00em;
	line-height: 1.25; 
	text-align: justify;
	}
 .standard-center {						/* Mitte */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.92em;
	text-align: center;
	}
 .standard-links {						/* Links */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.92em;
	text-align: left;
	}
p.standard-rechts {						/* Rechts*/
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.92em;
	text-align: right;
	}
.standard-klein {						/* Linksausrichtung kleiner */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.86em;
	text-align: left;
	}
.standard-klein-re {						/* Rechtsausrichtung */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.86em;
	text-align: right;
	}
p.standard-abstand {						/* Zentriert mit mehr Abstand */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.92em;
	text-align: justify;
	line-height: 2.5;
	}
p.ueberschrift-schw {						/* Linksausrichtung fette Überschrift */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 1.00em;
	font-weight: bold;
	text-align: left;
	}
p.ueberschrift-themenseiten {					/* Überschrift im Kasten für Themenseiten */
	font-family: 'Open Sans', Arial, sans-serif;
	color: #336666;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	}
p.kleingedrucktes {						/* Klein Gedrucktes*/
	font-family: 'Open Sans', Arial, sans-serif;
	color: #000000;
	font-size: 0.75em;
	text-align: justify;
	}

A:link {
	text-decoration: none;
	color: #336666;
	}
A:visited {
	text-decoration: none;
	color: #336699;
	}
A:hover {
	text-decoration: underline;
	color: #336699;
	}

tr.link { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 9pt; vertical-align:top}  /* für LST-Daten */
.grn { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; color: #336666}	 /* für Seminarmarkt */
.ias { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; color: #000000}	 /* für Seminarmarkt */
tr.farbe { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 9pt; vertical-align:top; background-color: #dfefda} /* nur für Linksammlung */


* {
      	-webkit-box-sizing: border-box;
      	-moz-box-sizing: border-box;
      	box-sizing: border-box;   

	-webkit-text-size-adjust: none;     /* verhindert die Vergrößerung der Schrift by Iphone */
      
	/* Silbentrennung - in allen Dokumenten noch: <html lang="de"> einfügen */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

/*  -------------- alte Styles ---------------------------------------------------------------- 
p.menue { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 6pt; margin-top:-11pt; color: #000000 }
p.punkte { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 8pt; margin-top:-3pt; color: #336666}
.punktemenue { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 8pt; margin-top:-9pt; color: #336666}
p.rest { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:1pt; color: #000000}
p.min { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:-3pt}
.menueneu { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:3pt; color: #336666}

p.link { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 8pt; margin-top:-1pt; color: #336666}
p.kennz { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:-6pt }			/* verwendet in Stellenmarkt */
p.list { font-family: times; font-size: 9pt }
p.job { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 8pt }
p.koenig { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:-6pt }
p.gross { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 12pt; font-weight: bold }
p.abst { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top:-10pt }

td.ias { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; vertical-align:top}
td.gross { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 12pt; font-weight:bold }
td.inv { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 12pt; color: #336666}
.inv11 { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 11pt; color: #336666}
td.job { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 15pt; font-weight:bold; color: #336666}

ol.text { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt }
ul.text { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt }
ul.eng { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-top: 2pt; margin-left: 12pt }
ul.job { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; margin-left: 12pt }

.blau { font-family: Arial, Helvetica, Geneva, SansSerif; font-size: 10pt; color: #0000BF; vertical-align:top}
  -------------- alte Styles ---------------------------------------------------------------- */


/***************************** global *******************************/

    body {
	margin: 0 auto;			/* auto = horizontale Ausrichtung der Bereiche */
	padding:0;
	border: 0;
	/* min-width: 660px;		/* verkleinert bis auf 660, dann Bildlaufleisten  */
	/* max-width: 60em;		/* das Fenster wird abhängig von der Schrift nicht breiter als 60em x 16 = 960  */
	}
    
    #wrapper{
	border: 0px solid red;
	margin: 2px auto;
	min-width: 1024px;		
/*	max-width: 80em;		   alt: 80em passt ganz gut 80em x 16 = 1280 */
	max-width: 1323px;		/* neu ab 31.12.2024 1280 + 43 (256/6) = 1323 */
	overflow: auto;		
	} 
    
    header {
        padding: 0%;
        text-align:left;
	width: 100%;
	border: 0px solid red;
        }

    img.header {
	float: left;
	max-width: 60%;
	height: auto;
	vertical-align: middle;
	}

    #kopfnav {
	float: right;
	margin-top: 0.5%;
        padding: 0% 0%;
        text-align: right;
	font-size: 0.88em;
        background-color: #ffffff;			
	border: 0px solid green;
	width: 52%;
	}

    img.mail {
	clear: both;
	max-width: 60%;
	height: auto;
	vertical-align: middle;
	}

    #suche {
	float: right;
	margin-top: 4px;
        padding: 0% 0%;
        text-align: right;
	font-size: 0.88em;
        background-color: #ffffff;		
	border: 0px solid blue;
	width: 52%;
	}
    #suche input.suchfeld {
	width: 245px;
	font-size: 13px;
	color: #336666;
        background-color: #dfefda;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 3px 0px 3px 4px;
        margin: 2px;
        }
    #suche input.lupe {
	padding: 0;
	margin: -3px;
	border: 1px;
        }


    #tummelleiste {			/* Leiste mit toggle und Tummelplatz */
	float: right;
	width: 100%;
        background-color: #336666;
	margin: 0px;
	padding: 0px;
	}
    #tummelplatz {			/* Tummelplatz aller Controllingfans */
	float: right;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
        background-color: #336666;
	margin: 0px;
	padding: 3px;
	}


    #mainnav {
        float: left; 
	margin-top: 3px;
	padding: 0.0em 0.0em;
/*	width: 17%;			 alt: zusammen mit sidebar 22 und content 61 */
	width: 18%;			/* neu ab 31.12.2024, links 18, mitte 63, rechts 19 */
	max-width: 250px;		/* verzögert das Zusammenschieben links */
	background-color: #ffffff;			
	border: 0px dotted #336666;
	}


    nav ul li {				/* definiert die Aufzählung der Hauptnavigation */
	list-style-type: none;
	padding: 0px;
	margin-left: 0.5em;		/* rückt den ganzen hellgrünen Menü-Kasten etwas ein */
	margin-top: 0.0em;
	font-size: 0.9em;
 	}
    ul {				/* folgend für aufklappbares Hauptmenü */
        list-style-type: none;
        margin:0;
        padding:0;
        }
    ul li {				/* Positionierung der Hauptpunkte */
	float: left;
	position: relative;
        }
    li a {				/* Darstellung der Hauptpunkte */
        display: block;
        width: 175px;			/* alt 175, wenn hier geändert, dann auch bei ul li:hover ul a */
        color: #336666;
        text-align: left;
	background-color: #dfefda;
	padding: 0.3em 0.4em;
	border: 0px solid lightgray;	/* Border kann später raus */
	border-bottom: 0px solid #336666;
	transition: all .25s ease-in-out .05s;
        }
    li a:hover {			/* Anzeige der Hauptpunkte bei Mouseover */
        background-color: #336666;
	color: #dfefda;
	text-decoration: none;
	border-bottom: 0px solid #dfefda;
	border-right: 0px solid red;
	transition: all .15s ease-in-out .05s;
        }
    ul li ul {				/* Untermenü */
	display: none;
	position: relative;		/* absolute, damit der folgende Inhalt nicht nach unten rückt, relative für unten */
	top: 0px;
	left: 0px;			/* verschiebt Untermenü nach rechts, dann gleiche px wie in li a */
	padding: 0.2em;
	}
    ul li:hover ul { display: block; }
    ul li:hover ul a {			/* Darstellung der Untermenüpunkte */
        display: block;
        width: 169px;			/* 6 weniger als bei li a */
	color: #dfefda;
        text-align: left;
	background-color: #336666;
	padding: 0.3em 0.2em;
	border-bottom: 1px solid #dfefda;
	transition: all .15s ease-in-out .05s;
        }
    ul li ul li a:hover {		/* Anzeige der Unterpunkte bei Mouseover */
        background-color: #dfefda;
	color: #336666;
        border: 0px solid darkgray;
	border-bottom: 1px solid #dfefda;
	transition: all .15s ease-in-out .05s;	/* Verzögerung der Untermenüpunkte */
	}				/* Ende Menüsteuerung */


    #menuklein {
	display: none;
	}
    #einausblenden {
	display: none;
	} 
    #menuklein ul li {
	display: none;
	} 



    #kooperation {		/* für die Logos links und die Seminare */
        float: left; 
	margin-top: 0px;
	padding: 0.2em 0.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #336666;
	}

    #kooperation2 { display: none; }
  
    #sidebar {
        float: right;			/* rechte Menüleiste mit Büchern */
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0.9em;
/*	width: 22%;				    alt */
	width: 19%;				/*  neu ab 31.12.2024  links 18, mitte 63, rechts 19 */
	font-size: 0.80em;
	color: #336666;
        background-color: #ffffff;
	border: 0px dotted grey;
	border-left: 0px solid #336666;
	border-right: 0px solid #dfefda;
	}


    #buchtipps {
  	margin-top: 5px;
	margin-bottom: 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #336666;
	font-size: 0.84em;
	text-align: left;
	text-decoration: none;
	border: 0px dotted red;
	}
    #buchtipps A:hover {
	text-decoration: none;
	}
    img.buchtipps {   
	float: left;
	margin-right: 4px;
	clear: both;
	}
    #buchtippsnlwerbung {
  	margin-top: 5px;
	margin-bottom: 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #336666;
        background-color: #dfefda;
	font-size: 1.8em;
	text-align: left;
	text-decoration: none;
	border: 1px solid #dfefda;
	}
    #buchtippsnlwerbung A:hover {
	text-decoration: underline;
	}

    img.neunundneunzig {				
	max-width: 99%;
	height: auto;
	}

    #content {
	float: left;
	margin-top: 0px;
	padding: 0.1% 0.5%;
 /*	width: 61%;			    Hier muss noch ein Platzhalter für opt. Vergrößerung rein */
	width: 63%;			/*  neu ab 31.12.2025  links 18, mitte 63, rechts 19 */

	height: 100%;
	border: 0px solid green;
	border-left: 0px solid #336666;
	border-right: 0px solid #336666;
	}    
 
    .clear { clear: both;}


    img.clear { clear: both;}

    img.align-left {   
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	max-width: 40%;
	}

    img.align-center {   		/* für Logos in Menüleiste */
	margin-left: 10px;
	margin-right: 3px;
	margin-bottom: 2px;
	}

    img.align-mitte {   		/* für Kreis mit Weiter lesen ... */
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
    	margin-left: auto;
    	margin-right: auto ;
	}

    img.trenner-mitte {   		/* für Trenner in Menüleiste ... */
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
    	margin-left: auto;
    	margin-right: auto ;
	}

    img.excelpraxis {   
	margin-left: 8px;
	margin-right: 0px;
	max-width: 40%;
	width: 100px;
	height: 60px;
	}

    img.buchecke {   
	margin-left: 5px;
	margin-right: 5px;
	width: 64px;
	height: 91px;
	}

    .willkommen {			/* für Willkommen-Text auf Start- und Hauptseite  */
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #eeeeee;
	padding: 3px;
	font-size: 1.00em;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
	border: 0px dotted gray;
	}
    .kleinwillkommen { display: none; }

    #zweiarticle {				/* Rahmen für Texte u.a. auf Startseite */
	float: left;
	background-color: #ffffff;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 100%;
	border: 0px dotted red;
	border-bottom: 2px dotted grey;
	}

    .article-li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	padding: 0.2em 0.2em;
	font-size: 1.00em;
	line-height: 1.25; 		/* open sans ist schon höher */
	text-align: left;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 48%;
	height: 100%;
	border: 0px dotted #336666;
	}

    .article-re {
	float: right;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	padding: 0.2em 0.2em;
	font-size: 1.00em;
	line-height: 1.25; 		/* open sans ist schon höher */
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 48%;
	heigth: 100%;
	border: 0px dotted red;
	}

    #content-anzeige {				/* Artikel links neben Anzeigen, u.a. in Excel */
	float: left;
	width: 61%;
	height: 100%;
	border: 0px solid blue;
	}   
    .article-re-anzeige {			/* Artikel für Anzeigen rechts neben content */
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
	width: *%;
	heigth: 100%;
	border: 0px dotted red;
	}

    #artikelbox {				/* Rahmen für Texte ohne untere border in hellgrün */
	float: left;
	background-color: #ffffff;
	padding: 0px;
	margin-top: 0px;
	width: 100%;
	border: 0px dotted red;
	}

    .artikel-li-grn {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 1.00em;
	width: 49%;
	height: 100%;
	border: 0px dotted #336666;
	}

    .artikel-re-grn {
	float: right;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 1.00em;
	width: 49%;
	heigth: 100%;
	border: 0px dotted red;
	}

    #artikelboxanbieter {				/* Boxen für Anbieterverzeichnis*/
	float: left;
	background-color: #dfefda;
	padding: 0px;
	margin-bottom: 2px;
	width: 100%;
	border: 0px dotted red;
	}
    .artikel-li-anbieter {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	font-size: 0.90em;
	width: 42%;
	height: 100%;
	border-right: 1px solid white;
	}
    .artikel-re-anbieter {
	float: right;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding-top: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-size: 0.90em;
	width: 58%;
	heigth: 100%;
	border-left: 1px solid white;
	}
    img.anbieter {				
	max-width: 95%;
	height: auto;
	}


    #artikelboxfacharbeit {				/* Boxen für Facharbeiten  */
	float: left;
	background-color: #EEEEEE;
	font-size: 0.90em;
	margin-bottom: 10px;
	width: 100%;
	border: 0px solid white;
	}
    #artikelboxfacharbeit:hover {
        background-color: #dfefda;
        }
    .artikel-li-fach {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.00em;
	padding-left: 1.0em;	
	width: 82%;
	height: 100%;
	border-right: 0px solid black;
	}
    .artikel-re-fach {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.00em;
	text-align: center;
 	width: 18%;
	heigth: 100%;
	border-left: 0px solid black;
	}

    img.fach {				
	max-width: 95%;
	height: auto;
	}



    #zweiartikel {				/* Rahmen für Texte ohne untere border ohne Hintergrund */
	float: left;
	background-color: #ffffff;
	width: 100%;
	border: 0px dotted red;
	}
    .zweiartikel-li-50 {
	float: left;
	width: 50%;
	}
    .zweiartikel-re-50 {
	float: right;
	width: 50%;
	}
.zweiartikel-li-40 {				/* für Newsletteranzeigen mit Bild und Text */
	float: left;
	width: 40%;
	}
.zweiartikel-re-60 {
	float: right;
	width: 60%;
	padding: 0px 14px 0px 2px;
	} 


    article img {
	max-width: 95%;
	height: auto;
	}


    .article {					/* STANDARD für alle Artikel in allen Seiten  */
	font-family: 'Open Sans', sans-serif;
	padding: 0px 10px 3px 3px;
	font-size: 1.00em;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 2px;
	width: 100%;
	border: 0px dotted red;
	}


    .article-news-hell {			/* für Kalenderblatt in den News */
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #eeeeee;
	padding: 0.2em 0.2em;
	font-size: 1.00em;
	text-align: middle;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 3px;
	width: 50px;
	height: 100%;
	border: 0px dotted #336666;
	}


    .head {				  	/* für Überschriften in allen Seiten  */
	font-family: 'Open Sans', Arial, sans-serif;
	padding: 0px;
	font-size: 1.00em;
	color: #336666;
	}

    .aufmacher {				/* für Aufmacher in allen Seiten  */
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	font-size: 1.00em;
	color: #000000;
	}

    .kltextgruen {				/* für Texte in allen Seiten  */
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	font-size: 0.92em;
	color: #336666;
	}

    .aufzaehlung {				/* für Aufzählungen mit Abstand in allen Seiten  */
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	font-size: 1.00em;
	line-height: 1.7; 	
	color: #336666;
	}


    #zweiartikel-buch {						/* für Bücherecke */
	float: left;
	margin-bottom: 6px;
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.92em;
	line-height: 1.15;
	text-align: left;
	width: 100%;
	border: 0px dotted red;
	}

    .artikel-li-buch {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 0.88em;
	line-height: 1.30;
	text-align: left;	
	width: 59%;
	height: 100%;
	border: 0px dotted #336666;
	}

    .artikel-re-buch {
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 0.88em;
	line-height: 1.30;
	text-align: left;
	width: 39%;
	heigth: 100%;
	border: 0px dotted red;
	}


.punkte {						/* definiert Aufzählungen mit Punkten weißer Hintergrund */
	clear: both;
	list-style-type: disc;
	padding: 0px;
	margin-left: 2.0em;
	margin-top: 0.0em;
	font-size: 1.00em;
	color: #000000;
	background-color: none;
 	}
.punkte li {				
        float: left;
        width: 100%;
	color: #000000;
        text-align: left;
	background-color: none;
	transition: none;
        }
.punkte li a {				
        display: inline;				/* u.a. in Balanced Scorecard */
	color: #336666;
        padding: 0.0em 0.0em;
	text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.punkte li a:hover {
	color: #336699;
	background-color: #ffffff;
	text-decoration: underline;
        }



ul.toolhaken {						/* definiert Aufzählungen mit Haken für die Excel-Tools */
	clear: both;
	display: block;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0.1em;
	margin-top: 0.3em;

 	}

ul.toolhaken li:before { content: '\2714\00A0'; }	/* setzt den Haken */

.toolhaken li {				
        float: left;
        width: 100%;
	color: #000000;
        text-align: left;
	transition: none;
        }
.toolhaken li a {				
        display: inline;				
	color: #336666;
        padding: 0.0em 0.0em;
	text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.toolhaken li a:hover {
	color: #336699;
	background-color: #ffffff;
	text-decoration: underline;
        }


.zahlen {						/* definiert Aufzählungen mit Zahlen weißer Hintergrund */
	clear: both;
	list-style-type: decimal;
	padding: 0px;
	margin-left: 2.0em;
	margin-top: 0.0em;
 	}
.zahlen li {				
	float: left;
        width: 100%;
	color: #000000;
        text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.zahlen li a {				
        display: inline;				/* in Präsentationen */
	color: #336666;
        padding: 0px;
	text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.zahlen li a:hover {
	color: #336699;
	background-color: #ffffff;
	text-decoration: underline;
        }

.zahlengrn {						/* definiert Aufzählungen mit Zahlen grüner Hintergrund */
	clear: both;
	list-style-type: decimal;
	padding: 0px;
	margin-left: 2.0em;
	margin-top: 0.0em;
 	}
.zahlengrn li {				
	float: left;
        width: 100%;
	color: #000000;
        text-align: left;
	transition: none;
	background-color: #dfefda;
        }
.zahlengrn li a {				
        display: inline;				/* in Präsentationen */
	color: #336666;
        padding: 0px;
	text-align: left;
	transition: none;
	background-color: #dfefda;
        }
.zahlengrn li a:hover {
	color: #336699;
	background-color: #dfefda;
	text-decoration: underline;
        }

.zahlen-abstand {					/* alle Aufzählungen mit Abstand */
	clear: both;
	width: 100%;
	list-style-type: decimal;
	margin-left: 2.0em;
	line-height: 2.5;
 	}
.zahlen-abstand li {				
	float: left;
        width: 100%;
	color: #000000;
        text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.zahlen-abstand li a {				
        display: inline;
	color: #336666;
        padding: 0px;
	text-align: left;
	transition: none;
	background-color: #ffffff;
        }
.zahlen-abstand li a:hover {
	color: #336699;
	background-color: #ffffff;
	text-decoration: underline;
        }


    #zweitab {					
	float: left;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 0px dotted red;
	}

    .anzeige {					/* Wort "- Anzeige -" vor Bannern - s. oben, article-anzeige */
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	font-size: 0.82em;
	color: #000000;
	}


    footer {
        padding: 0px;
	margin: 0px;
        text-align: center;
	font-size: 0.70em;
	width: 100%;		
	border: 0px dotted gray;
        }

    .maxbreite {   					/* Newsletterbreite */
	max-width: 668px;
	}
    .maxbreiteinnen {   				/* Newsletterbreite */
	max-width: 658px;
	}



#eu-cookie-message{					/* für Cookie Meldung */
position: fixed;
bottom: 0;
width: 90%;
padding: 10px;
text-align: center;
color: #fff;
background-color: #336666;
}
#eu-cookie-message form{
border:0;
margin:0;
padding:0;
}
#eu-cookie-message form input{
display: block;
margin: 15px auto 0 auto;
padding: 5px 10px;
background-color: #dfefda;
border: 2px solid #336699;
border-radius: 5px;
cursor: pointer;
}



/********************************************************************/
/* Auflösen der Buchtipps bei mittlerer Größe */

    @media only screen and (max-width: 1023px) {
    #wrapper {
    	border: 0px solid green;
	min-width: 820px;
	}

    #mainnav {
        float: left; 
	width: 22%;
	border: 0px dotted gray;
	}

    #content {
	float: right;
	width: 78%;			
	border: 0px solid red;
	}

    #content-anzeige {				/* Artikel links neben Anzeigen, u.a. in Excel */
	float: left;
	width: 100%;
	height: 100%;
	border: 0px solid blue;
	} 
    .article-re-anzeige {			/* Artikel für Anzeigen rechts neben content */
	display: none;
	}   

    #sidebar { display: none; }

}

/********************************************************************/
/* Eine Version für 768 ??? Pixel (beispielsweise Tablet im Hochformat) */

    @media only screen and (max-width: 819px) {
    #wrapper {
    	border: 0px solid red;
	min-width: 480px;
	}

    header {
        padding: 0%;
        text-align:left;
	width: 100%;		
	border: 0px solid red;
        }

    header img {
	max-width: 60%;
	height: auto;
	vertical-align: middle;
	border: 0px solid grey;
	}

    #kopfnav {
	float: right;
	margin-top: 4px;
        padding: 0% 0%;
        text-align: right;
	font-size: 0.88em;
        background-color: #ffffff;			
	border: 0px solid green;
	width: 100%;
	}
 
    #suche {
	float: right;
	margin-top: 4px;
	margin-left: 60px;
	margin-right: 0px;
        padding: 0% 0%;
        text-align: right;
	font-size: 0.88em;
        background-color: #ffffff;		
	border: 0px solid blue;
	width: 100%;
	}
    #suche input.suchfeld {
	width: 245px;
	font-size: 13px;
	color: #336666;
        background-color: #dfefda;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 3px 0px 3px 4px;
        margin: 2px;
        }



    #tummelplatz {			/* Tummelplatz aller Controllingfans */
	float: right;
	width: 90%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.92em;
	text-align: center;
        background-color: #336666;
	margin: 0px;
	padding: 4px;
	}
    #togglelogo {
	float: left;
	width: 10%;
	margin: 0px;
	padding: 2px 0px 0px 4px;
        background-color: #336666;
	}

    #mainnav { display: none; } 
 
    #einausblenden {				/* zeigt das Toggle-Symbol an */
	display: block;
	} 
    #menuklein {
	display: none;				/* none - blendet die Werte zunächst aus */
	}
    #menuklein ul li {				/* definiert die Aufzählung im Togglemenü */
	display: block;
	list-style-type: none;
	top: 3px;
	left: 2px;
	padding: 0px;
	margin-left: 0.0em;
	margin-top: 0.0em;
	font-size: 1em;
	width: 100%;				/* definiert die Breite der Aufzählungspunkte Punkte */
 	}
    #menuklein ul {				/* folgend für aufklappbares Hauptmenü */
	display: block;
	list-style-type: none;
        margin: 0.0em;
        padding: 0;
	width: 100%;				/* definiert die Breite der Hauptpunkte */
        }
    #menuklein ul li {				/* Positionierung der Hauptpunkte */
	position: relative;
        }
    #menuklein li a {				/* Darstellung der Hauptpunkte */
        display: block;
        width: 99%;				/* wenn hier geändert, dann auch bei ul li ul */
        color: #336699;
        text-align: left;
	background-color: #dfefda;
	padding: 0.3em 0.5em;
	border: 0px solid lightgray;		/* Border kann später raus */
	border-bottom: 1px solid darkgray;
	transition: all .25s ease-in;
        }
    #menuklein li a:hover {			/* Anzeige der Hauptpunkte bei Mouseover */
	background-color: #336666;
	color: #dfefda;
	text-decoration: none;
	border-bottom: 0px solid black;
	border-right: 0px solid black;
        }
    
    #menuklein ul li ul {			/* Untermenü */
	display: none;
	position: relative;		/* absolute, damit der folgende Inhalt nicht nach unten rückt, relative für unten */
	top: 0px;
	left: 0px;			/* verschiebt Untermenü nach rechts, dann gleiche px wie in li a */
	padding: 0.2em;
	}
    #menuklein ul li:hover ul { display: block; }

    #menuklein ul li:hover ul a {		/* Darstellung der Untermenüpunkte */
        display: block;
        width: 99%;
	font-size: 0.94em;
        color: #dfefda;
        text-align: left;
	background-color: #336666;
	padding: 0.3em 0.4em;
	border-bottom: 1px solid #dfefda;
	transition: all .25s ease-in;
        }
    #menuklein ul li ul li a:hover {		/* Anzeige der Unterpunkte bei Mouseover */
        background-color: #dfefda;
	color: #336666;
	border-bottom: 0px solid black;
	}				/* Ende Menüsteuerung */


    #kooperation { display: none; }



    #sidebar { display: none; }


    #content {
	float: left;
	padding: 0.5% 0.5%;
	margin-left: 0.7%;
	width: 99%;
	border: 0px dotted red;
	font-size: 1.00em;
	}

    .clear { clear: both;}


    #kooperation2 {			/* für die Logos links und die Seminare */
        display: block;
	float: left;
	margin-top: 0px;
	padding: 0.2em 0.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #336666;
	max-width: 90%;
	vertical-align: center;
	border: 0px dotted red;
	} 


    .zweiartikel-li-50 {
	float: left;
	width: 98%;
	}
    .zweiartikel-re-50 {
	float: left;
	width: 98%;
	}

    }


/***********************************************************/
/* Eine Version für 480 Pixel (beispielsweise Smartphones) */   

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

    #wrapper {
	border: 0px solid green;
	margin: 5px auto;
	min-width: 280px;
	}
   
    header {
        padding: 0%;
        text-align:left;
	width: 100%;		
	border: 0px solid blue;
        }
    header img {
	max-width: 90%;
	height: auto;
	vertical-align: middle;
	border: 0px solid grey;
	}

    .head {				  	/* für Überschriften in allen Seiten  */
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	font-size: 0.88em;
	color: #336666;
	}


    #kopfnav { display: none; }
 
    #suche { 
	float: left;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 0px;
        padding: 0% 0%;
        text-align: right;
	font-size: 0.88em;
        background-color: #ffffff;		
	border: 0px solid blue;
	width: *%;
	}
    #suche input.suchfeld {
	max-width: 48%;
	font-size: 13px;
	font-color: #336666;
        background-color: #dfefda;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 3px 0px 3px 4px;
        margin: 2px;
        }

    nav h3 { display: none; }

    #mainnav ul li:first-child {
	margin-left: 20px;
	border-left: none;
	list-style: none;
	display: inline;
	}
   
 
    #sidebar { display: none; }
    
    #content {
	width: 99.5%;
	margin-left: 0.5%;
	}
 

    .willkommen { display: none; }

    .kleinwillkommen {				/* für Überschriftsblöcke auf kl Bildschirmen  */
	display: block;
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #eeeeee;
	padding: 3px;
	margin-left: 1px;
	margin-right: 1px;
	width: 100%;
	border: 0px dotted red;
	}


    #zweiarticle { 
	border-bottom: 0px dotted grey;
	}

    .article-li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	padding: 0.2em 0.2em;
	font-size: 1.00em;
	line-height: 1.20; 	/* open sans ist schon höher */
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 99%;
	border: 0px dotted #336666;
	}

    .article-re {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	padding: 0.2em 0.2em;
	font-size: 1.00em;
	line-height: 1.20; 	/* open sans ist schon höher */
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 99%;
	border: 0px dotted red;
	}

    #artikelbox {				/* Rahmen für Texte ohne border */
	border-bottom: 0px dotted grey;
	}

    .artikel-li-grn {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 1.00em;
	width: 99%;
	border: 0px dotted #336666;
	}

    .artikel-re-grn {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 1.00em;
	width: 99%;
	border: 0px dotted red;
	}

    article img {
	max-width: 90%;
	height: auto;
	}

    .artikel-li-buch {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 0.90em;
	line-height: 1.20; 
	width: 99%;
	height: 100%;
	border: 0px dotted #336666;
	}

    .artikel-re-buch {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 0.90em;
	line-height: 1.20; 
	width: 99%;
	heigth: 100%;
	border: 0px dotted red;
	} 


    #artikelboxanbieter {				/* Boxen für Anbieterverzeichnis*/
	float: left;
	background-color: #dfefda;
	padding: 0px;
	margin-bottom: 2px;
	width: 100%;
	border: 1px dotted green;
	}
    .artikel-li-anbieter {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 0.92em;
	width: 99%;
	height: 100%;
	border-right: 1px solid white;
	}
    .artikel-re-anbieter {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #dfefda;
	padding: 0.2em;
	font-size: 0.92em;
	width: 99%;
	heigth: 100%;
	border-left: 1px solid white;
	}
    img.anbieter {				
	max-width: 95%;
	height: auto;
	}


    #artikelboxfacharbeit {				/* Boxen für Facharbeiten  */
	float: left;
	background-color: #EEEEEE;
	font-size: 0.90em;
	margin-bottom: 10px;
	width: 100%;
	border: 0px solid white;
	}
    #artikelboxfacharbeit:hover {
        background-color: #dfefda;
        }
    .artikel-li-fach {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.00em;
	padding-left: 0.92em;	
	width: 99%;
	height: 100%;
	border-right: 0px solid black;
	}
    .artikel-re-fach {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.92em;
	text-align: center;
 	width: 99%;
	heigth: 100%;
	border-left: 0px solid black;
	}
    img.fach {				
	max-width: 95%;
	height: auto;
	}




    #kooperation2 {		/* für die Logos links und die Seminare */
        display: block;
	float: left;
	margin-top: 0px;
	padding: 0.2em 0.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #336666;
	max-width: 90%;
	vertical-align: center;
	border: 0px dotted red;
	}

    .maxbreite {   					/* Newsletterbreite */
	max-width: 479px;
	}
    .maxbreiteinnen {   				/* Newsletterbreite */
	max-width: 469px;
	}
    .zweiartikel-li-40 {				/* für Newsletteranzeigen mit Bild und Text */
	float: left;
	width: 100%;
	}
    .zweiartikel-re-60 {
	float: right;
	width: 100%;
	padding: 20px 0px 0px 0px;
	} 
}