html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
img{
border:none;
}
:focus
{
	outline: 0;
}

ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
body
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #232629;
}
.clear
{
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}
.homepage, .page
{
	width: 960px;
	margin: 0 auto;
	background: #FFF url(Images/pagebg.png) repeat-x 0 0;
}
.header
{
	position: relative;
	z-index: 50;
	/*height: 490px;*/
	height: 620px;
}
/*.page .header
{
	height: 110px;
}*/
.menu_container
{
	background: url(Images/menubg.png) no-repeat 0 0;
	width: 960px;
	height: 85px;
	position: absolute;
	top: 8px; /*left: 0;*/
	z-index: 100;
}
.menu
{
	position: relative;
	top: 30px;
	left: 8px;
}
.menu li
{
	display: inline;
}
.menu .home
{
	height: 85px;
	left: 427px;
	position: absolute;
	top: -31px;
	width: 90px;
}
.menu .home a
{
	height: 85px;
	width: 90px;
	display: block;
	text-indent: -2000px;
}
.menu .angebote
{
	top: 0px;
	left: 2px;
	position: absolute;
}
.menu .angebote a
{
	background: url(Images/menu_angebote.png) no-repeat 0 0;
	width: 185px;
	height: 34px;
	display: block;
	text-indent: -2000px;
}
.menu .angebote a:hover, .menu .angebote .over
{
	background: url(Images/menu_angebote_over.png) no-repeat 0 0;
}
.menu .angebote .submenu
{
	display: none;
	width: 172px;
	background: url(Images/submenu.png) repeat-y 0 0;
	position: absolute;
	padding: 0 1px 0 2px;
	z-index: 10;
	top: 34px;
	left: -1px;
}
.menu .angebote .submenu .first
{
	height: 28px;
}
.menu .angebote .submenu .last
{
	background: url(Images/submenu_last.png) no-repeat 0 0;
	width: 175px;
	height: 9px;
	position: absolute;
	margin-top: 0;
	margin-left: -1px;
}
.menu .angebote li
{
	display: block;
}
.menu .angebote .submenu li a
{
	background: url(Images/submenu_li.png) repeat-x 0 29px;
	text-indent: 0px;
	height: 18px;
	margin-top: -7px;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	width: 158px;
	font-weight: bold;
	padding: 7px 5px 13px 5px;
}
.menu .angebote .submenu li a:hover, .menu .angebote .submenu .liover a
{
	background: url(Images/submenu_liover.png) no-repeat 0 0;
}


.menu .angebote .submenu2
{
	display: none;
	margin-left: 168px;
	margin-top: -38px;
	position: absolute;
	width: 700px;
}
.menu .angebote .submenu2 li
{
	float: left;
	display: block;
}
.menu .angebote .submenu2 li a
{
	width: 146px;
	height: 42px;
	padding: 8px 12px;
	margin: 0;
	display: block;
	border-right: 1px solid #ab4a3e;
	background: #ab2615 !important;
}
.menu .angebote .submenu2 li a span
{
	display: block;
	font-weight: bold;
	margin-top: 5px;
	font-size: 16px;
}
.menu .angebote .submenu2 li a:hover
{
	background: url(Images/submenu2_liover.png) no-repeat 0 0 !important;
}




#angeboteNoScript .submenu
{
	display: block;
	width: 172px;
	background: url(Images/submenu.png) repeat-y 0 0;
	position: absolute;
	padding: 0 1px 0 2px;
	z-index: 10;
	top: 34px;
	left: -1px;
}
#angeboteNoScript .submenu .first
{
	height: 28px;
}
#angeboteNoScript .submenu .last
{
	background: url(Images/submenu_last.png) no-repeat 0 0;
	width: 175px;
	height: 9px;
	position: absolute;
	margin-top: 0;
	margin-left: -1px;
}
#angeboteNoScript.angebote li
{
	display: block;
}
#angeboteNoScript .submenu li a
{
	background: url(Images/submenu_li.png) repeat-x 0 29px;
	text-indent: 0px;
	height: 18px;
	margin-top: -7px;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	width: 158px;
	font-weight: bold;
	padding: 7px 5px 13px 5px;
}
/*
#angeboteNoScript .submenu li a:hover, #angeboteNoScript .submenu .liover a
{
	background: url(Images/submenu_liover.png) no-repeat 0 0;
}
*/
#angeboteNoScript .submenu2
{
	display: block;
	margin-left: 168px;
	margin-top: -38px;
	position: absolute;
	width: 700px;
}
#angeboteNoScript .submenu2 li
{
	float: left;
	display: block;
}
#angeboteNoScript .submenu2 li a
{
	width: 146px;
	height: 27px;
	padding: 1px 12px;
	margin: 0;
	display: block;
	border-right:none;
	background: url(Images/submenu.png) repeat-y -1px 0 !important;
}
#angeboteNoScript .submenu2 li a span
{
	display: block;
	font-weight: bold;
	margin-top: 0px;
	font-size: 10px;
}
#angeboteNoScript .submenu2 li a:hover
{
	background: url(Images/submenu2_liover.png) no-repeat 0 0 !important;
}




.menu .rss
{
	top: 0px;
	left: 650px;
	position: absolute;
	padding-right: 2px;
	background: url(Images/menuli.png) no-repeat right center;
}
.menu .rss a
{
	background: url(Images/menu_rss.png) no-repeat 0 0;
	width: 119px;
	height: 34px;
	display: block;
	text-indent: -2000px;
	cursor:pointer;
}
.menu .rss a:hover
{
	background: url(Images/menu_rss_over.png) no-repeat 0 0;
}
.menu .newsletter
{
	top: 0px;
	left: 771px;
	position: absolute;
	padding-right: 2px;
	background: url(Images/menuli.png) no-repeat right center;
}
.menu .newsletter a
{
	background: url(Images/menu_newsletter.png) no-repeat 0 0;
	width: 100px;
	height: 34px;
	display: block;
	text-indent: -2000px;
}
.menu .newsletter a:hover
{
	background: url(Images/menu_newsletter_over.png) no-repeat 0 0;
}
.menu .fiat
{
	top: 0px;
	left: 873px;
	position: absolute;
}
.menu .fiat a
{
	background: url(Images/menu_fiatde.png) no-repeat 0 0;
	width: 67px;
	height: 34px;
	display: block;
	text-indent: -2000px;
}
.menu .fiat a:hover
{
	background: url(Images/menu_fiatde_over.png) no-repeat 0 0;
}
.header_img
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.header_box_container
{
	position: absolute;
	top: 100px;
	left: 480px;
	z-index: 10;
}
.header_box
{
	position: absolute;
	background: url(Images/header_box.png) no-repeat 0 0;
	width: 331px;
	height: 194px;
	top: 16px;
	left: 64px;
	padding: 15px 17px 10px 17px;
}
.header_box h2
{
	font-size: 22px;
	color: #ab2615;
	margin-bottom: 10px;
}
.header_box p
{
	font-size: 13px;
	color: #1e181e;
	line-height: 18px;
}
.header .smalltext
{
	font-size: 10px;
	background-color:#d8d8d8;
	color: #7c7c7c;
	top: 402px;
	left: 0;
	padding: 0 15px;
	position: absolute;
	line-height: 12px;
	width:930px;
	height: 200px;
}
.smalltext sup
{
	vertical-align: super;
	font-size: 80%;
}

.offer_container
{	
	position: absolute;
	top: 214px;
	left: -490px;
	width: 915px;
}
.offer_containerScroll
{	
	position: absolute;
	top: 214px;
	left: -470px;
	width: 890px;
}
.offer
{
	width: 174px;
	float: right;
	margin-right: 5px;
	border:none !important;
	background:none !important;
}
.offer a
{
	text-decoration: none;
	cursor: pointer;
	border:none !important;
	zoom:1;background:none !important;
}
.offer .offer_title
{
	background: url(Images/offerh.png) no-repeat 0 0;
	width: 150px;
	height: 19px;
	display: block;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 12px 0 12px;
}
.offer .offer_text
{
	background: url(Images/offerp.png) no-repeat 0 bottom;
	width: 155px;
	height: 50px;
	display: block;
	color: #1e181e;
	padding: 0px 7px 7px 12px;
}
.offer .offer_text strong
{
	color: #1e181e;
	font-weight: bold;
	font-size: 20px;
}
.offer .offer_text sup
{
	vertical-align: super;
	font-size: 50%;
}
.lnktopcnt
{
	height: 25px;
}
.lnktop
{
	background: url(Images/atop.png) no-repeat right 0;
	height: 15px;
	width: 70px;
	display: block;
	text-indent: -2000px;
	float: right;
}
.tiles
{
	width: 960px;
}
.tiles .ttop
{
	width: 960px;
	height: 13px;
	font-size:0;
	line-height:0;
	background: url(Images/ttop.png) no-repeat 0 0;
}
.tiles .tbottom
{
	width: 960px;
	height: 13px;
	background: url(Images/tbottom.png) no-repeat 0 0;
}
.tiles .tcontent
{
	background: url(Images/tcontent.png) repeat-y 0 0;
	padding: 0 10px 0 13px;

}
.tiles .photo
{
	float: left;
	width: 390px;
margin-bottom: -5px;
	margin-top: -6px;
}
.tiles .description
{
	margin-left: 400px;
	padding-right: 10px;
}
.tiles .description h3
{
	font-size: 22px;
	color: #232629;
	padding-top: 15px;
	margin-bottom: 10px;
}
.tiles .description p
{
	color: #2d3033;
	font-size: 12px;
	line-height: 18px;
}
.tiles .description .offer_container
{
	position: relative;
	left: 0;
	top: 0;
	margin-top: 10px;
	margin-left: -5px;
	width: 530px;
	float:left;
}
.offer_container .scrollable{
	/*overflow:auto;*/
}
.tiles .description .offer_container .offer
{
	float: left;
}
.container
{
	position: relative;
	top: 110px;
	margin-bottom:150px;
	zoom:1;
}
.sidemenu
{
	width: 210px;
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 5;
}
.sidemenu a
{
	color: #232629;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(Images/sidemenu.png) no-repeat 0 0;
	width: 135px;
	height: 18px;
	display: block;
	margin-left: 5px;
	margin-bottom: 3px;
	padding: 11px 10px 9px 10px;
}
.sidemenu a:hover
{
	background: url(Images/sidemenu_over.png) no-repeat 0 0;
	color: #FFF;
}
.sidemenu a.selected, .sidemenu a.selected:hover
{
	color: #FFF;
	background: url(Images/sidemenu_selected.png) no-repeat 0 0;
	width: 174px;
}
.sidemenu a.home
{
	color: #232629;
	padding-left: 15px;
	margin-top:30px;
	background: url(Images/sidemenu_home.png) no-repeat 0 0;
	width: 174px;
}
.sidemenu a.home:hover
{
	color: #FFF;
	background: url(Images/sidemenu_home_over.png) no-repeat 0 0;
}
.content_right
{
	margin-left: 180px;
	margin-bottom: 65px;
}
.section_photo
{
	float: left;
	width: 390px;
}
.section_photo .photo
{
	height: 327px;
}
.section_photo .photo h3
{
	font-size: 30px;
	top: -80px;
	left: 20px;
	position: relative;
	font-weight: bold;
	color: #323232;
}
.section_photo .photo h3 span
{
	display: block;
	font-size: 13px;
	color: #323232;
}
.maincopy
{
	min-height: 250px;
}
.section_decription
{	
	float: left;
	width: 390px;	
}
.section_decription h2
{
	font-size: 24px;
	font-weight: bold;
	color: #ab2615;
	margin-top: 5px;
	margin-bottom: 10px;
}
.section_decription p
{
	line-height: 16px;
	margin: 10px 0;
}
.section_maincopy
{
	min-height:219px;
	_height:219px;
	border-top:1px solid #FFF;
}
.section_menu
{
	margin: 10px 0;
}
.section_menu a
{
	color: #232629;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(Images/sectionmenu.png) no-repeat 0 0;
	width: 223px;
	height: 18px;
	display: block;
	margin-left: 5px;
	margin-bottom: 3px;
	padding: 11px 25px 9px 10px;
}
.section_menu a:hover
{
	color: #FFF;
	background: url(Images/sectionmenu_over.png) no-repeat 0 0;
}
.section_menu .firstLink a
{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(Images/sectionmenu_selected.png) no-repeat 0 0;
	width: 223px;
	height: 18px;
	display: block;
	margin-left: 5px;
	margin-bottom: 3px;
	padding: 11px 25px 9px 10px;
}
.section_menu .firstLink a:hover
{
	color: #FFF;
	background: url(Images/sectionmenu_selected_over.png) no-repeat 0 0;
}
.content_right .smalltext
{
	color: #969696;
}
a
{
	color: #ab2615;
	text-decoration: underline;
}
.button
{
	background: url(Images/button.gif) no-repeat 0 0;
	width: 152px;
	height: 24px;
	display: block;
	padding-left: 25px !important;
	padding-top: 5px !important;
	*padding-top: 6px !important;
	color:#666;
	cursor:pointer !important;
}

.linkmenu
{
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0;
}
.footer
{
	margin: 0 10px 0 14px;
}
.footer_menu
{
	width: 300px;
	float: right;
}
.footer_menu li
{
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 0 0 8px;
	background: url(Images/footerli.png) no-repeat right center;
}
.footer_menu li.last
{
	background: none;
	padding: 0;
}
.footer_menu li a
{
	text-decoration: none;
	color: #1f2122;
}
.footer_menu li a:hover
{
	text-decoration: underline;
	color: #1f2122;
}
.footer .copyright
{
	text-align: right;
	margin-top: 35px;
	margin-bottom: 10px;
}


.heroContainer
{
	border: 1px solid red;
}
.tile
{
	border: 1px solid blue;
}
.shareThis, .carModelExternalLinks, .promoModelChooser, .moreOffersForCar, .promoDisclaimer
{
	border: 1px solid green;
}

.shareContainer, .tellAFriendContainer
{
	float: left;
	width: 160px;
}

/* RSS Feed ToolTip
-----------------------------------------------------------------------------*/

.tooltip { 
    display:none; 
    background:url(Images/rss_bkg.png) no-repeat; 
    height:225px; 
    padding:40px 30px 10px 30px; 
    width:315px; 
    font-size:11px; 
    color:#969696; 
	line-height:16px;
} 
 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a  
{
	background:none !important;
    color:#C7202B; 
    font-size:11px; 
    font-weight:bold; 
}

/* End RSS Feed ToolTip
-----------------------------------------------------------------------------*/


/* Tell A Friend Popup
-----------------------------------------------------------------------------*/

div.dialogTellAFriend {
	
	background-image:url(Images/white.png);
	width:363px;
	height:396px;		
	display:none;
	padding:40px 50px;
	position:absolute !important;
}



div.dialogTellAFriend  div.inputContainer div.inputLabel
{
	padding-top:5px;
	text-align:left;
	
	float:left;
}
div.dialogTellAFriend  div.inputContainer
{
	margin-top: 5px;
	text-align:right;
}
div.dialogTellAFriend  div.inputContainer label
{
	font-weight:bold;
	font-size: 12px;
}
.inputContainer
{
	margin-bottom:1px;
	*margin:0;
	text-align:right;
}
.smsp
{
	margin-top:-1px;
	*margin-top:0;
}
div.send
{
	margin-left:285px;
	margin-top:10px;
}
div.dialogTellAFriend  div.inputContainer input, div.dialogTellAFriend  div.inputContainer textarea
{
	width:230px;
	font-family : Verdana;
	height: 18px;
}
div.dialogTellAFriend div.inputContainer textarea
{
	height:50px;
}

div.dialogTellAFriend  div.checkContainer
{
	margin-left:0px;
}


div.dialogTellAFriend  span.error
{
	margin-left:0px;
	*margin-left:107px;
	color:#AB2615;
	font-weight:bold;
	font-size:14px;	display:block;
	height:30px;

}
div.dialogTellAFriend  div.dataprivacy
{
	font-family:Verdana;
	font-size:10px;
	margin-left:2px;
}
div.dialogTellAFriend div.close {
	background-image:url(Images/close.png);
	position:absolute;
	right:12px;
	top:20px;
	cursor:pointer;
	height:29px;
	width:29px;
}
.menu .rss .tooltip a
{
	background: url(Images/menu_rss.png) no-repeat 0 0;
	width: 119px;
	height: 34px;
	display: block;
	text-indent: 0px;
	display:inline;
}
.menu .rss .tooltip a:hover
{
	background: url(Images/menu_rss_over.png) no-repeat 0 0;
}
.dialogTellAFriend h2 {
color:#AB2615;
font-size:24px;
font-weight:bold;
margin-bottom:12px;
}
/* End Popup
---------------------------------------------------------------------------*/


/* Scrollable div
-----------------------------------------------------------------------------*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollableHero {  
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 890px; 
    height:80px; 
}
div.scrollable {  
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    /*width: 535px;*/
	width:540px;
   /* height:90px; 
    border:1px solid green;*/
} 
div.offer_container a.hidden{  
    display:none;
}
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
 div.scrollableHero div.items {
    width:100em;     /*set to 1000em for scrollable tile CTAs*/
    position:absolute; 
} 

 div.scrollable div.items {
  /*  width:100em;     /*set to 1000em for scrollable tile CTAs*/
    /*position:absolute; */
} 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div, div.scrollableHero div.items div { 
    float:left;     
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.send a{
	background-image:url(Images/btn.png);
	display:block;
	float:left;
	width:83px;
	height:38px;
	text-align:center;
	line-height:33px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding-right:4px;
}
.send a:hover{
	background-image:url(Images/btn_ov.png);
	color:#fff;
}
/* End Scrollable div
---------------------------------------------------------------------------*/

.hide
{
	display: none;
}
a.prevPage{
	background: url(Images/previous.png) no-repeat;
	width:22px;
	height:48px;
	position:absolute;
	left:-20px;
	top:16px;
	z-index:999;
	cursor:pointer;
}
a.nextPage{
	background: url(Images/next.png) no-repeat;
	width:22px;
	height:48px;
	position:absolute;
	right:-26px;
	top:16px;
	z-index:999;
	cursor:pointer;
}

.offer_container .prevPage, .offer_container .nextPage{
	display:none;
}
.tooltipClose
{
	background-image:url(Images/close.png);
	position:absolute;
	right:12px;
	top:17px;
	cursor:pointer;
	height:29px;
	width:29px;
}
#zukunft{
	margin-left:0;
	padding-left:0;
}
.errorHeader{
	color:#AB2615;
	font-size:24px;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:20px;
	margin-left:20px;
}
.errorMessage{
	font-family:arial;
	font-size:100%;
	margin-left:20px;
}

.tempHiddenMenuItem {
	position: absolute;
	top: -10000px;
}

/*  layout error for IE 7 - for text in offers */
.supers{
position: absolute;
font-size: 70%;
margin-top: -0.4%;
margin-left:-0.6%;
}
/*  layout error for IE 7  - for title in hero offer H2 */
.superh2{
position: absolute;
font-size: 75%;
margin-top: -0.6%;
margin-left:-0.2%;
}
/* layout error croma - superscipt  in normal text at promotion  */
.superc{
position: absolute;
font-size: 60%;
margin-left:-0.6%;
}
/* layout error croma - superscipt  H2 - offer title  */
.superh3{
position: absolute;
font-size: 65%;
}