@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

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

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/
html {
	width:100%;
	height:100%;
	background:url(../images/bg-html.jpg) center top repeat;
}

body {
	min-width:930px;
	background:url(../images/bg-body.jpg) center top no-repeat;
	font:13px/20px arial, tahoma, verdana, sans-serif;
	color:#000000;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 11px 2px;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#5e6baf;
}

a:hover {
	text-decoration:underline;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

h3, h4 {
	font-size:16px;
	font-weight:normal;
	padding:0 0 11px 0;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:930px;
	margin: 0 auto;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:930px;
	height:400px;
	z-index:2;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => logo
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	left:82px;
	top:41px;
	width:313px;
	height:115px;
	z-index:2;
	background:url(../images/reifen-lahm.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	header => slideshow
--------------------------------------------------------------*/
#slideshow {
	position:absolute;
	width:892px;
	height:240px;
	left:19px;
	top:121px;
}

#slideshow img {
	display: none;
	position: absolute;
	padding:0;
	border:none;
	top: 0;
	left: 0;
}

/*--------------------------------------------------------------
	header => navi
--------------------------------------------------------------*/

#header ul#navigation {
	list-style-type:none;
	width:820px;
	height:30px;
	position:absolute;
	top:361px;
	left:62px;
}

#header ul#navigation li {
	height:30px;
	float:left;
}

#header ul#navigation li a {
	display:block;
	height:30px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
}

#header ul#navigation li a.Ueberuns {
	width:106px;
}

#header ul#navigation li a.Ueberuns:hover {
	background-position:0 0;
}

#header ul#navigation li a.Leistungen {
	width:227px;
}

#header ul#navigation li a.Leistungen:hover {
	background-position:-106px 0;
}

#header ul#navigation li:hover a {
	background-position:-106px 0;
}

#header ul#navigation li:hover ul#subListungen {
	display:block;
}

/*--------------------------------------------------------------
	header => navi => sub navigation
--------------------------------------------------------------*/
#header ul#navigation li ul#subListungen {
	position:absolute;
	width:212px;
	height:85px;
	padding:6px 0 0 15px;
	top:30px;
	left:106px;
	background:url(../images/bg-ul-sub-navigation.jpg) 0 0 no-repeat;
	display:none;
}

#header ul#navigation li ul#subListungen li {
	width:201px;
	height:17px;
	overflow:hidden;
	padding:3px 0 0 0;
}

#header ul#navigation li ul#subListungen li a {
	height:11px;
	overflow:hidden;
	background:url(../images/bg-sub-navigation.jpg) 0 0 no-repeat;
}

#header ul#navigation li ul#subListungen li a.Reifenfachhandel {
	width:168px;
}

#header ul#navigation li ul#subListungen li a.Reifenfachhandel:hover {
	background-position:0 -77px;
}

#header ul#navigation li ul#subListungen li a.kfz-service {
	width:107px;
	background-position:0 -20px;
}

#header ul#navigation li ul#subListungen li a.kfz-service:hover {
	background-position:0 -97px;
}

#header ul#navigation li ul#subListungen li a.motorrad-service {
	width:167px;
	background-position:0 -40px;
}

#header ul#navigation li ul#subListungen li a.motorrad-service:hover {
	background-position:0 -117px;
}

#header ul#navigation li ul#subListungen li a.motorrad-bekleidung {
	width:201px;
	background-position:0 -60px;
}

#header ul#navigation li ul#subListungen li a.motorrad-bekleidung:hover {
	background-position:0 -137px;
}

#header ul#navigation li a.Aktuelles {
	width:128px;
}

#header ul#navigation li a.Aktuelles:hover {
	background-position:-333px 0;
}

#header ul#navigation li a.Kontakt {
	width:110px;
}

#header ul#navigation li a.Kontakt:hover {
	background-position:-461px 0;
}

#header ul#navigation li a.Anfahrt {
	width:111px;
}

#header ul#navigation li a.Anfahrt:hover {
	background-position:-571px 0;
}

#header ul#navigation li a.impressum {
	width:133px;
}

#header ul#navigation li a.impressum:hover {
	background-position:-682px 0;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:911px;
	position:relative;
	z-index:0;
	padding:0 0 0 19px;
	background:url(../images/bg-content-container.png) center top repeat-y;
}

/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
	width:222px;
	padding:87px 0 0 0;
	float:left;
	overflow:hidden;
	background:url(../images/bg-sidebar.jpg) 0 0 no-repeat;
}

#contentSidebar p {
	font-size:9px;
	text-align:right;
	line-height:13px;
	margin:90px 37px 0 0;
}

#contentSidebar ul {
	width:157px;
}

#contentSidebar ul li {
	font-size:11px;
	line-height:20px;
	text-align:right;
}

#contentSidebar ul li a {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
}

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

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:636px;
	float:left;
	padding:31px 34px 0 0;
}

#contentMain p a.vcard {
	display:block;
	width:250px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => contentMain => CMS
--------------------------------------------------------------*/
.cmsBox {
	padding:10px 0 10px 3px;
}

.cmsBox p {
	margin:0 0 19px 0;
}

.pdfDownload {
	display:block;
	width:95px;
	padding:0 0 2px 58px;
	margin:8px 0 0 0;
	background:url(../images/bg-pdf.png) left center no-repeat;
}

.floatLeft {
	float:left;
	width:127px;
	height:127px;
	margin:0 30px 0 0;
	padding:3px;
	background:#ffffff;
	border:1px solid #dcdcdc;
}
/*--------------------------------------------------------------
	contentContainer => contentMain => headline
--------------------------------------------------------------*/
#headline {
	width:635px;
	margin:0 0 14px 0;
}

#headline h2 {
	display:block;
	width:635px;
	height:37px;
	text-indent:-9999px;
}

#headline h2#h2Willkommen {
	height:60px;
	background:url(../images/h2/bg-willkommen.png) 0 0 no-repeat;
}

#headline h2#h2Ueberuns {
	background:url(../images/h2/bg-ueber-uns.png) 0 0 no-repeat;
}

#headline h2#h2Reifenfachhandel {
	background:url(../images/h2/bg-reifenfachhandel.png) 0 0 no-repeat;
}

#headline h2#h2Kfz-service {
	background:url(../images/h2/bg-kfz-service.png) 0 0 no-repeat;
}

#headline h2#h2motorrad-service {
	background:url(../images/h2/bg-motorrad-service.png) 0 0 no-repeat;
}

#headline h2#h2motorrad-bekleidung {
	background:url(../images/h2/bg-motorrad-bekleidung.png) 0 0 no-repeat;
}

#headline h2#h2Kontakt {
	background:url(../images/h2/bg-kontakt.png) 0 0 no-repeat;
}

#headline h2#h2Anfahrt {
	background:url(../images/h2/bg-anfahrt.png) 0 0 no-repeat;
}

#headline h2#h2Impressum {
	background:url(../images/h2/bg-impressum.png) 0 0 no-repeat;
}

#headline h2#h2Aktuelles {
	background:url(../images/h2/bg-aktuelles.png) 0 0 no-repeat;
}

#headline h2#h2Newsletter {
	background:url(../images/h2/bg-newsletter.png) 0 0 no-repeat;
}

#headline h2#h2error {
	background:url(../images/h2/bg-error.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => contentMain => content img link
--------------------------------------------------------------*/
#contentMain ul#subrubricsListungen {
	width:636px;
	height:173px;
	margin:0 0 16px 0;
}

#contentMain ul#subrubricsListungen li {
	float:left;
	width:141px;
	height:173px;
	padding:0 24px 0 0;
}

#contentMain ul#subrubricsListungen li.noSpace {
	padding:0;
}

#contentMain ul#subrubricsListungen li a {
	display:block;
	width:141px;
	height:173px;
	text-indent:-9999px;
	background:url(../images/bg-content-img-link.jpg) 0 0 no-repeat;
}

#contentMain ul#subrubricsListungen li a.Reifenfachhandel:hover {
	background-position:0 -173px;
}

#contentMain ul#subrubricsListungen li a.kfz-service {
	background-position:-165px 0;
}

#contentMain ul#subrubricsListungen li a.kfz-service:hover {
	background-position:-165px -173px;
}

#contentMain ul#subrubricsListungen li a.motorrad-service {
	background-position:-330px 0;
}

#contentMain ul#subrubricsListungen li a.motorrad-service:hover {
	background-position:-330px -173px;
}

#contentMain ul#subrubricsListungen li a.motorrad-bekleidung {
	background-position:-495px 0;
}

#contentMain ul#subrubricsListungen li a.motorrad-bekleidung:hover {
	background-position:-495px -173px;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

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

#footer {
	width:930px;
	height:164px;
	margin:0 auto;
	background:url(../images/bg-footer.png) 1px 0 no-repeat;
}

* html #footer {
	background-position:2px 0;
}

	
#text{
	width:370px;
	height:200px;
	padding-left:20px;
	float:left;}
	
img{
	border:1px solid #fff;
	padding:2px;}