html {
  height: 100%;
	font-size: 20px;
}

body {
	font-family: Arial, sans serif;
	min-width: 600px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
}

h1 {
  font-size: 1.2rem;
  margin: 0 10px;
}
.clearfix:after {
  content: '';
	display: table;
  clear: both;
}

header {
    background-image: url(../img/schrift.gif);
    height: 100px;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #ba1c1c;
}

/* main-nav */
.main-nav {
  background: #393838;
  padding-left: 175px;
}

.main-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: right;
}


.main-nav li {
  float: left;
  display: block;
}


.main-nav li a,
.main-nav li span {
  padding: 0px 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Arial;
  font-size: 1.25rem;
  line-height: 2em;
  font-weight: bold;
  display: block;
}

.main-nav li a {
    color: darkgray;
}

.main-nav li a.active {
    color: whitesmoke;
}

.main-nav li a:hover {
	background-color: dimgrey;
	color: whitesmoke;
}
/**
 */

/**
 * main
 */
main {
  background: url(../img/bg.gif) left bottom no-repeat #e8e8e9;
  min-height: 400px;
  flex: 1;
  display: flex;
}

/**
 * side-nav
 */
.side-nav__nav1 {
	background-color: #ba1c1c;
}

.side-nav__nav2 {
	background-color: #393838;
}

.side-nav ul {
  list-style: none;
  padding: 10px;
  margin: 1px 0px;
  font-size: 1.25rem;
  line-height: 2em
}

.side-nav li {
  margin-bottom: 5px;
}

.side-nav a {
  color: white;
  text-decoration: none;
}

.side-nav a.active,
.side-nav a:hover {
  text-decoration: underline;
}
/**
 */

/**
 * content
 */
.content {
	max-width: 1200px;
	overflow: auto;
	color: #333;
	padding: 0 20px;
  margin: 0 auto;
}

.content,
.content input {
	font-size: 1.2rem;
}

.add-new-entry,
.link-members,
.link-change {
	display: inline-flex;
	color: #ba1c1c;
	padding: 20px 0;
}

.add-new-entry:visited,
.link-members:visited,
.link-change:visited {
	color: #912626;
}
.add-new-entry:hover,
.link-members:hover,
.link-change:hover {
	color: #e32020;
}
.add-new-entry:active,
.link-members:active,
.link-change:active {
	color: #912626;
}

table {
	border: none;
	border-spacing: 0;
}

.content > table {
	margin: 20px 0;
	padding: 5px 0;
}

.table-icon {
	width: 1.5rem;
	height: 1.5rem;
	padding: 0 5px;
}

.start_td td {
	padding: 0.5em 0;
}

.start_td {
	padding : 25px 10px 45px;
	border-bottom: 1px solid Silver;
}

tr:last-child .start_td {
	border-bottom: none;
}

.info {
	margin: 20px;
	font-style: italic;
}

.error {
	margin: 20px;
	color: red;
}

.list_header{
	font-weight : bold;
}

.list_row1{
	background-color: #F0F0F0;
}

/**
 * Footer
 */
footer {
  height: 3rem;
  background-color: #ba1c1c;
  display: flex;
  justify-content: end;
  align-items: center;
}

footer a {
    color: whitesmoke;
    text-decoration: none;
    font-size: 1.25rem;
}

footer .impressum {
    float: right;
    margin-right: 1em;
}

/**
 */
/**
 * Misc
 */

.logo {
	background: url(../img/logo.gif) left bottom no-repeat;
    height: 120px;
    display: inline-block;
    width: 120px;
}

.pic {
	float: left;
	padding: 5px 15px 15px 5px;
}


.picr {
	float: right;
	padding: 5px 5px 15px 15px;
}
/**
 */