body, html {
    font-family:"trebuchet ms",helvetica,sans-serif;
    font-size:12px;
    color:black;
}

/* Styles für die Typewriter-Engine */
p#textvorlage { font-family:Monospace; font-size: 20px; line-height: 1.5; color:white; width :500px; padding:0px !important; margin:0px !important; position:relative; top:20px; }
div#textvorlage_urheber { padding:0; margin:0; position:absolute; left:7px; top:7px; color:#e7d3a7; width:288px; }
#textvorlage span { color:red }
b { font-weight:normal; }
#dot { position:absolute; top:0px; left:0px; }
div#textvorlage_container { width: 500px; height: 170px; overflow:hidden; position:relative; top:50px; left: 50px; }
div#table_container_head { position:relative; top:50px; left: 4px; }
div#table_container { width: 592px; height: 240px; overflow-y:scroll; position:relative; top:52px; left: 4px; background-color:#706650; }
div#table_footer { width:592px; position:relative; top:70px; left:4px; color:white; font-size:10px; }

/* Text des Fehlerquotient-Balkens */
#error_quotient_pbText { color:#e7d3a7; }
#timer_pbText { color:#e7d3a7; }

/* Popup Typewriter Eigenschaften */
#timer_slider_label { position:relative; top:12px; left: 0px; color:#e7d3a7; text-align:center; }
#timer_slider_output { position:relative; top:44px; width:100px; font-weight:bold; color:#e7d3a7; left:115px; }
#timer_slider { position:relative; top:28px; left:40px; }
#dot_label { position:relative; top:65px; text-align:center; color: #e7d3a7; }
#punkt_aktivieren { position:relative; top:-2px; left:3px; color: #e7d3a7; }
#dot_checkbox { position:absolute; top:200px; left:81px; color: #e7d3a7; width:140px; }
/* Der Button wird mittig platziert */
/* .ui-dialog .ui-dialog-buttonpane button { float:left !important; margin: 0.5em 0 0.5em 5.7em; } */

/* Container */
#typewriter_global_container { padding: 10px; position: absolute; left:10px; top:10px; height: 350px; width: 600px; }
#typewriter_table_container { padding: 10px; position: absolute; left:10px; top:10px; height: 350px; width: 600px; }
#result_table_head { width:592px; background-color:#e7d3a7; }
#result_table { width:572px; color:white; }
/* Header */
#textvorlage_header { height:44px; width:616px; position:absolute; left:2px; top:2px; border-bottom:1px solid #e7d3a7; }
#table_header { height:44px; width:616px; position:absolute; left:2px; top:2px; border-bottom:1px solid #e7d3a7; }

div#timer_span_container { position:absolute; top:5px; left:298px; width:140px; text-align:right; }
    #timer_span { color:#E7D3A7; }
div#timer_progressBar_container { position:absolute; left:441px; top:5px; }
    span#timer {  }
div#error_quotient_span_container { position:absolute; top:20px; left:298px; width:140px; text-align:right; }
    #error_quotient_span { color:#E7D3A7; }
div#error_quotient_progressBar_container{ position:absolute; left:441px; top:20px; }
    span#error_quotient {  }

/* Input */
#typewriter_input { position:absolute; top:265px; left:127px; }

form#typewriter input {
  background: white;
  border: 2px solid #E7D3A7;
  margin:0;
  padding:3px;
  color:#50493A;
  font-family:Monospace !important;
  font-size: 20px !important;
}
form#submit_result input {
  background: white;
  border: 2px solid #E7D3A7;
  margin:0;
  padding:3px;
  color:#50493A;
  font-family:Monospace !important;
  font-size: 12px !important;
}

/* Ergebnis-Popup */
#explain { color:white; position:relative; top:30px; }
#result_output { width:230px; }
table#result_output_table { color:white; margin:0; padding:0; position:relative; top:10px; left:17px; width:240px; }
#enter_nick { position:relative; top:50px; left: 57px; width: 153px; }
.td_border_top { border-top:solid 1px #E7D3A8; padding-top:7px; }

/* Table Einstellungen */
.ranking { width:45px; text-align:right; padding:0 10px 0 0; background-position:5px; }
.nickname { width:150px; text-align:left; padding: 0px 0px 0px 5px; background-position:48px; }
.slider_value { width:45px; text-align:right; padding:0 10px 0 0; background-position:5px; }
.td_min_center { width:45px; text-align:center; padding:0 5px 0 5px; }
.global_counter { width:40px; text-align:right; padding:0 10px 0 0; background-position:5px; }
.wrong_keystroke_count { width:40px; text-align:right; padding:0 10px 0 0; background-position:5px; }
.global_quotient { width:70px; text-align:right; padding:0 10px 0 0; background-position:41px; }
.points { text-align:right; padding:0 30px 0 0; background-position:61px; }
.td_points_output { text-align:right; padding:0 10px 0 0; }
.even { background-color:#8f8266 }
.odd { background-color:#aaa18b }

#search_input { position:absolute; top:10px; left:10px; }

.helper_text { color:#E7D3A7; font-size:10px; }

#button_blocker { width:305px; height:360px; display:block; display:none; z-index:10000; }
#ajax_loader { position:absolute; top:325px; left:263px; }

.pfeil_up_down { background-image:url('/images/pfeil_up_down.gif'); background-repeat:no-repeat; }
.pfeil_up { background-image:url('/images/pfeil_up.gif'); background-repeat:no-repeat; }
.pfeil_down { background-image:url('/images/pfeil_down.gif'); background-repeat:no-repeat; }

#dialog_link {padding: .4em 1em .4em 1em;text-decoration: none; position: absolute; top:7px; right:11px; }
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

ul#icons {margin: 0; padding: 0; }
ul#icons li { margin: 2px; position:absolute; padding: 4px 0; cursor: pointer; float: left;  list-style: none; }
ul#icons li#help_button { top:331px; left:578px; }
ul#icons li#power_button { top:331px; left:547px; }
ul#icons li#neu_starten_button { top:331px; left:516px; }
ul#icons li#loesch_button { top:8px; left:192px; }
ul#icons span.ui-icon {float: left; margin: 0 4px; }