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

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

@media screen and (max-width:1024px) {
	div#page 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#pagemobile {
	text-align:left;
	border-radius:20px;
	background-color:#ffffff;
	margin: 15px;
	padding: 15px;
}


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


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

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
}

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