@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
//@import url(http://fonts.googleapis.com/css?family=Cutive+Mono);

body {
  margin: 0px;
  padding: 0px;
  width:100%;
  height:100%;
}

div#teletext{
  width: 590px;
  height: 380px;
  margin: 0px auto;
  vertical-align:center;
  align:center;
}

div#leer{
  float: left;
  width: 30px;
  height: 380px;
}

div#dekoder{
  float: left;
  overflow:hidden;
  font-family: 'Courier';
  font-weight: bold;
  font-size: 11pt;
  background-color: #d0d0d0;
  border:3px;
  border-style:solid;
  border-color:#004799;
}

div#topnav {
  float: left;
  width:138px;
  font-family : 'Droid Sans', arial, verdana, sans-serif !important;
  font-size: 9pt;
  padding-top:20px;
  padding-left:12px;
  text-align:left;
}

div#eingabe {
  float: left;
  width:150px;
  font-family : 'Droid Sans', arial, verdana, sans-serif !important;
  font-size: 9pt;
  padding-top:30px;
}

/* Links nicht unterstrichen
-----------------------------------------------------------------------------*/
a:link, a:visited {
  text-decoration: none !important;
}

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

a:hover{
  color: #cc3300;
}

/* Settings Teletext */

pre         {font-family: 'Courier';}
pre.vt        { background-color: #000000; color: #ffffff; width: auto; float: left }

.doubleheight {
         display:inline-block;
         height:32px;
         line-height:16px;
         vertical-align:top;
         filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M22=2,M21=0,M12=0);
         -o-transform:scaleY(2);
         -moz-transform:scaleY(2);
         transform:scaleY(2);
         -webkit-transform:scaleY(2);
}

div.c00  { float: left; overflow:hidden; width: 10px; height: 16px; color: #000000; background-color: #000000 }
div.c10  { float: left; overflow:hidden; width: 10px; height: 16px; color: #ff0000; background-color: #000000 }
div.c20  { float: left; overflow:hidden; width: 10px; height: 16px; color: #00ff00; background-color: #000000 }
div.c30 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #000000 }
div.c40 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #000000 }
div.c50 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #000000 }
div.c60 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #000000 }
div.c70 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #000000 }

div.c01 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #ff0000 }
div.c11 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #ff0000 }
div.c21 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #ff0000 }
div.c31 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #ff0000 }
div.c41 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #ff0000 }
div.c51 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #ff0000 }
div.c61 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #ff0000 }
div.c71 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #ff0000 }

div.c02 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #00ff00 }
div.c12 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #00ff00 }
div.c22 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #00ff00 }
div.c32 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #00ff00 }
div.c42 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #00ff00 }
div.c52 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #00ff00 }
div.c62 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #00ff00 }
div.c72 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #00ff00 }

div.c03 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #ffff00 }
div.c13 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #ffff00 }
div.c23 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #ffff00 }
div.c33 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #ffff00 }
div.c43 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #ffff00 }
div.c53 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #ffff00 }
div.c63 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #ffff00 }
div.c73 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #ffff00 }

div.c04 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #0000ff }
div.c14 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #0000ff }
div.c24 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #0000ff }
div.c34 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #0000ff }
div.c44 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #0000ff }
div.c54 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #0000ff }
div.c64 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #0000ff }
div.c74 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #0000ff }

div.c05 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #ff00ff }
div.c15 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #ff00ff }
div.c25 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #ff00ff }
div.c35 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #ff00ff }
div.c45 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #ff00ff }
div.c55 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #ff00ff }
div.c65 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #ff00ff }
div.c75 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #ff00ff }

div.c06 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #00ffff }
div.c16 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #00ffff }
div.c26 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #00ffff }
div.c36 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #00ffff }
div.c46 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #00ffff }
div.c56 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #00ffff }
div.c66 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #00ffff }
div.c76 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #00ffff }

div.c07 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #000000; background-color: #ffffff }
div.c17 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff0000; background-color: #ffffff }
div.c27 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ff00; background-color: #ffffff }
div.c37 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffff00; background-color: #ffffff }
div.c47 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #0000ff; background-color: #ffffff }
div.c57 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ff00ff; background-color: #ffffff }
div.c67 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #00ffff; background-color: #ffffff }
div.c77 { float: left; overflow:hidden;  width: 10px; height: 16px; color: #ffffff; background-color: #ffffff }


div.c00d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #000000 }
div.c10d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #000000 }
div.c20d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #000000 }
div.c30d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #000000 }
div.c40d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #000000 }
div.c50d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #000000 }
div.c60d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #000000 }
div.c70d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #000000 }

div.c01d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #ff0000 }
div.c11d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #ff0000 }
div.c21d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #ff0000 }
div.c31d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #ff0000 }
div.c41d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #ff0000 }
div.c51d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #ff0000 }
div.c61d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #ff0000 }
div.c71d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #ff0000 }

div.c02d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #00ff00 }
div.c12d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #00ff00 }
div.c22d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #00ff00 }
div.c32d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #00ff00 }
div.c42d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #00ff00 }
div.c52d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #00ff00 }
div.c62d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #00ff00 }
div.c72d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #00ff00 }

div.c03d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #ffff00 }
div.c13d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #ffff00 }
div.c23d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #ffff00 }
div.c33d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #ffff00 }
div.c43d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #ffff00 }
div.c53d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #ffff00 }
div.c63d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #ffff00 }
div.c73d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #ffff00 }

div.c04d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #0000ff }
div.c14d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #0000ff }
div.c24d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #0000ff }
div.c34d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #0000ff }
div.c44d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #0000ff }
div.c54d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #0000ff }
div.c64d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #0000ff }
div.c74d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #0000ff }

div.c05d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #ff00ff }
div.c15d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #ff00ff }
div.c25d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #ff00ff }
div.c35d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #ff00ff }
div.c45d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #ff00ff }
div.c55d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #ff00ff }
div.c65d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #ff00ff }
div.c75d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #ff00ff }

div.c06d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #00ffff }
div.c16d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #00ffff }
div.c26d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #00ffff }
div.c36d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #00ffff }
div.c46d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #00ffff }
div.c56d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #00ffff }
div.c66d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #00ffff }
div.c76d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #00ffff }

div.c07d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #000000; background-color: #ffffff }
div.c17d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff0000; background-color: #ffffff }
div.c27d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ff00; background-color: #ffffff }
div.c37d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffff00; background-color: #ffffff }
div.c47d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #0000ff; background-color: #ffffff }
div.c57d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ff00ff; background-color: #ffffff }
div.c67d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #00ffff; background-color: #ffffff }
div.c77d { float: left; overflow:hidden;  width: 10px; height: 32px; color: #ffffff; background-color: #ffffff }