/*CSS FUER FORMULAR*/

.tx-thmailformplus-pi1 fieldset {
  border: 1px solid #4997CD;
  padding: 10px;
  
}

.tx-thmailformplus-pi1 legend {
  font-weight: bold;
}


.tx-vdielevate-pi1_form {
/*  float: left;*/
  width: 700px;
  border-top: 1px solid red;
}

.tx-thmailformplus-pi1  {
  min-height: 700px;
/*  border: 1px solid #4EBAE9;*/
  padding: 10px;
  background: #F0F0F0;
}

/*
.tx-thmailformplus-pi1 form{
  width: 600px; 
  padding: 5px;
  border: 1px solid red;
  float: left;
}

.tx-thmailformplus-pi1 .formw {
  float: left; 
  border: 1px solid red;
}
*/

.tx-thmailformplus-pi1 em {
  color: red;
}

.tx-thmailformplus-pi1 hr {
  height: 1px;
  color: #4EBAE9;
  border-style:solid
}


.tx-thmailformplus-pi1 .error, .tx-thmailformplus-pi1 .error li{
  color: red;
}


.tx-thmailformplus-pi1 .titel {
  width:100px;
  font-weight: bold;
}

.tx-thmailformplus-pi1 label {
  width: 180px;
  float: left;
  text-align: left;
}

.tx-thmailformplus-pi1 .zeile {
  padding-top: 3px; 
/*  clear : both;*/
  clear: right;
/*  float: left;*/
}

.zeile-small {
  padding-top: 3px; 
/*  clear : both;*/
  clear: right;
  font-size: 10px;
/*  float: left;*/
}


.tx-thmailformplus-pi1 form input .readfeld {
  border: 1px solid red;
  padding-right: 0px;
}

.tx-thmailformplus-pi1 .error, .tx-thmailformplus-pi1 .error li{
  color: red;
}


.tx-vdielevate-pi1.fehler  {
  color: red;
}


.tx-vdielevate-pi1, .tx-vdielevatecompany-pi1,
.tx-vdielevatepart2-pi4,.tx-vdielevatepart2-pi3,
.tx-vdielevatepart2-pi2,.tx-vdielevatepart2-pi1 {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; 
}

.tx-vdielevate-pi1 table, 
.tx-vdielevatecompany-pi1 table,
.tx-vdielevatepart2-pi4 table,
.tx-vdielevatepart2-pi1 table,
.tx-vdielevatepart2-pi2 table,
.tx-vdielevatepart2-pi3 table,
.tx-vdielevate-pi1 tr {
  width: 97%;
  border: 1px solid silver;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: text-top;
}
/*
.tx-vdielevate-pi1 td {
  width: 97%;
  border: 1px solid red;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: text-top;
}
*/


.tx-vdielevate-pi1-list_tr-head, .tx-vdielevatepart2-pi2-list_tr-head,
.tx-vdielevatepart2-pi4-list_tr-head {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    color: white;
    font-weight: bold;
    background-color: #009CCE;
}

.tx-vdielevate-pi1-list_tr-even, .tx-vdielevatepart2-pi2-list_tr-even,
.tx-vdielevatepart2-pi4-list_tr-even {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background-color: #DEF3F7;
}

.tx-vdielevate-pi1-list_tr-odd, .tx-vdielevatepart2-pi2-list_tr-odd,
.tx-vdielevatepart2-pi4-list_tr-odd {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background-color: white;
}

.small_font {
  font-size: 10px; 
}

.submit_bottom {
  border-top-width:1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  background: #009CCE;
  font: 11px Arial, Helvetica;
  font-weight: bold;
  color: white;
  width: 100px;
}

.w400px  {
  width: 400px;
}

.w150px  {
  width: 250px;
}

.tx-thmailformplus-pi1_TEMPLATE_SUBMITTED_OK  {
  margin: 5px;
}

.tx-thmailformplus-pi1_TEMPLATE_SUBMITTED_OK label {
  width: 200px;
  font-weight: bold;
}

 
/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff;
}
  
a.tooltip:hover {
  color: #0000ff;
  color: red;   
  background: transparent;
}

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 25px; 
  left: 20; 
  width: 350px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Arial, sans-serif; 
  text-align: left;
  }
 
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

.tooltip img {
  border: none;
}

.tooltip {
  font: 11px Verdana,sans-serif;
/*  background: #FFFFCC;
  border: 1px solid #CCCC99;*/
  padding: 1px 3px;
}


#dhtmltooltip{
  position: absolute;
  width: 200px;
  border: 1px solid black;
  padding: 2px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=200);
}