body {
    background-color: #acd1e9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: normal;
    font-weight: normal;
    color: black;
    text-decoration: none;
}

div.container {
    width: 900px;
    background-color: white;
    border-spacing: 0;
    border: 1px solid black;
    margin: 0px auto;
}

header {
    width: 900px;
    min-height: 167px;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    border-bottom: 1px solid black; 
    margin: 0px;
    padding: 0px;
}

main {
    width: 620px;
    #min-width: 32em;
    min-height: 400px;
    margin-top: 0px;
    margin: 0px auto;
    padding: 10px;
    padding-right: 30px;
    overflow: auto;
}

footer {
    width: 890px;
    background-color: #3c4f7a;
    border-top: 1px solid black;   
    font-size: small;
    color: white;
    text-align: right;
    margin: 0px auto;
    padding: 5px;
    overflow: auto;
}

footer a {
    color: white;
}

footer p {
    float: right;
    margin: 0;
}

nav {
    width: 240px;
    min-height: 400px;
    margin-top: 0px;
    margin: 0px auto;
}

h1,h2,h3,h4,h5,h6,h7,h8 {
    color: #3c4f7a;
    font-variant: small-caps;
}

table#list th {
  padding: 3px 0 3px 0;
  text-align: left;
}

table#list td {
  padding: 3px 0 3px 0;
}

ul.menu {
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 30px;
}

ul.menu li {
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.menu li a {
  color: #3c4f7a;
  font-variant: small-caps;
}

ul.menu li:hover {
  #background-color: #698ad5;
}

ul.submenu {
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 50px;
}

ul.submenu li {
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.submenu li a {
  color: #3c4f7a;
  font-variant: small-caps;
}

ul.submenu li:hover {
  #background-color: #698ad5;
}

@media (min-width: 32em) {
	/* mehrspaltiges Layout für breitere Viewports */
	
	nav {
		float: left;
		width: 15em;
	}
	main {
		margin-left: 15em;
	}
}

@media screen {
  * {
    font-family: Arial, Helvetica, sans-serif;
  }
} 

@media print {
  * {
    font-family: "times new roman", times, serif;
    text-align: justify;
    border: 0;
  }
div.container {
    border: 0px;
}
  body {
    background-color: white;
  }
main {
    width: 800px;
    margin-left: 50px;
}
  nav {
    display: none;
  }
}