/* grundlegende Angaben für den gesamten <body>-Bereich:
// kein Außen- und kein Innenabstand (margin, padding), als Hintergrund ein Bild,
// das fixiert ist, grundlegende Auswahl der Schrift (-größe, -farbe, -art)
// Text im Normalfall linksbündig */
body {
	margin: 0;
  background-color: #dcdcdc;
  background-image: url(bilder/P_Mappe.gif);
  background-attachment:fixed;
  FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

/*Definition des Anzeigebereichs, mittig, volle Breite, aber begrenzt auf max. 1100 Pixel  */
#seite {
	margin: auto;
	width: 99%;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
	max-width: 1100px;
  font-size: 0.95em;
}

#linkeSpalte {
	float: left;
	width: 17%;
    background-color: #cccccc;
	text-align: center;
}

/*Definition des mittleren Bereichs, Hintergrundfarbe
// hell-grau (#dcdcdc = Farbanteile für Rot Grün Blau). Soweit nicht anders angegeben, wird
// der Text zentriert.  */
#workspace {
	float: left;
	width: 68.5%;
    background-color: #dcdcdc;
    border-right: 1px solid black;
    border-left: 1px solid black;
    text-align: center;
}


/* Wie die Menüleiste, aber am rechten Rand. Feste Breite, fester Abstand vom linken
// Rand (Die Breite des gesamten Anzeigebereichs ist ausgelegt für Bildschirme mit
// mind. 1024 Pixel Breite, nutzt etwas weniger, um Platz für Rand und Scrollbalken
// zu haben und um auch auf iPad sauber dargestellt zu werden. */
#aktuell {
	float: right;
	width: 14%;
    background-color: #cccccc;
	padding-bottom: 15px;
    text-align:center;
  }

/* Kopfzeile: Wie die Menüleiste, aber am oberen Rand. Gleiche Breite und Abstand wie
// workspace (s.o.) */
  #kopf {
    top: 0; left: 192px;
    width: 608px;
    background-color: #dcdcdc;
/*Blaue Schattierung für Standardkopf herausgenommen, weil sonst alle Titel hätten neu
//ausgelesen werden müssen; einen Abschluss mit dem blauen Streifen erhalten nur die
//Köpfe, bei denen unterhalb des Verlagsbalkens 8der mit einem Strich abschließt, einen
//weiteren Platz brauchen, um einen Hinweis auf das Dargestellte zu geben, z.B. Vorschau etc.
//Dazu gibt es jetzt den Kopf2*/
    box-shadow: 0px 10px 20px #C1D2E2;
    border-bottom: 2px solid #C1D2E2;
  }

/* Kopfzeile: Wie die Menüleiste, aber am oberen Rand. Gleiche Breite und Abstand wie
// workspace (s.o.) */
  #kopf2 {
    top: 0; left: 292px;
    width: 608px;
    background-color: #dcdcdc;
    box-shadow: 0px 10px 20px #C1D2E2;
    border-bottom: 2px solid #C1D2E2;
  }

/* Autoren-Vita: Wie die Menüleiste, aber mittleres Feld, rechte Hälfte
// */
  #vita {
    position: absolute;
    top: 250px; left: 500px;
    width: 280px;
    background-color: #dcdcdc;
    padding: 10px;
  }
  html>body #vita {  /* nur fuer moderne Browser! */
    position: fixed;
  }



/* allgemeine Vorgabe für Tabellen (<td>-Bereiche): linksbündig, oben, kleiner Abstand zu den
// Rändern ringsum. */
/*td {*/
  /*text-align: left;*/
  /*vertical-align: top;*/
  /*padding-top: 4px;*/
  /*padding-bottom: 4px;*/
  /*padding-left: 8px;*/
  /*padding-right: 8px;*/
/*}*/


/* für Tabellen-Bereiche <td class="center">...</td> oder sonstige Bereiche <div class="center"
// ...</div> oder <span class="center"...</span>, die zentriert sein sollen */
.center {
  padding: 10px;
  text-align: center;
}

/*---Beginn Textformatierung*/
/* für (meist längere) Texte im mittleren Bereich, links und rechts 10 Pixel Abstand,
// Ausrichtung (im Gegensatz zu #workspace (s.o.)) linksbündig, Schrift etwas größer */
.text {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}


/*Beginn Überschriften*/
#U001 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
/* U002 beendet jede Überschrift, fehlt deshalb*/

#U003 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
#U004 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
#U006 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
#U007 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  /*font-weight: bold;*/
  text-align: center;
}
/*Autorname Vitadaten*/
#U008 {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
/*Buchreihen Titelei*/
/*Reihentitel*/
#U011 {
  margin-top: 0px;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
}
/*Reihenuntertitel*/
#U012 {
/*  margin-top: 0px;*/
/*  margin-bottom: 20px;*/
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
/*herausgegeben von*/
#U013 {
/*  margin-top: 0px;*/
  margin-top: 20px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/*Beirat*/
#U014 {
/*  margin-top: 0px;*/
  margin-top: 20px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/*Herausgeber*/
#U015 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
/*Herausgeber im Auftrag*/
#U016 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
/*im Auftrag von*/
#U017 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
/*Reihentitel Fremdsprache*/
#U018 {
/*  margin-top: 0px;*/
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
/*Reihenuntertitel Fremdsprache*/
#U019 {
/*  margin-top: 0px;*/
/*  margin-bottom: 20px;*/
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
/*Titelreihenfolge Buchreihen*/
#U020 {
  margin-top: -5px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
/*Reihenverzeichnis Reihentitel*/
#U021 {
  margin-top: 40px;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}
/*Reihenverzeichnis Reihenuntertitel*/
#U022 {
  margin-bottom: 0px;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
}
/*Buchtipp-Spezial Titel*/
#U023 {
  margin-top: 0px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
/*Buchtipp-Spezial Buchitel*/
#U024 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
/*Buchtipp-Spezial BuchUTitel*/
#U025 {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}
/*LRS-/Buchreihenhinweis vor Buchtitel*/
#U026 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#U027 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}
#U028 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/*Überschriften Buchpräsentation, Tagungen etc.*/
#U030 {
  margin-top: 20px;
  font-size: 150%;
  font-weight: normal;
  text-align: center;
}
/* Vorgabe für Tabellenüberschriften. Hier wird neben den Schriftangaben vor allem
// der Unterstrich gesetzt (border-bottom) */
#U031 {  
  font-weight: normal;
  text-align: left;
  padding-bottom: 0px;
  /*border-bottom: 1px solid black; Lücken wegen CELLPADDING <>0 */
}
/* Überschrift bei Titelverzeichnissen */
#U032 {  
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.6em;
  font-weight: normal;
  text-align: center;
}
/* Untertitel zu U032*/
#U033 {  
  font-weight: normal;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 30px;
  font-size: 80%;
}
/* UE aktuelle Themen (s.a. U056*/
#U034 {  
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* UE interne Links im Kopf LRS-Verzeichnis*/
#U035 {  
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
/* UE Publikationenverzeichnis einer Person*/
#U036 {  
  /*font-size: 1.0em;*/
  /*font-weight: bold;*/
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  /*margin-top: 30px;*/
  margin-bottom: 20px;
}
/* Funktionsgliederung im Publikationenverzeichnis einer Person*/
#U037 {  
  /*font-size: 0,9em;*/
  /*font-weight: bold;*/
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* hier: Autoren/weitere Mitarbeiter U050 Kontakte*/
#U038 {  
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
/* Preislistensprung bei mehrnändigen Werken*/
#U039 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/*Autor mehrbändig*/
#U040 {  
  margin-top: 16px;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
/*Titel mehrbändig*/
#U041 {  
  margin-top: 1px;
  margin-bottom: 2px;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
/*Preisliste Bandnummer Titelbibliographie*/
#U042 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
/*Preisliste Listenüberschrift*/
#U043 {  
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}
/*Preisliste Großgliederung*/
#U044 {  
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
/*Preisliste Kleingliederung*/
#U045 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
/*Personenverzeichnis Text vor Alphabet*/
#U046 {  
  margin-top: -20px;
  margin-bottom: 0px;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
}
/*Personenverzeichnis Alphabet*/
#U047 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}
/*Personenverzeichnis Text nach Alphabet*/
#U048 {  
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
}
/*Personenverzeichnis Sortierbuchstabe*/
#U049 {  
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 160%;
  text-align: left;
}
/* Autoren: U038/hier: weiterMitarbeiter Kontakte*/
#U050 {  
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
}
/* Reihenprofil: Flaggenreihe*/
#U051 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: normal;
  text-align: right;
}
/* Reihenprofil: Flaggen vor Text*/
#U052 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: normal;
  text-align: left;
}
/* Reihenprofil: Überschrift*/
#U053 {  
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: normal;
  text-align: center;
}
/* ISSN bei Reihenverzeichnis */
#U054 {  
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
}
/* NeVor: UE*/
#U055 {  
  margin-top: 20px;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;
}
/* UE Sprungziele aktuelle Themen (s.a. U034)*/
#U056 {  
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 2px;
}

/* ERIH-Eintrag bei Reihe*/
#U057 {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* ERIH-Eintrag bei Reihenverzeichnis*/
#U058 {  
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Impressum*/
#U059 {  
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
}
/* Fortbildung RL (s.a. A062ff.)*/
#U060 {  
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* Fortbildung Marburger rechte Spalte (s.a.  A066ff., U066)*/
#U061 {  
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}

/*U062 bis U065 reserviert für AGBs, falls diese einmal in HTML sollen*/

/* Fortbildung Marburger */
#U066 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
}
/* Fortbildung Marburger */
#U067 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
/* Fortbildung Marburger */
#U068 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
/* Fortbildung Marburger rechte Spalte*/
#U069 {  
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0px;
}
/* Rechte Spalte Shop: Fragen*/
#U070 {  
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 6px;
}
/*U071 bis U080 reserviert für rechte Spalte Shop*/

/*Preisliste Lauttreu/Regel Titellistenüberschrift*/
#U081 {  
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
/*Werk/Band bei Rezensionen*/
#U082 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  /*font-weight: bold;*/
  text-align: center;
}
/*Weitere ... bei Rezensionen*/
#U083 {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 3px;
}
/*Ende Überschriften*/







/* Vorgabe für Tabellenüberschriften. Hier wird neben den Schriftangaben vor allem
// der Unterstrich gesetzt (border-bottom)
//jetzt: #021 */
#tabueberschr {  
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding-bottom: 0px;
  border-bottom: 1px solid black;
}

/* Es folgen Vorgaben für die verschiedenen Informationen zu einzelnen Büchern,
// wie sie z.B. bei gesamtde.htm dargestellt werden sollen. Dort werden die Bereiche
// mit <div id="autor">...</div> usw. markiert und somit festgelegt, dass in dem Fall ein 
// größerer Abstand nach oben sein soll, ein kleiner nach unten, die Schrift etwas
// größer und bold und linksbündig.
// Interessant ist vielleicht noch, dass der größere Abstand nach oben dann teilw. aufgehoben
// wird, wenn darüber ein Hinweis, z.B. Neuerscheinung, platziert ist. Dies erfolgt, indem
// bei #hinweis (s.u.) margin-bottom: -10px gesetzt wird. */

/*#hinweis {  */
#U01 {  
  margin-top: 6px;
  margin-bottom: -10px;
  font-size: 12px;
  font-weight: bold;
  color: #0066cc;
/*  color: #AA0000;*/
}
/*#autor {  */
#U02 {  
  margin-top: 16px;
  margin-bottom: 2px;
  font-weight: bold;
  text-align: left;
  font-size: 110%;
}
/*#titel {  */
#U03 {  
  margin-top: 1px;
  margin-bottom: 2px;
  font-size: 150%;
  font-weight: normal;
  text-align: left;
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
/*#utitel {  */
#U04 {  
  margin-top: 3px;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: left;
}
/*#buchtext {  */
#U05 {  
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
/*Buchreihe*/
#U06 {  
  font-style: italic;
  text-align: left;
}
#U07 {  
  font-weight: normal;
  text-align: left;
}
/*#ausgabe {  */
#U08 {  
  /*margin-top: 3px;*/
  /*margin-bottom: 3px;*/
  font-weight: normal;
  text-align: left;
}
#U09 {  
  /*margin-top: 3px;*/
  /*margin-bottom: 3px;*/
  font-weight: normal;
  text-align: left;
}
#U10 {  
  margin-top: 6px;
  margin-bottom: -10px;
  font-weight: bold;
  color: #0066cc;
/*  color: #AA0000;*/
}
#weitere {  
  margin-top: 10px;
  font-weight: normal;
  text-align: left;
}
/*#datum {  */
#U11 {  
  /*margin-top: 6px;*/
  font-weight: normal;
  text-align: left;
}
/*#kleinschrift {  */
#U12 {  
  /*margin-top: 15px;*/
  /*margin-bottom: 15px;*/
  font-weight: normal;
  /*font-style: italic;*/
  text-align: left;
}
#bluetitle {  
  font-size: 26px;
  font-weight: bold;
  color: #0052ab;
  position: relative;
  bottom: -3px;
}


/*Beginn Textkorpus*/
#A001 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-bottom: 12px;
}

#A002 {
  text-align: left;
  FONT-SIZE: 13px;
}

#A003 {
  margin-bottom: 3px;
  text-align: left;
  FONT-SIZE: 13px;
}

#A004 {
  margin-top: 12px;
  text-align: left;
  FONT-SIZE: 13px;
}
/*Übersetzter Beitrag Sammelband */
#A006 {
  text-align: left;
  FONT-SIZE: 13px;
  font-style: normal;
  margin-bottom: 12px;
  margin-top: -12px;
}

#A007 {
  text-align: left;
  FONT-SIZE: 13px;
  font-style: italic;
}

#A008 {
  text-align: left;
  FONT-SIZE: 13px;
}

#A009 {
  margin-bottom: 12px;
  text-align: left;
  FONT-SIZE: 13px;
}

/*Vitadaten*/
#A010 {
  margin-bottom: 2px;
  text-align: left;
  FONT-SIZE: 13px;
}
#f_deu {
 background-image: url(fla/deu_vita.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
}
#f_ukd{
 background-image: url(fla/ukd_vita.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
} 
#f_fra{
 background-image: url(fla/fra_vita.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
}
#f_pol{
 background-image: url(fla/pol_vita.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
}
#f_deu_text {
 background-image: url(fla/deu.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
/*<IMG BORDER =0 SCR="../fla/deu.gif"> */
}
#f_ukd_text{
 background-image: url(fla/ukd.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
} 
#f_fra_text{
 background-image: url(fla/fra.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
}
#f_pol_text{
 background-image: url(fla/pol.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 padding-left: 26px;
} 

#A011 {
  text-align: left;
  FONT-SIZE: 13px;
  font-style: italic;
}

/*Quelle Rezension ohne Zitat; mit Zitat s. A077*/
#A012 {
  margin-bottom: 12px;
  /*text-align: right;*/
  /*FONT-SIZE: 0.8em;*/
  text-align: left;
  FONT-SIZE: 13px;
}

/*Text Reihenprofil*/
#A013 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-bottom: 3px;
}
/*Link im Reihenprofil*/
#A014 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

/*----------------*/
/*Gratulation Autor*/
#A021 {
  text-align: left;
  FONT-SIZE: 13px;
  font-weight: bold;
}

/*Gratulation Text*/
#A022 {
  text-align: left;
  FONT-SIZE: 13px;
}

/*Gratulation Datum*/
#A023 {
  text-align: left;
  FONT-SIZE: 10px;
  margin-bottom: 15px;
}
/*----------------*/

/*Impressum Anfang*/

/*Verlagsdaten*/
#A024 {
  text-align: center;
  FONT-SIZE: 17px;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 15px;
}

/*Kontakt*/
#A025 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;

}

/*Rechtshinweise*/
#A026 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;
}
/*Impressum Ende*/

/*Wechselleiste*/
#A027 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;
  /*margin-top: 10px;*/
  margin-bottom: 10px;
  line-height: 23px;
}

/*Preisänderungen Titelei*/
#A028 {
  text-align: center;
  FONT-SIZE: 10px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0px;
  font-style: italic;
}

/*Schwerpunkttitel*/
#A029 {
  text-align: center;
  /*FONT-SIZE: 1.0em;*/
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
#A030 {
  text-align: center;
  /*FONT-SIZE: 1.0em;*/
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
  /*Link nach Vitadaten Autor/Hg.*/
#A033 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: -6px;
  margin-bottom: 10px;
}
  /*Aktuelle Themen*/
#A034 {
  margin-top: 20px;
  text-align: center;
  FONT-SIZE: 19px;
  font-weight: bold;
  margin-bottom: 20px;
}
#A035 {
  text-align: center;
  FONT-SIZE: 12px;
  font-weight: bold;
  margin-bottom: 6px;
}
#A036 {
  text-align: center;
  font-weight: normal;
  margin-bottom: 12px;
}
#A037 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: bold;
}
#A038 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: bold;
}
#A039 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: bold;
  margin-top: 20px;
}
#A040 {
  text-align: center;
  FONT-SIZE: 10px;
  font-weight: normal;
}
/*Personenspalte im Personenverzeichnis*/
#A041 {
  text-align: left;
  FONT-SIZE: 13px;
  font-weight: bold;
  margin-left: 12px;
  text-indent:-12px;
}
/*Publikation im Publikationenverzeichnis*/
#A042 {
  text-align: left;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-bottom: 2px;
  margin-left: 12px;
}
/*Beitrag im Publikationenverzeichnis*/
#A043 {
  text-align: left;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-bottom: 0px;
  margin-left: 12px;
}
/*Publikation im Publikationenverzeichnis*/
#A044 {
  text-align: left;
  FONT-SIZE: 10px;
  font-weight: normal;
  margin-left: 19px;
  margin-bottom: 2px;
}
/*Link zur Publikationenliste*/
#A045 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*Schrift im Stammteil mehrbändiger Werke, s.a. A061*/
#A046 {
  text-align: center;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*Hinweis in Titelei mehrbändiger Werke*/
#A047 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0px;
}
/*Preisliste Band-Text*/
#A048 {
  text-align: left;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
}
/*Preisliste Titeleinträge ohne Einzug*/
#A049 {
  text-align: left;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 19px;
  text-indent: -19px;
}
/*Preisliste Titeleinträge mit Einzug*/
#A050 {
  text-align: left;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-left: 19px;
  margin-top: 0px;
  margin-bottom: 5px;
}
/*Preisliste Preise*/
#A051 {
  text-align: right;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
}

/*Preisliste ISBN/Prod.*/
#A052 {
  text-align: left;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
}

/*Preisliste frei*/
#A053 {
  /*text-align: left;*/
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
}

/*Preisliste Zeile Kt/Gb*/
#A054 {
  text-align: center;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 15px;
}
/*OGE 18 spezial1*/
#A055 {
  text-align: center;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0px;
}
/*Rückpfeil nach Reihenprofil je Sprache (OGE 18 spezial2)*/
#A056 {
  text-align: right;
  FONT-SIZE: 13px;
  font-weight: normal;
  margin-top: -15px;
  margin-bottom: 0px;
}
/*NeuVor: Titel Neu/Vor*/
#A057 {
  text-align: center;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 90%;
}
/*NeuVor: Ergänzung Neu/Vor*/
#A058 {
  text-align: center;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*NeuVor: Liste Neu/Vor*/
#A059 {
  text-align: center;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 90%;
}
/*Liste Fachverzeichnisse*/
#A060 {
  text-align: left;
  FONT-SIZE: 115%;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20%;
}
/*war DoKoTrain, evtl. auch andere s.a. A046*/
#A061 {
  text-align: center;
  FONT-SIZE: 10px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Fortbildung RL Ausbildungslinks*/
#A062 {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Fortbildung RL Suche-Text*/
#A063 {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Fortbildung RL Suche-Links*/
#A064 {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* Fortbildung RL */
#A065 {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 3px;
}
/* Fortbildung Marburger Aufzählung Hinweis rechts oben; weitee A071*/
#A066 {  
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin-left: 30px;
  text-indent:-14px;
  margin-top: 0px;
  margin-bottom: 2px;
}

/*A067 bis A070 reserviert für AGBs, falls einmal in HTML*/

/* Fortbildung Marburger Präsentation analog Pxxx*/
#A071 {  
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin-left: 12px;
  text-indent:-12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Fortbildung Marburger Präsentation analog A066*/
#A072 {  
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin-left: 14px;
  text-indent:-14px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Fortbildung Marburger Präsentation */
#A073 {  
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  margin-left: 0px;
  text-indent:0px;
  margin-top: 5px;
  margin-bottom: 3px;
}
/* Fortbildung Marburger Präsentation */
#A074 {  
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin-left: 0px;
  text-indent:0px;
  margin-top: 8px;
  margin-bottom: 0px;
}
/* Fortbildung Marburger Präsentation */
#A075 {  
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-left: 0px;
  text-indent:0px;
  margin-top: 5px;
  margin-bottom: 0px;
}
/* Fortbildung Marburger Präsentation */
#A076 {
  text-align: left;
  FONT-SIZE: 13px;
}

/*Quelle Rezension mit Zitat; ohnet Zitat s. A012*/
#A077 {
  margin-bottom: 12px;
  text-align: right;
  FONT-SIZE: 13px;
/*  font-style: italic;*/
}

/*Rechte Spalte Shop: Beginn*/

/*Bestellfortschritt*/
#A078 {
  margin-top: 12px;
  text-align: center;
  FONT-SIZE: 12px;
  font-weight: normal;
}
/*Kontakt Verlag/Webmaster*/
#A079 {
  margin-top: 0px;
  text-align: center;
  FONT-SIZE: 12px;
  font-weight: normal;
  margin-bottom: 12px;
}
/*Telefon*/
#tel {
  FONT-SIZE: 16px;
  font-weight: normal;
}
/*Pfeile*/
#pf {
  FONT-SIZE: 15px;
  font-weight: normal;
  margin-bottom: -15px;
}
/*Rechte Spalte Shop: Ende*/

/*Portalpflege in Menüspalte*/
#A080 {
  margin-top: 10px;
  text-align: center;
  FONT-SIZE: 10px;
  font-weight: normal;
}

/*Phonemstufentabelle Reuter-Liehr-Text*/
/*Trainingsstufen*/
#A081 {
  margin-top: opx;
  margin-bottom: 0px;
  FONT-SIZE: 12px;
  font-weight: normal;
}
/*Phonemstufen*/
#A082 {
  margin-top: 0px;
  margin-bottom: 0px;
  FONT-SIZE: 10px;
  font-weight: bold;
}
/*Beschreibung*/
#A083 {
  margin-top: 0px;
  margin-bottom: 0px;
  FONT-SIZE: 10px;
  font-weight: normal;
}

/*Beginn Aufzählungen*/
/*Spiegelstrich Anfang*/
#P001 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 12px;
  text-indent:-12px;
}

/*Spiegelstrich Mitte*/
#P002 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  text-indent:-12px;
}

/*Spiegelstrich Ende*/
#P003 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 12px;
  text-indent:-12px;
}

/*Zahlen 1-9 Anfang*/
#Z001 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 16px;
  text-indent:-16px;
}

/*Zahlen 1-9 Mitte*/
#Z002 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  text-indent:-16px;
}

/*Zahlen 1-9 Ende*/
#Z003 {
  text-align: left;
  FONT-SIZE: 13px;
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 14px;
  text-indent:-14px;
}

/*Z004 und Z005 für AGBs reserviert */

/*Text in Tabelle Buchpräsentationen*/
#PRA1 {
  text-align: left;
  margin-top: 0px;
}

/*Ende Aufzählungen*/

/*Ende Textkorpus*/


/*---Ende Textformatierung*/





/* Formatierung im Menü-Bereich, linksbündig, Abstand
// der Zeilen nach oben und unten, ohne zusätzliche <br> einfügen zu müssen */
#menu {
    text-align: left;
    line-height: 23px;
}

#menugruppe {
    text-align: left;
    font-weight: bold;
    /*margin-top: 8px;*/
    margin-top: 10px;
    margin-bottom: 2px;
	padding-left: 1%;
	font-size: 90%;
}
/* mit text-indent wird die Einrückung festgelegt bzw. mit negativem Wert eine Ausrückung,
// welche mit margin-left wieder ausgeglichen wird */
#menueintrag {
    text-align: left;
    margin-bottom: 2px;
    margin-left: 12px;
    text-indent:-12px;
	padding-left: 1%;
	font-size: 90%;
}
/* Text ohne Untergliederung*/
#menueintrag2 {
    text-align: left;
    margin-bottom: 2px;
    margin-left: 0px;
   /* margin-left: 0.9em;*/
    /*text-indent:-0.9em;*/
}

/* Farben und kein Unterstrich bei Links innerhalb des menueintrag */
#menueintrag a {
  color : #0052ab;
  text-decoration: none;
}
#menueintrag a:visited {
  color : #0052ab;
  text-decoration: none;
}
#menueintrag a:hover {
  color : #ffffff;
  /*color : #0052ab;*/
  text-decoration: none;
}
/*---Ende Menüformatierung*/

/* Formatierung im Aktuell-Bereich, wenn er als Tipp dient
// aus Menü entwickelt */

#tippgruppe {
    text-align: center;
    FONT-SIZE: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

#tippgruppe2 {
    text-align: center;
    FONT-SIZE: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
/* mit text-indent wird die Einrückung festgelegt bzw. mit negativem Wert eine Ausrückung,
// welche mit margin-left wieder ausgeglichen wird */
#tippeintrag {
    text-align: left;
    FONT-SIZE: 12px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 5px;
    margin-left: 12px;
    text-indent:-12px;
}
/* Farben und kein Unterstrich bei Links innerhalb des menueintrag */
#tippeintrag a {
  color : #0052ab;
  text-decoration: none;
}
#tippeintrag a:visited {
  color : #0052ab;
  text-decoration: none;
}
#tippeintrag a:hover {
  color : #ffffff;
  /*color : #0052ab;*/
  text-decoration: none;
}


/*Formatierung für Überschriftenzeilen, die mit <h1>...</h1> bzw. <h2>...</h2> usw. 
// begrenzt werden. Der Abstand nach oben und unten wird vorgegeben, die Schriftgröße
// erhöht und teilweise bold (fett) gesetzt
//jetzt: s.u.a. #U020 */
/* h4 und h5 werden für Spezialaufgaben (Abstandhaltung bei internen Verweisen) benötigt.*/
h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
}
/* h3 für Abstandhaltung (Kopfhöhe) in _IndexMitteAktual.inc.php */ 
h3[id] {
  font-size: 13px;
  font-weight: normal;
  margin-top: -535px;
  padding-top: 535px;
  margin-bottom: 0px;
}
#sp3 a {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0px;
  display:none;
}
#sp3 a[name] {
  font-size: 13px;
  font-weight: normal;
  display:block;
  width:0;
  height:0;
  position:relative;
  top:-535px;
  margin-bottom: 0px;
  visibility:hidden;
}
/* h4 und h5 für Abstandhaltung (Kopfhöhe) in personen_de.htm; h4 auch bei Marburger Fortbildung verwendet */ 
h4[id] {
  font-size: 13px;
  font-weight: normal;
  margin-top: -250px;
  padding-top: 250px;
  margin-bottom: 0px;
}
#sp5 a {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0px;
  display:none;
}
#sp5 a[name] {
  font-size: 13px;
  font-weight: normal;
  display:block;
  width:0;
  height:0;
  position:relative;
  top:-250px;
  margin-bottom: 0px;
  visibility:hidden;
}
/* h6 und sp6 für Flaggenziel Reihenprofil*/ 
/* wegen des blauen Balkens 10px größer als Kopf*/ 
h6[id] {
  font-size: 13px;
  font-weight: normal;
  margin-top: -370px;
  padding-top: 370px;
  margin-bottom: 0px;
}
#sp6 a {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0px;
  display:none;
}
#sp6 a[name] {
  font-size: 13px;
  font-weight: normal;
  display:block;
  width:0;
  height:0;
  position:relative;
  top:-370px;
  margin-bottom: 0px;
  visibility:hidden;
}


/* Die horizontal rule bekommt zusätzlich nach oben und unten einen größeren Abstand */
/* Da das sehr von der Verwendung abhängt, weitere definiert */
/*hr {*/
/*  margin-top: 10px;*/
/*  margin-bottom: 10px;*/
/*}*/
#hr1 {
  /*margin-top: 10px;*/
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
#hr2 {
  margin-top: 20px;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
}
#hr3 {
  margin-top: 10px;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
#hr4 {
  margin-top: 5px;
  border-bottom: 1px solid black;
  margin-bottom: 0px;
}
#hr5 {
  margin-top: 50px;
  border-bottom: 1px solid black;
  margin-bottom: 50px;
}

#grossrot {
	font-size: 30px;
	text-align: center;
	color: red;
}
#grossblau {
	font-size: 30px;
	text-align: center;
	color: #0066cc;
}

/* Bilder halten oben und unten einen Abstand von 5 Pixeln */
img {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
}

/* Aufzählungen werden mit einem eigenen Bild (kleiner Querstrich statt dem
// normalen Bullet) versehen, die einzelnen Zeilen mit je 5 Pixeln Abstand */
ul {
  list-style-image:url(bilder/daumen.gif)
}
li {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Alle Links, auch wenn schon besucht, haben die gleiche Farbe: ein mitteldunkles Blau.
// Ansonsten gelten die Standards, also unterstrichen, sonst keine Vorgaben.
// Hier könnte man auch festlegen, dass Links beim Überfahren mit der Maus eine andere
// Farbe annehmen usw., ist aber derzeit nicht implementiert.
// 29.4.11 Winkler: aus den Menüenträgen übernommen
//
// Für Links der Form <a id="header" href=...> gelten zusätzlich leicht größere Schrift
// und Fettdruck. */
a:link {
  color : #0052ab;
  text-decoration: none;
 }
a:visited {
  color : #0052ab;
  text-decoration: none;
 }
a:hover {
  color : #ffffff;
  text-decoration: none;
}
a#header:link {
  color : #0052ab;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
 }
a#header:visited {
  color : #0052ab;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
 }
/* Farben und kein Unterstrich bei Links innerhalb des menueintrag */
#menueintrag a {
  color : #0052ab;
  text-decoration: none;
}
#menueintrag a:visited {
  color : #0052ab;
  text-decoration: none;
}
#menueintrag a:hover {
  color : #ffffff;
  /*color : #0052ab;*/
  text-decoration: none;
}





#Smartph {
	display: none;
}
#nSmartph {
	display: block;
}
#linksAktuell {
	display: none;
}
#mitteAktuell {
	display: none;
	background-color: #cccccc;
	border-top: 2px solid black;
}
.titelbild {
	width: 80%;
	max-width: 120px;
}
.icon {
	width: 30px;
}
#mitteMenu {
	display: none;
	margin-top: -5px;
	border-bottom: 1px solid grey;
}
#menucall {
	width: 22%;
}
#hmenu {
	height: 25px;
	white-space: nowrap;
}
.menuhref {
	margin-top: -10px;
	margin-bottom: -10px;
	font-weight: bold;
	color: #0052AD;
}
.menuimg {
	margin-top: 10px; 
	margin-bottom: -10px; 
	width: 45px;
}
#hmenu ul {
	position: absolute;
	list-style: none;
	margin-left: -30px;
	margin-top: -5px;
}
 
#hmenu ul li {
	float: left;
	margin: 0 16px 0 0;
	line-height: 50px;
}
#hmenu ul ul {
	position: absolute;
	top: -9999px;
	left: 90px;
	padding: 0;
	margin: 0 0 0 -5px;
	-webkit-box-shadow: 0 10px 20px #888;
	-moz-box-shadow: 0 10px 20px #888;
	box-shadow: 0 10px 20px #888;
	background: #cccccc;
}
 
#hmenu ul ul li {
	float: none;
	margin: 0;
	min-width: 160px;
	border-bottom: 1px solid #ddd;
	line-height: 160%;
	text-align:left;
	padding-right: 8px;
    text-indent: -25px;
    padding-left: 30px;
}
#hmenu ul li:hover ul {
	top: 50px;
	z-index: 9;
}
#hmenu ul ul li:hover {
	background: #333;
	color: #fff;
}

/* Online-Shop
// */
#shopfenster {
	padding: 2%; 
	width: 96%; 
	height: 96%;
}
#verlauf {
	margin-bottom: 2em;
	text-align: center;
	font-size: 0.8em;
}
#Spalte {
	float: left;
	width: 49%;
}

/* Warenkorb */
#in_korb {
 float: right;
 width: 50px;
 margin-right: 5px;
}
#warenkorb {
 width: 100%;
 background-image: url(bilder/W-Korb3.jpg);
 margin-bottom: 5px;
 margin-top: -5px;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align: center;
 font-size: 14px;
}
/* für die Warenkorb-Button */
.button {
 margin-top: 0px;
 margin-bottom: -3px;
}
.buttonblue {
	border: 2px solid #003B78;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 2px 3px 2px -1px #444444;
	color: #003B78;
	font-weight: bold;
}
.pfeil {
	width: 10px;
	margin-top: 3px;
	margin-bottom: -3px;
}
hr#wkrechts {
	size: 1px;
}
#sprache {
	margin-top: -3px;
	
	border-bottom: 1px solid grey;
}
#login {
	line-height: 90%;
}
#angemeldet {
	display: none;
	padding-top: 0px;
	border-bottom: 1px solid grey;
}
#angem {
	display: block;
}

.fehler {
color: #ff0000;
}
.hinw {
color: #008844;
}
input {
	font-size: 90%;
}

input#hrefsubmit {
 color : #0052ab;
 background-color: transparent; 
 border: 0; 
 outline-style: none; 
 outline-width: 0;
}
input:hover#hrefsubmit {
 color : #ffffff;
 background-color: transparent; 
 border: 0; 
 outline-style: none; 
 outline-width: 0;
 cursor: pointer;
}




















/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* Umstellung auf linke Spalte und Mitte, keine rechte Spalte                                            */
/* wenn Fenster schmal oder hochkant oder wenn Smartphone                                                */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : portrait), 
only screen and (max-width:900px),
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) {
	#aktuell {
		display: none;
	}
	#linksAktuell {
		display: block;
	}
	#linkeSpalte {
		width: 25%;
	}
	#Spalte {
		float: none;
		width: 99%;
	}
	#workspace {
		width: 74.5%;
		border-right: none;
	}
	#mitteMenu {
		display: block;
	}
	#warenkorb {
		float: right;
		width: 35%;
		border: none;
	}
	#sprache {
		float: right;
		width: 18%;
		border: none;
	}
	#login {
		float: right;
		width: 44%;
		border: none;
	}
	#menucall{
		display: none;
		float: right;
		width: 25%;
	}
	hr#wkrechts {
		display: none;
	}
}


/*-------------------------------------------------------------------------------------------------------*/
/* Ergänzung für Smartphone                                                                              */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) {
	#Smartph {
		display: block;
	}
	#nSmartph {
		display: none;
	}
	input[type='radio']:after {
		width: 1.0em;
		height: 1.0em;
		border-radius: 1.0em;
		position: relative;
		background-color: #d1d3d1;
		content: '';
		display: inline-block;
		border: 2px solid black;
	}

	input[type='radio']:checked:after {
		width: 1.0em;
		height: 1.0em;
		border-radius: 1.0em;
		position: relative;
		background-color: black;
		content: '';
		display: inline-block;
		border: 2px solid white;
	}


}

/*-------------------------------------------------------------------------------------------------------*/
/* Umstellung auf einspaltig                                                                             */
/* wenn sehr schmal oder wenn smartphone hochkant                                                        */
@media only screen and (max-width:550px),
only screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (orientation:portrait) and (min-device-pixel-ratio: 1.5) {
	#container{
		position: relative;
	}
	#aktuell {
		display: none;
	}
	#mitteAktuell {
		display: block;
	}
	#linkeSpalte {
		display: none;
	}
	#login {
		width: 20%;
	}
	#angemeldet {
		display: block;
	}
	#angem {
		display: none;
	}
	#workspace {
		float: none;
		width: 100%;
		border-left: none;
	}
	#menucall {
		float: none;
		display: block;
	}
}
