/*	--------------------------------------------------------------------------- */
/*	CSS fuer Haufe Publishing eBooks, Version 3.0								*/
/*	--------------------------------------------------------------------------- */
/*	Stand: 16.03.2012, Fabian Kern
/* Stand: 18.10.2013, Sabine Bittmann	
											*/
/*	--------------------------------------------------------------------------- */
/* Entwurf fuer neues Fachbuchlayout / Basis: Agenturentwurf Kochan             */
/*	--------------------------------------------------------------------------- */
/* Integrierte Gestaltungselemente:                                             */
/* - Linierung Ueberschriften                                                   */
/* - Ueberschriften-Praefix blau    																						*/
/* - Abstand und Padding Ueberschriften 
/* ----------------------------------------------------------------------------- */
/* Aenderungen */
/* - untere Rahmenlinien ausgeblendet bei Kastenelementen, denen einen Überschrift mit Linie folgt */
/* - Schnelllesefunktion - rote Kaesten - definiert*/
/* - Inhaltsverzeichnisschnippsel von Christine eingebaut */
/* - 19-06-2013 - sb: praefix für nebenstichwort wieder eingesetzt, border top von h5 weg in die allgemeine Kastendefinition uebernommen */
/* - 04-07-2013 - sb: margin top und bottom bei h1-4 angepasst */
/* - 04-07-2013 - sb: randziffer schnippsel von christine */
/* - 15-10-2013 - sb: Loeschen von auskommentierten alten Definitionen */
/* - 15-10-2013	- sb: Definiton zitatautor */
/* - 15-10-2013 - cm: Definition KASTEN_AO */
/* - 18-10-2013 - sb: Definiton KASTEN_BUCHCODE von Christine */
/* - 22-05-2014 - sb: Farbdefinitionen fuer spans
								



/*	--------------------------------------------------------------------------- */
/*   Fonts																		*/
/*	--------------------------------------------------------------------------- */
/*
@font-face {
	font-family: Delicious;
	src: url(Delicious-Roman.otf);
	font-style: normal;
	font-weight: normal;
}

 @font-face {
	font-family: Delicious;
	src: url(Delicious-Bold.otf);
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: Delicious;
	src: url(Delicious-Italic.otf);
	font-style: italic;
	font-weight: normal;
}

@font-face {
	font-family: Delicious;
	src: url(Delicious-BoldItalic.otf);
	font-style: italic;
	font-weight: bold;
} 
*/
/*	--------------------------------------------------------------------------- */
/* Generelle Definitionen, Fonts, etc. 											*/
/*	--------------------------------------------------------------------------- */

body {	
	
	font-family: Delicious, Verdana, Arial, sans-serif !important;
	font-size: 1em;
	padding-left: 0.5em; padding-right: 1em;
	
}

/*	--------------------------------------------------------------------------- */
/* Header																		*/
/*	--------------------------------------------------------------------------- */


h1, h2, h3, h4 {
	border-top: 1px solid silver;
	padding-top: 0.5em; 
	
}

/*margin bottom von 1.5 em auf 1 em verkleinert*/
h1 {
	font-size: 1.6em; font-weight: bold;
	margin-top: 1.5em; 
	margin-bottom: 1em;
}
/*margin bottom von 2em auf 1,5 em verkleinert bei h2, h3, h4*/
h2 {
	font-size: 1.4em; font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2em; font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1em;
}

h4 {
	font-size: 1em; font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1em;
}

/*span.praefix {
	color: grey;
}*/

/* h5 fuer alle Elemente, die einen Block-Kontext mit padding mitbringen, */
/* hier wird deswegen ein kleiner Wert f�r margin-top gewaehlt.           */

h5 {
	font-size: 1em; font-weight: bold;
	margin-top: 0.5em; margin-bottom: 0.5em; 
}

/* h5 fuer alle Elemente, die keinen Block-Kontext mit padding mitbringen, */
/* hier wird deswegen ein groesserer Wert f�r margin-top gewaehlt.         */

h5.grafik-blk, h5.LISTE {
	font-size: 1em; font-weight: bold;
	margin-top: 0.9em; margin-bottom: 0.4em;
}

/* h6 jetzt auch mit Default-Style */

h6 {
	font-size: 1em; font-weight: bold;
	margin-top: 0.8em; margin-bottom: 0.4em; 
}

h6.ZWISCHENUEBER {
	font-size: 1em; font-weight: bold;
	margin-top: 0.8em; margin-bottom: 0.4em;
}

/* Marginalien: Seit 2.0 ausgeblendet		*/

h6.MARGIN {
	display: none;
}

/* h6.MARGIN {
	font-size: 0.8em; font-weight: normal;
	text-align: left;
	margin-top: 0.8em; margin-bottom: 0.4em;
	padding: 0.2em;
	background-color: #DCDCDC;
	width: 45%;
} */

h6.RZ {
	font-size: 1em; font-weight: bold;
	margin-left: -0.5em;
	margin-top: 0.8em; 
	margin-bottom: 0.4em;
}

/*	--------------------------------------------------------------------------- */
/* Absatz-Elemente, Listen														*/
/*	--------------------------------------------------------------------------- */

p	{
	font-size: 1em; 
	margin-top: 0.4em; margin-bottom: 0.4em; 
	
}

li.ITEM>p.BLOCKSATZ	{
	font-size: 1em; 
	margin-top: 0.4em; margin-bottom: 0.4em; 
}

p.LINKSBUENDIG {
	text-align: left;
}

p.MITTIG {
	text-align: center;
}

p.RECHTSBUENDIG {
	text-align: right;
}

li	{
	font-size: 1em; text-align: left;
}


/* Fix fuer Listendarstellung in Amazon Kindle							*/

li p	{
	font-size: 1em; 
	margin-top: 0em; margin-bottom: 0.4em;
	
}

/* Praefix "  - "  vor einem Absatz der Klasse "nebenstichwort"					*/
p.nebenstichwort:before {
	content:"\00a0\00a0\2013\00a0";
}



/* --------------------------------------------------------------------	*/
/* Sonderbehandlung fuer Absatz in Tabelle: 							*/ 
/* --------------------------------------------------------------------	*/
/* Absatz-Elemente werden hier als span konvertiert wg. iBooks-Bug bei	*/
/* img in Tabellenzellen. Die img-Elemente werden nur dargestellt, wenn */
/* sie sich in der Zelle in einem inline-Element befinden:				*/
/* Deswegen konvertieren wir hier span-Elemente raus, und erzeugen per  */
/* :before-Pseudoelement Umbrueche, wenn span's aufeinander folgen		*/
/* span.ABSATZ bezeichnet hier alle ehemaligen Absaetze, die KEINE		*/
/* explizit gesetzte Ausrichtung hatten.								*/
/* --------------------------------------------------------------------	*/

span.ABSATZ, 
span.BLOCKSATZ, 
span.LINKSBUENDIG, 
span.MITTIG, 
span.RECHTSBUENDIG {
	margin-top: 0.4em; margin-bottom: 0.4em;
}

span  + span.ABSATZ:before, 
span  + span.BLOCKSATZ:before, 
span  + span.LINKSBUENDIG:before, 
span  + span.MITTIG:before, 
span  + span.RECHTSBUENDIG:before {
	white-space:pre; content: "\A"
}

span.ABSATZ, 
span.BLOCKSATZ , 
span.LINKSBUENDIG {
	text-align: left;
}

span.MITTIG {
	text-align: center;
}

span.RECHTSBUENDIG {
	text-align: right;
}

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

table {
margin-right: 0.2em;

width: 100%;
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0px;
border-width: 0px;
}

td {
background-color: inherit;
padding: 0.25em;
font-size: 0.8em;
text-align: left;
vertical-align: top;
border-width: 0px;
}

th {
background-color: silver;
padding: 0.25em;
font-size: 0.8em;
text-align: left;
vertical-align: top;
border-width: 0px;
}

/* Linierungsklassen fuer Tabellenzellen und Header */

.border-1111 {
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

.border-1110 {
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 0px;
}

.border-1101 {
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 0px;
border-left: 1px solid black;
}

.border-1011 {
border-top: 1px solid black;
border-right: 0px;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

.border-0111 {
border-top: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

.border-1100 {
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 0px;
border-left: 0px;
}

.border-0110 {
border-top: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 0px;
}

.border-0011 {
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

.border-1001 {
border-top: 1px solid black;
border-right: 0px;
border-bottom: 0px;
border-left: 1px solid black;
}

.border-1010 {
border-top: 1px solid black;
border-right: 0px;
border-bottom: 1px solid black;
border-left: 0px;
}

.border-0101 {
border-top: 0px;
border-right: 1px solid black;
border-bottom: 0px;
border-left: 1px solid black;
}

.border-1000 {
border-top: 1px solid black;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}

.border-0100 {
border-top: 0px;
border-right: 1px solid black;
border-bottom: 0px;
border-left: 0px;
}

.border-0010 {
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid black;
border-left: 0px;
}

.border-0001 {
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 1px solid black;
}

.border-0000 {
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}

/* Alignment-Klassen fuer Tabellenzellen und Header */

.lefttop {
text-align: left;
vertical-align: top;
}

.leftmiddle {
text-align: left;
vertical-align: middle;
}

.leftbottom {
text-align: left;
vertical-align: bottom;
}

.centertop {
text-align: center;
vertical-align: top;
}

.centermiddle {
text-align: center;
vertical-align: middle;
}

.centerbottom {
text-align: center;
vertical-align: bottom;
}

.righttop {
text-align: right;
vertical-align: top;
}

.rightmiddle {
text-align: right;
vertical-align: middle;
}

.rightbottom {
text-align: right;
vertical-align: bottom;
}

.justifytop {
text-align: justify;
vertical-align: top;
}

.justifymiddle {
text-align: justify;
vertical-align: middle;
}

.justifybottom {
text-align: justify;
vertical-align: bottom;
}

/*	--------------------------------------------------------------------------- */
/* Blockelemente																*/
/*	--------------------------------------------------------------------------- */
div  {
	margin-top: 1.5em; margin-bottom: 1.5em;
}
/* Kastenelement sollen keine Linie unten haben, wenn danach eine Überschriftslinierung folgt */

div.ACHTUNG:last-child  {
	border-bottom: none;
}

div.KASTEN_AO:last-child  {
	border-bottom: none;
}

div.BEISPIEL:last-child  {
	border-bottom: none;
}
div.HINWEIS:last-child  {
	border-bottom: none;
}
div.KASTEN:last-child  {
	border-bottom: none;
}

div.TIPP:last-child  {
	border-bottom: none;
}
div.WICHTIG:last-child  {
	border-bottom: none;
}


/*Kästen für Schnelllesefunktion*/

div.KASTEN_SLF {
	margin-top: 2em; margin-bottom: 2em;
	padding-top: 0em; padding-bottom: 0.5em;
	padding-left: 0.8em; padding-right: 1em;
	border-bottom: 1px solid black;
	background-color: #FCDDCF;
	
}

div.KASTEN_SLF h5{
	margin-top: 0em; margin-bottom: 0.5em;
	margin-left: -0.8em; margin-right: -1em;
	padding-top: 0.5em; padding-bottom: 0.5em;
	padding-left: 0.8em; padding-right: 0.5em;
	border-top: 1px solid black; border-bottom: 1px solid black;
	background-color: #F26650;
	background-repeat: no-repeat;
	
	
}
/* uebrige Kaesten
/* padding, margin und linierung */
/* 18.6. sb border top von h5 weg in die allgemeine Kastendefinition uebernommen*/

div.ACHTUNG, div.BEISPIEL, div.HINWEIS, div.KASTEN, div.TIPP, div.WICHTIG, div.KASTEN_AO,	div.KASTEN_BUCHCODE {
	margin-top: 2em; margin-bottom: 2em;
	
	padding-top: 0em; padding-bottom: 0.5em;
	padding-left: 0.8em; padding-right: 1em;
	
	border-top: 1px solid black; 
	border-bottom: 1px solid black;
	
}

div.ACHTUNG h5, div.BEISPIEL h5, div.HINWEIS h5, div.KASTEN h5, div.TIPP h5, div.WICHTIG h5, div.KASTEN_AO h5	{
	margin-top: 0em; margin-bottom: 0.5em;
	margin-left: -0.8em; margin-right: -1em;
	
	padding-top: 0.5em; padding-bottom: 0.5em;
	padding-left: 1em; padding-right: 0.5em;
	
	background-color: silver;
	border-bottom: 1px solid black;
}
/* uebrige Kaesten */
/* icons*/

div.ACHTUNG h5, div.WICHTIG h5	{
	background-image: url(../Images/image00185.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 5em;
}
div.BEISPIEL h5, div.HINWEIS h5 {
	background-image: url(../Images/image00186.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 5em;
}

div.TIPP h5 {
	background-image: url(../Images/image00187.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 5em;
}
div.KASTEN_AO h5 {
	background-image: url(../Images/image00188.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 5em;
}


div.zitat-blk	{
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

div.ZITATAUTOR {
	text-align: right;
}

div.ANMERKUNG, div.BEGRIFF, div.BUCHUNGSBSP, div.EXKURS, div.FALLBEISPIEL, div.GESTALT, div.LEXIKON, div.STEPBYSTEP, div.VORSCHLAG, div.WARNUNG	{
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	background-color: white;
	margin-top: 2em; margin-bottom: 2em;
	padding-top: 0.5em; padding-bottom: 0.5em;
	padding-left: 0.8em; padding-right: 1em;
}

div.RZABSCHNITT{
	} 
span.RZ{ 
	color: grey; margin-right: 0.5em;
} 


/*	--------------------------------------------------------------------------- */
/* Grafiken, Tabellen und ihre Container										*/
/*	--------------------------------------------------------------------------- */

div.grafik-blk	{

	border-top: 1px solid black;
	border-bottom: 1px solid black;

	margin-top: 1.2em; margin-bottom: 1.5em; 

	padding-top: 1em; padding-bottom: 1em;
	
	}

div.BILDUNTER	{
	font-size: 0.8em; 
	margin-top: 0em; margin-bottom: 0em;
}

div.LEGENDE	{
	font-size: 0.8em; 
	margin-top: 0em; margin-bottom: 0em;
}

p.QUELLE, p.BEARBEITER	{
	font-size: 0.8em; 
	margin-top: 0.4em; margin-bottom: 0.4em;
}

.ZUSATZTEXT {
	font-size: 0.8em; 
}

img	{
	margin-top: 0em; margin-bottom: 0.4em;
}

img.grafik-inl {
	margin-top: 0em; margin-bottom: 0em;
}

/*	--------------------------------------------------------------------------- */
/* Cover-Seiten																    */
/*	--------------------------------------------------------------------------- */

div.cover {
	margin: 0em;
	padding: 0em;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

img.cover	{
	text-align: center;
	vertical-align: middle;
	 
	 
}

/*	--------------------------------------------------------------------------- */
/*   Listen																		*/
/*	--------------------------------------------------------------------------- */

/* Unordered Lists */



ul.PUNKT {
	list-style-type: square;
}

ul.STRICH {
	list-style-image:url(../Images/image00189.gif);
}

ul.PFEIL {
	list-style-image:url(../Images/image00190.gif);
}

/* Ordered Lists */



ol.ROEMISCH {
	list-style-type: upper-roman;
}

ol.ARABISCH {
	list-style-type: decimal;
}

ol.ABC {
	list-style-type: lower-alpha;
}

ol.AABBCC {
	list-style-type: lower-alpha;
}

/* Listen in speziellen Kontexten */

td ol {
	margin-left: 0.2em;
	padding-left: 2.5em;
}

td ul {
	margin-left: 0.2em;
	padding-left: 2.5em;
}
      

/*	--------------------------------------------------------------------------- */
/*  Inline-Elemente																*/
/*	--------------------------------------------------------------------------- */


span.BOLD	{
	font-weight: bold;
}

span.ITALIC	{
	font-style: italic;
}

span.UNDERLINE	{
	text-decoration: underline;
}

span.BOLD-ITALIC	{
	font-weight: bold;
	font-style: italic;
}

span.UNDERLINE-ITALIC	{
	font-style: italic;
	text-decoration: underline;
}

span.BOLD-UNDERLINE	{
	font-weight: bold;
	text-decoration: underline;
}

span.LINETHROUGH	{
	text-decoration: line-through;
}

span.TEXTFORMEL	{
	font-weight: bold;
}

span.fussnote-zeichen a {
	text-decoration: none;
}

span.TIEF { 
	font-size: 0.8em;
	vertical-align: sub; } 
	
span.HOCH {
	font-size: 0.8em;
	vertical-align: super; }
	
span.PLATZHALTER {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted black;
}

span.KAPITELNR {
	display: inline-block;
		color: #005DA5;
	}

/* ------------------------------------------------------------------------- */
/* Inhaltsverzeichnis                                                        */
/* ------------------------------------------------------------------------- */

ol.toc li {
	display: block;
	} 

ol.toc    {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	text-indent : -1.2em;
	margin: 0.5em 0em 0.5em 2.6em;
	} 

ol.toc ol.toc {
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0em 0.5em 2.2em;
	text-indent : -2.2em;
	} 

ol.toc ol.toc ol.toc {
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0em 0.5em 3em;
	text-indent : -2.8em;
	}
	
ol.toc ol.toc ol.toc ol.toc{
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0em 0.5em 3.8em;
	text-indent : -3.6em;
	
}

span.zeichenmarker {
	display: none;
}

span.red {
	color:#F26650;
}

span.blue {
	color:#005DA5;
}

span.grey {
	color:#808080;
}