html, body {
height: 100%;
}

body {
margin: 1%;
font-size: 80%;
font-family: verdana;
color: #000;
background-color: lightgrey;
}

#container {
margin: 0% 0%;  /*oben-unten, seite  */
/* background-color: yellow; */
height: 97%;
background-image: url(back6.jpg);
border: 1px solid #888;
}

#header {
/*background-color: white;*/
border-bottom: 1px solid #333;
padding: 5px;
}

#header h1 {
margin: 0;
padding: .5em;
}

#content-center {

padding: 1em;
margin: 1em;
font-size: 110%;
text-align: center;
vertical-align: middle;
}

#content-left {
padding: 0.3em;
margin: 0.3em;
font-size: 80%;
text-align: left;
vertical-align: middle;
}

#content-iframe-70{
padding: 0.3em;
margin: 0.3em;
height: 75%;
vertical-align: middle;
}

#content-iframe-80{
padding: 0.3em;
margin: 0.3em;
height: 83%;
vertical-align: middle;
}

#content-iframe-90{
padding: 0.3em;
margin: 0.3em;
height: 92%;
vertical-align: middle;
}

#footer {
clear: both;
background-color: blue;
padding: 0.5em;
text-align: right;
border-top: 1px solid #333;
}

a {
color:navy;
}

a:hover{
COLOR: #ff00ff;
}

#p1 #i1 a,
#p2 #i2 a,
#p3 #i3 a,
#p4 #i4 a,
#p5 #i5 a,
#p6 #i6 a,
#p7 #i7 a,
#p8 #i8 a,
#p9 #i9 a,
#p10 #i10 a {
color: black;
/*border: 3px solid #fff;*/
}

p {
margin-top: 5px;
margin-bottom: 5px;
font-size:1em;
}

#navcontainer ul
{
text-align: left;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 10px;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #00CCFF;
color: white;
font-family: verdana;
font-weight: normal;
font-size: 125%;
line-height: 25px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
/* matches link padding except for left and right */
padding-top: 0px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 0px;
color: yellow;
text-decoration: none;
}

#navcontainer ul li a:hover
{
/* background-color: #369; */
color: blue;
}


#subnav a
{
margin-right: 1em;
color: red;
font-size: 90%;
font-family: verdana;
color: blue;
/* background-color: black; */
text-decoration: none;
}

#subnav a:hover{
text-align: left;
padding-bottom: 10px;
padding-left: 5;
margin-top: 3;
margin-left: 3;
color: black;
/* background-color: black; */
text-decoration: none;
}

#styleswitch{
font-size: 70%;
text-align: left;
text-decoration: none;
}

.box
  {
  position: absolute;
  left: 70%;
  top: 350px;
  width: 100px;
  height: 100px;
  margin-left: 0px;
  margin-top: -50px;
  background: url(frog_R_150ms.gif) no-repeat ;
  animation: circular 90s linear infinite;
  }

@keyframes circular
  {
  from { transform: rotate(0deg) translateY(-210px) rotate(0deg);}
  to   { transform: rotate(360deg) translateY(-210px) rotate(0deg); }
  }