@charset "UTF-8";
/* CSS Document */

/* set border 0 as default */
* {
	margin:0;
	padding:0;
	border:none;
}

/* Seiten-Aufbau (Layout) */
html {
	height:99%;
}

body {
	overflow:auto;
	/*display: flex;
	flex-direction: column;*/

}


header, footer {
	padding:0px 12px 12px 12px;
}

main {
  padding: 0px 12px 0px 12px;
  border:1px solid #eeeeee;
}

.container {
    /*border:1px solid red;*/
    max-width:1080px;
    margin-left:auto;
    margin-right:auto;
}


header {
	min-height:36px;
	/*border:1px solid blue;	*/

}

main {
	display:flex;
	flex-direction:column;
	min-height:100%;
}

ul {
  list-style-type: none;
  margin-top:12px;
}

li {
  margin-top:8px;
  margin-bottom: 8px;
}

footer {
  	bottom: 0;
  	text-align: left;
}


section {
	display:flex;
	width;100%;
	flex-direction:column;
	align-items: flex-start;
}

article {
	border:1px solid #bbb;
	border-radius:8px;
	margin: 4px;
	display:flex;
	flex-direction:column;
	padding:8px;
}