/*@charset "UTF-8";*/

body, h1, h2, h3, h4, h5, h6, table, tr, th, td, dl, dt, dd 
	{ 
	margin : 0;
	font-size : 1em; 
	font-weight : normal; 
	word-spacing : normal; 
	letter-spacing : normal; 
	text-decoration : none; 
	text-transform : none; 
	text-indent : 0; 
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height : 1.4em; 
	color : black; 
	background : #FFFFEF;
	border-color : black; 
	border-style : none;
	border-collapse : collapse; 
	} 


small {	font-size : 0.8em} 

big   { font-size : 2.4em} 

pre   { font-family : "Courier New", monospace;
	    font-size:	0.9em;
	} 

ol li { list-style-type : decimal} 

ol ol li { 
	list-style-type : lower-alpha} 

ol ol ol li { 
	list-style-type : lower-roman} 

em   { font-style : normal; 
	font-weight : bold; 
	color : black; 
	} 

strong { 
	font-style : italic; 
	font-weight : bold; 
	color : black; 
	}
 
em strong, strong em { 
	text-transform : uppercase; 
	font-style : normal; 
	font-weight : bolder; 
	color : black; 
	} 

b    { font-weight : bold} 

i    { font-style : italic} 

col, colgroup, table, tbody, td, th, tr 
	{ 
	color : black; 
	text-decoration : none; 
	border-color : black; 
	border-style : none; 
	}
 
a:link, a:visited, a:active 
	{ 
	text-decoration : none; 
	font-weight : normal; 
	color : #009; 
	} 

a:hover { 
	text-decoration : none; 
	font-weight : normal; 
	color : #003; 
	background : #ff9; 
	}
 
 a.img, img {border-style : none}
 
h1, h2, h3, h4, h5, h6 { 
	font-weight : normal; 
	word-spacing : normal; 
	letter-spacing : normal; 
	text-decoration : none; 
	text-transform : none; 
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	} 

h1 {	
	color : rgb(128, 0, 0); 
	font-size : 2em; 
	margin-top : 0.1em; 
	margin-bottom : 0.1em; 
	position:relative;
	} 

h2, dt { 
	color : rgb(0, 0, 128); 
	font-size : 1.4em; 
	margin-top : 0.75em; 
	margin-bottom : 0.25em; 
	} 

h3 { 	
	font-size : 1.3em; 
	margin-top : 0.25em; 
	margin-bottom : 0.25em; 
	padding-top : 0; 
	padding-bottom : 0; 
	border-top : 0; 
	border-bottom : 0; 
	} 

h4 { 	font-size : 1.2em} 
h5,dt {	font-size : 1.15em} 

h6 { font-family: Arial; font-size: 2.2em; color: #00a; text-align: center; padding:0.5em } 

h4, h5, p, blockquote, fieldset, form, ul, ol, dl, dir, menu 
	{ 
	margin-top : 0.25em; 
	margin-bottom : 0.25em; 
	} 
	
hr { 	
	color : #333; 
	margin-top : 0.25em; 
	margin-bottom : 0.25em; 
	height : 1px; 
	clear: both;
	}
 
div, center, col, colgroup, table, tbody, td, tfoot, th, thead, tr 
	{ 
	margin-top : 0; 
	margin-bottom : 0; 
	padding-top : 0; 
	padding-bottom : 0; 
	border-top : 0; 
	border-bottom : 0; 
	} 

td,th { line-height : 1.33em} 

p { padding-top    : 0.25em; 
	padding-bottom : 0.25em; 
	}
 
blockquote { 
	margin-left : 1.58em; 
	margin-right : 0; 
	padding-left : 0; 
	padding-right : 0; 
	border-left : 0; 
	border-right : 0; 
	} 

ul, ol, li { 
	margin-left : 0; 
	margin-right : 0; 
	padding-left : 0; 
	padding-right : 0; 
	border-left : 0; 
	border-right : 0; 
	line-height : 1.33em; 
	} 
ol { 	margin-left : 2em} 
ul { 	margin-left : 1em} 
dd { 	margin-left : 1em; 
	margin-right : 0; 
	padding-left : 0; 
	padding-right : 0; 
	border-left : 0; 
	border-right : 0; 
	text-indent : 0} 

table, td, th, caption { 
	text-align : left; 
	vertical-align : top; 
	margin : 0; 
	padding : 0.5em; 
	} 

pre { 
	font-family : "Arial", "Helvetica";  /*"Courier New", monospace; */
	font-size : 1em;
	margin-top : 0; 
	margin-bottom : 0.75em; 
	margin-left : 0; 
	margin-right : 1em; 
	padding : 0.75em; 
	border-style : solid; 
	line-height : 1.25em; 
	background : #fff; 
	border-width : 1px;
	border-color : black; 
	/*width : 80%; geht nicht bei Mozilla*/
	float:left; 
	} 

samp {
	font-family: "Lucida Console", Courier, monospace;
	font-size : 1em;
}

img {
	padding:0;
	text-size-adjust: auto;
	} 

.rand { 
	padding : 1em; 
	border-style : solid; 
	line-height : 1.25em; 
	background : #ffffff; 
	border-width : 1px;
	border-color : black; 
	} 

html {
     margin: 0; padding: 0;
     background : #fff;  
	 }
	  
body { 
	 background: #fff;
     } 
	
#container {
	width      : 1280px;
	margin     : 1em auto 0 auto;
	border     : 1px solid black; 
	position   : relative;
	background : #FFFFEF;  /*rgb(255,255,239);*/
	height     : 100%;
}	

#menu {
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	font-style : italic; 
	margin   : 0;
	padding  : 1em; 
	position : absolute; /*fixed; */
	top      : 0; 
	float    : left;
	width    : 160px; 
	height   : 100%;
	background: #efe;   /*#FFFFEF  url(../matheass_img/backgrd.gif) repeat-y; */
	}

#paypal { 
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	font-style : italic; 
	font-size: 0.8em;
	padding : 2px; 
	position : fixed; 
	top : 400px; 
	left :4px; 
	width : 140px; 
	border: solid 1px #FFFFEF;  /*rgb(255,255,239);*/
	background-color: #FFFFEF;  /*rgb(255,255,239);*/
	} 

/* ================================================================================*/

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
	flex-direction: row;
    overflow-x: auto;
    }
		
/* Layout für große Bildschirme */
.ad-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.skyscraper1 {
	position: sticky;
	top     : 1em;	
	left    : 1em;
    width   : 250px;
    height  : 800px;
}

.skyscraper2 {
	position: sticky;
	top     : 1em;	
	right   : 1em;
    width   : 250px;
    height  : 800px;
}

  .skyscraper3 {
    width:  160px;
    height: 300px;
    margin: 1em auto;
}	
	
/* Standardanzeige: alles ausblenden */
.skyscraper1,.skyscraper2,.skyscraper3 {display: none;}

.skyscraper {border: solid 1px #CCC;}

/* Große Bildschirme: beide Seitenanzeigen */
@media (min-width: 1800px) {
  .skyscraper1, .skyscraper2 {display: inline-block;}
}

/* Mittlere Bildschirme: nur linke Anzeige */
@media (min-width: 1000px) and (max-width: 1799px) {
  .skyscraper1 {display: inline-block;}
}

/* Kleine Bildschirme: nur skyscraper3 */
@media (max-width: 999px) {
  .skyscraper3 {
    display: inline-block;
  }
}

/* ================================================================================*/

#content { 
	top      : 0; 
	left     : 180px;
	width    : 1040px;
	position : absolute;
	float    : left;
	margin   : 0;
	padding  : 0 1em 0 2em;
	height	 : 100%;
	border-left   : solid 1px #000;
	background-color : #FFFFEF; 
	} 

#thead { 
	color : #990000; 
	text-align : center; 
	margin-top : 0.5em; 
	margin-bottom : 0; 
	border-bottom-width : 1px; 
	border-bottom-style : solid; 
	border-bottom-color : #000000; 
	padding-bottom : 0; 
	} 

#thead2 { 
	font-size:1.5em; 
	color:#009;
	text-align : right; 
	margin-top : 0.5em; 
	margin-bottom : 0; 
	border-bottom-width : 1px; 
	border-bottom-style : solid; 
	border-bottom-color : #000000; 
	padding-bottom : 0; 
	clear: both;
	}


#tfoot { 
	Clear            : both;
	text-align       : justify;
	text-align-last  : justify;
	margin-top       : 1.5em; 
	border-top-width : 1px; 
	border-top-style : solid; 
	border-top-color : #000; 
	padding-top      : 0.5em; 
	} 

.block	{
	float:left; 
	padding-right:1em
	}

.block2	{
	float:left; 
	padding-left:1em
	}
	
.eng { 	padding : 0.25em} 

.noleftpadding { 
	padding-left : 0; 
	margin-left : 0; 
	} 

.closed { 
	padding : 0; 
	} 

.rot   {color : #ff0000} 
.gruen {color : #00aa00} 
.blau  {color : #0000ff} 
.darkblue { 
	color : #000099} 

.valign-bottom { 
	vertical-align : bottom; 
	} 

.center { 
	text-align : center; 
	} 

.left { 
	text-align : left; 
	} 

.right { 
	text-align : right; 
	} 

.top { 
	margin-top : 0; 
	padding-top : 0; 
	vertical-align : top; 
	} 
	
.rahmen td {
	border-style:solid;
	border-width:1px;
	padding:1em;
	margin:0;
	text-align: center;
	vertical-align: center;
	border-collapse:collapse;	
	}	

th { 
	margin-top : 0; 
	margin-bottom : 0; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 1em; 
	border-style : solid; 
	border-width : 1px;
	border-color : black; 
	text-align : center; 
	} 

th pre { 
	margin-top : 0; 
	margin-bottom : 0; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 0; 
	border-width : 0; 
	border-style : none; 
	background-color : white; 
	text-align : left; 
	font-family : "Courier New", Monospace; 
	font-size : 1em; 
	width:	100%;
	} 