/* CSS fuer die EPUB-Titel der Stiftung Warentest */
/* Version: 2.0									  */
/* Stand: 09.11.2017                              */






/* Ueberschriften */

h1, h2  {
	font-family: sans-serif;
	border-bottom-width:0.1em;
        border-bottom-style:solid;
        border-bottom-color:#708090;
	padding-bottom: 0.2em;
}




h3, h4, h5, h6 {
	font-family: sans-serif;
}



h5.Bildunterschrift-80 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

h5.Bildunterschrift-60 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}







/* CSS fuer VORSPANN */

.vorspann_1 {
    font-family: sans-serif;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-left:1em;
    margin-top:1em;
    margin-bottom:3em;
}


.vorspann_2 {
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    margin-left:1em;
    margin-top:1em;
    margin-bottom:1em;
}



/* CSS fuer TEXTFORMAT */

.versal {
text-transform: uppercase; }


.Zeilenabstand {
    font-size:200%;
    line-height:40%;
    font-style:normal;
    margin-top:0em;
    }


/* Grundschrift-Definition */

.p {
	font-size: 1em;
	line-height: 1.2em;
	widows:2;
	orphans:2;
}


.punkte {
    margin-left:1em;
    
}


.liste {
    margin-left:1em;
    
}




/* Print-Only-Inhalte */

.print-only {
	display:none;
}



/* CSS fuer ZITATE */


.quote {
    font-family: sans-serif;
    list-style-type:none; 
    border-left-width:0.2em;
    border-left-style:solid;
    border-left-color:#708090;
    margin-left:0.5em;
    padding:1em;
    page-break-inside:avoid;
    widows:2;
    orphans:2;
}



/* CSS fuer INFOPASSAGE */


.info_head  {
    font-family: sans-serif;
    list-style-type:none; 
    border-bottom-width:0.2em;
    border-bottom-style:solid;
    border-bottom-color:#708090;    
    margin-left:1.5em;
    margin-right:3em;
    padding:1em;
    color:#850a26;


}

.info_text  {
    font-family: sans-serif;
    font-size: 0.8em;    
    list-style-type:none; 
    border-left-width:0.2em;
    border-left-style:solid;
    border-left-color:#708090;
    border-bottom-width:0.2em;
    border-bottom-style:solid;
    border-bottom-color:#708090;
    margin-left:1.5em;
    margin-right:3em;
    padding:1em;
    page-break-inside:avoid;
    color:#850a26;
}





.info_liste  {
    font-family: sans-serif;
    font-size: 0.8em;    
    border-left-width:0.2em;
    border-left-style:solid;
    border-left-color:#708090;
    border-bottom-width:0.2em;
    border-bottom-style:solid;
    border-bottom-color:#708090;
    margin-left:1.5em;
    margin-right:3em;
    padding:1em;
    page-break-inside:avoid;
    color:#850a26;
}




/* CSS fuer AUFZÄHLUNGSZEICHEN */

.liste {
list-style-type:square; }

.liste-kreis-voll {
list-style-type:disc; }

.liste-kreis-leer {
list-style-type:circle; }

.liste-kein {
list-style-type:none; 
margin-left:0;
padding-left:0;
}



/* Initial */
.first {
	font-size: 1.3em;
	line-height: 1.5em;
}



/* neu: Liste als Kasten */

ul.liste-kein {
list-style-type:none; 
margin-left:0;
padding:0.5em;
border:1px solid green;
}






/* CSS fuer TRENN-LINIEN */

.linieOben {
border-top:solid;
width:100%;
padding-top:1em
}

.linieUnten {
border-bottom:solid; 
width:100%; 
padding-bottom:1em
}






/* CSS fuer KAESTEN */

.box {
  background-color: #E0E0E0;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 10%;
}

.Infokasten {
    font-family: sans-serif;
    border-top-width:0.5em;
    border-top-style:solid;
    border-top-color:#708090;
    background-color:#e0e0e0;
    padding:1em;
    list-style-type:disc;    
    font-size:0.9em;
    page-break-inside:avoid;
    widows:2;
    orphans:2;
}

div.Infokasten p {
    margin: 0;
}






/* CSS fuer TABELLE */

table {
	font-family: Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid black;
	width:100%;
}

td {
	padding:0.5em;
	vertical-align:top;
	text-align:left;
	border: 1px solid black;
}

td p, td h3 {
	margin: 0;
}

.Tabellen-Titel td {
	background-color:#a3adb2;
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:bold;
}

.Tabellen-Kopf, tr.Tabellen-Kopf td {
	background-color: #E0E0E0;
}

.Tabellen-Fuss td {
	padding:0.5em;
	vertical-align:top;
	text-align:left;
	font-size:0.9em;
	border: 1px solid black;
}




/* CSS fuer TEXTFARBEN, bitte kein strahlendes Blau verwenden, da diese Farbe als Link angezeigt wird!!! */

.rot {
color:#850a26; }


.grau {
color:#caced3; }


.blau {
color:#0076be; }

.medi {
color:#0f9cbc; }


.blaulink {
color:#0000ff; }

.gruen {
color:#648937; }

.gruen2 {
color:#2d3e19; }

.orange {
color:#ffa500; }

.yellow {
color:#ffff00; }