@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	color:#fff;
	margin-right:0;
	background:url(../images/bg-background.jpg) no-repeat center top #373737;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}

#site-container {
	text-align:left;
	top:0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -221px;*/ /* the bottom margin is the negative value of the footer's height */
}

#site	{position:relative; width:980px; }
	
a:hover, a:active, a:focus {outline: none; }

img, div, ul, li, a, h1 {behavior: url(../iepngfix.htc); }

div#euroweb {
	display:block;
	margin-top:25px;
	margin-left:35px;
}

div#euroweb a{
	text-decoration:none;
}


.clear {float:none; clear:both; }

p, h2, h3 {float:none; clear:both; }

.float-left {float:left; margin-right:15px; }

.float-right {float:right; padding-left:15px; }


.margin-bottom {margin-bottom:15px; }

.highlight { color: #66c8f1;}

/**************************** =header-container **************************/

#header-container {
   width:980px;
	height:581px;
   position:relative;
	display:block;
	cursor:default;
	z-index: 901;
}


/**************************** =branding **************************/

h1#branding	{
	text-align:left;
	left:398px;
	top:62px;
	width:482px;
	height:37px;
   display:block;
	position:absolute;
}

h1#branding a {
   text-indent:-9000px;
   display:block;
	width:482px;
	height:37px;
} 


/**************************** =openhrs **************************/

#openhrs	{
	text-align:left;
	left:741px;
	top:121px;
	width:227px;
	height:117px;
   display:block;
	position:absolute;
	background:url(../images/bg-openhrs.jpg) no-repeat 0 0;
}

#openhrs	h2 {
	text-indent:-9000px;
	display:none;
	position:relative;
}

ul#open {
	display:block;
	position:relative;
	margin:43px 0px 0px 22px;
	padding:0;
	text-indent:0px;
	height:100px;
}

ul#open li {
	display:block;
	position:relative;
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#e6e9f4;
	float:left;
	margin:0px 38px 0px 0px;
	text-indent:0px;
}
	
	
	
/**************************** =navi **************************/

ul#navi {
	width:192px;
	height:149px;
	left:14px;
	top:46px;
	position:absolute;
	display:block;
	margin:0px 0px 0 0px;
}

ul#navi li {
	float:none;	
	padding:0px 0px 0px 0px;
}
	
ul#navi li a {
   display:block;
   position:relative;
   text-indent:-9000px;
	cursor:pointer;
}



ul#navi li a.home, ul#navi li a.home:visited {
   width:192px;
	height:40px;
   background:url(../images/bg-navi.jpg) 0px 0px no-repeat;
}

ul#navi li a.home-active {
   width:192px;
	height:40px;
	background:url(../images/bg-navi.jpg) -192px 0px no-repeat;
}

ul#navi li a .rollover-home {
	width:192px;
	height:40px;
	display:block;
	background:url(../images/bg-navi.jpg) -192px -0px no-repeat;
}


ul#navi li a.kontakt, ul#navi li a.kontakt:visited {
   width:192px;
	height:35px;
   background:url(../images/bg-navi.jpg) 0px -40px no-repeat;
}

ul#navi li a.kontakt-active {
   width:192px;
	height:35px;
	background:url(../images/bg-navi.jpg) -192px -40px no-repeat;
}

ul#navi li a .rollover-kontakt {
	width:192px;
	height:35px;
	display:block;
	background:url(../images/bg-navi.jpg) -192px -40px no-repeat;
}



ul#navi li a.anfahrt, ul#navi li a.anfahrt:visited {
   width:192px;
	height:35px;
   background:url(../images/bg-navi.jpg) 0px -75px no-repeat;
}

ul#navi li a.anfahrt-active {
   width:192px;
	height:35px;
	background:url(../images/bg-navi.jpg) -192px -75px no-repeat;
}

ul#navi li a .rollover-anfahrt {
	width:192px;
	height:35px;
	display:block;
	background:url(../images/bg-navi.jpg) -192px -75px no-repeat;
}


ul#navi li a.impressum, ul#navi li a.impressum:visited {
   width:192px;
	height:35px;
   background:url(../images/bg-navi.jpg) 0px -110px no-repeat;
}

ul#navi li a.impressum-active {
   width:192px;
	height:35px;
	background:url(../images/bg-navi.jpg) -192px -110px no-repeat;
}

ul#navi li a .rollover-impressum {
	width:192px;
	height:35px;
	display:block;
	background:url(../images/bg-navi.jpg) -192px -110px no-repeat;
}


/**************************** =tuev **************************/

#tuev	{
	text-align:left;
	left:34px;
	top:197px;
	width:110px;
	height:69px;
	text-indent:-9000px;
	display:none;
	position:relative;
   display:block;
	position:absolute;
	background:url(../images/bg-tuev.jpg) no-repeat 0 0;
}

#tuev p a {
   text-indent:-9000px;
   display:block;
	width:110px;
	height:69px;
} 


/**************************** =subnavi **************************/

ul#subnavi {
	width:980px;
	height:54px;
	left:0px;
	top:483px;
	position:absolute;
	display:block;
	margin:0px 0px 0 0px;
}

ul#subnavi li {
	float:left;	
	padding:0px 0px 0px 0px;
}
	
ul#subnavi li a {
   display:block;
   position:relative;
	cursor:pointer;
   text-indent:-9000px;
	margin:0;
	padding:0;
	height:54px;
}



ul#subnavi li a.kfz-service, ul#subnavi li a.kfz-service:visited {
   width:173px;
	height:54px;
   background:url(../images/bg-subnavi.png) 0px -54px no-repeat;
}

ul#subnavi li a.kfz-service-active {
   width:173px;
	height:54px;
	background:url(../images/bg-subnavi.png) 0px 0px no-repeat;
}

ul#subnavi li a .rollover-kfz-service {
   width:173px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) 0px 0px no-repeat;
}


ul#subnavi li a.tuev, ul#subnavi li a.tuev:visited {
   width:71px;
	height:54px;
   background:url(../images/bg-subnavi.png) -173px -54px no-repeat;
}

ul#subnavi li a.tuev-active {
   width:71px;
	height:54px;
	background:url(../images/bg-subnavi.png) -173px 0px no-repeat;
}

ul#subnavi li a .rollover-tuev {
   width:71px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) -173px 0px no-repeat;
}


ul#subnavi li a.reifenservice, ul#subnavi li a.reifenservice:visited {
   width:167px;
	height:54px;
   background:url(../images/bg-subnavi.png) -244px -54px no-repeat;
}

ul#subnavi li a.reifenservice-active {
   width:167px;
	height:54px;
	background:url(../images/bg-subnavi.png) -244px 0px no-repeat;
}

ul#subnavi li a .rollover-reifenservice {
   width:167px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) -244px 0px no-repeat;
}



ul#subnavi li a.optisches-tuning, ul#subnavi li a.optisches-tuning:visited {
   width:205px;
	height:54px;
   background:url(../images/bg-subnavi.png) -411px -54px no-repeat;
}

ul#subnavi li a.optisches-tuning-active {
   width:205px;
	height:54px;
	background:url(../images/bg-subnavi.png) -411px 0px no-repeat;
}

ul#subnavi li a .rollover-optisches-tuning {
   width:205px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) -411px 0px no-repeat;
}


ul#subnavi li a.tuning-galerie, ul#subnavi li a.tuning-galerie:visited {
   width:173px;
	height:54px;
   background:url(../images/bg-subnavi.png) -616px -54px no-repeat;
}

ul#subnavi li a.tuning-galerie-active {
   width:173px;
	height:54px;
	background:url(../images/bg-subnavi.png) -616px 0px no-repeat;
}

ul#subnavi li a .rollover-tuning-galerie {
   width:173px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) -616px 0px no-repeat;
}


ul#subnavi li a.angebote, ul#subnavi li a.angebote:visited {
   width:128px;
	height:54px;
	padding-right:63px;
   background:url(../images/bg-subnavi.png) -789px -54px no-repeat;
}

ul#subnavi li a.angebote-active {
   width:128px;
	height:54px;
	padding-right:63px;
	background:url(../images/bg-subnavi.png) -789px 0px no-repeat;
}

ul#subnavi li a .rollover-angebote {
   width:128px;
	display:block;
	height:54px;
	background:url(../images/bg-subnavi.png) -789px 0px no-repeat;
}



/**************************** =dropdown **************************/
	

ul#subnavi ul {
	position:relative;
	display:block;
   padding:5px 0px 0px 14px;
	margin-top:-1px;
	height:203px !important;
	width:158px;
	text-indent:0px;
	z-index:1000;
	background:url(../images/bg-dropdown.jpg) no-repeat 0 0;
}


/** html ul#subnavi ul {
   top:0px;
   t\op:0px;
}*/

ul#subnavi ul li {
	float:none;
	width:auto;
	text-indent:0px;
}

ul#subnavi ul li a, ul#subnavi ul li a:visited {
    position:relative;
    display:block;
    padding:0 0 0 15px;
    color:#e6e9f4;
	 font:13px Arial, Helvetica, sans-serif;
	 line-height:20px !important;
	 height:20px !important;
    text-decoration:none;
	 text-indent:0px;
}

/** html ul#subnavi ul li a {
   text-indent:0px;
}*/

ul#subnavi ul li a:hover {
    color:#5eb3d9;
    text-decoration:none;
	 background:url(../images/bg-button.png) no-repeat 0 6px;
}

ul#subnavi li ul {
   display:none;
}
					
ul#subnavi li:hover ul, ul#subnavi li.iehover ul {
   display:block;
	text-indent:0px;
}




/**************************** =content-main-container **************************/

#content-main-container {
   width:980px;
	height:auto;
   position:relative;
	cursor:default;
}



/**************************** =content-main **************************/

#content-main {
	position:relative;
	display:block;
	width:667px;
	background: url(../images/bg-transparent.png) repeat 0 0;
	height:auto;
	float:left;
	margin-right:17px;
	padding-bottom:15px;
	border: 1px solid #5c5d61;
}

#content-main h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#66c8f1;
	line-height:26px !important;
	position:relative;
	margin:25px 0 15px 34px;
	font-weight:500;
	display:block;
}

#content-main h6 {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	font-weight:600;
	display:block;
	position:relative;
	margin:12px 35px 7px 35px;
}

#content-main p {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	display:block;
	position:relative;
	margin:7px 35px 7px 35px;
}

#content-main p a {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-decoration:none;
	border-bottom:1px solid #9b9eaa;
}

#content-main p a:hover {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#bbc0d1;
	text-decoration:none;
	border-bottom:none;
}


#content-main p.image {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	display:block;
	position:relative;
	margin:7px 35px 7px 35px;
}

#content-main p.image a {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-decoration:none;
	border-bottom:none;
}

#content-main p.image a:hover {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#bbc0d1;
	text-decoration:none;
	border-bottom:none;
}


ul.list {
	display:block;
	position:relative;
	height:auto;
	margin-top:-4px;
}

ul.list li {
	display:block;
	position:relative;
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	margin:2px 35px 2px 35px;
	padding-left:16px;
	background:url(../images/bg-button.png) no-repeat 0 6px;
}

ul.list li a {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-decoration:none;
	border-bottom:1px solid #9b9eaa;
}

ul.list li a:hover {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#bbc0d1;
	text-decoration:none;
	border-bottom:none;
}

	
/**************************** =welcome **************************/

div#welcome {
	position:relative;
	width:667px;
	background: url(../images/bg-transparent.png) 0 0 repeat;
	height:279px;
	float:left;
	margin-right: 18px;
	border: 1px solid #5c5d61;
}

#welcome h3 {
	position:relative;
	margin:35px 0 0 34px;
	display:block;
	color: #66c8f1;
}

#welcome p {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	display:block;
	position:relative;
	margin:7px 35px 7px 35px;
}
	
	
	
/**************************** =contactinfo **************************/

#contactinfo {
  background: url("../images/bg-contactinfo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 198px;
    left: 692px;
    position: absolute;
    text-align: right;
    top: 246px;
    width: 288px;
}

#contactinfo h4 {
	text-indent:-9000px;
	display:none;
	position:relative;
}

#contactinfo p {
    color: #E7EAF4;
    display: block;
    font: 13px/20px Arial,Helvetica,sans-serif;
    left: -67px;
    margin: 7px 0;
    position: relative;
    top: 44px;
    width: auto;
}

#contactinfo p a {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-decoration:none;
	border-bottom:1px solid #9b9eaa;
}

#contactinfo p a:hover {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#bbc0d1;
	text-decoration:none;
	border-bottom:none;
}


/**************************** =points **************************/

#points {
	position:relative;
	display:block;
	width:290px;
	background-color: #4a4a4a;
	border: 1px solid #5c5d61;
	height:auto;
	float:left;
}

#points a.efr {
	width: 143px;
	height: 138px;
	background:url(../images/efr-logo.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	margin-left: 73px;
}

#points a.efr:hover {
	background-position: 0 -141px;
} 

#points p.top {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	display:block;
	position:relative;
	width:auto;
	margin:19px 0 6px 0;
}

#points p {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-align: center;
}

#points p a {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#9b9eaa;
	text-decoration:none;
	border-bottom:1px solid #e6e9f4;
}

#points p a:hover {
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#bbc0d1;
	text-decoration:none;
	border-bottom:none;
}

#points h5	{
	text-align:left;
	width:218px;
	height:65px;
   display:block;
	position:relative;
}

#points h5 a {
   text-indent:-9000px;
   display:block;
	width:218px;
	height:65px;
	margin-left:48px;
} 


#footer {
	height:35px;
	display:block;
	position:relative;
	width:980px;
}

div.logos {
	width: 640px;
	height: auto;
	margin: 20px 0 0 30px;
}

div.logos img {
	float: left;
	margin-right: 15px;
}

div.trenner {
	margin: 15px 0 7px 0;
}

#tuning-logos {
	position:absolute;
	top:260px;
	left:411px;
	height:591px;
	width:568px;
	background:url(../images/bg-tuninglogos.jpg) no-repeat 0 0;
}

span.white {
	color: #FFFFFF;
	margin-left: 14px;
}

a.kw-galerie {
	color: #5eb3d9!important;
}