/*	--------------------------------------------------------------------------- */
/*	CSS fuer Haufe Publishing eBooks, Version 2.2								*/
/*	--------------------------------------------------------------------------- */
/*	Stand: 16.03.2012, Fabian Kern												*/
/*	--------------------------------------------------------------------------- */

/*	--------------------------------------------------------------------------- */
/* Generelle Definitionen, Fonts, etc. 											*/
/*	--------------------------------------------------------------------------- */

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

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

h1 {
	font-size: 1.6em; font-weight: bold;
	margin-top: 1.5em; margin-bottom: 0.9em;
}

h2 {
	font-size: 1.4em; font-weight: bold;
	margin-top: 1.5em; margin-bottom: 0.9em;
}

h3 {
	font-size: 1.2em; font-weight: bold;
	margin-top: 1.5em; margin-bottom: 0.9em;
}

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

/* 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.4em;
}

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

h5.medium-blk, 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;
}

p.BLOCKSATZ {
	text-align: left;
}

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.2em; margin-bottom: 1.2em;
}

div.ACHTUNG	{
	border-left: 1em solid gray;
	background-color: silver;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;

}

div.BEISPIEL	{
	border-left: 2px solid gray;
	border-bottom: 2px solid gray;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;

}

div.HINWEIS	{
	border: 1px solid gray;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

div.KASTEN	{
	border: 1px solid black;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

li div.KASTEN	{
	border: 1px solid black;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

div.TIPP	{
	border: 1px solid black;
	background-color: silver;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

div.WICHTIG	{
	border-left: 1em solid gray;
	background-color: silver;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

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

div.ANMERKUNG, div.BEGRIFF, div.BUCHUNGSBSP, div.EXKURS, div.FALLBEISPIEL, div.GESTALT, div.LEXIKON, div.STEPBYSTEP, div.VORSCHLAG, div.WARNUNG, div.UEBERBLICK ,div.GESETZE, div.FALLEN, div.PUNKTE, div.KURZUEBERSICHT, div.PRAXIS-LINKS	{
	border: 1px dotted black;
	background-color: white;
	padding-top: 0.4em; padding-bottom: 0.4em;
	padding-left: 0.8em; padding-right: 1em;
}

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

div.medium-blk, div.grafik-blk	{
	margin-top: 1.2em; margin-bottom: 1.5em;
}

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.medium-inl, 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;
	max-height: 80%;
	max-width: 80%;
}

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

/* Unordered Lists */

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

ul.STRICH {
	list-style-image:url(liste-strich.gif);
}

ul.PFEIL {
	list-style-image:url(liste-pfeil.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.LINETROUGH	{
	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;
}

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

ol.toc li {
	display: block;
} 

ol.toc    {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin: 0.5em 0em 0.5em 0.5em;
	padding: 0;
} 

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

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