body{background-color:#e0fffd;}

*{
	margin:0px;padding:0px;border:solid red 0px;
	box-sizing:border-box;
	color:#3571a5;
	font-size:14px;
	max-width:inherit;
}

.canvas {
	display: table;
	margin:auto;
	max-width:1000px;
}

.canvas,#header,#footer{width:95%;}

/* Header */
#header {
position:fixed;
display:table;
table-layout:fixed;
border-spacing:0.8em;
border:solid blue 0px;
background-color:#e0fffd;
border-bottom:solid 1px #3571a5;
padding:10px 0px;
}

/* Content */
#content{padding-top:160px;padding-bottom:150px;}

div{scroll-margin-top:200px;}

.menu_item{border:solid 1px #3571a5;text-align:center;padding:6px;background-color:#bdffee;margin:-0.4em;font-size:150%;line-height:1em;}
.menu_item:hover{background-color:white;}
.menu_space{display:table-cell;}
.spalte2{margin-left:0px;}
.foto{padding-bottom:30px;float:none;}
.foto img{margin-bottom:10px;float:none;border:solid 1px #3571a5;width:200px;}


/* Breit */
@media (min-width: 36em) {
.canvas,#header,#footer{width:80%;}
#content{padding-top:100px;}
#header{border-spacing:0em;padding:20px 0px;}
#menu {display:table-row;}
.menu_item {display:table-cell;border:solid 1px #3571a5;color:#3571a5;font-size:130%;line-height:1em;padding-top:10px;}
.menu_space{display:table-cell;}
div{scroll-margin-top:140px;}
.zitat{font-size:130%;font-weight:bold;margin:10px 0px 30px 0px;}
*{font-size:18px;}
}

@media (min-width: 50em) {
.foto{width:240px;float:left;}
.spalte2{margin-left:240px;}
}

h1{font-size:120%;background-color:#bdffee;line-height:180%;border-top:solid #3571a5 1px;border-bottom:solid #3571a5 1px;padding-top:3px;}
h2{font-weight:bold;padding-top:15px;}
ul{padding:10px;list-style-type:disc;list-style-position: inside;text-indent:-1em;margin-left:1em;}
p{padding-bottom:10px;}
a{text-decoration:none;font-weight:bold;display:block;}

.foto div{;font-size:80%;}
.zitat{font-size:130%;font-weight:bold;margin:0px 0px 30px 0px;text-align:center;}
.autor{font-style:italic;}
.abschnitt{padding:0px 0px 30px 0px;height:auto;}

#footer{position:fixed;bottom:0px;background-color:#e0fffd;padding-bottom:10px;border-top:solid 1px #3571a5;}
#footer *{font-size:100%;}

#footer,.abschnitt,h1{padding-left:20px;}