body {
  color: #000000;
  background-color: #FFFFFF;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
  margin: 0;
}

p {
  padding-left: 84px;
  padding-right: 84px;
  text-align: justify;
}

ul {
  padding-left: 97px;
  padding-right: 83px;
  text-align: justify;
}

table,td,tr {
  color: #000000;
  background-color: transparent;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
}

#navioben {
  background:url(images/navioben.png);
  height: 54px;
  text-align: center;
}

.headernavi a:link, .headernavi a:active, .headernavi a:visited {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  font-size: 12pt;
  line-height: 54px;
  padding: 13px 15px;
  margin: 0px;
  text-align: center;
  border-left: solid 1px #b8b8b8;
  border-right: solid 1px #000000;
}

.headernavi a:hover {
  color: #0830ac;
  background-color: transparent;
  text-decoration: none;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

.zwischen {
  background-color: #000000;
  background: url(images/zwischen.png) repeat-x;
  height: 11px;
}

.haupttext {
  color: #000000;
  background-color: #FFFFFF;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
  padding: 25px;
}

h1 {
  color: #0830ac;
  background-color: transparent;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 25pt;
  text-align: left;
  padding-bottom: 50px;
}

h2 {
  color: #000000;
  background-color: transparent;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 18pt;
  text-align: left;
  padding-left: 50px;
  padding-top: 20px;
  padding-bottom: 5px;
}

h3 {
  color: #000000;
  background-color: transparent;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10pt;
  text-align: left;
  padding-left: 75px;
  padding-top: 10px;
}

a:link, a:active, a:visited {
  color: #0830ac;
  background-color: transparent;
  text-decoration: none;
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: bold;
}

a:hover {
  color: #0830ac;
  background-color: transparent;
  text-decoration: underline;
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: bold;
}

ul#navigation {
  margin: 0px; 
  padding: 0px;
}
  
ul#navigation li {
  list-style: none;
  margin-bottom: 5px; 
  padding: 0px;
}

ul#navigation a {
  display: block;
  padding: 3px;
  text-decoration: none; 
  font-weight: bold;
  border: 2px solid black;
  color: #FFFFFF; 
  background-color: #555555;
}
  
ul#navigation a:hover {
  border: 2px solid black;
  color: #FFFFFF;
  background-color: #0830ac;
}

a#aufgabenlink {
  display: block;
  width: 597px;
  padding: 10px;
  text-decoration: none; 
  border: 2px solid black;
  color: #FFFFFF; 
  background-color: #0830ac;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

a:hover#aufgabenlink {
  border: 2px solid black;
  color: #000000;
  background-color: #ffffff;
}

a#beweiselink {
  display: block;
  width: 597px;
  padding: 10px;
  text-decoration: none; 
  border: 2px solid black;
  color: #FFFFFF; 
  background-color: #17a303;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 1s; 
  animation-iteration-count: infinite; 
}

@keyframes animation_blink {	   
  0%   {background-color: #17a303; box-shadow: 0 0 25px #17a303;}
  100% {background-color: #555555;}
}

a:hover#beweiselink {
  border: 2px solid black;
  color: #000000;
  background-color: #ffffff;
  animation-duration: 0s; 
}

a#videolink {
  display: block;
  width: 611px;
  padding: 3px;
  text-decoration: none; 
  border: 2px solid black;
  color: #000000;
  background-color: #ffffff;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

a:hover#videolink {
  border: 2px solid black;
  color: #FFFFFF;
  background-color: #0830ac;
}

.unten {
  padding-top: 21px;
  color: #0830ac;
  background-color: #000000;
  font-size: 10pt;
  display: block;
  padding-bottom: 22px;
  border: solid 5px #FFFFFF;
}

.unten2 {
  color: #ffffff;
  background-color: #000000;
}

.uzwischen {
  background: url(images/uzwischen.png) repeat-x;
  height: 11px;
  background-color: #000000;
}

#ulink {
  color: #0830ac;
  background-color: #000000;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 25pt;
  text-align: left;
  padding-top: 45px;
  padding-bottom: 33px;
}

a.thumb {
	background: #666;
	display: block;
	float: left;
	margin: 0 0 0px 0px;
	padding: 5px;
}

a.thumb:hover {background: #0830ac;}

a.thumb2 {
	background: #666;
	display: block;
	float: left;
	margin: 0 0 0px 13px;
	padding: 5px;
}

a.thumb2:hover {background: #0830ac;}

a.thumbm {
	background: #666;
	display: block;
	float: left;
	margin: 0 0 0px 14px;
	padding: 5px;
}

a.thumbm:hover {background: #0830ac;}

table.GeneratedTable {
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 2px;
  border-style: inset;
}

table.GeneratedTable td {
  border-width: 2px;
  border-color: #0830ac;
  border-style: inset;
  padding: 3px;
  color: #000000;
}

table.GeneratedTable th {
  border-width: 2px;
  border-color: #0830ac;
  border-style: inset;
  padding: 3px;
  color: #ffffff;
}

table.GeneratedTable thead {
  background-color: #000000;
}

a#mathematikerlink {
  display: block;
  width: 611px;
  padding: 3px;
  border: 2px solid black;
  color: #ffffff;
  background-color: #733a22;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  text-decoration: none;
}

a:hover#mathematikerlink {
  border: 2px solid black;
  color: #000000;
  background-color: #ffffff;
}

table.ELOTable {
  background-color: #b5b5b5;
  border-collapse: collapse;
  border-width: 2px;
  border-style: inset;
}

table.ELOTable td {
  border-width: 2px;
  border-color: black;
  border-style: inset;
  padding: 3px;
  color: #000000;
}

table.ELOTable th {
  border-width: 2px;
  border-color: black;
  border-style: inset;
  padding: 3px;
  color: #ffffff;
}

table.ELOTable thead {
  background-color: #000000;
}

#animation {
  width: 860px;
  height: 460px;
  background:url(jpganimation/hintergruende.jpg); 
  background-size: cover;
  animation: play 50s steps(10) infinite;
  display: inline-block;
}

@keyframes play {
  100% {background-position: -8600px;}
}

.gaussverstecken {
  display:block;
  width:617px;
  height:273px;
  background:url(jpganimation/gaussfakultaet.jpg);
  background-position:0 0;   
}

.gaussverstecken:hover {
  background-position:0 -273;
}

a#idatenlink {
  display: block;
  width: 597px;
  padding: 10px;
  text-decoration: none; 
  color: #FFFFFF; 
  background-color: #0830ac;
  font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

a:hover#idatenlink {
  color: #ffffff;
  background-color: #17a303;
}

a.ichthumb {
	background: #0830ac;
	display: block;
	float: left;
	margin: 0 0 0px 0px;
	padding: 10px;
	animation-name: animation_blink2;
  	animation-timing-function: ease-in;
  	animation-duration: 1s; 
  	animation-iteration-count: infinite;
}

@keyframes animation_blink2 {	   
  0%  {background: #ffffff;}
  49% {background: #ffffff;}
  50% {background: #0830ac;}
}

a.ichthumb:hover {background: #0830ac; animation-duration: 0s;}

.meintable {
  border: 2px solid black;
  border-collapse: collapse;
}