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

/* base typography */
html
{
	/*color: #444;*/
	font-size: 16px;
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Liberation Sans", sans-serif;
	padding: 0;
	margin: 0;
}

/* links */
a {color: #369; text-decoration: none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}

/* universal margin-bottom */
h1,h2,h3,h4,h5,h6,hgroup,
ul,ol,dd,
p,figure,
pre,table,fieldset,hr,form
{
	margin-top: 0;
	margin-bottom: 24px;
	margin-bottom:1.5em;
}

ul ul {margin-bottom: 0;}

/* font -sizes */

.small, small
{
	font-size: 14px;
	font-size: 0.875em; /* 14px */
	line-height: 1.714; /* 24px */
}

h1, .header
{
	font-size: 48px;
	font-size: 3em; /* 48px */
	line-height: 1; /* 48px */
}

h2, .sub-header
{
	font-size: 32px;
	font-size: 2em; /* 32px */
	line-height: 1.5; /* 48px */
}

h3, .big, big
{
	font-size: 24px;
	font-size: 1.5em; /* 24px */
	line-height: 1; /* 24x */
}

h4, h5, h6
{
	font-size: 16px;
	font-size: 1em;
	line-height: 1.5;
}

/* utils */

.quiet {color: #bbb;}

hr
{
	height: 1px;
	width: 100%;
	border: none;
	background: #ccc; /* Old browsers */
}

/** grid **/

.container
{
	width: 1024px;
	margin: 48px auto;
	margin: 3em auto;
}

.row
{
	font-size: 0px;
	margin-left: -24px;
	margin-left: -1.5em;
}

.s1, .s2, .s3, .s4
{
	display: inline-block;
	font-size: 16px;
	font-size: 1em;
	margin-left: 24px;
	margin-left: 1.5em;
	zoom: 1;
}


/* column widths */
.s1 {width: 238px;}
.s2 {width: 500px;}
.s3 {width: 762px;}
.s4 {width: 1024px;}

/* column offsets */
.p1 {margin-left: 286px;}
.p2 {margin-left: 548px;}
.p3 {margin-left: 810px;}

/* vertical alignment */
.t {vertical-align: top;}
.m {vertical-align: middle;}
.b {vertical-align: bottom;}

/* horizontal alignment */
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}

@media screen /*(max-width: 768px)*/
{
	.container, .s1, .s2, .s3, .s4, .row {width: auto; margin-left: 0;}
	.container
	{
		margin: 48px 24px;
		margin: 3em 1.5em;
	}
}

pre { background-color: #ffffdd;}

#footer-text {
	display:none;
}
body {
	margin: 10px auto;
	font-family: 'Liberation Sans', sans-serif;
	max-width: 17cm;
	counter-reset: kapitel;
}
pre, .monospaced {
	font-family: 'Liberation Mono', monospace;
}
tt { font:inherit;}
h2 {
	counter-reset: ukapitel;
	page-break-after: avoid;
}

h2:before {
	counter-increment: kapitel;
	content: counter(kapitel) ") ";
}

h3:before {
	counter-increment: ukapitel;
	content: counter(kapitel) "." counter(ukapitel) ") ";
}
/*
pre, p, div.monospaced, div.listingblock {
	page-break-inside:avoid;
}
*/
h2, h3 {
	page-break-after:avoid;
}
div.sect2 {
	page-break-inside:avoid;
}

#footnotes hr {
	display:none;
}
pre {
	white-space: pre-wrap;
}
div { margin:0;}


.literalblock .content, listingblock .content { background: #f4f4f4; border: .125em solid silver; border-left: 5px solid #e0e0e0; }
.literalblock .content, listingblock .content { border: .125em solid #e0e0e0; border-left: .625em solid #e0e0e0; }

.listingblock .content { background: #f4f4f4;   border: .125em solid silver; border-left: 5px solid #e0e0e0; }

.ulist, li p { margin:0;}
 
.content { padding:0;}
.admonitionblock, .listingblock, .sidebarblock, .exampleblock, .tableblock, .literalblock {
    margin: 0 0 1.5em 0 ;
}
.highlight pre { margin:0;}
div.content, pre  { border-top:0; border-bottom:0; border-right:0;}
.literalblock .content, .listingblock .content { padding: .625em .5em; margin-bottom:0; }
.paragraph {  margin:0;}
.listingblock pre, .literalblock pre {margin:0;} 
.monospaced { font-size:inherit;}
code { font: inherit; }
.br img, bl img, img { width:100%; vertical-align:top;}
figure, img { page-break-inside:avoid;}
.br figcaption { display:block; }
.br { float:right; margin-left:.5em; display:inline; background-color:#ccccff;}
figcaption { padding:0 .2em; font-style: italic; text-align:center;}

.newpage { page-break-after: always;}
.clear { clear:both;}
.bl { float:left; border-right:solid .5em white;}
.b10 { width:10%; }
.b20 { width:20%; }
.b30 { width:30%; }
.b40 { width:40%; }
.b50 { width:50%; }
.b60 { width:60%; }
.b70 { width:70%; }
.b80 { width:80%; }
.b90 { width:90%; }
.b15 { width:15%; }
.b25 { width:25%; }
.b36 { width:35%; }
.b45 { width:45%; }
.b55 { width:55%; }
.b65 { width:65%; }
.b75 { width:75%; }
.b85 { width:85%; }
.b95 { width:95%; }

.bc33 { float:right; margin:.5em; width:33%; margin:0 33%;}

p {
	widows:10;
	orphans:10;
}
figure { display:block;margin:0;padding:0; margin-bottom:1.5em;}

@media print {
	@page {
		size: A4 portrait;
		/*margin: 20mm;*/
		margin: 7mm;
		padding-top:1em;
		padding-bottom:1em;
		border-top:solid .3pt black;
		border-bottom:solid .3pt black;

		@bottom-left {
			content: 'PDF oder HTML aus einer Textdatei erzeugen';
			font-size: 12pt;
			font-family: 'Liberation Mono';
			vertical-align:top;
		}
		@bottom-right {
			content: "Seite " counter(page) " von " counter(pages);
			font-size: 12pt;
			font-family: 'Liberation Mono';
			vertical-align:top;
		}

	}
}