/* LayoutFix mit Claudes Hilfe 30.06.2026 */
body {
	font-family:sans-serif;
	font-size:12;
	color:#000000;
	background-color:#999999;
	float:none;
	background-position:top left;
	margin: auto;	
}
h1 {
	font-size:16pt;
	margin:5px;
	padding:10px;
}
h2 { 
    font-size:12pt; 
    text-align:left; 
    margin:5px;
    padding:10px;
}
p { margin-bottom:10px; 
    text-align:left; 
    margin:0px;
    padding:0px;
}
a { 
    text-decoration:none;
    font-weight:bold;
    color: #ffffff;
    /*text-align:left;*/
    padding-left:20px; /* nur Left, damit Zeilentitel links sind... */
   
}
a.duenn { 
    text-decoration:none;
	 font-weight:normal;
    color: #ffffff;
    /*text-align:left;*/
    padding-left:0px; 
   
}
div#header { 
    margin-top:30px; margin-bottom:20px;
    background-color:none;
    width:920px;height:90px; 
}

div#page {
	text-align:left;
	border-radius:20px;
	background-color:#ffffff;
	margin: 20px;
	padding: 20px;
	width: auto;
	min-width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}
div#page a {
	color:#3399FF;
	/*text-align: right;*/
}

div#pageSPLITS {
	text-align:left;
	border-radius:20px;
	background-color:#ffffff;
	margin: 20px;
	padding: 20px;
}

div#pageSPLITS a {
	color:#3399FF;
	/*text-align: right;*/
}

@media screen and (max-width:1024px) {
	div#page table { width: 100%; }
}

@media screen and (max-width:1024px) {
	div#pageSPLITS table { width: 100%; }
}

div#page td {
	/*und hier stand noch solid, was in Firefox den Rahmen machte*/
	/*hier stand eine Border, die in Safari die Rahmen um die Leute machte*/
	padding:1px; /*padding muss ich noch rausnehmen, damit die Leute nicht so weit auseinander sind..*/
}

div#pageSPLITS td {
	/*und hier stand noch solid, was in Firefox den Rahmen machte*/
	/*hier stand eine Border, die in Safari die Rahmen um die Leute machte*/
	padding:1px; /*padding muss ich noch rausnehmen, damit die Leute nicht so weit auseinander sind..*/
}

div#pagemobile {
	text-align:left;
	border-radius:20px;
	background-color:#ffffff;
	margin: 20px;
	padding: 20px;
	width: auto;
	min-width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}
div#pagemobile a {
	color:#3399FF;
	/*text-align: right;*/
}
div#pagemobile td {
	/*und hier stand noch solid, was in Firefox den Rahmen machte*/
	/*hier stand eine Border, die in Safari die Rahmen um die Leute machte*/
	padding:1px; /*padding muss ich noch rausnehmen, damit die Leute nicht so weit auseinander sind..*/
}
td {
border-top:none;
border-right: none;
border-bottom: 1px inset;
border-left-style: none;
}
    .new {
        color: #FF0000;
    }
    .normal {
        color: #0000FF;
    }
.abgerundet {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	border:1px solid black;
	padding: 15px;
	display: inline-block;
	margin-bottom: 10px;
}
	
/* 
Hier oben ist für Linie zwischen den Läufern.
dotted = gepunktet.
dashed = gestrichelt.
solid = durchgezogen.
double = doppelt durchgezogen.
groove = 3D-Effekt.
ridge = 3D-Effekt.
inset = 3D-Effekt.
outset = 3D-Effekt.
*/
div#liste {
	border-radius:20px;
	background-color:#ffffff;
	margin: 20px;
	padding: 30px;
	font-family: sans-serif;
	width: auto;
	min-width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}
div#liste a {
	color:#3399FF;
	/*text-align: center;*/
}
div#liste td {
	border-style:solid;
	font-size:14;
	border-width:opx;
	border-radius:5px;
	padding:0px;
}
div#login {
    color:rgb(0,80,120);
    padding:20px;
    margin:60px;
    background-color:gray;
    border-radius:10px;
    width:380px;
    max-width:100%;
    box-sizing:border-box;
}
div#login td {
    border:none;
}
div#login input {
    width:200px;
}
div#menu {
	padding:2px;
	text-align:left;
	border-radius:10px;
	Background-color:#CCC;
	color:#0066FF;
	min-height: 62px; /* Breite Header */
	width: 100%;
	box-sizing: border-box;
}
div#menu td { 
    border-style:none;
	/*text-align:left;*/ 
}
div#menu a {
	color: #3399FF;
	text-align: left;
	font-size: 14pt;
}
div#menu li {
    margin:5px;
    padding:0px;
    
    
}
/*
*  
* hier noch das Margin, dass die Liste nicht ganz links steht:
* 
*/
.margin {
	margin-left: 12px;
	
}
#liste .margin span {
	font-size: 14px;
}
.zeilen  { 
	line-height: 0.9;
	float:left;
		
	}