@charset "utf-8";
/* CSS Document */
/*
		Farben:
		Weiss/Bianco: #FFFFFF
		Rosa/GRIGIO CHIARISSIMO: #F2F2F2 
		DunkelGrau/GRIGIO CHIARO: #999999 
		Grau/GRIGIO: #666666 
		Rot/ROSSO: #96172E
		Schwarz/NERO: #000000;
*/
body{background-color:#fff;color:#000;}
h1, h2, h3, h4, h5, h6 {color:#000;}
a, a:link, a:visited, a:active, a:focus {color: #96172E;text-decoration: none}
a:hover {color: #666666;text-decoration: underline;}
#headerBlock {
	background:url(../images/fiatpro/head_back.jpg) 0 bottom repeat-x #F2F2F2;
	height:98px;
	border-bottom: solid 1px #96172E;
	box-shadow: 0px 1px 5px #96172e;
}
#header_phon {
	background: url(../images/fiat/icon_phon.png) no-repeat;
	padding-left:1.5em;	
	color:#666666;
}
#logo{
	position:absolute;
	left:0;
}
#logo a, #logo #firma{float:left;}
#logo img{/* margin-right:1em; */}
#logo a{display:block;}
#firma{
	padding: 4px 0 16px 0;
	float:left;
	color: #96172E;
	font-weight:800;
}
#mainNavigation{
	top: 64px;
	right:0;
	height: 38px;
	position: absolute;
}
#mainNavigation li{
	height: 36px;
	vertical-align:middle;
	border:solid 1px #c7ced1;
	border-width:0 0 0 1px
}

#mainNavigation li.sub_last{border-width:0 1px}

#mainNavigation li a{
	height: 24px;
	line-height: 24px;
	vertical-align:middle;
	padding: 6px 15px;
	font-size: 16px;
	color:#fff;
	float: left;
}
#mainBlock 
{
	background-color: #F2F2F2;
	border:solid 1px #d2d2d2;
	border-width: 6px 0;
}
.dark div.gallery h2, .dark div.galleries div.gallery h3 a {color: #864F4E;}
.dark{background: #E0D9D8; padding: 2em 0; margin:1em 0; border:solid 1px #c86562; border-width:6px 0}
#footerBlock, #footerBlock .nav_ul li a{color:#7f7f7f}
#footerBlock .nav_ul ul {float:left; margin:0.2em auto;}
#footerBlock .nav_ul li.sub_first{border-width:0}
#footerBlock .nav_ul li a{height:40}
#footerBlock .nav_ul li a:hover{color:#000}
#footerBlock .topLine{color:#bcbcbc}
/*DROP-DOWN-NAVIGATION*/
#pmenu li.drop_ul {
   background: url(/template/images/fiat/sub_li_hover.png) no-repeat 15px center;
   padding:0 0 0 15px; 
}
#pmenu li.drop_ul a, #pmenu .drop_ul-act_path a{padding-left:30px}
#pmenu li.drop_ul li a, #pmenu li.drop_ul-act_path li a{color: #96172e;}
#pmenu li.drop_ul li a:hover, #pmenu li.drop_ul-act_path li a:hover{color:#fff}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
/* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */
#pmenu li:hover > ul {
   display: block;
   position: absolute;
   top: 7px;         /* ORG -11px */
   left: 80px;
   padding: 6px 30px 30px 30px; /* ORG padding: 10px */
   background:transparent url(../../img/article/leer.gif);
   width: 120px;
}
/* Position the first sub level beneath the top level links */
/* Positioniere die erste Unterebene nach dem Topebenenlink */
#pmenu > li:hover > ul {
   left: -31px;
   top: 30px;
}
/* Make the hovered list color persist */
/* Festlegen der Farbe fuer hover li */
#pmenu li:hover {
   background: #96172e; /* ORG #dfd7ca; */
   color: #fff;        /* ORG #c00; */
}
#pmenu li.drop_ul:hover, #pmenu .drop_ul-act_path {
   background: url(/template/images/fiat/sub_li_hover.png) no-repeat 15px center #96172e;
   padding:0 0 0 15px; 
}
#pmenu li:hover > a {
   /* background: #96172e; *//* ORG #dfd7ca; */
   color: #fff;/* ORG #c00; */
}
#pmenu li li{
	width:200px;
	background-color:#efefef;#line-height:30px;
	border-width:0 1px 1px 1px;
}
/* KH: Active Path output */
/* KH: Ausgabe des aktiven Pfads */
#pmenu li.act_path, #pmenu .drop_ul-act_path {background-color: #96172e;}
##pmenu li.act_path a, #pmenu .drop_ul-act_path a{color:#fff}
/* For accessibility of the top level menu when tabbing */
/* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */
#pmenu li a:active, #pmenu li a:focus {color:#96172e;}
#pmenu li:active, #pmenu li:focus {
   background: #F2F2F2;
   color:#96172e;
}
.ImageLine figure.image-item{border-color:#96172E;background-color: #fff; position:relative}
.ImageLine figure.image-item a{display:block; overflow:hidden}
.ImageLine figure.image-item img {margin:auto; width:100%}
.ImageLine figcaption{background: rgba(150, 23, 46,0.8); color:#fff; text-decoration:blink}
.image-with-text{
	border-top:dotted 1px #ccc;
	padding:3px 0;
}
.table .caption, #carprofil .carstamm .caption,#carprofil .tableCell, #carprofil .table-col-space, .border-bottom{border-color:#ccc}
.link a{float:left;padding:1px 30px 1px 12px; background:url(../images/btn_next.png) no-repeat 58px center; text-decoration:none}
.link a:hover{background:url(../images/btn_next_hover.png) no-repeat 58px center #96172E; color:#fff}

@media all and (max-width:768px){ #mainNavigation{top:95px}}
@media all and (max-width:640px){	
	#header_phon{top:70px; font-size:18px; right:auto}
	.ImageLine figcaption{font-size:24px}}
@media all and (max-width:600px){
  	#headerBlock{background-color:#F2F2F2; height:128px;}
	#pmenu li{border-bottom:1px solid #fff;display:block;/* clear:both; */}	
	#pmenu li a{color:#fff; display:block; float:none; }
	#pmenu li.drop_ul a, #pmenu li.drop_ul-act_path a {padding-left:1.5em;width:80%;}
	#pmenu ul{width:100%}
	.table{display:block;}
	.tableRow{display:block; clear:both}
	.tableCell{display:block;width:100% !important; clear:both }
}
@media all and (max-width:500px){
	#pmenu li{background-color:#96172E;}
	#pmenu li.drop_ul {
	   background: url(/template/images/fiat/sub_li_hover.png) no-repeat 15px center #96172E;
	   padding:0 0 0 15px; 	}
}
@media all and (max-width:320px){
	#pmenu li li {width:100%}}