html,body
{
    -webkit-tap-highlight-color:rgba(0,0,0,0.0);
    tap-highlight-color:rgba(0,0,0,0.0);
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -moz-user-select:-moz-none;  
    user-select:none;
    font-size:100%;
    font-family: Arial,helvetica;
    padding:0;
    margin:0;
    background-color:#fff;
}
div
{
    margin:0;
    padding:0;
}
a
{
    outline:none;
}
.header
{
    position:relative;
    margin:0;
    padding:0;
    top:0;
    left:0;
    width:100%;
    height:78px;
    background: url(../img/verlaeufe_cpl01.png) 0 -230px no-repeat;
}
.page, .page_touch
{
    height:100%;
    left:0;
    top:0;
    position:relative;
    margin:0 auto;  
    background-color:#f0f0f0;
    width:100%;
    max-width:480px;
}
.nav
{
    position:relative;
    display:block;
    width:70px;
    height:50px;
    color:#c99806;
    font-weight:bold;
    vertical-align:middle;
    overflow:hidden;
    top:15px;
    left:0;
    float:left;
}
.home
{
    width:48px;
    height:48px;
    display:block;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) 0 0 no-repeat;
}
.page .home:hover, .homeAktiv
{
    width:48px;
    height:48px;
    display:block;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) 0 -48px no-repeat;
}
.page_touch .home_hover, .home_hover
{
     width:48px;
    height:48px;
    display:none;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) 0 -48px no-repeat;
}
.info
{
    width:48px;
    height:48px;
    display:block;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) -58px 0 no-repeat;    
}
.page .info:hover, .infoAktiv
{
    width:48px;
    height:48px;
    display:block;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) -58px -48px no-repeat;  
}
.page_touch .info_hover, .info_hover
{
    width:48px;
    height:48px;
    display:none;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    background:url(../img/elements_cpl01.png) -58px -48px no-repeat;
}
.logo
{
    width:170px;
    height:58px;
    top:15px;
    right:0;
    float:left;
    text-align:right;
    position:absolute;
    display:block;
    background:url(../img/elements_cpl01.png) -159px 0 no-repeat;
}

.content
{
    width:100%;
    background:#efefef;
    clear:both;
}
/* Zwischenüberschriften */
.resultHead
{
    text-align:left;
    font-size:100%;
    margin:0;
    padding:0;
    padding-top:7px;
    height:28px;
    width:98%;
    color:#fff;
    padding-left:2%;
    white-space:nowrap;
    overflow:hidden;
    background:url(../img/verlaeufe_cpl01.png) 0 -380px no-repeat;
    text-shadow:rgba(0, 0, 0, 0.3) -1px -1px 1px;
}
/* Bereich für Texte */
.resultText
{
    text-align:left;
    padding:0;
    padding:2%;
    width:96%;
    margin:0;
    background-color:Transparent;
}
/* "nach Oben" & Impressum / Anbieterkennzeichnung */
.navBottom
{
    position:relative;
    display:block;
    width:100%;
    height:42px;
    background:url(../img/verlaeufe_cpl01.png) 0 -320px no-repeat;
    color:#fff;
    font-size:90%;
    top:0;
    left:0;
    border-top:1px solid #ccc;
    text-decoration:none;
    text-align:center;
}
.navBottomLeft,.navBottomRight
{
    width:50%;
    float:left;
    height:40px;
}
.goTopLink
{
    display:block;
    position:relative;
    margin:0 auto;
    width:100px;
    height:26px;
    text-decoration:none;
    color:#fff;
    top:8px;
    text-align:right;
    padding-top:5px;
    background:url(../img/elements_cpl01.png) 0 -212px no-repeat;
}
.page .goTopLink:hover
{
    background:url(../img/elements_cpl01.png) 0 -181px no-repeat;    
    color:#fdcc1a;
}
.page_touch .goTopLink_hover, .goTopLink_hover
{
    display:none;
    position:relative;
    margin:0 auto;
    width:100px;
    height:26px;
    text-decoration:none;
    color:#fdcc1a;
    top:8px;
    text-align:right;
    padding-top:5px;
    background:url(../img/elements_cpl01.png) 0 -181px no-repeat;     
}
.impressumLink
{
    display:block;
    position:relative;
    margin:0 auto;
    width:104px;
    height:20px;
    text-decoration:none;
    color:#fff;
    top:12px;
    text-align:right;
    background:url(../img/elements_cpl01.png) 0 -742px no-repeat;
}
.page .impressumLink:hover
{
    background:url(../img/elements_cpl01.png) 0 -711px no-repeat;
    color:#fdcc1a;
}
.page_touch .impressumLink_hover, .impressumLink_hover
{
    display:none;
    position:relative;
    margin:0 auto;
    width:104px;
    height:20px;
    text-decoration:none;
    color:#fdcc1a;
    top:12px;
    text-align:right;
    background:url(../img/elements_cpl01.png) 0 -711px no-repeat;
}

.anbieterLink
{
    display:block;
    position:relative;
    margin:0 auto;
    width:86px;
    height:20px;
    text-decoration:none;
    color:#fff;
    top:12px;
    text-align:right;
    background:url(../img/elements_cpl01.png) -160px -742px no-repeat;
}
.page .anbieterLink:hover
{
    background:url(../img/elements_cpl01.png) -160px -711px no-repeat;
    color:#fdcc1a;
}
.page_touch .anbieterLink_hover, .anbieterLink_hover
{
    display:none;
    position:relative;
    margin:0 auto;
    width:86px;
    height:20px;
    text-decoration:none;
    color:#fdcc1a;
    top:12px;
    text-align:right;
    background:url(../img/elements_cpl01.png) -160px -711px no-repeat;    
}
/* Mobil | Klassisch */
.mobilKlassisch
{
    position:relative;
    display:block;
    width:100%;
    height:30px;
    padding-top:3%;
    padding-bottom:1%;
    background:#f0f0f0;
    color:#000;
    font-size:90%;
    top:0;
    font-weight:bold;
    left:0;
    border-top:1px solid #ccc;
}
.mobilKlassischLeft,.mobilKlassischRight
{
    width:50%;
    float:left;
    height:33px;
    position:relative;
}
.mobil
{
    display:block;
    width:50px;
    height:27px;
    position:absolute;
    right:33px;
    padding-top:3px;
    background:url(../img/elements_cpl01.png) -160px -808px no-repeat;
    text-indent:17px;
    text-decoration:none;
    color:#000;
}
.klassisch
{
    display:block;
    width:100px;
    height:27px;
    position:absolute;
    left:0;
    padding-top:3px;
    background:url(../img/elements_cpl01.png) -220px -776px no-repeat;
    text-decoration:none;
    color:#000;
}
.page .klassisch:hover
{
    background:url(../img/elements_cpl01.png) -220px -807px no-repeat;
    color:#fdcc1a;
}
.page_touch .klassisch_hover, .klassisch_hover
{
    display:none;
    width:100px;
    height:27px;
    position:absolute;
    left:0;
    padding-top:3px;
    background:url(../img/elements_cpl01.png) -220px -807px no-repeat;
    text-decoration:none;
    color:#fdcc1a;    
}
/* Abschlussschatten */
.shadow_bottom
{
    width:100%;
    position:relative;
    height:3px;
    overflow:hidden;
    background:url(../img/verlaeufe_cpl01.png) 0 -440px no-repeat;
}
/* Bereich für "die Seite wurde nicht gefunden" */
.notFound
{
    padding-left:2%;
}
.notFound a
{
    color:#d77b00;
    text-decoration:none;
}
/* Seitentitel */
.titelbalken
{
    width:100%;
    height:42px;
    position:relative;
    background:url(../img/verlaeufe_cpl01.png) 0 -320px no-repeat;
    overflow:hidden;
    margin:0;
    padding:0;
    margin-bottom:15px;
}
.titelbalken .titel
{
    margin:0 auto;
    position:relative;
    width:190px;
    height:25px;
    text-align:center;
    top:10px;
    color:#fff;
    font-weight:bold;
    display:block;
    overflow:hidden;
    z-index:99;
    font-size:110%;
    text-shadow:rgba(0, 0, 0, 0.3) -1px -1px 1px;
}

/* Zurück-Button */
.zurueckLink
{
    background:url(../img/elements_cpl01.png) -161px -101px no-repeat;
    text-decoration:none;
    display:block;
    width:63px;
    height:30px;
    overflow:hidden;
    position:absolute;
    left:1%;
    top:5px;
    z-index:100;
}
.page .zurueckLink:hover
{
    background:url(../img/elements_cpl01.png) -161px -131px no-repeat;
}   
.page_touch .zurueckLink_hover, .zurueckLink_hover
{
    background:url(../img/elements_cpl01.png) -161px -131px no-repeat;
    text-decoration:none;
    display:none;
    width:63px;
    height:30px;
    overflow:hidden;
    position:absolute;
    left:1%;
    top:5px;
    z-index:100;    
}


/* Link zur Station.asp auf den Partnerseiten */
.linkToHdl
{
    text-decoration:none;
    color:#b97100;
    font-weight:bold;
    display:block;
}
.page .linkToHdl:hover
{
    color:#6e4400;
}
.page_touch .linkToHdl_hover, .linkToHdl_hover
{
    text-decoration:none;
    color:#6e4400;
    font-weight:bold;
    display:none;
}
/* Konstruktion für Listen-Ergebnisse (2 BG's wegen Touch-Hoverstates) */
.bgGrey
{
    background:url(../img/verlaeufe_cpl01.png) 0 0 no-repeat; 
}
.page .bgGrey:hover 
{
    background:url(../img/verlaeufe_cpl01.png) 0 -100px no-repeat; 
}
.bgYellow
{
    background:url(../img/verlaeufe_cpl01.png) 0 -100px no-repeat; 
    display:none;
}
.leftBild
{
    margin:0;
    padding:0;
    width:100%;
    min-height:35px;
    font-size:80%;
}
a.rightBild
{
    margin:0;
    padding:0;
    width:auto;
    min-height:25px;
    padding-left:65px;
    padding-right:25px;
    position:relative;
    padding-top:16px;
    padding-bottom:10px;
    background:url(../img/arrow3.png) right center no-repeat;    
    display:block; 
    text-decoration:none; 
    border-bottom:1px solid #bbb;
    border-top:1px solid #bbb;
    color:#000;      
}
.leftText
{
    margin:0;
    padding:0;
    width:100%;
    min-height:35px;
    font-size:80%;
    color:#000;
}
a.rightText
{
    margin:0;
    padding:0;
    width:auto;
    min-height:25px;
    padding-left:5px;
    padding-right:20px;
    position:relative;
    padding-top:16px;
    padding-bottom:10px;
    background:url(../img/arrow3.png) right center no-repeat;    
    display:block; 
    text-decoration:none;  
    color:#000;
    border-bottom:1px solid #bbb;
    border-top:1px solid #bbb;
}
.kilometer
{
    float:left;
    width:80px;
    height:40px;
}
/* Text für allgemeine Hinweise. I.d.R im unteren Bereich der Seiten mit Angeboten/Fahrzeugen */     
.infoText
{
    font-size:70%;
    padding:1%;
    background-color:#d6d6d6;
}

.dealerContact {
    margin:-6px 0 0 0;
    padding:0 0 0 12px;
}

.buttonCall, 
.buttonEmail {
    display:block;
    float:left;
    width:35px;
    height:35px;
    padding:0;
    margin:8px 8px 12px 0;
    background-image:url(../img/elements_cpl01.png);
    background-repeat:no-repeat;
    overflow:hidden;
}
.buttonCall {
    background-position:0 -777px;
}
.buttonEmail {
    background-position:-55px -777px;
}

.buttonCall:hover {
    background-position:0 -812px;
}
.buttonEmail:hover  {
    background-position:-55px -812px;
}