/*@charset "UTF-8";*/

@viewport {
   width: device-width;
}

html { font-size: 100%}

body, h1, h2, h3, h4, h5, h6, table , tr, th, td, dl
	{ 
	margin : 0; 
	font-size : 0.9em; 
	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 : #ffe; 
/*	border-color : black; */
/*	border-style : none; */
/*	border-collapse : collapse; */
/*	-webkit-text-size-adjust: inheritauto; 
/*	-ms-text-size-adjust: auto;*/ 
}

@media (max-device-width: 1024px) 
	{
	body, h1, h2, h3, h4, h5, h6, table , tr, th, td, dl
		{ 
		font-size : 1vw; 
		line-height : 1.4vw; 
		}
	}
	

body { background-color: #eee;}

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 : 3em; 
	margin : 0;
	padding : 0.5em;
	} 

h2 { 
	color : rgb(0, 0, 128); 
	font-size : 1.4em; 
	margin-top : 0.75em; 
	margin-bottom : 0.25em; 
	} 

h3 { font-size : 1.2em; 
	margin-top : 2em; 
	margin-bottom : 0.25em; 
	padding-top : 1em; 
	padding-bottom : 0; 
	border-top : 0; 
	border-bottom : 0; 
	clear: both;	
	} 

h4 { 	font-size : 1.2em} 
h5 {	font-size : 1.15em} 
h6 { 	font-size : 1em} 

h4, h5, h6, 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;
	}

hr.space {
	visibility: hidden;
	/*background: transparent;
	color  : transparent;
	border : transparent;
	height : 0;
	width  : 0;*/
	margin : 1em;
}
 
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; 
	/*-webkit-text-size-adjust: auto; */
	} 

td,th { 
	font-size: 1em;	/* 1em*/
	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} 

dt { 	
	margin: 0; 
	margin-left : 2em;	
	padding: 0.5em 0 0 0;	 
	border-left : 0; 
	border-right : 0; 
	text-indent : 0} 

dl  {
	font-size:   1em;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

dt { 	
	margin: 1em 0 0 0; 
	padding: 0;	 
	border-left : 0; 
	border-right : 0; 
	text-indent : 0} 

dd  {
	margin: 0 0 0 2em;
	}
	
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; 
	} 
	
code {
	font-size : 1.3em;
	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; 
	white-space : pre;
}

samp {
	font-family: "Lucida Console", Courier, monospace;
	font-size : 1em;
}

img {	
	padding-left:  0.25em;
	padding-right: 0.25em
	text-size-adjust: auto;
	} 

body { 
	margin : 0;
	padding: 0; 
	border : none; 
	background:#ffffee;
	} 
	

#titel {
  margin:0;
	margin-top   : 2em;  
	border-width : 1px;
	border-style : solid;
	border-color : rgb(128, 0, 0); 
	text-align   : center;
}
	
#titel h1 {
  color : rgb(0,0,128); 
	font-size : 4em; 
	margin : 0;
	padding : 0.5em;

	}

#titel p {	text-align: center;	}
	
#menu h1 {	  
  color : rgb(128, 0, 0); 
	font-size : 3em; 
	margin : 0;
	margin-top: 1em; 
	margin-bottom: 1em;
	padding : 0.5em;
	border-width : 1px;
	border-style : solid;
	border-color : rgb(128, 0, 0); 
	text-align: center;
	}
	

#menu ul {
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	padding : 1em; 
	list-style-type: none;
}

#menu ul li {
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	font-style  : italic; 
	font-size   : 1.4em;
	line-height : 1.8em;
	}

#paypal { 
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	font-style  : italic; 
	font-size   : 1em;
	padding     : 2px; 
	position    : fixed; 
	top         : 400px; 
	left        : 4px; 
	width       : 140px; 
	border      : solid 1px rgb(93,230,255);
	background-color: #ffe;
	} 
		
#container {
   max-width    : 600px;
   margin       : 0 auto;
   border       : none;
   padding      : 40px;
    }

#container800 {
   max-width    : 800px;
   margin       : 0 auto;
   border       : none;
   padding      : 40px;
    }  
                          		
#thead{ 
	color : #990000; 
	text-align : right; 
	margin: 0; 
	border-bottom-width : 1px; 
	border-bottom-style : solid; 
	border-bottom-color : #000; 
	padding-bottom : 0; 
	} 
	
#thead a { 
	font-size : 1em; 
	color : #666; 
	}

#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; 
	} 

#tfoot a { 
	font-size : 1em; 
	color : #333; 
	}
	
.indent {
	margin-left: 4em
	}
	
.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} 

/* ================================================================================*

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
	  flex-direction: row;
      overflow-x: auto;
    }
*/
	
#content {
    max-width: 800px;
    margin: 1em;
    width: 100%;
  } 	
  
/* Layout für große Bildschirme */
.ad-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.skyscraper1 {
	position: sticky;
	top     : 1em;	
	left    : 1em;
    width   : 300px;
    height  : 800px;
}

.skyscraper2 {
	position: sticky;
	top     : 1em;	
	right   : 1em;
    width   : 300px;
    height  : 800px;
}

.skyscraper3 {	 
	width : 480px;
    height: 180px;
	margin: 1em;
}	

/* Standardanzeige: alles ausblenden */
.skyscraper1,.skyscraper2,.skyscraper3 {
	display: none;
}

/* Große Bildschirme: beide Seitenanzeigen */
@media (min-width: 1500px) {  /*1800*/
  .skyscraper1, .skyscraper2 {
	display : inline-block;
  }
}

/* Mittlere Bildschirme: nur linke Anzeige */
@media (min-width: 900px) and (max-width: 1499px) {
  .skyscraper1 {
    display : inline-block;
  }
}

/* Kleine Bildschirme: nur skyscraper3 */
@media (max-width: 899px) {
  .skyscraper3 {
    display: inline-block;
  }


/* ================================================================================*/

.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; 
	} 
	
	/*
.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	}
*/
	
 .footnote {
   text-indent: -2em; 
   padding-left: 2em;
   }

/*
.zelle {
	style="border: 1px solid #000 !important;	padding:1em; text-align: center; vertical-align: center;"	
}

/*
table {
	font-size: 1.1em;
	border-collapse: collapse;
	}

table.rahmen {
    border-collapse: collapse;
    width: 100%;           /* optional *
    border-spacing: 0;     /* falls globale Styles was anderes setzen *
}
	
table.rahmen td {
	border: 1px solid #000 !important;
	border-width:1px;
	padding:1em;
	margin:0;
	text-align: center;
	vertical-align: center;
	}
	
/* Tabelle mit Rahmen *
table.rahmen {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; /* verhindert Layout-Verschiebungen *
}

	
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%;
	} 

th p {
	margin-top   : 0; 
	margin-bottom: 0; 
	margin-left  : 0; 
	margin-right : 0; 
	padding      : 1em; 
	border-style : none; 
	border-width : 0;
	border-color : black; 
	text-align   : left;	
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 400px;            /*120px;*/
	background-color: #FFF;  /*black;*/
	color: black;            /*#fff;*/
	text-align: left;        /*center;*/
	padding: 5px 7px;
	border-style : solid; 
	border-width : 1;
	border-color : black;  
	border-radius: 6px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}