/*Startseite*/
div.selector,
#uniform-RadiusJobemail{
    background-position: right -480px;
    height: 34px;
    width: 118px;
}
 div.selector > span
{
    background-position: left -520px;
    width: 60px; /*minus das Padding, falls vorhanden, siehe unten div.selector > span*/
    
}
 div.selector select{
    position: absolute;
    top: 0;
    left: 0;
    width: 121px;
    height: 34px;
    color: #737373;
     left: -3px;
}

 #uniform-CycleJobemail {
    height: 30px
 }


/*Allgemein selects*/
div.selector
{
    left: 3px;
    position: relative;
    line-height: 18px;
    /*height: 18px;*/
}
div.selector > span
{
    position: relative;
    left: -3px;
    display: block;
    height: 23px;
    line-height: 18px;
    padding: 8px 5px 6px 10px;
   color: #737373;
}
div.selector span .noBackground {
    background-image: none;
}
div.selector, div.selector span
{
    -webkit-font-smoothing: antialiased;
}
/*Allgemein selects ENDE*/



/*Allgemein Checkbox*/
div.checker {
    /*
        Nur der span braucht die Weite/Höhe und die Backg.Pos gesetzt zu bekommen. Das input selbst nur die weite/höhe. der div eben nix. ergibt sich aus dem inhalt (dann braucht der span aber display: block)
        Nur der span muss auch an die iconButtonLogoSprite-Klasse gehängt werden. Nicht noch das div außenrum. 
        Bei den selects hier ist das demnach anscheinend auch unnötig bei div.selector immer die backg.pos. anzugeben. aber nicht ausprobiert. aber müsste so sein. ist auch, weil ich
        dem div schon aus dem iconButtonLogoSprite rausgenommen habe. und es geht ja noch.
        weil hier bei den checkboxen funktioniert es nur auf diese weise richtig. sonst sieht man den div immer hinten dran, weil die grafik außenrum transparent ist.
    */
}
div.checker


 {
    display: inline-block;
    vertical-align: middle;
}


div.checker input {
    width: 15px;
    height: 15px;
    margin: 0;
}

div.checker > span
 {
    width: 15px;
    height: 15px;
    background-position: 0 -560px;
    display: block;
}



div.checker > span.checked
{ /*das ist angekreuzt*/
  background-position: -30px -560px;
}


/*
    Die hier sind die "Events" für Maus-gedrückt-halten. Normal hat man da nochmal eigene Icons iwie blau hinterlegt oder der Pfeil wird ausgegraut dargestellt.
    Das ist das wenn man mit der Maus gedrückt hält und dann woanders wieder loslässt, nicht über der Checkbox, wurde nicht wirklich gedrückt.
*/
div.checker:active span, 
div.checker.active span { /*für aus ==> an*/
  background-position: -20px -120px;
}
div.checker:active span.checked, 
div.checker.active span.checked { /*für an ==> aus*/
  background-position: 0 -120px;
}
/*Allgemein Checkbox ENDE*/




/*Treffer und andere Seiten atm ungenutzt
.TrefferSearchFormLeft > div.selector, .SearchFormUmkreis > div.selector, .SearchFormRythmus > div.selector {
    padding: 10px;
    background-position: 0 -850px;
}*/
/*Treffer und andere Seiten atm ungenutzt
.TrefferSearchFormLeft > div.selector > span, .SearchFormUmkreis > div.selector > span, .SearchFormRythmus > div.selector > span
{
    background-position: 0 -850px;
    width: 263px;
}*/