body {
	margin-top: 30px;
	margin-bottom:30px;
	color: #263f4c;
	background-color:#ffffff;
	font-family: 'ubuntu-medium', sans-serif;
	font-size:14pt; 
	background-image:url(../images/hintergrund.jpg);
	background-attachment:scroll;
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

@font-face {
	font-family: 'ubuntu-medium'; src: url('ubuntu-medium.woff2')  format('woff2'); font-style: normal;
}

@font-face {
	font-family: 'ubuntu-mediumitalic'; src: url('ubuntu-mediumitalic.woff2')  format('woff2'); font-style: normal;
}

@font-face {
	font-family: 'ubuntu-Light'; src: url('ubuntu-light.woff2')  format('woff2'); font-style: normal;
}

@font-face {
	font-family: 'ubuntu-lightitalic'; src: url('ubuntu-lightitalic.woff2')  format('woff2'); font-style: normal;
}

@font-face {
	font-family: 'ubuntu-bold'; src: url('ubuntu-bold.woff2')  format('woff2'); font-style: normal;
}

h1, h2, h3 {
	font-family: 'ubuntu-bold';
	text-align: left;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

h1 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 32pt; 
}

h2 {
	font-size: 28pt; 
}

h3 {
	font-size: 24pt; 
}

b {
	font-family: 'ubuntu-bold';
	font-style: normal;
}

i {
	font-family: 'ubuntu-mediumitalic';
	font-style: normal;
}

p {
	text-align:justify;
	font-size:14pt; 
}

p.discl {
	text-align: right;
	margin-top: 50px;
	font-size: 12px;
	font-family: 'ubuntu-mediumitalic';
}

p.zitat {
	margin-left: 30px; 
	font-family: 'ubuntu-mediumitalic';
}

a {
	font-family: 'ubuntu-medium';
	font-size:14pt;
}

a:link, a:visited {color:#263f4c;}

a:active, a:hover {color: #4b6572; text-decoration:none;}

a.verz {
	text-decoration:none; 
	font-size: 18pt;
	font-family: 'ubuntu-bold';
	font-style: normal;
	}

@media print {
a.verz {
	font-family: serif;
	color: black;
	text-decoration:none;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 30px;
	}
}

q
{
	font-size:14pt; 
	quotes: "„" "”" "‚" "’";
}

q.denk
{
	quotes: "‚" "’";
}

hr {
	width:300px;
	height:3px;
	color:#5E879B;
	background-color:#263f4c;
	text-align:center;
	margin-bottom: 50px;
	margin-top: 50px;
}

#haupttabelle {
	margin-left:auto;
	margin-right:auto;
	border-style:none;
	padding:0px;
	width:728px;
	border:solid 1px #89A9B8;
}

#zelle-oben {
	background-color:#89A9B8;
	text-align:center;
	font-family:'ubuntu-bold';
	height:30px;
}

.zd {
	margin-bottom:0px;
	padding-top:3px;
	height:20px;
	font-size:10pt;
	background-color:#89a9b8;
	color:white;
	padding:0px;
	border:0px;
}

#titel {
	background-color:#5E879B;
	background-image:url(../images/titel.svg);
	background-repeat:no-repeat;
	background-position:center;
	line-height:80px;
	vertical-align:middle;
	text-align:center;
}

/* menue oben */

.menu a {
	display: block;
	line-height:30px;
	background-color:#89A9B8;
	color:#ffffff;
	text-decoration:none;
	font-size: 12pt;
	width:121px;
	vertical-align:middle;
	text-align:center;
}

.menu a:hover {
	background-color:#5E879B;
}

.inhalt {
	margin:30px;
	background-color:white;
}

#unten {
	background-color:#89A9B8;
	text-align:right;
	vertical-align:bottom;
	height:30px;
	color: white;
	font-size:10pt;
}

img.weiter {
	display: block;
    margin: 20px auto;
}

img.oben {
	float: right;
}

img.dot {
	display: block;
    margin: 50px auto;
	clear: both;
}

img.abs {
	display: block;
	margin: 1em auto;
	clear: both;
}
img.abs-d {
	display: none;
}

img.trenn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	clear: both;
}

img.zitat {
	float: left;
	width: auto;
	height: auto;
}

img.mi {
	display: block;
	margin: 20px auto;
	width: 680px;
}

img.baustelle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 200px;
	clear: both;
}

img.re {
	float: right;
	width: 300px;
	height: auto;
	margin: 10px 0 10px 20px;
}

img.re150 {
	float: right;
	width: 150px;
	height: auto;
	margin: 10px 0 10px 20px;
}

img.li {
	float: left;
	width: 300px;
	height: auto;
    margin: 10px 20px 10px 0;
}

img.li150 {
	float: left;
	width: 150px;
	height: auto;
    margin: 10px 20px 10px 0;
}

.oben {
    width: 14px;
    height: 100px;
    text-decoration: none;
    display: block;
    background: url('../images/oben.svg');
	float: right;
}
.oben:hover, .oben:active {
    background-position: 0px -100px;
}

.druck {
    width: 50px;
    height: 75px;
    text-decoration: none;
    display: block;
    background: url('../images/druck.svg') 0px -75px;
	float: left;
	margin-bottom: 10px;
	clear: both;
}
.druck:hover, .druck:active {
    background-position: 0px 0px;
}

.hide {
    width: 30px;
    height: 30px;
    text-decoration: none;
    float: left;
    background: url('../images/space.gif');
}

.confucktion {
    width: 600px;
    height: 750px;
    margin: auto;
    text-decoration: none;
    display: block;
    background: url(../images/confucktion.svg) 0px 0px;
}

.confucktion:hover, .confucktion:active {
    background-position: 0px 750px;
}
                		

@media print {

	body {
		font-size: 1em;
		margin:0px;
		font-family: sans-serif;
		color: black;
	}

	img {
  		page-break-inside: avoid;
	}
	
	img.mi {
		width: 340px;
	}

	.menu, .dia {
		display: none;
	}

	p, h1, h2, h3 {
		font-family: serif;
		margin:6px 0px;
	}

	h1, h2, h3 {
		page-break-after: avoid;
	}

	h1 {
		text-align: left;
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3 {
		font-size: 1.0em;
	}

	p.zitat {
		font-weight: bold;
		font-family: serif;
		font-size:1em;
	}

	#haupttabelle {
		width: inherit;
		border: none;
	}

	.inhalt {
		margin:0px;
	}

	ol, ul {
		padding-left: 1.5em;
	}

	li {
		margin:6px 0px;
	}

	hr {
		margin-top:10px;
		margin-bottom:10px;
	}

	b {
		font-family: serif;
	}

	i {
		font-family: serif;
		font-style: oblique;
	}


	
img.abs-d {
	display: block;
	margin: 0 auto;
	clear: both;
	}
	img.abs {
		display: none;
	}
}