/* 
    Document   : klassen
    Created on : 06.03.2010, 14:16:49
    Author     : Thomas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Klassen wie zB Spritemaps
*/

hr.trennungslinie {
    height: 1px;
    border-width: 1px 0 0 0;
    border-style: solid;
    margin-bottom: 5px;
    margin-top: 5px;

}

div#inhalt .bearbeitenbox {
    float:right;
    padding: 0px 0px 1px 1px;
    position:relative; /* für Bearbeiten-Symbol über Google Maps */
    z-index:1;
}

div.trigger {
    float:right;
    position:relative;
}

div#inhalt .bearbeitenbox a img {
    margin-right:3px;
}

div#inhalt .adminbox {
    float:right;
    text-align:right;
    padding: 3px;
    background-color: #e6e4e4;
    margin-left: 4px;
}

/*div#inhalt>div>div, div#inhalt>div>form>div {*/
div#inhalt div.container {
    border-width: 1px;
    border-style: solid;
    background-image: url(../img/trans.png);
    overflow: hidden;
    margin-bottom: 3px;
    padding: 2px;
    text-align:left;
}


/* Bilder ----------------- */

img.bearbeiten, img.verstoss, img.bilder, img.email, img.openid, img.positiv, img.negativ, img.lupe, img.ausklappen, img.einklappen, img.versionen, img.info, img.standort, img.filepdf, img.fileword, img.fileexcel {
    background-repeat: no-repeat;
    background-image: url(../img/icons.gif);
}

img.bearbeiten {
    background-position: 0px 0px;
}

a:hover img.bearbeiten {
    background-position: 0px -15px;
}

img.verstoss {
    background-position: 0px -240px;
}

a:hover img.verstoss {
    background-position: 0px -45px;
}

img.bilder {
    background-position: 0px -60px;
}

a:hover img.bilder {
    background-position: 0px -75px;
}

img.positiv {
    background-position: 0px -90px;
}

a:hover img.positiv {
    background-position: 0px -105px;
}

img.negativ {
    background-position: 0px -120px
}

a:hover img.negativ {
    background-position: 0px -135px;
}

img.email {
    background-position: 0 -195px;
}

img.info {
    background-position: 0 -210px;
}

img.openid {
    background-position: 0 -225px;
}

img.lupe {
    background-position: 0 -255px;
}

a:hover img.lupe {
    background-position: 0 -270px;
}

img.ausklappen {
    background-position: 0 -285px;
}

img.einklappen {
    background-position: 0 -300px;
}

img.versionen {
    background-position: 0 -315px;
}

a:hover img.versionen {
    background-position: 0 -330px;
}

img.standort {
    background-position: 0 -345px;
}

img.filepdf {
    background-position: 0 -375px;
}

img.fileword {
    background-position: 0 -390px;
}

img.fileexcel {
    background-position: 0 -405px;
}

/* 30 Pixel-Icons */
img.nachoben, img.nachunten, img.loeschen, img.nachlinks, img.nachrechts {
    background-image: url(../img/icons_30.gif);
    background-repeat: no-repeat;
}

img.nachoben {
    background-position: 0 0px;
}

a:hover img.nachoben {
    background-position: 0 -30px;
}

img.nachunten {
    background-position: 0 -60px;
}

img.nachlinks {
    background-position: 0 -240px;
}

a:hover img.nachlinks {
    background-position: 0 -270px;
}

img.nachrechts {
    background-position: 0 -180px;
}

a:hover img.nachrechts {
    background-position: 0 -210px;
}

a:hover img.nachunten {
    background-position: 0 -90px;
}

img.loeschen {
    background-position: 0 -120px;
}

a:hover img.loeschen {
    background-position: 0 -150px;
}


img.laden {
    display:none;
}

img.ladenaktiv {
    background-repeat: no-repeat;
    background-image: url(../img/laden.gif);
}

/* Jpg-Sprites */
img.neuesmodul {
    background-repeat: no-repeat;
    background-image: url(../img/sprites_jpg.jpg);
}

img.neuesmodul {
    background-position: 0 0px;
}

a:hover img.neuesmodul {
    background-position: 0 -35px;
}

/* Klassen */

.small {
    font-size: 0.8em;
}

input.formfehler, textarea.formfehler, select.formfehler {
    background-color: #fb8181;
}

.formfehler:focus {
    background-color: #ff6262;
}

div.fehler {
    background-color: #ffff99;
    background-image: url(../img/warnung.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;

    margin: 2px;
    margin-bottom: 7px;

    padding-left: 20px;
}

div.info {
    background-color: #acccff;
    background-image: url(../img/info.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    min-height: 19px;

    margin: 2px;

    padding-left: 20px;
}

span.thumbnail {
    float:left;
    padding: 3px;
}

span.textZuInput {
    line-height:1.8;
    margin-left: 3px;
}

div.bewertung {
    margin-top: 10px;
}

img.zentrieren {
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.clrr {
    border:none;
    clear:right;
}

.clr {
    border:none;
    clear:both;
}

/* Klassen, die nur vom Skript benutzt werden */

div.sterne, div.sterne>img.sterne {
    background-image: url(../img/star.gif);
    background-repeat:repeat-x;
}

div.sterne {
    overflow: hidden;
    display:inline-block;
    width: 80px;
    height: 16px;
    text-align: left;
}

div.sterne>img.sterne {
    background-position: 0 -32px;
}

div.sterneklein, div.sterneklein>img.sterneklein {
    background-image: url(../img/star_small.gif);
    background-repeat:repeat-x;
}

div.sterneklein {
    overflow: hidden;
    display:inline-block;
    width: 50px;
    height: 10px;
    text-align: left;
}

div.sterneklein>img.sterneklein {
    background-position: 0 -20px;
}