/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Seite ----------------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
body
{
	height:100%;
    overflow-y:scroll;
}
#backoffice_seite
{
    position:relative;
    margin:0 auto;
    padding:0;
	font-family: Verdana, Arial, Helvetica;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Infotext z.B. Wartungsarbeiten... -----------------------------
---------------------------------------------------------------------------------------------------------------
*/
.infoFromSupport
{
    margin:0 auto;
    width:916px;
    background-color:#ff0000;
    color:#fff;
    font-size:14px;
    padding:2px;
    border:1px solid #888;
    margin-bottom:10px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Kopf -----------------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
#backoffice_kopf
{
    position:relative;
    width:920px;
    height:94px;
    background : url(../../img/layout/bg_header.jpg) no-repeat;
    font-size:12px;
    border-bottom:solid white 1px;
    margin:0;
    padding:0;
}
.Anmeldeinformationen
{
    position:relative;
    width:350px;
    top:20px;
    left:10px;
    margin:0;
    padding:0;
}
.nav1 /* grafische Breadcrump */
{
    left:530px;
    top:15px;
    width:400px;
    height:61px;
    position:absolute;
    margin:0px;
    padding:0px;
    
}
.nav2 /* grafische Breadcrump */
{
    left:355px;
    top:15px;
    width:400px;
    height:61px;
    position:absolute;
    margin:0px;
    padding:0px;
}
.head_shadow
{
    width:920px;
    height:5px;
    background : url(../../img/layout/bg_nav_shdw.gif);
    position:relative;
    margin:0px;
    padding:0px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Navigation -----------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
#backoffice_menu
{
    position:relative;
    width:920px;
    height:70px;
    top:-5px;
    padding:0; 
    margin:0;
    font-weight:bold;
    background-color:transparent; 
}

/*WENN IE 6 und kein DATEPICKER auf der Seite vorhanden
Wenn Datepicker verwendet wird, dann Conditional Comment in .tpl-Datei
*/
*html #backoffice_menu { top:-18px; }

#backoffice_menu ul
{
  position: relative;
  top: 0px;
  left: 8px;
  margin:0;
  padding:0;
}

#backoffice_menu ul li,
#backoffice_menu ul li.selected
{
  display: block;
  position: relative;
  height: 32px;
  margin:0;
  padding:0;
  float: left;
  line-height: 32px;
}

#backoffice_menu ul li.abstand
{
  display: block;
  position: relative;
  height: 32px;
  width:38px;
  margin:0;
  padding:0;
  float: left;
}
#backoffice_menu ul li.abstand2
{
  display: block;
  position: relative;
  height: 32px;
  width:15px;
  margin:0;
  padding:0;
  float: left;
}

#backoffice_menu ul li a,
#backoffice_menu ul li.selected a
{
    display: block;
    position: relative;
    height: 32px;
    width:91px;
    margin:0;
    padding:0;
    float: left;
    line-height: 32px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
}

#backoffice_menu ul li a
{
    background: transparent url(../../img/layout/nav/bt_bck.gif) 0 0 no-repeat;
    margin:0;
    padding:0;
}

#backoffice_menu ul li.selected a
{
    background: transparent url(../../img/layout/nav/bt_bck.gif) 0 -32px no-repeat;
    margin:0;
    padding:0;
}

#backoffice_menu ul li.logout a
{
    background: transparent url(../../img/layout/nav/bt_bck_lightgrey.gif) 0 0 no-repeat;
    margin:0;
    padding:0;
}

#backoffice_menu ul li:hover a,
#backoffice_menu ul li.selected a
{
    color: #000;
    margin:0;
    padding:0;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Content-Bereich ------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
#backoffice_wrapper {
	width:942px;
	padding:12px 14px;
	background-color:#f8f8f8;
	margin:253px 0 0 16px;
}

#backoffice_inhalt
{
    position:relative;
	display:block;
    width:916px;
    height:auto;
    margin:0;
    padding:16px 6px 50px 18px;
    background-color:#fff;
	border:1px solid #e1e1e2;
    z-index:0;
}
#backoffice_inhalt img
{
    border:0px;
}
#overlay
{
    display:none;
    position:fixed;
    width: 100%;
    height:100%;
    min-height:1024px;
    top:0;
    left:0;
    background-color: #000;
    z-index:3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity = 30);
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Startseite (Anfragen) ------------------------------
----------------------------------------------- backoffice.asp & backoffice_nachricht.asp ---------------------
---------------------------------------------------------------------------------------------------------------
*/
.urspruenglich_red
{
    font-size:12px;
    color:Red;
}
.urspruenglich_an
{
    font-size:12px;
}
.nachrichten_inhalt
{   
    padding:0;
    margin:0;
    font-size:12px;
}
.nachrichten div
{
    font-size:12px;
    padding:0;
    margin:0;
    font-weight:bold;    
}
.nachrichten_row
{
    position:relative;
    width:900px;
    height:26px;
    margin:0;
    padding:0;
    margin-bottom:5px;
    background-color:Transparent;
    cursor:pointer;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
}
.nachrichten_row:hover
{
    background-color:#74b1d8;
}
.gelesen
{
    font-weight:normal;
}
.nachricht_icon
{
    position:relative;
    width:30px;
    height:16px;
    top:5px;
    margin:0;
    padding:0;
    float:left;
}
.nachricht_absender
{
    position:relative;
    width:240px;
    height:16px;
    top:5px;
    left:20px;
    float:left;
    overflow:hidden;
    background-color:Transparent;
}
.nachricht_betreff
{
    position:relative;
    width:390px;
    height:16px;
    top:5px;
    left:30px;
    float:left;
    overflow:hidden;
    background-color:Transparent;
}
.nachricht_eingangsdatum
{
    position:relative;
    width:130px;
    height:16px;
    top:5px;
    left:40px;
    float:left;
    overflow:hidden;
    background-color:Transparent;
}
.nachricht_icon_hinten
{
    position:relative;
    width:30px;
    height:16px;
    left:60px;
    top:5px;
    margin:0;
    padding:0;
    float:left;
}
.zeitraumWaehlen
{
    position:relative; 
    width:500px; 
    height:20px; 
    left:400px; 
    font-size:12px;
}
.zeitraumWaehlen input
{
    width:100px;
}
.selectStatus
{
    position:relative;
    left:20px;
}
.nlinks /* Linke Spalte */
{
    position:relative;
    width:305px;
    margin:0;
    padding:5px; 
    float:left;   
    line-height:14px;
}
.nrechts /* Rechte Spalte */
{
    position:relative;
    width:305px;
    margin:0;
    padding:5px;
    float:left;
}

.nachrichten_popup
{
    position:relative;
    width:150px; 
    height:13px; 
    padding:5px 0 0 0;
    font-weight:bold;
    clear:left;
}
* html .nachrichten_popup {
  padding:2px 0 0 0;
}
.popupmietanfrage
{
    font-size:14px;
    padding:0;
    margin:0;
    padding-bottom:20px;
    padding-top:5px;
}
* html .popupmietanfrage {
  margin-top:-6px;
}
*+html .popupmietanfrage {
  margin-top:-6px;
}
.nachrichten_Angebottext
{
    position:relative;
    width:300px; 
    height:70px;
    padding:3px;
    margin-top:5px;
    float:left;
    border: 1px solid #a8a8a8;
}
.nachrichten_Abholung
{
    position:relative;
    width:65px; 
    margin-top:2px;
    padding:3px;
    float:left;
    border:solid #a8a8a8 1px;
}
.nachrichten_Rueckgabe
{
    width:65px; 
    float:left;
    margin-top:2px;
    padding:3px;
    border:solid #a8a8a8 1px;
}
.nachrichten_Details /* Name,Vorname,Firma,Email,Telefon,Straße,PLZ/Ort */
{
    position:relative;
    width:300px; 
    padding:3px;
    margin-top:2px;
    float:left;
    border:solid #a8a8a8 1px;
}
.nachrichten_Bemerkung
{
    position:relative;
    width:300px; 
    height:70px;
    padding:3px;
    margin-top:2px;
    float:left;
    border:solid #a8a8a8 1px; 
    overflow-y:scroll;
}
.nachrichten_Kasko
{
    width:300px; 
    height:20px;
    float:left;
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;   
}
.Bemerkung_Haendler
{
    position:relative;
    width:300px; 
    height:85px;
    padding:0px;
    margin-top:2px; 
    float:left;
}
.Status_Haendler
{
    position:relative;
    width:300px; 
    height:70px;
    padding:0px;
    margin-top:2px; 
    float:left;
}
.nachrichtspeichern
{
    position:absolute; 
    width:90px; 
    height:31px;
    right:0;
    top:0;
    margin:0; 
    padding:0; 
    padding-bottom:3px;  
    font-weight:bold; 
    background-color:Transparent; 
    border:0; 
    cursor:pointer;
    background: url(../../img/bt_sichern_v2.gif) 0 0 no-repeat ; 
}
.nachrichtspeichern:hover
{
    background-position:0 -64px;
}
.nachrichtabbrechen
{
    position:absolute;
    height:32px;
    width:90px;
    right:100px;
    top:-1px; 
    margin:0;
    padding:0;   
    font-weight:bold; 
    background-color:Transparent; 
    border:0; 
    padding-bottom:3px;
    cursor:pointer;
    background: url(../../img/bt_sichern_v2.gif) 0 -31px no-repeat ;
}
.nachrichtabbrechen:hover
{
    background-position:0 -63px;
}

.mailtoAnfrager
{
    display:block;
    position:relative;
    height:25px;
    width:151px;
    margin:0;
    padding-top:6px;
    float:left;
    overflow:hidden;
    text-indent:5px;
    background: url(../../img/bt_upload.gif) no-repeat ;
    text-decoration:none;
    font-weight:bold;
    font-size:13px;
    color:#000;
}
.mailtoAnfrager:hover
{
    background-position:0 -64px;
}
.MailLink
{
    color:#000;
}
.MailLink:hover
{
    color:#333;
}
.DivUmlauteErsetzen
{
    position:relative;
    width:125px;
    height:42px;
    float:left;
    background-color:transparent;   
    -moz-user-select:none;
}
.DivUmlauteErsetzen label
{
    position:relative;
    left:0px;
    top:-2px;
}
.infoMailto
{
    position:relative;
    float:left;
    left:5px;
    top:5px;
}
.statusWaehlen
{
    height:90px;
}
.statusWaehlen select
{
    margin-top:5px;
    margin-bottom:5px;
}
#div_begruendung
{
    display:none;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Bild-Upload ----------------------------------------
----------------------------------------------- backoffice_bild.asp -------------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.button_upload
{
    width:151px; height:32px; background: url(../../img/bt_upload.gif) 0 0 no-repeat; cursor:pointer; float:left;
}
.button_upload_link
{
    font-size:12px; font-weight:bold; color:#000; text-decoration:none; position:relative; left:3px; top:3px; padding-left:10px;padding-right:9px;padding-top:5px;padding-bottom:6px;
}
.button_upload_loeschen
{
    width:151px; height:32px; background: url(../../img/bt_upload.gif) 0 -32px no-repeat; cursor:pointer; float:left;
}
.button_upload_link_loeschen
{
    font-size:12px; font-weight:bold; color:#000; text-decoration:none; position:relative; left:3px; top:3px; padding-left:10px;padding-right:9px;padding-top:5px;padding-bottom:6px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Preisliste -----------------------------------------
----------------------------------------------- backoffice_preisliste.asp -------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.preisliste_head
{
    height:30px;
    margin:0;
    padding:0;
    overflow:hidden;
}
.preisliste_row
{
    height:auto;
    margin:0;
    padding:0;
    overflow:hidden;
    margin-bottom:10px;
    border-bottom:1px dotted #a8a8a8;
    padding-bottom:5px;
}
.preisliste_head h3
{
    height:24px;
    font-size:12px;
    margin:0;
    padding-top:6px;
    text-align:left;
}
.preisliste_head .modell, .preisliste_row .modell
{
    width:240px;
    float:left;
}
/*
.preisliste_head .imBestand, .preisliste_row .imBestand
{
    width:70px;
    float:left;
}
*/
.preisliste_head .preise, .preisliste_row .preise
{
    width:135px;
    float:left;
	text-align:center;
}
.preise .kilometer
{
    margin-top:11px;
    font-size:10px;
    padding-left:2px;
    color:#000;
}
.preise .kilometer a
{
    color:#000;
    text-decoration:none;
}
.preise .kilometer a:active,
.preisliste_row .modell p input:active
{
    position:relative;
    left:1px;
}
.preise .kilometer a:hover,
.preisliste_row .modell p input:hover
{
    color:#8c5002;
}
.preise .kilometer a.blue
{
    color:#4682b4;
}
.preise .kilometer a.blue:hover
{
     color:#0a60a7;
}
.preisliste_row .modell h4, .preisliste_row .modell p
{
    margin:0;
    padding:0;
    font-size:12px;
}
.preisliste_row .modell p
{
    font-size:10px;
}
.preisliste_row .modell p input
{
    border:0;
    width:38px;
    background-color:Transparent;
    font-size:10px;
    color: #000;
    cursor:pointer;
}
/*
.preisliste_row .imBestand
{
    text-align:center;
}
*/
.preisliste_row .modell .imBestand
{
    position:relative;
    top:10px;
	float:right;
	margin:5px 50px 0 0;
}
.preisliste_row .preise select
{
    position:relative;
    top:10px;
}
.preisliste_row .preise input
{
    position:relative;
    top:10px;
    left:1px;
    margin-right:1px;
}

.preisliste_row .preise_surround
{
    float:left;
}


.preisliste_speichern_link
{
    position:relative;
    height:25px;
    width:74px;
    padding-top:7px;
    padding-left:16px;
    font-size:12px; 
    font-weight:bold; 
    background: url(../../img/bt_sichern_v2.gif) 0 0 no-repeat ;
    text-decoration:none; 
    color:#000;
    cursor:pointer;
    display:block;
}
.preisliste_speichern_link:hover
{
    background-position:0 -64px;
}

.P_VK_TK_aendern
{
    font-size:10px;
    position:relative;
    border:0px;
    width:40px;
    color:#000;
    cursor:pointer;
}
.standardkasko_a:link,.standardkasko_a:visited
{
        color:#000;
    font-weight:bold;
}
.standardkasko_a:hover
{
        color:#333;
    font-weight:bold;
}

.P_VK_TK_aendern:hover
{
    color:#874e04;
}
.preisliste_details_speichern_div
{
    position:relative; 
    left:150px; 
    top:30px; 
    width:90px; 
    height:32px; 
    /*
    padding:0;  
    margin:0; 
    background: url(../../img/bt_sichern_v2.gif) no-repeat ; 
    float:left;
    */
}
.preisliste_details_abbrechen_div
{
    position:relative; 
    left:150px; 
    top:30px; 
    width:90px; 
    height:32px; 
    /*
    padding:0;  
    margin:0; 
    background: url(../../img/bt_sichern_v2.gif) no-repeat 0 -32px; 
    text-align:center; 
    float:left;
    */
}

.preise select,
.preise input
{
	font-size:12px;
	width:54px;
}

/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Stammdaten -----------------------------------------
----------------------------------------------- backoffice_kontakt.asp ----------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.tabmenu
{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    left:30px;
    width:850px;
    list-style:none;
    z-index:1;
}
.tabmenu li
{
    float:left;
    margin-right:5px;    
}
.tabmenu li a
{
    display:block;
    height:17px;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#000;
    padding:5px;
    background-color:#d1d1d1;
    border:1px solid #aaa;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    outline:none;
    
}
.tabmenu li a:hover, .tabmenu li a.active
{
    color:#000;
}
.tabmenu li a.active
{
    background-color:#fff;
    border-bottom:1px solid #fff;
}
.tabcontent
{
    clear:both;
    text-align:left;
    position:relative;
    top:-1px;
    left:0px;
    width:880px;
    height:auto;
    background-color:#fff;
    border:1px solid #aaa;
    font-size:12px;
    padding:5px;
    padding-top:15px;
    padding-bottom:15px;
}
.tabcontent a
{
    color:#555555;
    text-decoration:none;
    outline:none;
}
.tabcontent a:hover
{
    text-decoration:underline;
}
.tabcontent .left, .tabcontent .right
{
    position:relative;
    float:left;
    width:410px;
    min-height:20px;
    margin-left:20px;
}
.tabcontent input, .tabcontent select
{
    font-size:12px;
}
.tabcontent fieldset
{
    margin-bottom:15px;
    margin-top:15px;
    border:1px solid #ccc;
    padding:5px;
}
.tabcontent fieldset legend
{
    color:#222222;
    font-size:13px;
    font-weight:bold;
}
.tabcontent fieldset p
{
    line-height:20px;
    color:#222222;
    margin:0;
    padding:0;
}
.tabcontent table tr td:first-child
{
    width:70px;
}
ul.ansprechpartner
{
    list-style:none;
    margin:0;
    padding:0;
    -webkit-user-select:none;
    -o-user-select:none;
    -moz-user-select:-moz-none;  
    user-select:none;

}
ul.ansprechpartner input
{
    -moz-user-select:text;
    -webkit-user-select:text;
    -o-user-select:text;
    user-select:text;
}
ul.ansprechpartner .name, ul.ansprechpartner .email
{
    width:240px;
}
ul.ansprechpartner .tele2
{
    width:35px;
}
ul.ansprechpartner .tele3
{
    width:100px;
}
ul.ansprechpartner .tele4
{
    width:30px;
}
ul.ansprechpartner li
{
    margin-bottom:8px;
    background-color:#ddd;
    border:1px solid #aaa;
    -moz-border-radius:5px;
}
ul.ansprechpartner li div 
{
    height:0px;
    overflow:hidden;
}
ul.ansprechpartner li h3
{
    padding:0;
    margin:0;
    font-size:12px;
    font-weight:normal;
    min-height:20px;
    cursor:move;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    background-color:#ccc;
}
ul.ansprechpartner li h3 span
{
    position:relative;
    display:block;
    width:270px;
    margin:3px;
    white-space:nowrap;
}
ul.ansprechpartner li h3 h3_anspr
{
    height:15px;
}
ul.ansprechpartner li h3 .h3_tel, ul.ansprechpartner li h3 .h3_email
{
    width:370px;
}

ul.ansprechpartner li h3 .wrapper
{
    margin:0;
    padding:0;
    background-color:#ddd;
    height:50px;
}
ul.ansprechpartner li h3 a.edit
{
    position:relative;
    left:40px;
    top:2px;
    float:left;
    display:block;
}
ul.ansprechpartner li:hover
{
    border:1px solid #777;
}
.nodrag
{
    position:relative;
}
p.bottom
{
    position:absolute;
    height:21px;
    padding:0;
    margin:0;
    bottom:0px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    background-color:#ccc;
    display:block;
    width:100%;
}
ul.ansprechpartner li .bottom a.delete
{
    position:relative;
    margin-left:5px;
}
ul.ansprechpartner li .bottom a.delete:hover
{
    color:#ff0000;
}
ul.ansprechpartner table
{
    padding:0;
    margin:0;
}
td.tdAddNew
{
    width:200px;
}
ul.ansprechpartner li .entfernen, ul.ansprechpartner li .addNew
{
    color:#000;
}
.saveFormStammdaten
{
    position:relative;
    margin:0;
    padding:0;
    left:770px;
    border:0;
    background: url(../../img/bt_sichern_v2.gif) no-repeat;
    width:90px;
    height:32px;
    font-weight:bold;
    font-size:12px;
    padding-bottom:5px;
    cursor:pointer;
}
.saveFormStammdaten:hover
{
    background-position:0 -64px;
}
.tabcontent table
{
    width:387px;
}
.addInfoText
{
    height:20px;
    width:380px;
    display:block;
}
.infoText
{
    height:20px;
    width:370px;
    background-color:#74b1d8;
    padding:5px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Extra-Services -------------------------------------
----------------------------------------------- backoffice_sonderdaten.asp ------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.sonderdaten
{
    padding:0;
    margin:0;
    position:relative;
    height:auto;
    background-color:#fff;
    font-size:12px;
    border:1px solid #aaa;
    width:620px;
    padding:5px;
    padding-top:15px;
    padding-bottom:15px;
}
.sonderdaten table
{
    margin-bottom:10px;
    font-size:12px;
}

.sonderdaten table .head
{
    font-weight:bold;
}
.sonderdaten table td
{
    padding:3px;
    height:27px;
}
.sonderdaten table .service
{
    width:150px;
}
.sonderdaten table .aktiv
{
    width:50px;
}
.sonderdaten table .bemerkung
{
    width:300px;
}
.sonderdaten input
{
    font-size:12px;   
}
.sonderdaten .infoTextTelefon, .sonderdaten .infoTextTelefon_24h
{
    display:block;
    position:relative;
    width:200px;
    height:20px;
    margin-bottom:10px;
    top:-20px;
    left:400px;
    
}
.sonderdaten .infoTextTelefon p, .sonderdaten .infoTextTelefon_24h p
{
    display:block;
    height:17px;
    margin:0;
    padding:0;
    padding-top:2px;
    background-color:#74b1d8;
}

.button_sonderdaten_speichern
{
    position:relative;
    margin:0;
    padding:0;
    left:510px;
    border:0;
    background: url(../../img/bt_sichern_v2.gif) no-repeat ;
    width:90px;
    height:32px;
    font-weight:bold;
    font-size:12px;
    padding-bottom:5px;
    cursor:pointer;
}
.button_sonderdaten_speichern:hover
{
    background-position:0 -64px;
}
.sonderdaten .surroundTelefon_24h, 
.sonderdaten .surroundTelefon
{
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Öffnungszeiten -------------------------------------
----------------------------------------------- backoffice_oeffnungszeiten.asp --------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.oeffnungszeiten_art_uberschrift
{
    float:left;
    font-size:12px;
    width:130px;
    height:1px;
}
.oeffnungszeiten_art
{
    float:left;
    font-size:12px;
    width:130px;
    height:50px;
    margin:1px;
    text-align:center;
    line-height:50px;
}
.tag_uberschrift
{
    float:left;
    font-size:12px;
    width:105px;
    margin:1px;
    text-align:center;
    padding-left:2px;
}
.tag
{
    float:left;
    font-size:12px;
    width:105px;
    height:auto;
    border: 1px solid #a8a8a8;
    margin:1px;
    text-align:center;
    line-height:25px;
}
.uhrzeit_von
{
    float:left;
    width:50px;
    height:20px;
    background-color:Transparent;
}
.uhrzeit_bis
{
    float:left;
    width:49px;
    height:20px;
    background-color:Transparent;
}
.trennstrich
{
    margin:0;
    padding:0;
    background-color:Transparent;
}
.zeile1
{
    padding-bottom:0;
    margin:0;
    cursor:pointer;
    background-color:Transparent;
}
.zeile
{
    padding-bottom:0;
    margin:0;
    cursor:pointer;
    background-color:Transparent;
}
.zeile2
{
    padding-bottom:0;
    margin:0;
    cursor:pointer;
    background-color:Transparent;
}
#uhrzeit_eintragen
{
    display:none;
    position:absolute;
    z-index:4;
    padding-top:10px;
    padding-bottom:25px;
    padding-left:10px;
    padding:right:10px;
    margin:0;
    font-size:12px;
    left:120px;
    top:190px;
    background-color:#ffffff;
    border:2px solid black;
    text-align:center;
    width:690px;
    height:auto;
}
#speichern_oeffnungszeiten
{
    width:90px; height:32px; padding:0;  margin:0;  text-align:center; position:relative;left:790px; 
}
.speichern_oeffnungszeiten_link
{
    position:relative;
    height:25px;
    width:74px;
    left:790px;
    top:3px;
    padding-top:7px;
    padding-left:16px;
    font-size:12px; 
    font-weight:bold; 
    background: url(../../img/bt_sichern_v2.gif) 0 0 no-repeat ;
    text-decoration:none; 
    color:#000;
    cursor:pointer;
    display:block;
}  
.speichern_oeffnungszeiten_link:hover
{
    background-position:0 -64px;
}  
#uhrzeit_eintragen img
{
    border:0px;
}

/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Angebote -------------------------------------------
----------------------------------------------- backoffice_angebote.asp ---------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.table_angebote
{
    font-size:12px;
    border-collapse: separate;
    border-spacing: 1;
}
.table_angebote td
{
    border:1px solid #a8a8a8;
    background-color:Transparent;
    height:33px;
}
.table_angebote_special
{
    width:33px;
    padding:0;
    margin:0;
    cursor:pointer;
    font-size:1px;
}
.table_angebote_special img
{
    height:33px;
    width:33px;
    border:0;
    padding:0;
    margin:0;
}
.table_angebote td.table_angebote_special2
{
    border:0px solid #a8a8a8;
    background-color:Transparent;
    height:30px;
    width:30px;
}
.table_angebote_modelle
{
    width:150px;
    padding-left:2px;
    padding-left:2px;
    margin:0;
    text-align:left;
    font-weight:bold;
    line-height:12px;
}
.inhalt_angebot_details
{
    font-size:12px;
    padding:0;   
    margin:0;
    position:relative;
    height:550px;
    width:817px;
    display:block;
}
.detailslink
{
    position:relative;
    width:360px;
    height:480px;
    background-color:#eeeeee;
    left:10px;
    top:20px;
    margin:0;
}
#details_textarea
{
    width:300px;
    height:70px;
    margin:0;
    padding:0;
    top:-50px;
    border:solid 1px #a8a8a8;
    float:left;
    overflow:auto;
}
.gueltig_ab
{
    position:relative;
    margin:0;
    padding:0;
    width:150px;
}
.gueltig_ab img
{
    cursor:pointer;    
}
.gueltig_bis
{
    position:relative;
    left:185px;
    top:-36px;
    margin:0;
    padding:0;
    width:150px;
}
.gueltig_bis img
{
    cursor:pointer;    
}
.praefix
{
    position:relative;
    margin:0;
    padding:0;
    width:100px;
    float:left;
}
.preis
{
    position:relative;
    width:85px;
    float:left;
    margin:0;
    padding:0;
}
.mietdauer
{
    position:relative;
    width:120px;
    float:left;
    margin:0;
    padding:0;
}
.angebot_loeschen_div
{
    width:90px; height:32px; padding:0;  margin:0; background: url(../../img/bt_sichern_v2.gif) 0 -32px no-repeat ; text-align:center; position:absolute; left:450px; bottom:-70px;
}
.button_angebot_loeschen
{
    width:90px;
    /* margin:0; padding:0;   height:32px;top:-3px; position:relative; font-weight:bold; background-color:Transparent; border:0px; width:90px; cursor:pointer; */
}
.angebot_abbrechen_div
{
    width:90px; height:32px; padding:0;  margin:0; background: url(../../img/bt_sichern_v2.gif) 0 -32px no-repeat ; text-align:center; position:absolute; left:550px; bottom:-70px; float:left;
}
.button_angebot_abbrechen
{
    width:125px; 
    /* margin:0; padding:0;   height:32px;top:-3px; position:relative; font-weight:bold; background-color:Transparent; border:0px; cursor:pointer; */
}
.angebot_speichern_div
{
    width:90px; height:32px; padding:0;  margin:0; background: url(../../img/bt_sichern_v2.gif) no-repeat ; text-align:center; position:absolute; left:670px; bottom:-70px;
}
.button_angebot_speichern
{
    width:125px; 
    /* margin:0; padding:0;   height:32px;top:-3px; position:relative; font-weight:bold; background-color:Transparent; border:0px; cursor:pointer; */
}
.gueltig_ab img
{
    top:13px;
}
.gueltig_bis img
{
    top:13px;
}
.angebot_details_meldung
{
    font-size:15px;
}

#freikilometer_wrapper
{
    position:absolute;
    width:380px;
    height:300px;
    top:225px;
    left:380px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Partnerstatistik -----------------------------------
----------------------------------------------- backoffice_partnerstatistik.asp -------------------------------
---------------------------------------------------------------------------------------------------------------
*/
a.linkPartnerSeite
{
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    color:#cb7c15;
}
.statistik
{
    border-collapse: separate;
    border-spacing: 0;
    position:relative;
    left:30px;
    top:0;
    font-size:12px;
    width:400px;
}
.statistik .title
{
    background-color:#5f5f5f;
    color:#fff;
    text-align:center;
    font-weight:bold;
}
.statistik .subtitle
{
    background-color:#fff;
    color:#000;
    text-align:center;
    font-weight:bold;
}
.statistik .content1
{
    background-color:#f8f8f8;
}
.statistik .content2
{
    background-color:#fff;
}
.statistik .a, .statistik .b
{
    text-align:right;
}
.statistik .a
{
    width:250px;
}
.statistik td
{
    border-top:1px solid #bebebe;
    border-left:1px solid #bebebe;
    border-right:1px solid #bebebe;
    padding:3px;
}
.statistik .last
{
    border:0;
    border-top:1px solid #bebebe;
}
.statistik .linkhdl
{
    text-align:left;
    font-size:10px;
    font-weight:normal;
}
.statistik .linkhdl a
{
    color:#d77b00;
    text-decoration:none;
}
.hinweisbox
{
    position:relative;
	display:block;
	clear:both;
    padding:10px;
    color:red;
    font-size:12px;
	line-height:150%;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Backoffice Footer ---------------------------------------------
---------------------------------------------------------------------------------------------------------------
*/

#backoffice_fuss
{
    position:relative;
    width:920px;
    height:30px;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    background-color:#a8a8a8;
    border-right:solid #a8a8a8 1px;
}

.fuss_start
{
    position:relative;
    height:20px;
    float:left;
    width:150px;
}

.fuss_bc
{
    position:relative;
    height:30px;
    float:left;
    width:100px;
    top:8px;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Partnerseiten Vorschau ----------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
#layerpartnerseite
{
    display:none;
    position:absolute;
    z-index:2;
    padding:5px;
    height:200px;
    width:350px;
    font-size:12px;
    font-weight:bold;
    -moz-opacity: 0.8;
    border:2px solid black;
}    

#schliesse_partnerseite
{
    border:0;
}
.Anmeldeinformationen a:link, .Anmeldeinformationen a:visited, #layerpartnerseite a:link, #layerpartnerseite a:visited
{
    color:#000;
    font-weight:bold;
}
.Anmeldeinformationen a:hover, #layerpartnerseite a:hover
{
    color:#333;
    font-weight:bold;
}
/*
---------------------------------------------------------------------------------------------------------------
----------------------------------------------- Tooltipp ------------------------------------------------------
---------------------------------------------------------------------------------------------------------------
*/
.symbol img
{
    top:4px;
    position:relative;
}
#tooltip
{
    display:none;
    position:absolute;
    z-index:3;
    padding:5px;
    font-size:12px;
    font-weight:bold;
    -moz-opacity: 0.8;
    border:2px solid black;
    text-align:left;
}


/*FREIKILOMETER */

#freikilometer_wrapper ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#freikilometer_wrapper #fields
{
    width:350px;
    height:80px;
    border:1px solid #000;
    top:15px;
    position:relative;
}
#freikilometer_wrapper .buttons
{
    position:relative;
    top:20px;
}
#freikilometer_wrapper .buttons ul
{
    width:390px;
    margin:0;
    padding:0;
    text-align:right;
}
#freikilometer_wrapper .buttons ul li
{
    display:inline-block;
    margin:0;
    padding:0;
}

#freikilometer_wrapper .buttons ul li a
{

    text-decoration: none;
    width: 91px;
    text-align:center;
    cursor: pointer;
    
    /*
    background: url("../../img/bt_sichern_v2.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding-top: 7px;
    position: relative;
    
    */
}

#freikilometer_wrapper .buttons ul li a:hover {
    color:#000;
}

/*
#freikilometer_wrapper .buttons ul li a.abbrechen
{
    background-position:0 -32px;
}
#freikilometer_wrapper .buttons ul li a:hover
{
    background-position:0 -64px;
}
*/

#freikilometer_wrapper .fields
{
    margin-top:10px;
    height:60px;
}
#freikilometer_wrapper .fields legend
{
    font-weight:bold;
}
#freikilometer_wrapper .fields label
{
    width:140px;
    display:inline-block;
}
#freikilometer_wrapper .fields input
{
    width:50px;
}
#freikilometer_wrapper .fields li
{
    margin-bottom:3px;
}











/*
-----------------------------
-------Backoffice Inhalt-----
----------Nachrichten/Start--
-----------------------------
*/
.zeitraumWaehlen
{
    position:relative; 
    left:400px; 
    width:500px; 
    height:20px; 
    font-size:12px;
}
.zeitraumWaehlen input
{
    width:100px;
	margin:0 2px 0 2px;
}
.nachrichten_inhalt
{   
    font-family: Arial, Helvetica;
    font-size:12px;
    padding:0;
    margin:0;
    }
#ungelesen
{
    height:15px;
    overflow:hidden;
}
.nachrichten div
{
    font-size:12px;
    padding:0;
    margin:0;
    font-weight:bold;    
}

#nachrichten_ungelesen
{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:0;
    padding-right:0;    
    cursor:pointer;
    overflow:hidden;
    height:16px;
    font-size:12px;
    font-weight:bold;

}
#nachrichten_ungelesen div
{
    background-color:Transparent;
}

#nachrichten_gelesen
{
   
    padding-top:4px;
    padding-bottom:4px;
    padding-left:0;
    padding-right:0;
    cursor:pointer;
    overflow:hidden;
    height:16px;
    font-size:12px;
}
#nachrichten_gelesen div
{
    background-color:Transparent;
}

.ungelesen img
{
    top:2px;
}
/*---------------
Seitennavigation
----------------*/
.support_navigation
{
position:relative;
width:400px;
color:#000; 
font-size:12px;
top:5px;
overflow:hidden;
}
.support_navigation div
{
    width:15px; 
    float:left;
    margin:2px;
}
.support_navigation a
{
    float:left;
    margin:2px;
}
.nav_selected
{
    background-color:#fff;
    font-weight:bold;
    color:#f7d900;
    padding-left:2px;
    padding-right:2px;
}

.support_navigation a:active
{
    color:#fff;
}
.support_navigation a:link, a:visited
{color:#000;}
/*
-----------------------------
-------Backoffice Inhalt-----
-------Nachrichten-Popup-----
-----------------------------
*/
#stift_div_nachricht
{
         position:absolute;height:20px; width:20px; margin:0;top:19px; left:95px; padding-top:2px;background-color:Transparent; display:none;

}
.nachrichten_popup
{   
    width:200px; 
    height:13px; 
    margin:5px 0 5px 0;
    padding:0;
    font-weight:bold;
    font-size:12px;
    font-family: Arial, Helvetica;
}
.popupmietanfrage
{
    font-size:14px;
    font-family: Arial, Helvetica;    
}

.nachrichten_Angebottext
{
    width:300px; 
    height:70px;
    border: 1px solid #a8a8a8;
    padding:3px;
    margin-top:5px;
    font-size:12px;
    font-family: Arial, Helvetica;    
}
.nachrichten_Abholung
{
    width:65px; 
    margin-top:2px;
    padding:3px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Rueckgabe
{
    width:65px; 
    margin-top:2px;
    padding:3px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Name
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Vorname
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Firma
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Kasko
{
    width:300px; 
    height:20px;
    float:left;
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;   
}
.nachrichten_Email
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Telefon
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Strasse
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_PLZOrt
{
    width:300px; 
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    margin-bottom:5px;
    font-family: Arial, Helvetica;
    
}
.nachrichten_Bemerkung
{
    width:300px; 
    height:70px;
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    overflow-y:scroll;
    
}
.nachrichten_Historie
{
    width:620px; 
    height:70px;
    padding:3px;
    margin-top:2px;
    border:solid #a8a8a8 1px;
    font-size:12px;
    font-family: Arial, Helvetica;
    
}
.Bemerkung_Haendler
{
    width:300px; 
    height:70px;
    padding:3px;
    margin-top:2px;
    font-size:12px;
    font-family: Arial, Helvetica;
}
.Bemerkung_Admin
{
    width:330px;
    font-size:12px;
    font-family: Arial, Helvetica;
}
.nachrichten_Hdlwahl
{
    width:160px; 
    height:35px;
    padding:3px;
    float:left;
    margin-top:2px;
    
}


#weiterleiten_nachricht,
#speichern_nachricht,
#abbrechen_nachricht,
#loeschen_nachricht
{
	position:relative; 
	float:left;
}

#weiterleiten_nachricht
{
	left:30px;
	top:0;
}
#loeschen_nachricht
{
	left:5px;
	top:10px;
}
#abbrechen_nachricht
{
	left:330px;
	top:10px;
}
#speichern_nachricht
{
	left:340px;
	top:10px; 
}
#gpnr_input
{
	padding:3px;
}


/*
-----------------------------
-------Backoffice Inhalt-----
----------Preisliste---------
-----------------------------
*/
.preisliste_th
{
    float:left;
    font-size:12px;
    font-weight:bold;
    width:135px;
    height:20px;
    
    text-align:center;
    padding:0;
    margin-right:5px;
}


.preisliste_th_bestand
{
    float:left;
    font-size:12px;
    font-weight:bold;
    width:70px;
    height:20px;
    
    text-align:center;
    padding:0;
    margin-right:5px;
}


.preisliste_td_spalte1
{
    height:23px;
    font-size:12px;
    width:150px;
    font-weight:bold;
    text-align:left;
    padding:0;
    margin-right:1px;
    float:left;
    margin-top:6px;
    line-height:12px;
}

.preisliste_td_bestand
{
    float:left;
    font-size:13px;
    height:23px;
    width:70px;
    text-align:center;
    padding:0;
    margin-right:1px;
    margin-top:10px;
}

.preisliste_td1
{  
    font-size:12px;
    color:#666666;
    /*border:1px solid black;*/
    text-align:center;
    padding:0;
    margin-right:1px;
    margin-top:10px;
    float:left;
    height:23px;
    width:50px;
    line-height:20px;
}
.preisliste_td2
{
    font-size:12px;
    height:22px;
    width:84px;
    /*border:1px solid black;*/
    text-align:center;
    padding:0;
    margin-right:3px;
    margin-top:10px;
    float:left;
    line-height:20px;
    background-color:transparent;
}
.preisliste_td2 input
{
	width:50px;
	padding:3px 5px;
}
.preisliste_preise
{
    visibility: hidden;
    height:32px;
    margin:0;
    padding:0;
    width:auto;
}

.preisliste_td22
{
    font-size:13px;
    height:21px;
    width:73.5px;
    /*border:1px inset black;*/
    text-align:center;
    padding:0;
    margin-right:5px;
    margin-top:10px;
    float:left;
    background-color:#ffffff;
}



.preisart
{
    font-size:12px;
    width:60px;
    height:23px;
    
}
#speichern_preisliste
{
	width:90px; position:relative; cursor:pointer; left:790px; 
}


/*
-------------------------------------------
-------Backoffice Inhalt-------------------
----------Freischalten Über uns -----------
-------------------------------------------
*/
#speichern_freischalten
{
	width:90px; position:relative; left:230px; top:0px; float:left; cursor:pointer;
}
#abbrechen_freischalten
{
	width:90px; position:relative; left:220px; top:0px; float:left; cursor:pointer;
}


#td_freischalten
{
    cursor:pointer;
    background-color:Transparent;
    
}

#tr_freischalten
{
     background-color:Transparent;
     overflow:hidden;
     font-size:12px;
     font-family:Arial, Helvetica;
     padding-top:5px;
     padding-right:0;
     padding-left:0;
     padding-bottom:0;
     height:20px;
}

.freigabe_text
{
    width:600px;
    
}
/*
-------------------------------------------
-------Backoffice Inhalt-------------------
----------Kontaktdaten & Sonderdaten-------
-------------------------------------------
*/

.hdaten1
{
    width:410px;
    height:auto;
    background-color:Transparent;
    float:left;
    padding:10px;
    margin:0;
}
.hdaten2
{
    width:410px;
    height:auto;
    background-color:Transparent;
    float:left;
    margin:0;
    padding:10px;
}

.Freigabe_Kontakt
{
    text-align:right;
}

.Inputfeld_Kontakt
{
    width:300px;
}

.fieldsets2
{
background-color:#eeeeee;
font-family:Verdana;
border: 1px solid #a8a8a8;

width:350px;
margin-bottom:20px;
margin-left:25px;
margin-right:15px;
margin-top:0px;
bottom:20px;
font-size:12px;

padding-right:20px;
padding-bottom:10px;
padding-left:20px;
}

legend
{
    font-weight:bold;
    color:#000;
}

.kontaktspeichern
{
width:90px; height:29px; padding:0;  margin:0; background: url(../../img/bt_sichern_v2.gif) no-repeat ; text-align:center; text-decoration:none;border:0px; font-weight:bold;
font-family: Arial, Helvetica; font-size:12px; 
}



.symbol img
{
 top:4px;
 position:relative;
}

#tooltip
{
    display:none;
    position:absolute;
    z-index:2;
    padding:5px;
    font-family: Arial, Helvetica;
    font-size:12px;
    font-weight:bold;
    -moz-opacity: 0.8;
    border:2px solid black;
    text-align:center;
    
    }

/*
-----------------------------
-------Backoffice Statistik--
-----------------------------
*/
.statistik_img img
{
    cursor:pointer;
}
.export_statistik 
{
	width:100px;
}
/*
-----------------------------
-------Backoffice News-------
-----------------------------
*/
.news_uberschrift
{
    overflow:hidden;
}

.news_uberschrift span
{
    font-size:12px;
    font-weight:bold;
}
.news_content 
{
    width:900px;
    overflow:hidden;
    height:25px;
    background-color:Transparent;
}
.news_child
{
    font-size:12px;
    height:20px;
    overflow:hidden;
    padding-top:5px;
    padding-bottom:3px;
    padding-right:0;
    padding-left:0;
    float:left;
    cursor:pointer;
}

.news_inhalt
{   
    font-family: Arial, Helvetica;
    font-size:12px;
    padding:0;
    margin:0;
    }
    
.news_date_img img
{
    cursor:pointer;
}

#news_loeschen_div
{
	width:90px; position:relative; left:0px; top:10px; float:left; cursor:pointer;
}
#news_abbrechen_div
{
	width:100px; position:relative; left:120px; top:10px; float:left; cursor:pointer;
}
#news_speichern_div
{
	width:100px; position:relative; left:130px; top:10px; float:left; cursor:pointer;
}
#news_hinzufugen
{
	width:151px; position:relative; cursor:pointer; margin:0 0 10px 0;
}

/*
--------------------------------------
-------Backoffice Angebotstexte-------
--------------------------------------
*/
.angebotstexte_table
{
 font-family: Arial, Helvetica;
 font-size:12px;
 border-collapse: collapse;
 border-spacing: 1;
}
.angebotstexte_table td
{
    border:1px solid #a8a8a8;
    background-color:Transparent; 
	line-height:14px;
	
}
.uberschrift
{
    font-weight:bold;
}
.uberschrift td
{
    text-align:center;
	padding:5px 8px;
}

.table_child_modelle
{
   width:40px;
   height:40px;
}
.table_child
{   
    
    text-align:center;
    width:30px;
    font-size:1px;
    cursor:pointer;
	padding:0;
}
.table_child img
{
    height:40px;
    width:40px;
    border:0;
    padding:0;
    margin:0;
}
#angebotstexte_loeschen_div
{
	width:90px; position:relative; left:0px; top:10px; float:left; cursor:pointer;
}
#angebotstexte_abbrechen_div
{
	width:90px; position:relative; left:20px; top:10px; float:left; cursor:pointer;
}
#angebotstexte_speichern_div
{
	width:90px; position:relative; left:30px; top:10px; float:left; cursor:pointer;
}


/*
--------------------------------------
-------DIVERSE-------
--------------------------------------
*/

#stift_div
{
     position:absolute;height:20px; width:20px; margin:0;padding-top:0px;background-color:Transparent; display:none; left:102px; top:1px; cursor:pointer;
}

.go_button_div
{
   width:38px; height:25px; padding:0;  margin:0; background: url(../../img/bt_submit.gif) no-repeat ; text-align:center; position:relative; float:left; cursor:pointer;
}
.go_button
{
    margin:0; padding:0;   top:2px; position:relative; font-family: Arial, Helvetica; font-weight:bold; background-color:Transparent; border:0px; width:38px; cursor:pointer;
    color:#fff;
}


/*
--------------------------------------
-------BUTTONS-------
--------------------------------------
*/
.btInput {
	display: block;
	height:30px;
    font-weight: bold;
	font-size: 12px;
    line-height: 18px;
    text-align: center;
	cursor:pointer;
}
.btInput input {
	color:#000;
	font-weight:bold;
	padding: 7px 16px;
	cursor:pointer;
	border:0;
	background:0;
}
.yellow {
	background: #f7d900;
}
.grey {
	background: #ddd;
}
/*
.yellow {
	background-position: 0 -3820px;
}
.yellow:hover {
    background-position: 0 -3862px;
}
.grey {
	background-position: 0 -3904px;
}
.grey:hover {
    background-position: 0 -3946px;
}
*/