.tabMenu
{
    position:       absolute;
    left:           344px;

    width:          150px;
    height:         20px;

    line-height:    20px;
    text-align:     left;
    vertical-align: middle;
    padding-left:   10px;
}

.tab1 { top: 30px; }
.tab2 { top: 62px; }

.tabMenu a
{
    display: block;
}

.tabMenuActive a
{
    color: #449999;
}

.tabContent
{
    position:       absolute;
    top:            35px;
    left:           510px;
    
    width:          450px;
    height:         550px;

    text-align:     left;
    padding-left:   5px;
}

/* default text styles */

p.head
{
    font-weight:    bold;
    font-size:      18px;
}

p.section
{
    font-weight:    bold;
    font-size:      14px;
}

p
{
    font-size:      13px;
    text-align:     justify;
}

p.address
{
    width:          250px;
    margin:         0px auto;
    font-size:      12px;
    font-weight:    bold;
}

table.openingTimes
{
    width:          225px;
    margin:         0px auto;
    font-size:      12px;
    font-weight:    bold;
}

/* service page */
.ServiceMainMenu
{
    position:   absolute;
    top:        35px;
    left:       80px;

    width:      450px;
    height:     180px;

    font-size:  11pt;

    z-index:    0;
}

.ServiceMainMenuEntry
{
    /*position:               absolute;*/
    width:                  217px;
    height:                 25px;

    margin-bottom:          13px;
    padding-left:           0px;

    font-size:              16px;
    line-height:            25px;
    vertical-align:         middle;

    background-image:       url(../Images/Icons/NextArrow20.png);
    background-position:    right center;
    background-repeat:      no-repeat;

    z-index:    1;
}

.ServiceMainMenuLoading
{
    position:   absolute;
    right:      -6px;
    top:        -3px;

    width:      32px;
    height:     32px;

    background: url(../Images/Icons/loading32Blue.gif) no-repeat top left;

    border:     none;
    z-index:    10;
}

.ServiceMainMenuContent
{
    position:   absolute;
    top:        5px;
    left:       235px;

    width:      200px;
    height:     129px;

    font-size:  13px;

    z-index:    1;
}

.ServiceMainMenuMore
{
    position:   absolute;
    bottom:     0px;
    right:      0px;
}

.ServiceMainContent
{
    position:   absolute;
    top:        230px;
    left:       35px;

    width:      550px;
    height:     350px;
    overflow:   auto;
}

.ServiceMainContent p
{
    margin: 0px 0px 15px 0px;
}

/* Service subpages */

.ServiceBackLink
{
      position:       absolute;
      bottom:         6px;
      left:           15px;
      width:          305px;
      height:         25px;
      padding:        0px 16px;

      /*background:   #00519b;*/
      line-height:    25px;
      color:          #FFFFFF;
      vertical-align: middle;
      font-size:      13px;
}

.ServiceBackLink a
{
    display: block;
    line-height:    25px;
    color:          #FFFFFF;
    vertical-align: middle;
    font-size:      13px;
}

.ServiceSubmenu
{
    position:   absolute;
    top:        25px;
    left:       15px;
    width:      305px;
    height:     555px;
}


.ServiceSubmenu .Category
{
    display:        block;
    margin-top:     10px;
}

/*.ServiceSubmenu .Category span
{
    height:         40px;
    padding-left:   10px;
    display:        block;

    line-height:    40px;
    vertical-align: middle;
    font-weight:    bold;
    font-size:      16px;
}*/

.ServiceSubmenu .Category a
{
    height:         40px;
    padding-left:   10px;
    display:        block;

    line-height:    40px;
    vertical-align: middle;
    font-weight:    bold;
    font-size:      16px;
}

.ServiceSubmenu .Category a:hover
{
    background-color:   #FFFFFF;
    opacity:            0.8;
    filter:alpha(opacity=80);
}

.ServiceSubmenu .Category ul
{
    margin:         0px;
    padding:        0px;
}

.ServiceSubmenu .Category ul li
{
    display:        block;
    height:         30px;
    line-height:    30px;
    vertical-align: middle;
    font-size:      12px !important;
}

.ServiceSubmenu .Category ul li:active
{
    background-color: #FFFFFF;
}

.ServiceSubmenu .Category ul li a
{
    height:         30px;
    display:        block;
    padding-left:   20px;

    line-height:    30px;
    vertical-align: middle;
    font-size:      12px !important;
    font-weight:    normal;
}

/*.ServiceSubmenu .Category ul li a:hover*/
/*{*/
/*    background-color:   #FFFFFF;*/
/*    opacity:            0.8;*/
/*    filter:alpha(opacity=80);*/
/*}*/

.ServiceSubmenu .ActiveEntry
{
    position:           absolute;
    left:               0px;

    width:              100%;
    height:             40px;
    background-color:   #FFFFFF;
    opacity:            0.5;
    filter:alpha(opacity=50);
    z-index:            15;
}

.ServiceSubMenuLoading
{
    position:   absolute;
    bottom:     10px;
    left:       144px;

    width:      16px;
    height:     16px;

    background: url(../Images/Icons/loading16.gif) no-repeat top left;

    border:     none;
    z-index:    10;
}

.ServiceSubcontent
{
    position:   absolute;
    top:        45px;
    left:       355px;

    width:      610px;
    height:     515px;
    padding-right: 10px;

    overflow:   auto;
}

.ServiceSubcontentWide
{
    position:   absolute;
    top:        35px;
    left:       40px;

    width:      920px;
    text-align: justify;
}

.ServiceOfferContainer
{
    position:   absolute;
    top:        0px;
    left:       0px;
    width:      100%;
    height:     100%;
    z-index:    -1;
}

.ServiceOffer
{
    position:   absolute;
    bottom:     0px;

    width:      175px;
    height:     95px;

    padding-top: 10px;
    /*background: #00519b;*/
    text-align: center;
    color:      #FFFFFF;
}

.ServiceOffer .Back, .ServiceOffer .Content
{
    position:   absolute;
    top:        0px;
    left:       0px;
    width:      175px;
    height:     95px;
}

.ServiceOffer .Back svg, .ServiceOffer .Back div
{
    position:   absolute;
    top:        0px;
    left:       0px;
}

.ServiceOffer .Content
{
    height:     80px;
    padding:    10px 0px;
}


.ServiceOffer .offerHeader
{
    font-size: 14px;
}

.ServiceOffer .offerCost
{
    font-size: 18px;
}

.ServiceOffer .offerDesc
{
    font-size: 12px;
}

table.service { font-size: 9pt; }
table.service th { padding:5px; color:#003366; background-color:#D7E9F8; }
table.service th.switch { padding:5px; color:#336699; background-color:#D7E9F8; }
table.service td { padding:5px; background-color:#E8E8E8; }
table.service td.switch { padding:5px;background-color:#F3F3F3; }

/* Direct Reception */
.ReceptionContent
{
    position:   absolute;
    top:        35px;
    left:       35px;
    padding-right: 10px;

    width:      380px;
    height:     550px;

    overflow:   auto;
}


/* Das Team Hover */
.ImageHover
{
    border:     solid 1px #666666;
    width:      90px;
    height:     90px;
    position:   absolute;
    cursor:     pointer;
}

.ImageHover div
{
    border:     solid 0px #AAAAAA;
    width:      88px;
    height:     88px;
    position:   absolute;
    left:       0px;
    top:        0px;
}

.ImageHover div:hover
{
    border:     solid 1px #CCCCCC;
}

.TeamDetails
{
    position:   absolute;
    top: 400px;
    left: 200px;

    width: 600px;
    height: 150px;
}

.TeamDetailsHelp
{
    position:       absolute;
    top:            0px;
    left:           0px;
    width:          600px;
    height:         150px;
    line-height:    150px;
    text-align:     center;
    vertical-align: middle;
}

.TeamDetailsContent img
{
    position:       absolute;
    top:            5px;
    left:           5px;
    width:          111px;
    height:         130px;
}

.TeamDetailsContent .DetailsName
{
    position:       absolute;
    top:            45px;
    left:           145px;
    width:          400px;
    height:         25px;
    font-weight:    bold;
}

.TeamDetailsContent .DetailsDescr
{
    position:       absolute;
    top:            60px;
    left:           145px;
    width:          400px;
    height:         25px;
}

.ImpressumPanel
{
    position:       absolute;
    top:            35px;
    left:           275px;

    width:          450px;
    height:         550px;
    padding-right:  10px;

    overflow:       auto;
}

.CarMenu
{
    position:   absolute;
    top:        35px;
    left:       35px;

    width:      250px;
    height:     550px;
}

.CarMenu:active
{
    border: solid 0px #FFFFFF;
}

.CarItem
{
    margin:     0px;
}

.CarItem table
{
    width:      210px;

    margin:     20px;
    border:     solid 1px #FFFFFF;
    background: #FFFFFF;
}

.CarItem:hover table
{
    border:     solid 1px #999999;
}

.CarDetail
{
    position:   absolute;
    top:        35px;
    right:      35px;

    width:      650px;
    height:     550px;
}

.CarsEmpty
{
    position:   absolute;
    top:        250px;
    left:       5px;

    width:      240px;
    text-align: center;

    color:      #444444;
    font-size:  14px;
}

.CarImage
{
    position:   absolute;
    top:        20px;
    left:       125px;

    width:      400px;
    height:     300px;

    border:     solid 1px #999999;
}

.CarImage img
{
    width:      400px;
    height:     300px;
}

.CarImage img.Prev
{
    position:   absolute;
    top:        0px;
    left:       -36px;

    width:      16px;
    height:     16px;
    cursor:     pointer;
}

.CarImage div.Next
{
    position:   absolute;
    top:        -1px;
    left:       410px;

    width:      50px;
    height:     300px;
    cursor:     pointer;

    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;

    line-height: 300px;
    vertical-align: middle;
}

.CarImage div.Prev
{
    position:   absolute;
    top:        -1px;
    left:       -60px;

    width:      50px;
    height:     300px;
    cursor:     pointer;

    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;

    line-height: 300px;
    vertical-align: middle;
}

.CarImage div.Next img
{
    position: absolute;
    top: 126px;
    width: 48px;
    height: 48px;
    z-index: 2;
    opacity: 0.7;
}

.CarImage div.Prev img
{
    position: absolute;
    top: 126px;
    width: 48px;
    height: 48px;
    z-index: 2;
    opacity: 0.7;
}

.CarImage div.NextBack
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 300px;
    z-index: 1;
    opacity: 0.5;
}

.CarImage div.PrevBack
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 300px;
    z-index: 1;
    opacity: 0.5;
}

.CarInfos
{
    position:   absolute;
    top:        340px;
    left:       30px;

    width:      590px;
    height:     190px;

    border:     solid 1px #999999;
    background: #EEEEEE;
}

.CarInfos table
{
    width:  570px;

    margin: 10px;
}

.ContactMailResultOK
{
    text-align: center;
    border:     1px solid #0acf05;
    background: #c9ffce;
}

.ContactMailResultFailed
{
    text-align: center;
    border:     1px solid #b60606;
    background: #fc9f9f;
}

/* Popup classes */
#popup
{
    position:   fixed;
    _position:  absolute; /* hack for internet explorer 6*/
    
    display:    none;
    height:     384px;
    width:      408px;
    border:     1px solid #cecece;

    background: #FFFFFF;
    z-index:    10000;
    padding:    7px;
    font-size:  13px;
}

#popup h1
{
    text-align:     left;
    color:          #000000;
    font-size:      22px;
    font-weight:    700;
    border-bottom:  1px dotted #D3D3D3;
    padding:        0px 0px 2px 0px;
    margin:         0px 0px 10px 0px;
}

#popupClose
{
    position:       absolute;
    top:            4px;
    right:          6px;
    
    display:        block;
    line-height:    14px;
    color:          #000000;
    font-size:      14px;
    font-weight:    700;
}

#popupBackground
{
    position:   fixed;
    _position:  absolute; /* hack for internet explorer 6*/
    top:        0;
    left:       0;

    display:    none;
    height:     100%;
    width:      100%;
    border:     0px solid #cecece;
    
    background: #000000;
    z-index:    9999;
}

.KarosserieAboutUs
{
    position:   absolute;
    top:        35px;
    left:       35px;
    padding-right: 10px;

    width:      460px;
    height:     550px;

    overflow:   auto;
}

table.karosserieOpeningTimes
{
    width:          440px;
    margin:         0px auto;
    font-size:      12px;
    font-weight:    bold;
}

.transp
{
    position: absolute;
    top: 0px;
    left: 0px;

    height: inherit;
    width: inherit;

    background: #FFFFFF;
    opacity: 0.25;

    z-index: 1;
}

.AboutUsVideo
{
    position: absolute;
    top:    132px;
    left:   495px;
    width:  440px;
    height: 357px;
}