body {
	color:						black;
	background-color:	white;
	background:	linear-gradient(#8CF, #FFF 30em, #FFF);
	background-repeat: no-repeat;
}
h1, h2 {
	text-align:				center;
}
div.c > img {
	border:						none;
	padding:					5px;
}
li img, table img {
	border:						none;
	padding:					5px;
	float:						left;
}
hr {
	width:						100%;
	height:						3px;
}
table.main {
	table-layout:			fixed;
	border:						none;
	width:						100%;
	border-spacing:		5px;
	border-collapse:	separate;
}
table {
	border:						none;
	border-spacing:		5px;
	border-collapse:	separate;
}
td {
	text-align:				left;
	vertical-align:		top;
}
td.l {
	text-align:				left;
	vertical-align:		middle;
}
td.c {
	text-align:				center;
	vertical-align:		middle;
}
td.c-s {
	text-align:				center;
	vertical-align:		middle;
	font-size:				small;
}
td.r {
	text-align:				right;
	vertical-align:		middle;
}
div.c {
	text-align:				center;
}
dd { 
	margin-bottom:		3mm;
}
.longlist {
	/* column-count is CSS 3, but mozilla implements it already with different
	 * name
	 */
	column-count: 2;
	-moz-column-count: 2;
}

.floatleft {
	float: left;
}

.broken_url {
    color: #0000EE;
    text-decoration: line-through;
}

main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  /* align-items: flex-start; */
}

section {
  border-style: solid;
  border-color: #C00810;
  margin: 1em;
  border-radius: 1em;
  box-shadow: 10px 10px 5px #888888;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #FFF;
}

.logo {
  float: right;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 0.5em;
  margin-left: 0.5em;
  margin-top: 1em;
  background-color: #FFF;
  box-shadow: 0em 0em 0.3em #DDD;
}

a {
  color: #C00810;
  text-decoration: none;
}

a:hover {
  text-decoration: underline solid;
}

a:visited {
  color: #700810;
}

footer {
  border-style: solid;
  border-color: #C00810;
  margin: 1em;
  border-radius: 1em;
  box-shadow: 10px 10px 5px #888888;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #FFF;
  font-size: 90%;
	background:	linear-gradient(135deg, #8CF, #FFF 15em, #FFF);
  flex: auto;
}

footer.narrow {
}

footer.wide {
}

/* clearfix */
footer:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  /* font-size: 0; */
  clear: both;
  margin: 1em;
  border: solid white 0.01px;
}

.question {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 3em;
  max-width: 37em;
}

.answer {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 3em;
  max-width: 37em;
}

ul {
  list-style-type: none;
  padding-left: 0em;
  max-width: 40em;
}
li {
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  box-shadow: 0em 0em 0.3em #DDD;
  padding: 0.2em;
}

dl {
  max-width: 40em;
}

/*
	Local Variables:
	mode: css
	indent-tabs-mode: t
	tab-width: 2
	fill-column: 78
	End:
	vim:sw=2 ts=2 ai tw=78 expandtab
*/