@font-face { 
font-family: "DancingScript"; 
src: url("/fonts/Dancing_Script/DancingScript-Regular.ttf"); 
}

body{
  	background-color:#F0FFFF;
  	color:#00008B;
}

a:link, a:visited {
 	text-decoration: none;
	color:black;
}

#headline{
	position: fixed;
	width:90%;
}

summary.imprint{
	font-size: 25px;
}

h1.center{
  	position:relative;
	top:-0.5em;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

h2.center{
  	position:relative;
	top:-2em;
  	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

main {
	position: fixed;
	top: 9em;
}

#item1{
  position:fixed; 
  top:6em;
  left:1em;
  list-style:none;
  background-color:red;
}

#item2{
  position:fixed; 
  top:6em;
  left:11em;
  list-style:none;
  background-color:gold;
}
#item21{
  position:fixed; 
  top:8em;
  left:11em;
  list-style:none;
  background-color:gold;
}

#item22{
  position:fixed; 
  top:10em;
  left:11em;
  list-style:none;
  background-color:gold;
}
#item23{
  position:fixed; 
  top:12em;
  left:11em;
  list-style:none;
  background-color:gold;
}

#item24{
  position:fixed; 
  top:14em;
  left:11em;
  list-style:none;
  background-color:gold;
}
#item25{
  position:fixed; 
  top:16em;
  left:11em;
  list-style:none;
  background-color:gold;
}

#item26{
  position:fixed; 
  top:18em;
  left:11em;
  list-style:none;
  background-color:gold;
}

#item3{
  position:fixed; 
  top:6em;
  left:21em;
  list-style:none;
  background-color:red;
}

#item31{
  position:fixed; 
  top:8em;
  left:21em;
  list-style:none;
  background-color:red;
}

#item32{
  position:fixed; 
  top:10em;
  left:21em;
  list-style:none;
  background-color:red;
}


#item4{
  position:fixed; 
  top:6em;
  left:31em;
  list-style:none;
  background-color:gold;
}

#item41{
  position:fixed; 
  top:8em;
  left:31em;
  list-style:none;
  background-color:gold;
}

#item42{
  position:fixed; 
  top:10em;
  left:31em;
  list-style:none;
  background-color:gold;
}
#item43{
  position:fixed; 
  top:12em;
  left:31em;
  list-style:none;
  background-color:gold;
}


#item5{
  position:fixed; 
  top:6em;
  left:41em;
  list-style:none;
  background-color:red;
}

#item6{
  position:fixed; 
  top:6em;
  left:51em;
  list-style:none;
  background-color:gold;
}

#item7{
  position:fixed; 
  top:6em;
  left:61em;
  list-style:none;
  background-color:red;
}

#item8{
  position:fixed; 
  top:6em;
  left:71em;
  list-style:none;
  background-color:gold;
}

#item1, #item2, #item3, #item4, #item5, #item6, #item7, #item8{
  width:9.5em;
  border:solid black;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  cursor:pointer;
  font-weight: bold;
  color:black;
}

#item21, #item22, #item23, #item24, #item25, #item26, #item31, #item32, #item41, #item42, #item43 {
  width:9.5em;
  border:solid black;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  cursor:pointer;
  color:black;
}

img.full{

  display: block;
  margin-left: auto;
  margin-right: auto;
  width:900px;
  padding-top:10px;
  padding-bottom:10px;
}

img.fulldia{

  display: block;
  margin-left: auto;
  margin-right: auto;
  height:550px;
  padding-top:10px;
  padding-bottom:10px;
}

video.full{
	position: fixed;
	top: 10em;
	left: 15em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top:10px;
  padding-bottom:10px;
}

footer {
  font-family: DancingScript, Helvetica, Arial, sans-serif;
  position:fixed; 
  bottom:1em;
  left:1em;
  text-align:center;
   font-size: 25px;
  font-weight: bold;
  background-color:lightgreen;
  width:200px;
}