/******************Reset********************/
* {
	box-sizing: border-box;
}

#body {
	min-height:100vh; /* expand short bodys to full viewportheight */
	max-width:8in;
}

pre,code {
	white-space:pre-wrap;	
}

textarea,.wide {
	width:100%;
}

#body>header>h2>a {
    width: 100%;
	display:block;
}
/******************Datum**********************/
h3>span {
	font-size:0.8rem;
	float:right;
	color:#808080;
}
/******************Menü**********************/
#body>header {
	position: relative;
}
#body>header>nav>ul>li>ul {
	display:none;
	position: absolute;
	right:0.8rem;
	z-index:100;
}
#body>header>nav>ul>li:hover>ul {
	display:block;
	z-index:100;
}
#body>header>nav {
	text-align:right;
}
#body>header>nav li {
	list-style:none;
}
/***************positionierung***************/
#body>section>h2 {
	position:relative;
	left:-0.2rem;
}
#body>section>h2::after {
	content:" {";
}
#body>section::after {
	content:"}";
	position:relative;
	left:-0.2rem;
}
.ad {
	width:100%;
	display:table;
	line-height:0;
}
.ad::before {
	content:"Anzeige";
	display:table-caption;
}
.ad>img {
	height:auto;
	width:100%;
	max-width:100%;
}
/*****************margins/padding************/
body {
	margin:0;
}
#body {
	margin-left:auto;
	margin-right:auto;
	padding:0.5rem;
}

#body>header>nav>ul>li>ul {
	padding:1rem;
}

#body>header>nav>ul>li>ul>li {
	margin:0.5rem;
}

#body>section {
	padding-left:0.2rem;
	padding-right:0.2rem;
	margin-bottom:1.4rem;
}

#body>section>article {
	padding:0.3rem;
	margin-bottom:0.5rem;
}
article:last-child {
	margin-bottom:0;
}
h2,h3,h4,h5,h6 {
	margin-bottom:0.5rem;
}
.ad {
	margin-bottom:1rem;
}
.ad::before {
	margin-bottom:0.5rem;
	padding-left:0.5rem;
}
.special {
	padding:0.1rem;
}

hr {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
/*****************font***********************/
* {
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:0.08rem;
}

html {
	font-size:0.12in;
}

#body>header>h2>a {
	font-size:1.2rem;
}

#body>header>nav>ul>li>ul>li>a {
	font-size:1.2rem;
}

section>h2,section>h2>a,textarea {
	font-size:1rem;
}
section::after {
	font-weight:bold;
	font-size:1rem;
}
h3 {
	font-size:1.2rem;
}
h4,h5,h6 {
	font-size:1rem;
}
.ad::before {
	font-size:0.6rem;
}
a {
	text-decoration:none;
}

a[href="#"]>img {
	vertical-align:bottom;
	height:1.2rem;
}
/*****************colors***********************/
#body {
	background-color:#f0f0f4;
	}
article {
	background-color:#ffffff;
}
#body>header>nav>ul>li>ul,input[type="submit"],.special {
	background-color:#606060;
}
article,article h3,#body>header>nav>ul>li  {
	color:#606060;
}
a {
	color:#4040c0;
}
#body>header>nav>ul>li>ul>li>a,input[type="submit"],.special {
	color:#ffffff;
}
section>h2,section>h2>a,section::after {
	color:#50b060;
}
/****************** borders ********************/
.ad {
	border:1px solid #606060;
	color:#606060;
}
article+.ad {
	margin-top:1rem;
}