body { font:9pt Arial,Helvetica,sans-serif; color:black; background:white url(pagebg.gif); padding:0; margin:0; border:0; }
h1   { text-align:center; font-size:15pt; font: bold; }
h2   { text-align:center; font-size:11pt; font: bold; width: 99%; background-color: #d0d0d0; }
ul   { margin-bottom: 50px; }
li   { margin-right: 30px; margin-top: 10px; line-height: 140%; }

a.explain { border-bottom: 1px dotted red; color:#a00000; cursor:pointer; }
input.blk { width:56px; padding:2px 5px; font:bold 14pt monospace; }
input#key { width:330px; padding:2px 5px; font:bold 14pt monospace;  
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px -0px 10px rgba(0, 0, 0, 0.5); }
input#btn { float:right; font-weight:bold; font-size:12pt; display:none; }
td.keybox { width:440px; vertical-align:top; }
div#wait  { font:bold 13pt Verdana; color:red; display:none; }
div#err   { font:bold 10pt Arial; color:red; }
div#vis   { position:fixed; display:none; top:100px; left:200px; width:471px; height:244px; background:white; border:3px solid red;
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px -0px 10px rgba(0, 0, 0, 0.5); }


/* kopf mit logo */
div#ptxhead         { background:url(topbg.gif);    width:100%; height:88px; position: fixed; z-index: 1000; }
div#ptxhead div     { background:url(trixlogo.gif); width:130px; height:88px; float:left; }
div#ptxhead h1      { text-align:left; padding: 20px 0 0 160px; color: #000060; }
div#ptxhead span    { background:url(profdev.gif);  width:245px; height:25px; float:right; margin:20px; }

/* links, content und rechts */
div#ptxtext         { min-height:100%; z-index:0;  padding-top: 88px; }
div#ptxtext p       { margin: 20px 0; line-height: 180%; text-align:justify; }
div.center          { margin:0 10% 0 20%; padding:40px 10px; z-index:-1; }

.ui-tabs .ui-tabs-nav { height:2.5em; }


/* fussbereich */
div#ptxfoot         { background:url(footbg.gif); width:450px; margin:60px auto 0; text-align:center; clear:both; }
div#ptxfoot a       { text-decoration:none; color:black; white-space:nowrap; padding:0 5px; }

/* linke navi  */
div#ptxleft         { position:fixed; top: 88px; left:0; padding: 30px 20px; width:90px; text-align:right; }
div#ptxleft a       { font:bold 10pt Arial,Helvetica,sans-serif; color:black; text-decoration:none; line-height: 25px; }
div#ptxleft a:hover { color:red; } 

/* rechte navi */
div#ptxnavi         { width:110px; height:300px; float:right; padding: 20px 10px; text-align:left; }


ul.litog  li        { text-align:justify; overflow:hidden; cursor:pointer; }
ul.litog  li a      { border-bottom: 1px dotted red; color: #c00000; }

div.ptxshot         { padding: 2px; font: 10pt Arial; margin: 20px; color: red; text-align: center; }
div.ipinfo          { margin: 30px 10%; padding:10px; background:#eeeeee; border:1px solid #c0c0c0; text-align:center; }

table#kdlst { width: 100%; background:#e0e0e0; }
table#kdlst thead { background:#a0a0a0; text-align:center; }
table#kdlst tbody tr td:first-child + td + td + td { text-align:right; font-family:monospace; width:250px; }


@media print {
  .np { display:none; }
  div.center { margin:0; }
  div#ptxhead { position:relative; }
  div#ptxtext { padding-top: 0; }
  body { background-image:none; }
}