body {
	background-color: #000;
	margin-top: 0px;
}

div.left {
	float: left;
}

div.message {
    margin: 10px;
	float: left;
}

div.newspage {
    width: 580px;
    margin: 0px;
    padding: 10px;
	color: #333;
	background-color: #FFF;
	font-family: monospace;
	font-size: 13pt;
}

div.keylist {
    width: auto;
    margin: 0px;
    padding: 10px;
	color: #333;
	background-color: #FFF;
	font-family: monospace;
	font-size: 9pt;
	float: right;
	clear: both;
}

div.linksection {
    width: 580px;
    margin: 0px;
    padding: 10px;
	color: #CCC;
	background-color: #666;
	font-family: monospace;
	font-size: 13pt;
}

.fs80 {
	font-size: 80%;
}

.fs70 {
	font-size: 70%;
}

.fs60 {
	font-size: 60%;
}

.fs50 {
	font-size: 50%;
}

.gelb {
    background-color: #FF0;
}

div.menu {
	clear: both;
	width: 480px;
	color: #CCC;
}

.clearboth {
	clear: both;
}

div.Zeile {
	clear: both;
	width: 700px;
}

div.halbposition {
    width: 14px;
    height: 40px;
    margin: 6px;
    float:left;
}

div.small {
	font-size: 80%;
}

div.position {
    width: 40px;
    height: 40px;
    margin: 6px;
    float:left;
}

div.Walzenlage {
	font-size: 20px;
    width: 80px;
    height: 40px;
    margin: 6px;
    color: #CCC;
    text-align:center;
    float:left;
}

div.Schalter {
	font-family: monospace;
	font-size: 18px;
    width: 56px;
    height: 25px;
    margin-left: 2px;
    margin-right: 2px;
    color: #333;
    background-color: #ccc;
    text-align:center;
    vertical-align: middle;
    float:left;
}

div.Walzenstellung {
	font-family: monospace;
	font-size: 20px;
    width: 56px;
    height: 25px;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 2px;
    color: #333;
    background-color: #ccc;
    text-align:center;
    vertical-align: middle;
    float:left;
}

div.Walzenwert {
	font-family: monospace;
	font-size: 20px;
    width: 56px;
    height: 28px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 1px;
    color: #000;
    background-color: #fff;
    text-align:center;
    vertical-align: middle;
    float:left;
}

div.outputChar {
	font-family: monospace;
	font-size: 20px;
    width: 56px;
    height: 25px;
    margin-left: 4px;
    margin-right: 2px;
    margin-bottom: 2px;
    color: #ccc;
    background-color: #333;
    text-align:center;
    vertical-align: middle;
    float:left;
}

div.kurbel {
	float:left;
}

.keyJ {
    background-color: #C45E2C !important;
}

div.Taste {
	font-size: 28px;
    width: 36px;
    height: 36px;
    margin: 2px;
    color: #4F473B;
    background-color: #FDF2C9;
    text-align:center;
    float:left;
}

div.Ziffer {
	font-size: 24px;
    width: 36px;
    height: 24px;
    margin: 2px;
    color: #4F473B;
    background-color: #A4984E;
    text-align:center;
    float:left;
}

.ZifferHG {
	color: #A4984E !important;
    background-color: #A4984E !important;
}

div.gedrueckteTaste {
	font-size: 28px;
    width: 32px;
    height: 28px;
    margin-left: 3px;
    margin-right: 1px;
    margin-top: 4px;
    color: #4F473B;
    background-color: #FDF2C9;
    text-align:center;
    float:left;
    border-style: outset;
}

div.Ticker {
    background-color: #CCC;
    color: #339;
    margin: 1px;
    font-family: monospace;
    font-size: 150%;
    clear: both;
    width: auto;
}

div.Infoblock {
    background-color: #FFF;
    color: #333;
    margin-left: 2px;
    padding: 4px;
    font-family: monospace;
    font-size: 150%;
    float: left;
    width: auto;
}

div.Textblock {
    background-color: #FFF;
    color: #333;
    margin: 1px;
    font-family: monospace;
    font-size: 150%;
    clear: both;
    width: 800px;
}

div.TextblockFullSize {
    background-color: #FFF;
    color: #333;
    font-family: monospace;
    font-size: 120%;
    clear: both;
}

div.receivedMessage {
    background-color: #FFF;
    color: #33F;
    margin: 2px;
    font-family: monospace;
    font-size: 150%;
    clear: both;
    width: 800px;
}

div.receivedMessageFullSize {
    background-color: #FFF;
    color: #33F;
    margin: 2px;
    font-family: monospace;
    font-size: 120%;
    clear: both;
}

.newsmeta {
	font-family: Arial,Verdana;
	font-size: 10pt;
	color: #009;
}

.aktiv {
    color: #F00;
    background-color: #FF0;
}

.inaktiv {
    color: #333;
    background-color: #CCC;
}

.red {
    color: #F00;
}

.blue {
    color: #33F;
}

.gray {
    color: #666;
}

.black {
    color: #000;
}

.size200 {
	font-size: 200%;
}

.size150 {
	font-size: 150%;
}

.size125 {
	font-size: 125%;
}

a {
    text-decoration: none;	
    color: #CCC;
}

a.link {
    color: #33C;
}

a.link:hover {
    color: #33C;
    background-color: #CC3;
}

a.key {
	font-size: 32px;
    color: #4F473B;
    background-color: #FDF2C9;
    text-align:center;
    text-decoration: none;
}

a.key:hover {
    background-color: #FEF;
}

a.black:hover {
    background-color: #ccc;
}

a.menu {
    text-decoration: none;	
    color: #CCC;
}

a.menu:hover {
    background-color: #993;
}

a.Walze {
    text-decoration: none;	
    color: #666;
}

a.Walze:hover {
    background-color: #FFF;
    color: #C33;
}

td.Titel {
	color:#FFF;
	font-size:120%;
}

td.Leittext {
	color:#FFF;
}

td.plug {
    width: 16px;
    height: 16px;
    margin: 1px;
    text-align:center;
	color: #fff;
	background-color: #666;
}

td.unplug {
    width: 16px;
    height: 16px;
    margin: 1px;
    text-align:center;
	color: #000;
	background-color: #666;
}

td.noplug {
    width: 16px;
    height: 16px;
    margin: 1px;
    text-align:center;
	background-color: #000;
}