@charset "utf-8";

/*-----------------------------------*/
/*---------- Global Styles ----------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

abbr,
acronym {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content:'';
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: url(../images/bg-body.png) repeat-x center top #ffffff;
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #656565;
}

/*-----------------------------------*/
/*---------- Layout Styles ----------*/
/*-----------------------------------*/

/*---------- Container ----------*/
#container {
	width: 975px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

/*---------- Header ----------*/
#header {
	background: url(../images/bg-header.png) no-repeat 0 0;
	width: 975px;
	height: 450px;
	position: relative;
}

/*---------- Branding ----------*/
h1#branding {
	width: 300px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 29px;
	z-index: 10;
}

h1#branding a {
	display: block;
	width: 300px;
	height: 22px;
}

/*---------- Navigation ----------*/
#navigationAdditional1 {
	background: url(../images/bg-navigationAdditional1.png) no-repeat 0 0;
	width: 300px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 61px;
	z-index: 10;
}

#navigationAdditional1 ul {
	width: 300px;
	height: 11px;
}

#navigationAdditional1 ul li {
	float: left;
}

#navigationAdditional1 ul li a {
	background: url(../images/bg-navigationAdditional1.png) no-repeat 0 -11px;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 11px;
}

#navigationAdditional1 ul li a.startseite {
	background-position: 0 -11px;
	width: 53px;
	margin: 0 29px 0 0;
}

#navigationAdditional1 ul li a.startseite:hover {
	background-position: 0 -22px;
}

#navigationAdditional1 ul li a.wir-ueber-uns {
	background-position: -82px -11px;
	width: 72px;
	margin: 0 29px 0 0;
}

#navigationAdditional1 ul li a.wir-ueber-uns:hover {
	background-position: -82px -22px;
}

#navigationAdditional1 ul li a.kontakt {
	background-position: -183px -11px;
	width: 44px;
	margin: 0 31px 0 0;
}

#navigationAdditional1 ul li a.kontakt:hover {
	background-position: -183px -22px;
}

#navigationAdditional1 ul li a.anfahrt {
	background-position: -258px -11px;
	width: 42px;
}

#navigationAdditional1 ul li a.anfahrt:hover {
	background-position: -258px -22px;
}

/*---------- NavigationAdditional2 ----------*/
#navigationAdditional2 {
	background: url(../images/bg-navigationAdditional2.png) no-repeat 0 0;
	width: 276px;
	height: 74px;
	position: absolute;
	left: 699px;
	top: 17px;
	z-index: 10;
}

#navigationAdditional2 ul {
	width: 276px;
	height: 50px;
}

#navigationAdditional2 ul li {
	float: left;
}

#navigationAdditional2 ul li a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 50px;
}

#navigationAdditional2 ul li a.fiat {
	width: 70px;
	margin: 0 30px 0 20px;
}

#navigationAdditional2 ul li a.lancia {
	width: 52px;
	margin: 0 30px 0 0;
}

#navigationAdditional2 ul li a.fiat-professional {
	width: 64px;
}

/*---------- Navigation1 ----------*/
#navigation1 {
	background: url(../images/bg-navigation1.png) no-repeat 0 0;
	width: 180px;
	height: 72px;
	position: absolute;
	left: 21px;
	top: 220px;
	z-index: 10;
}

#navigation1 ul {
	width: 180px;
	height: 72px;
}

#navigation1 ul li {
	float: left;
}

#navigation1 ul li a {
	background: url(../images/bg-navigation1.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 180px;
	height: 24px;
}

#navigation1 ul li a.ansprechpartner {
	background-position: 0 0;
}

#navigation1 ul li a.ansprechpartner:hover {
	background-position: 0 -72px;
}

#navigation1 ul li a.neuwagenverkauf {
	background-position: 0 -24px;
}

#navigation1 ul li a.neuwagenverkauf:hover {
	background-position: 0 -96px;
}

#navigation1 ul li a.gebrauchtwagenverkauf {
	background-position: 0 -48px;
}

#navigation1 ul li a.gebrauchtwagenverkauf:hover {
	background-position: 0 -120px;
}

/*---------- Navigation2 ----------*/
#navigation2 {
	background: url(../images/bg-navigation2.png) no-repeat 0 0;
	width: 182px;
	height: 72px;
	position: absolute;
	left: 732px;
	top: 183px;
	z-index: 10;
}

#navigation2 ul {
	width: 180px;
	height: 72px;
}

#navigation2 ul li {
	float: left;
}

#navigation2 ul li a {
	background: url(../images/bg-navigation2.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 182px;
	height: 24px;
}

#navigation2 ul li a.werkstattservice {
	background-position: 0 0;
}

#navigation2 ul li a.werkstattservice:hover {
	background-position: 0 -72px;
}

#navigation2 ul li a.fluessiggasanlagenservice {
	background-position: 0 -24px;
}

#navigation2 ul li a.fluessiggasanlagenservice:hover {
	background-position: 0 -96px;
}

#navigation2 ul li a.wohnmobilservice {
	background-position: 0 -48px;
}

#navigation2 ul li a.wohnmobilservice:hover {
	background-position: 0 -120px;
}

/*---------- SlideshowContainer ----------*/
#slideshowContainer {
	width: 975px;
	height: 450px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#slideshow { /* Slideshow Images */
	width: 550px;
	height: 403px;
	position: absolute;
	left: 225px;
	top: 21px;
	overflow: hidden;
}

ul#navigationSlideshow { /* Slideshow Navigation */
	position: absolute;
	left: 795px;
	top: 302px;
}

ul#navigationSlideshow li {
	float: left;
	padding: 0 8px;
}

ul#navigationSlideshow li a {
	font-size: 15px;
	line-height: normal;
	font-weight: bold;
	color: #24325f;
	text-decoration: none;
}

ul#navigationSlideshow li a:hover,
ul#navigationSlideshow li a.activeSlide {
	color: #c02966;
}

#prev-next-slideshow span { /* Prev Next Slideshow */
	background: url(../images/prev-next-slideshow.png) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 8px;
	height: 10px;
	position: absolute;
}

#prev-next-slideshow #prev {
	background-position: 0 0;
	left: 780px;
	top: 306px;
}

#prev-next-slideshow #prev:hover {
	background-position: 0 -10px;
}

#prev-next-slideshow #next {
	background-position: -8px 0;
	left: 898px;
	top: 306px;
}

#prev-next-slideshow #next:hover {
	background-position: -8px -10px;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	width: 975px;
	padding: 0 0 20px 0;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	background: url(../images/bg-contentSidebar.png) no-repeat 0 0;
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 350px;
	padding: 0 0 0 0;
}

#contentSidebar h3 {
	font-size: 18px;
	line-height: normal;
	color: #132852;
	margin: 0 0 15px 0;
}

#contentSidebar a {
	color: #494b51;
	text-decoration: none;
}

#contentSidebar a:hover {
	color: #b61555;
}

/*---------- Map Box ----------*/
#contentSidebar #mapBox {
	background: url(../images/bg-map.png) no-repeat 0 0;
	width: 350px;
	height: 175px;
	margin: 0 0 -52px 0;
	position: relative;
	top: -68px;
	z-index: 10;
}

* html #contentSidebar #mapBox {
	position: static;
}

#contentSidebar #mapBox a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 125px;
	height: 115px;
	margin: 0 0 0 124px;
}

/*---------- Guestbook Box ----------*/
#contentSidebar #guestbookBox {
	width: 275px;
	margin: 0 0 38px 0;
	padding: 0 25px 0 50px;
}

/*---------- Newsloop Box ----------*/
#contentSidebar #newsloopBox {
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 50px;
}

#contentSidebar #newsloopBox img {
	float: left;
	width: 75px;
	height: 51px;
	margin: 0 25px 25px 0;
}

/*---------- ContentMain ----------*/
#contentMain {
	background: url(../images/bg-contentMain.png) no-repeat 0 0;
	float: left;
	width: 549px;
	padding: 10px 50px 0 25px;
}

div.contentColumn {
	float: left;
	height: auto;
	width: 262px;
	padding: 0 25px 0 0;}
	
	div.contentColumn.right {padding: 0;}
	
	a img.imageSpace {
		padding: 0 0 0 10px;}


div.employeeColumnImg,
div.employeeColumnInfo {
	float: left;
	height: auto;
	width: 180px;
	padding: 0 25px 20px 0;}
	
	div.employeeColumnInfo {
		padding: 0 0 20px 0;
		width: 342px;}



#contentMain h2 {
	font-size: 40px;
	line-height: normal;
	color: #132852;
	margin: 0 0 16px 0;
}

#contentMain h3 {
	font-size: 20px;
	line-height: normal;
	color: #132852;
	margin: 0 0 8px 0;
}

#contentMain p {
	margin: 0 0 20px 0;
}

#contentMain a {
	color: #333333;
	text-decoration: none;
}

#contentMain a:hover {
	color: #b61555;
}

#contentMain strong {
	font-weight: bold;
}

#contentMain em {
	font-style: italic;
}

#contentMain img.default {
	margin: 0 0 20px 0;
}

#contentMain ul.default {
	float: left;
	margin: 0 0 20px 0;
	padding: 0 40px 0 0;
}

#contentMain ul.default li {
	background: url(../images/li-bullet.png) no-repeat 0 7px;
	padding: 0 0 0 15px;
}

/*---------- CMS ----------*/
#contentMain .imageBox {
	float: left;
	width: 172px;
	padding: 0 10px 20px 0px;
}

#contentMain .imageBox img.imageCMS {
	float: left;
	margin: 0 0 5px 0;
}

#contentMain .imageBox p {
	margin: 0;
}

/*---------- Footer ----------*/
#footerContainer2 {
	background: url(../images/bg-footerContainer2.png) repeat-x center top;
	width: 100%;
	height: 263px;
}

#footerContainer1 {
	background: url(../images/bg-footerContainer1.png) no-repeat center top;
	width: 100%;
	height: 263px;
}

#footer {
	font-size: 12px;
	line-height: 18px;
	color: #5d6896;
	width: 975px;
	height: 263px;
	margin: 0 auto;
	position: relative;
}

#footer h3 {
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	margin: 0 0 15px 0;
}

#footer a {
	color: #5d6896;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*---------- NewsletterBox ----------*/
#newsletterBox {
	width: 275px;
	position: absolute;
	left: 50px;
	top: 27px;
}

#newsletterBox form {
	width: 275px;
	height: 29px;
	padding: 25px 0 0 0;
}

#newsletterBox form legend,
#newsletterBox form label {
	display: none;
}

#newsletterBox form input.text {
	background: url(../images/form-newsletterBox-input-text.png) no-repeat 0 0;
	border: none;
	font: 12px/19px Arial, Helvetica, sans-serif;
	color: #494b51;
	float: left;
	width: 190px;
	height: 19px;
	margin: 0 24px 0 0;
	padding: 5px;
}

#newsletterBox form input.submit {
	background: url(../images/form-newsletterBox-input-submit.png) no-repeat 0 0;
	border: none;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	float: left;
	width: 51px;
	height: 29px;
	cursor: pointer;
}

#newsletterBox form input.submit:hover {
	background-position: 0 -29px;
}

#newsletterBox form input[type=hidden] {
	display: none;
	border: 0;
	padding: 0;
}

/*---------- AddressBox ----------*/
#addressBox {
	position: absolute;
	left: 375px;
	top: 27px;
}

#addressBox p {
	float: left;
	padding: 0 40px 0 0;
}

/*---------- NavigationSitemap ----------*/
#navigationSitemap {
	position: absolute;
	left: 375px;
	top: 132px;
}

#navigationSitemap ul li {
	background: url(../images/li-navigationSitemap.png) no-repeat 1px 8px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}

#navigationSitemap ul li a {
	color: #5d6896;
	text-decoration: none;
}

#navigationSitemap ul li a:hover {
	text-decoration: underline;
}