.stil1 {color:#000000; font-family:arial,tahoma,verdana,helvetica; font-size:22px; 
}
.stil2 {color:#009900; font-family:Monotype Corsiva; font-size:22px; 
}
.stil3 {color:#111ccc; font-family:arial,tahoma,verdana,helvetica; font-size:30px; font-weight:bold;
}
}
.stil4 {color:#000099; font-family:arial,tahoma,verdana,helvetica; font-size:12px; font-weight:bold;
}
}
.stil5 {color:#990000; font-family:arial,tahoma,verdana,helvetica; font-size:12px; font-weight:bold;
}
}
.stil6 {color:#000000; font-family:arial,tahoma,verdana,helvetica; font-size:12px; font-weight:bold;
}
}
.stil7 {color:#990000; font-family:arial,tahoma,verdana,helvetica; font-size:42px; font-weight:bold;
}
}
.stil8 {color:#000000; font-family:arial,tahoma,verdana,helvetica; font-size:30px; 
}
}
.stil9 {color:#000000; font-family:arial,tahoma,verdana,helvetica; font-size:22px; 
}
/* Hintergrundfarbe */
.hg {background-color:#5EC5E5;
}
/*
 a:link{color:#817f84;}
 a:visited{color:#817f84;}
 a:hover{color:#111ccc;}
 a:active{color:#00cccc;}
 .menu {text-decoration:none; font-family:arial,tahoma,verdana,helvetica; font-size:16px; text-decoration:none; color:#817f84; font-weight:bold;}
 .vorschau-button {width:230px; height: 40px; background-color:#00ff00;color:black; border:solid 1px #ffaa22;cursor:hand; font-family:Monotype Corsiva; font-size:22px; }
 .hover{width:230px; height: 40px; background-color:#009900;color:black; border:solid 1px #ffaa22;cursor:hand; font-family:Monotype Corsiva; font-size:22px;}
*/ 
 
 .navbox {position:absolute; top:245px; width:935px; left:580px; margin-left: -510px;  
}

/* Hintergrundfarbe*/
body {
  background: #041463;
}

/* Links ohne Unterstrich und Blaufärbung*/
.link {font-family:Arial, Helvetica, sans-serif; color:#EE7F08; font-weight:bold; text-decoration:none}

/*Navigationsmenü*/
* {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
}

nav {
  float:left;
  width: 100%;
  background: #EE7200;
  font-size: 17px;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  color: #fff;
  text-decoration: none;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #fff;
  transition: 0.5s;
}

nav ul li a {
  padding: 10px;
}

nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

nav ul li:hover {
  background: #5EC5E5;
}

nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #EE7F08;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #fff;
}

nav ul ul li a {
  padding: 10px 20px;
}

nav ul ul li:last-child {
  border-bottom: none;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}