fieldset{
		width:900px;
		background-color:white;
		padding: 10px;
		margin:  20px auto;
}
tr{
	width:700px; 
}
td.text{
	width:320px; 
	font-size: 22px;
	padding-left: 10px;
}
legend{
	font-size: 18px;
}
.losbutton{
	width:50px; 
	height: 27px;
	font-size: 18px;
	border: 1px solid gray	; 
	color: #0f0f0f;
	background-color: #f1f1f1;
}

.losbutton:hover, .losbutton:focus {
	cursor: pointer;
	background-color: #fff;
	color: black;
}
.losbutton:active {
	background-color: maroon;
	color: white;
}
td a{
	width:65px; 
	text-decoration: none;
	padding: 3px 7px;
	
}

.primeingabe { 
 	width:1000px; 
	}
	
td.zahlenfelder { 
	width: 150px;
	}
td.zahlenfelder  input{ 	
	font-size: 22px;
	text-align: right;
	font-family: monospace;
	background-color:#f7f7f7; 
	padding-right: 5px;
	border: 0.5px solid gray;
	height: 22px;
	width: 80px;
	}
td.maxzahl { 
	margin-left: auto;
	margin-right: 0;
	width: 130px;	
}
td.maxzahl  input{ 
	font-size: 22px;
	text-align: right;
	font-family: monospace;
	background-color:#fdfdfd; 
	padding-right: 5px;
	border: 0.5px solid gray;
	height: 22px;
	width: 100px;
	}	
td.spalte2{
	width: 100px;
	display:table-cell;
	text-align: left;
	margin-left: 20px;
}
td.spalte3{
	width: 180px;
	display:table-cell; 
	text-align: left;
}
	
textarea, #faktorenausgabe {
		background:none repeat scroll 0 0 #f3f3f3;
		border: 0;
		border-left:2px solid #C6724E;
		display: block;
		font-family: monospace;
		font-size: 1em;
		line-height:26px;
		overflow:auto;
		padding:5px 5px;
		width: 800px;
		height: 100px;
		margin-top: 20px;

}

/* Ab hier tooltip */
a.tooltip{
     text-decoration: none;
     border-bottom: 1px dotted blue;
     color: #000; /* Schrift schwarz, Brouwserblau überschreiben*/
}
a.tooltip span  { display: none; }         /* ! */

#info{
		position: absolute;              /* ! */
		display: none;             
		width: 300px;
		background: white; 
		padding: 10px;
		padding-top: 6px;		
		border: 0.5px solid #666666;
		font-size: 18px;
}

#info b{  /* Für die Überschrift im Tooltip*/
     display: block; /* Erzeugt Zeilenumbruch*/
     border-bottom: 1px solid #666666;
     margin-bottom: 5px;
}
#bar0 {
        font-family: MS Sans Serif;
        font-size: 8pt;
        float: left;
        display: none;
        border: 1px outset;
        margin-left: 10px;
}
#bar1 {
        padding: 2px;
        padding-left: 5px;
        width: 100px;
        background-color: white;
        color: #2E6DD6;
}
#bar2 {
        padding: 2px;
        padding-left: 5px;
        position: absolute;
        width: 0px;
        overflow: hidden;
        background-color: #2E6DD6;
        color: white;
}
#bar3 {
        float: left;
        margin-left: 10px;
        font-size: 7pt;
}

#liste{
	width: 800px;
	height: 10px;
	border: 1px solid silver;
	background-color: #eee;
	padding: auto;
	margin:  8px auto;
 }
#liste li{
		float: left;
		padding-bottom: 5px; 
		margin: 3px; 
		list-style: none; 
		width: 40px; 
		height: 30px; 
		background-color: #f4f4f4;
		font-family: arial;
		color: gray;
		font-size: 18px;
		text-align:center;
		border: 1px solid gray;
 }
pre {/* formiert die Ausgabe von Skripttext */
		background:none repeat scroll 0 0 #EEE;
		border-left:2px solid #C6724E;
		display:block;
		font-family:monospace;
		font-size:1em;
		line-height:1.5em;
		margin: 1em auto;
		overflow:auto;
		padding:0 0.8em;
		width: auto;
}