/* für die aktuelle Vorlage ANFANG */
.size100-input {height: 16px; width: 100%; margin: 0 0 0 0; }

.size66-input {height: 16px; width: 280px; margin: 0 0 0 0; }
.size66-select {height: 18px; width: 297px; margin: 0 0 0 0;}
.size66-input-iconplus {float: left; height: 16px; width: 229px; margin: 0 4px 0 0;}
.size66-select-icon-plus {float: left; height: 18px; width: 229px; margin: 0 4px 0 0;}

.size33-input {height: 16px; width: 135px; margin: 0 0 0 0; }
.size33-select {height: 18px; width: 140px; margin: 0 0 0 0;}
.size33-input-iconplus {float: left; height: 16px; width: 114px; margin: 0 4px 0 0;}
.size33-select-icon-plus {float: left; height: 18px; width: 114px; margin: 0 4px 0 0;}


/*spezielle Formatierungen */
/* das spezielle Suchprofilfeld im Head-Bereich */
.size-profile-select {
    /*height: 21px;*/
    width: 180px;
    float: left;
    margin: 0 0 0 0;
    font-size: 11px;
}

.over-pluszeichen a {
            float: left;
            clear: right;
            background: url(../../images/icon_pluszeichen.gif) no-repeat top left;
            width: 17px;
            height: 17px;
            border: 0;
            }

.over-pluszeichen a:hover {
            float: left;
            clear: right;
            background: url(../../images/icon_pluszeichen2.gif) no-repeat top left;
            width: 17px;
            height: 17px;
            border: 0;
            }

.over-calendar a {
            float: left;
            clear: right;
            background: url(../../images/icon_calendar.gif) no-repeat top left;
            width: 15px;
            height: 15px;
            border: 0;
            margin-top:3px;
            }

.over-calendar a:hover {
            float: left;
            clear: right;
            background: url(../../images/icon_calendar2.gif) no-repeat top left;
            width: 15px;
            height: 15px;
            border: 0;
            margin-top:3px;
            }

.over-remove a {
            float: left;
            clear: right;
            background: url(../../images/icon_bin.gif) no-repeat top left;
            width: 16px;
            height: 12px;
            border: 0;
            }

.over-remove a:hover {
            float: left;
            clear: right;
            background: url(../../images/icon_bin2.gif) no-repeat top left;
            width: 16px;
            height: 12px;
            border: 0;
            }

.over-go a {
            float: left;
            clear: right;
            background: url(../../images/go.gif) no-repeat top left;
            width: 17px;
            height: 15px;
            border: 0;
            margin-top: 2px;
            }

.over-go a:hover {
            float: left;
            clear: right;
            background: url(../../images/go1.gif) no-repeat top left;
            width: 17px;
            height: 15px;
            border: 0;
            margin-top: 2px;
            }

/* für die aktuelle Vorlage ENDE */


/* Je mehr whitespace moeglich sind desto mehr extra pixsel muessen wir einrechnen.
   Je Spacer 4px und je Feldrand noch ein mal 1px das macht 6px je Whitespace

   Die Breite des Feldrandes kann variieren daher muss dies hier auch beruecksichtigt werden.
   Wir gehen von der maximalen erreichbaren Breite bei einem Rand von 1px aus. Wenn der Rand
   breiter wird (der Default Wert ist 2px) muss dies auf die Feldbreite gerechnent werden.

   Beispiel fr default Feldrand und Groesse 2 eines Textfeldes :
   2x15 ( Minimlawert ) + 1x4 ( Spacer ) + 2x2 (FeldRand )
*/
.size1-input { width: 20px; margin-right: 0; }
.size2-input { width: 30px; margin-right: 0; }
.size4-input { width: 71px; }
.size8-input { width: 128px; margin-right: 0; }
.size12-input { width: 225px; }
.size16-input { width: 273px; margin-right: 0; }
.size20-input { width: 379px; }
.size24-input { width: 417px; margin-right: 0; }
.size28-input { width: 533px; }
.size32-input { width: 610px; }

.readonly-size4-input { width: 71px; background-color: #F0F0F5; color: #444444; }
.readonly-size8-input { width: 128px; background-color: #F0F0F5; color: #444444; margin-right: 0; }
.readonly-size12-input { width: 225px; background-color: #F0F0F5; color: #444444; }
.readonly-size16-input { width: 273px; background-color: #F0F0F5; color: #444444; margin-right: 0; }
.readonly-size20-input { width: 379px; background-color: #F0F0F5; color: #444444; }
.readonly-size24-input { width: 417px; background-color: #F0F0F5; color: #444444; margin-right: 0; }
.readonly-size28-input { width: 533px; background-color: #F0F0F5; color: #444444; }
.readonly-size32-input { width: 610px; background-color: #F0F0F5; color: #444444; }

.size4-select { width: 73px; }
.size8-select { width: 130px; margin-right: 0; }
.size12-select { width: 227px; }
.size16-select { width: 275px; margin-right: 0; }
.size20-select { width: 381px; }
.size24-select { width: 420px; margin-right: 0; }
.size28-select { width: 535px; }
.size32-select { width: 612px; }

.readonly-size4-select { width: 73px; background-color: #F0F0F5; color: #444444; }
.readonly-size8-select { width: 150px; background-color: #F0F0F5; color: #444444; }
.readonly-size12-select { width: 227px; background-color: #F0F0F5; color: #444444; }
.readonly-size16-select { width: 304px; background-color: #F0F0F5; color: #444444; }
.readonly-size20-select { width: 381px; background-color: #F0F0F5; color: #444444; }
.readonly-size24-select { width: 458px; background-color: #F0F0F5; color: #444444; }
.readonly-size28-select { width: 535px; background-color: #F0F0F5; color: #444444; }
.readonly-size32-select { width: 612px; background-color: #F0F0F5; color: #444444; }

.size4-popup { width: 53px; }
.size8-popup { width: 130px; }
.size12-popup { width: 207px; }
.size16-popup { width: 284px; }
.size20-popup { width: 361px; }
.size24-popup { width: 438px; }
.size28-popup { width: 515px; }
.size32-popup { width: 592px; }

.readonly-size4-popup { width: 53px; background-color:#F0F0F5; color:#444444; }
.readonly-size8-popup { width: 130px; background-color:#F0F0F5; color:#444444; }
.readonly-size12-popup { width: 207px; background-color:#F0F0F5; color:#444444; }
.readonly-size16-popup { width: 284px; background-color:#F0F0F5; color:#444444; }
.readonly-size20-popup { width: 361px; background-color:#F0F0F5; color:#444444; }
.readonly-size24-popup { width: 399px; background-color:#F0F0F5; color:#444444; }
.readonly-size28-popup { width: 515px; background-color:#F0F0F5; color:#444444; }
.readonly-size32-popup { width: 592px; background-color:#F0F0F5; color:#444444; }

/*  Ausnahmen fr folgende input-felder (radio, checkbox,) mssen gesetzt werden */
.inputradio
{
    background-color: transparent;
    border: 0 solid #ffffff;
    width: 12px ;
    height: 12px ;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: -2px;
    margin-left: 0;
}