﻿body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: normal 11px Arial,Helvetica,sans-serif;
	color: #000;
}

.sIFR-flash { outline: none; }

.sf-menu { float: right; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
.sf-menu li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; margin-left: 0; margin-right: 20px !important; margin-top: 0; padding: 0 !important; position: relative; }
.sf-menu li .submenu { display: none; }
.sf-menu li:hover .submenu, .sf-menu li.sfHover .submenu { display: block; }

.submenu { width: 480px; height: 70px; overflow: hidden; position: absolute; top: 10px; padding-top: 10px; left: 0 !important; }
.submenu a { color: #878791; }
.submenu a:hover { color: #000; }
.menuRow { float: left; margin-right: 15px; }
#m3 .submenu { left: -128px !important; }

.sf-menu ul { width: 400px !important; }
.sf-menu ul.wide { width: 600px !important; }

.sf-menu li.m0:hover ul, .sf-menu li.m0.sfHover ul { left: 0 !important; }
.sf-menu li.m1:hover ul, .sf-menu li.m1.sfHover ul { left: -18px !important; }
.sf-menu li.m2:hover ul, .sf-menu li.m2.sfHover ul { left: -75px !important; }
.sf-menu li.m3:hover ul, .sf-menu li.m3.sfHover ul { left: -232px !important; }
.sf-menu ul li { width: 150px !important; }



p { margin: 0; }
ul { padding-left: 10px; list-style-type: disc; margin: 20px 0; }

.smalltext { font-size: 9px; line-height: 15px; }
img.inlineImageLeft { float: left; margin: 0 10px 10px 0; }
p.clear { clear: both; height: auto; width: auto; overflow: visible; visibility: visible; }
.hidden { display: none; }

#startlogo { margin-bottom: 1em; }

.imageContainer { margin-bottom: 2em; }

#header {
  height: 100px;
  position: relative;
}

#logo {
  position: absolute;
  top: 25px;
  left: 50px;
}

#stage {
  background: #e6e6eb none;
  margin-bottom: 17px;
}

#stageTop {
  width: 765px;
  height: 55px;
  padding: 15px 0px 0px 15px;
  border-right: 1px solid #fff;
}

#stageTop h1 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #000;
}

#stageTop h2 {
	font-size: 17px;
}

#stageCenter {
  width: 780px;
  border-right: 1px solid #fff;
}

#stageBottom {
  width: 780px;
  height: 20px;
  background: #9999A3 none;
  border-right: 1px solid #fff;
}

#siteMenuHeader {
  width: 210px;
  height: 100%;
  background: #5c5c61 none;
}

#siteMenuHeader h5 {
  float: left;
  margin: 0px 0px 0px 15px;
  padding: 0;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
}

#siteMenuHeader img {
  float: left;
  margin: 8px 0px 0px 5px;
}

#footer {
  width: 765px;
  margin: 10px 0px;
  padding: 0px 0px 0px 15px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  color: #9999A3;
}

#footer ul li a {
  font-size: 10px;
  color: #9999A3;
}

#footer ul li a:hover {
  color: #000;
}

#footer ul.left {
  float: left;
}

#footer ul.right {
  float: right;
}


/* Misc
----------------------------------------------------------------------------------------------------*/

p {
  margin-bottom: 10px;
}

sub {
  font-size: 7px;
}

hr {
  margin: 0;
  padding: 0;
  border-color: #cfcfcf;
  height: 1px;
  line-height: 1px;
  font-size: 0px;
}


/* Headlines
----------------------------------------------------------------------------------------------------*/

h2 {
  font-size: 15px;
  margin: 0px 0px 18px 0px;
  padding: 0;
  color: #000;
}

h3 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 11px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding: 0;
}

h1.top,
h2.top,
h3.top,
h4.top {
  margin-top: 0px !important;
}

h1.center,
h2.center,
h3.center,
h4.center {
  margin: 20px 0px !important;
}

/* Links
----------------------------------------------------------------------------------------------------*/

a {
  color: #3c5f8c;
  text-decoration: none;
}

a.navItem {
  float: left;
  height: 13px;
  overflow: hidden;
}

a.navItem:hover img {
  position: relative;
  top: -13px;
}

a.newsOption {
  float: left;
  padding-left: 10px;
  margin-right: 15px;
  background: transparent url(../images/icon-arrow-right-orange.gif) no-repeat left center;
}

a.newsOption:hover {
  text-decoration: underline;
}

a.linkOption {
  float: left;
  padding-left: 10px;
  margin-right: 15px;
  background: transparent url(../images/icon-arrow-right-orange.gif) no-repeat left center;
}

a.linkOption:hover {
  text-decoration: underline;
}

a.right {
  float: right !important;
  margin-right: 0px !important;
  margin-left: 15px;
}


/* Lists
----------------------------------------------------------------------------------------------------*/
ul.disc {
  margin: 0;
  padding: 0;
}

ul.disc li {
  list-style: disc;
  margin: 0px 0px 0px 15px;
}

ul.quickLinkList {
  margin: 0;
  padding: 5px 0px 0px 0px;
  list-style: none;
  border-top: 1px solid #cfcfcf;
}

ul.quickLinkList li {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}

ul.linkList {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.linkList li {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}


/* Images
----------------------------------------------------------------------------------------------------*/

img {
  border: 0px none;
}


/* Menus
----------------------------------------------------------------------------------------------------*/

#metaMenu {
  width: 780px;
  height: 15px;
}

#metaMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 4px;
}

#metaMenu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  color: #9999A3;
}

#metaMenu ul li a {
  font-size: 10px;
  color: #9999A3;
}

#metaMenu ul li a:hover {
  color: #000;
}

#mainMenu {
  width: 780px;
  position: absolute;
  bottom: 0px;
  z-index: 5;
}

.menuLeft { margin-top: -11px; }

ul#siteMenu,
ul#siteMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#siteMenu li {
  list-style: none;
  margin-left: 0px;
}

ul#siteMenu li li {
  list-style: none;
  margin-left: 10px;
}

ul#siteMenu li a {
  font-weight: bold;
  font-size: 11px;
  color: #9999A3;
  line-height: 20px;
}

ul#siteMenu li li a {
  font-weight: normal;
  font-size: 10px;
  color: #9999A3;
  line-height: 15px;
}

ul#siteMenu li a:hover,
ul#siteMenu li li a:hover {
  color: #000;
}

ul#siteMenu li a.active {
  color: #000;
}

/* Buttons
----------------------------------------------------------------------------------------------------*/

div.btnLight {
	float: left;
	width: auto !important;
	padding: 0;
	background: #ebebeb url('../images/btn-light-right.gif') no-repeat right center;
	height: 15px;
}

div.btnLight div.inner {
  float: left;
	background: transparent url('../images/btn-light-left.gif') no-repeat left center;
  height: 15px;
}

div.btnHeavy {
	float: left;
	padding: 0;
	background: #ebebeb url('../images/btn-heavy-right.gif') no-repeat right center;
	height: 15px;
}

div.btnHeavy div.inner {
  float: left;
	background: transparent url('../images/btn-heavy-left.gif') no-repeat left center;
  height: 15px;
}

div.btnLight div.inner button,
div.btnLight div.inner input,
div.btnHeavy div.inner button,
div.btnHeavy div.inner input,
div.btnHeavy div.inner a {
	background: transparent none;
	border: 0;
	cursor: pointer;
	color: #fff;
	margin: -1px 0px 0px 0px !important;
	padding: 0px 6px !important;
	height: 15px;
	line-height: 15px;
	text-transform: uppercase;
	font-size: 11px;
}

div.btnLight div.inner button,
div.btnLight div.inner input,
div.btnLight div.inner a {
  color: #5c5c61;
}


/* Container
----------------------------------------------------------------------------------------------------*/

div.container {
  background: #f0f0f5;
  padding: 10px 5px;
  margin-bottom: 1px;
}

div.container h3 {
  margin: 0px 5px 10px 5px;
}

.options {
  padding: 10px !important;
}

.options div.right {
  float: right;
}

.options .info {
  margin-right: 10px;
}


/* Teaser
----------------------------------------------------------------------------------------------------*/

div.teaser {
  height: 125px;
  overflow: hidden;
  margin: -10px 0px 10px 0px;
}

div.teaser a:hover img {
  margin-top: -125px;
}

div.teaserOverview {
  margin: 0px 0px 10px 0px;
}

div.teaserOverview a.linkImage,
div.teaserOverview img.left {
  float: left;
  margin-right: 15px;
}

div.teaserOverview h3 {
  font-size: 11px;
  margin: 0 !important;
}

div.teaserOverview a.linkOption {
  margin-top: 2px !important;
}

/* News
----------------------------------------------------------------------------------------------------*/

#news {
  width: 180px;
  position: absolute;
  z-index: 50;
  top: 170px;
  left: 600px;
  background: #83858a none;
  opacity:0.9;
}

#news h3 a {
  float: left;
  width: 160px;
  height: 20px !important;
  line-height: 20px !important;
  background: #83858a url(../images/btn-news.gif) no-repeat 0 0;
  color: #fff;
  padding-left: 20px;
}

#news h3.ui-state-active a {
  background: #83858a url(../images/btn-news.gif) no-repeat 0px -20px;
}

#news .ui-accordion-content {
  height: 235px;
}

#news .ui-accordion-content .text-header {
  padding: 10px;
  height: 45px;
}

#news .ui-accordion-content .text-header h5 {
  color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

#news .ui-accordion-content .text-header span {
  display: block;
  color: #fff;
}

#news .ui-accordion-content .text-header a {
  clear: both;
  color: #fff;
}


#news .ui-accordion-content .text {
  padding: 10px;
/*  height: 105px;*/
  height: 94px;
}

#news .ui-accordion-content .text h5 {
  color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

#news .ui-accordion-content .text span {
  display: block;
  color: #fff;
}

#news .ui-accordion-content .text a {
  clear: both;
  color: #fff;
}

#news .ui-accordion-content .nav {
  width: 160px;
  line-height: 20px;
  color: #fff;
  background: #83858a none;
  padding: 0px 10px;
  font-size: 10px;
}

#news .ui-accordion-content .nav .left {
  float: left;
  width: 20px;
}

#news .ui-accordion-content .nav .right {
  float: right;
  width: 100px;
  text-align: right;
}

#news .ui-accordion-content .nav .right .linkPrev {
  float: left;
  padding-left: 10px;
  margin-right: 10px;
  background: transparent url(../images/icon-arrow-left-white.gif) no-repeat left center;
  color: #fff;
}

#news .ui-accordion-content .nav .right .linkNext {
  float: right;
  padding-right: 10px;
  background: transparent url(../images/icon-arrow-right-white.gif) no-repeat right center;
  color: #fff;
}

/* VehicleNew
----------------------------------------------------------------------------------------------------*/

/*.vehicleNewListItem {
  float: left;
  height: 90px !important;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
}

.last {
  margin-right: 0px !important;
}
*/

.vehicleNewListImage {
  height: 90px;
  overflow: hidden;
}

.vehicleNewListImage a:hover img {
  margin-top: -90px;
}

.vehicleNewListItem {
  padding-bottom: 10px;
}

.vehicleNewListItem ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.vehicleNewListItem li {
  margin: 0;
}

.vehicleNewListItem a {
  color: #878791;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
}
.vehicleNewListItem a:hover {
  color: #000;
}

#vehicleNew-detail h3 {
  margin: 1em 0;
}

#vehicleNew-sidebar .imageListItem {
  width: 80px;
  margin: 0 5px 10px;
  float: left;
}
#vehicleNew-sidebar .alpha {
  margin-left: 0;
}
#vehicleNew-sidebar .omega {
  margin-right: 0;
}

#vehicleDetailLocation { margin-bottom: 0 !important; }
#vehicleDetails ul.linkList { margin: 0 10px 10px 10px; }

.ui-widget-content {
  background-color: transparent !important;
}

h3.ui-accordion-header {
  margin-top: 1em !important;
}


/* Employee
----------------------------------------------------------------------------------------------------*/

#employeeList h4 {
  margin-bottom: 20px !important;
}

.employeeListItem {
  float: left;
  width: 50%;
  height: 110px;
  margin-bottom: 10px;
  overflow: hidden;
}

.employeeListItem .employeeListItemImage {
  float: left;
  width: 70px;
  margin-right: 5px;
}

.employeeListItem .employeeListItemData {
  float: left;
  width: 110px;
}

.employeeListItem .employeeListItemData table {
  width: 100%;
  border-collapse: collapse;
  border: 0px none;
  padding: 0;
  margin: 0;
}

.employeeListItem .employeeListItemData table tbody th {
  font-weight: normal;
  width: 20px;
  text-align: left;
  vertical-align: top;
}

.employeeListItem .employeeListItemData table tbody td { vertical-align: top; white-space: nowrap; }

.employeeListItem .employeeListItemData a.linkOption {
  margin-right: 0px !important;
}


/* Unternehmen
----------------------------------------------------------------------------------------------------*/

#unternehmen .grid_1 img { margin-bottom: 1em; }

/* History & Freestyle
----------------------------------------------------------------------------------------------------*/

#freestyle img.fl, #history img.fl { float: left; margin: 0 15px 20px 0; }
#freestyle img.fr, #history img.fr { float: right; margin: 0 0 20px 15px; }
#freestyle p, #history p { clear: both; margin-top: 0; }

/* Nutzfahrzeuge & Groï¿½kunden
----------------------------------------------------------------------------------------------------*/

#grosskunden h3, #nutzfahrzeuge h3 { margin: 2em 0; }
#firstclass h3 { margin: 2em 0 1em 0; }
#aktionen .teaserOverview a { float: left; padding-left: 10px; margin-right: 15px; background: transparent url('../images/icon-arrow-right-orange.gif') no-repeat left center; }

#aktionen .teaserOverview a:hover { text-decoration: underline; }

#vehicleSearchQuick { margin-bottom: 2em; }
#vehicleSearchQuick h2 { margin-bottom: 10px; }
#vehicleSearchQuick .action { margin: 10px 0 0 0; }
#vehicleSearchQuick select { width: 100%; float: none; }

/* Sitemap
----------------------------------------------------------------------------------------------------*/

#sitemap ul {
  list-style: none;
  padding: 0;
  width: 180px;
  float: left;
  margin: 10px 15px 0px 0px;
  overflow: hidden;
}

#sitemap ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sitemap ul li a {
  clear: both !important;
  line-height: 24px;
}

#sitemap ul li.first {
  display: block;
  background: #f0f0f5;
  border-bottom: 1px solid #b9b9be;
  padding: 0px 5px;
  margin-bottom: 5px;
}

#sitemap ul li ul {
  padding: 0px 5px;
  margin: 0px 0px 10px 0px !important;
}

.sIFR-dummy {
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


/* Fahrzeugvermietung
----------------------------------------------------------------------------------------------------*/

#rentalservice ul { margin: 0; padding: 0; list-style-type: none; }
#rentalservice li { margin: 0; padding: 0; }
#rentalservice .grid_1 { margin-bottom: 10px; }


/* Impressum
----------------------------------------------------------------------------------------------------*/

#imprint h4 { margin-top: 40px !important; }
#imprint dt, #imprint dd { margin: 0; padding: 0; }
#imprint dd { margin-bottom: 15px; }


/* Reifengarantie
----------------------------------------------------------------------------------------------------*/

#reifengarantie table { width: 100%; }
#reifengarantie th { text-align: left; font-weight: normal; }
#reifengarantie td { width: 55px; }


/* All inclusive
----------------------------------------------------------------------------------------------------*/

#allinclusive dd { margin: 0; margin: -3px 0.5em 0 0; float: left; }
#allinclusive .tab_single { margin: 25px 0; }




/* Tab (geklaut) ;)
----------------------------------------------------------------------------------------------------*/

tab
{
	WIDTH: 100%;
}

/*background-colors, tabel outfit*/
.tab_single
{
	MARGIN-BOTTOM: 3px;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	BACKGROUND: #CCCCD1;
}
.TabOverview
{
	WIDTH: 100%;
	margin-top: 19px;
	margin-left: -3px;
}
.tab_single_vm
{
	MARGIN-BOTTOM: 18px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	FONT-SIZE: 11px;
	BACKGROUND: #D7D7DD;
}

/*table used as title*/
.tab_title
{
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
}
.tab_title_head
{
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
}

/*used as title used as legende*/
.tab_title_legende
{
	HEIGHT: 20px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 10px;
	TEXT-ALIGN: right;
}

/*text used in table*/
.txt_form  /*FOR: sr35_techdata*/
{
	MARGIN-BOTTOM: 5px;
	MARGIN-LEFT: 19px;
	MARGIN-RIGHT: 19px;
}

/*1=odd (white)*/
.tab_bg1
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND: #FFFFFF;
}
.tab_bg1_m_line
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	FONT-SIZE: 11px;
	BACKGROUND: #FFFFFF;
	BORDER-LEFT: solid 1px #ccccd1;
}
.tab_bg1_line
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	FONT-SIZE: 11px;
	BACKGROUND: #FFFFFF;
	BORDER-LEFT: solid 1px #ccccd1;
}
/*2=even (light grey)*/
.tab_bg2
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND: #F0F0F5;
}

/* PXC Additional begin */
tr.tab_bg1 td
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND: #FFFFFF;
	width: 50%;
}
tr.tab_bg2 td
{
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND: #F0F0F5;
	width: 50%;
}
/* PXC Additional end */
.tab_bg2_m_line
{
	WIDTH: 34%;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	FONT-SIZE: 11px;
	BACKGROUND: #F0F0F5;
	BORDER-LEFT: solid 1px #ccccd1;
}
.tab_bg2_line
{
	WIDTH: 33%;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	FONT-SIZE: 11px;
	BACKGROUND: #F0F0F5;
	BORDER-LEFT: solid 1px #ccccd1;
}

/* Team
----------------------------------------------------------------------------------------------------*/

.teamleft{
	width:245px;
	height:70px;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
}

.teamright{
	width:245px;
	height:70px;
	margin-bottom:15px;
	float:left;
}

.teampic{
	width:70px;
	height:70px;
	float:left;
	margin-right:5px;
}

.teampic2{
	width:70px;
	height:70px;
	float:left;
	margin-right:5px;
}


.teaminfo{
	width:170px;
	height:70px;
	float:left;
}

.teaminfo2{
	width:112px;
	height:70px;
	float:left;
}

.uebersichtpic{
	width:180px;
	height:70px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}

.uebersichtinfo{
	width:180px;
	height:70px;
	margin-bottom:10px;
	float:left;
}

.uebersichtpicbig{
	width:180px;
	height:110px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}

.uebersichtinfobig{
	width:180px;
	height:110px;
	margin-bottom:10px;
	float:left;
}

/* Benefizlauf, Imagespot
----------------------------------------------------------------------------------------------------*/

#benefizlauf, #imagespot { overflow: visible; }
#benefizlauf #flashVideo, #imagespot #flashVideo { margin-bottom: 3em; }


/* Print
----------------------------------------------------------------------------------------------------*/

div.print { width: 18cm; overflow: hidden; }
div.print h1 { font-size: 250%; text-align: center; margin-bottom: 30px !important; }
div.print h2 { margin: 0 !important; }
div.print h2.vehicleImages { page-break-before: always; font-size: 170%; margin: 1.5em 0 !important; text-align: center; }
div.print .dealerComment, div.print .otherFeatures, div.print #address, div.print .vehicleDetails, div.print .vehicleConsumption, div.print .vehicleFeatures { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 10px; margin: 3px 0 10px 0; }
div.print .left, div.print .right { width: 50%; text-align: left; float: left; }
div.print .imglistSmall { margin-bottom: 10px; }
div.print .imglistSmall img { margin-right: 12px; }
/*div.print .imglistSmall img.last { margin: 0; }*/

th.price, td.price { font-weight: bold !important; font-size: 145%; }
div.print th.price, div.print td.price { padding-top: 1em; }
div.print .vehicleDetails table { table-layout: fixed; width: 100%; margin: 0; }
div.print th { font-weight: normal; text-align: left; }

div.print .vehicleFeatures ul { list-style-type: none; }
div.print .vehicleFeatures li { padding: 0; margin: 5px 0; }
div.print .otherFeatures p { margin: 0; }
div.print .imglist { width: 550px; margin: auto; }
div.print .imglist img { margin-right: 25px; margin-bottom: 15px; }

.dealerPrint { background: #efefef; padding: 10px; margin: 1em 0; }
.dealerPrint label { font-weight: bold; }
.dealerPrint .btnHeavy { float: left; }
.dealerPrint .left, .dealerPrint .right { width: 50%; }

.picleft {
  float:left;
  margin: 0px 20px 30px 0px;
}
.picright {
  float:right;
  margin: 0px 0px 30px 20px;
}

/* Fahrzeugpflege
------------------------------------------------------------------------------------*/

#pflege p { margin: 1em 0 0 0; }
#pflege ul { margin: 0 0 5px; }
#pflege p.price { font-weight: bold; margin: 0 0 3em 0; text-align: right; }
