@charset "utf-8";

/* Author: Duy Tran */
/* Created: 28.05.2010 */		
/* Company: Euroweb Internet GmbH */


/* global tags */

* { 
	margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: url(../images/bg-body.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #1b1b1b;
	font-size: 12px;
	padding-top: 5px;
}

html[xmlns^="http"] { overflow-y: scroll;}

a, .escape span, strong {
	color: #0074b0;
	outline: none;
}

div#footer strong { color: #fff;}
strong a { text-decoration: underline;}

/*div#contentContainer a:hover, a:hover span { text-decoration: underline;}*/

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}

::-moz-selection {
 background: #000;
 color: #fff;
}

::selection {
 background: #000;
 color: #fff;
}


/* global classes  */

.clear { 
	clear: both; 
	height: 0; 
	width: 0;
}

.floatLeft { float: left;}

.floatRight { float: right;}

.textIndent { text-indent: -5000px;}

.noMarginRight { margin-right: 0!important;}

.highlight { background: #000; color: #fff; padding: 2px;}

.noBorder { border: none!important;}

/************ layout ************/


/* branding */

h1#branding {
	position: absolute;
	width: 124px;
	height: 110px;
	top: 22px;
	left: 20px;
}

h1#branding a {
	display: block;
	text-indent: -5000px;
	width: 124px;
	height: 110px;
	background: url(../images/bg-branding.png) no-repeat;
}

div#adress {
	width: 144px;
	position: absolute;
	top: 41px;
	left: 167px;
}

div#adress p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 8px 0;
	color: #1b1b1b;
}


/*  container  */

div#containerContainer {
	width: 100%;
	height: 100%;
	background: url(../images/background/bg-03.jpg) no-repeat right bottom #000;
}

div#container {
	width: 940px;
	position: relative;
	padding: 0 20px 0 20px;
	overflow: hidden;
	background: #fff;
}

/*  navigation  */

ul#navi  {
	width: auto;
	height: 47px;
	position: absolute;
	left: 496px;
	_left: 492px;
	top: 5px;
	width: 500px;
	z-index: 2;
}

ul#navi li { 
	float: left; 
}

ul#navi li span { color: #0074b0; font-weight: lighter; font-size: 10px;}
ul#navi li span.bg { background: #0074b0; color: #fff; padding: 0 2px 0 2px; font-size: 11px; width: 85px; display: block;}

ul#navi li a {
	display: block;
	width: 85px;
	height: 27px;
	border-left: 1px solid #000;
	padding: 17px 26px 0 3px;
	font-size: 11px;
	color: #000;
	cursor: pointer;
}


ul#navi li a:hover span.bg,
body.naviActive01 ul#navi li a.n1 span.bg,
body.naviActive02 ul#navi li a.n2 span.bg, 
body.naviActive03 ul#navi li a.n3 span.bg, 
body.naviActive04 ul#navi li a.n4 span.bg, 
body.naviActive05 ul#navi li a.n5 span.bg, 
body.naviActive06 ul#navi li a.n6 span.bg, 
body.naviActive07 ul#navi li a.n7 span.bg,
body.naviActive08 ul#navi li a.n8 span.bg  
 { background: #000;}


li#reifen:hover ul#flyOut { /* sub-navi without js */
 	display:block;
	position:absolute;
	top:88px!important;
	left: 4px;
}


li#reifen ul#flyOut {
	width:auto;
	position:absolute;
	left:0;
	display:none;
	background: #0074b0;
	z-index: 10;
	_display: none!important;
}

li#reifen ul#flyOut a {
	border: none;
	color: #fff;
	padding: 5px;
	width: 79px;
	height: 12px;
	display: block;
	cursor: pointer;
	background: #0074b0;
}

li#reifen ul#flyOut a:hover, 
body.flyoutActive01 ul#navi ul#flyOut li a.f1,
body.flyoutActive02 ul#navi ul#flyOut li a.f2,
body.flyoutActive03 ul#navi ul#flyOut li a.f3,
body.flyoutActive04 ul#navi ul#flyOut li a.f4,
body.flyoutActive05 ul#navi ul#flyOut li a.f5 { background: #000;}

li#reifen ul#flyOut li {
	float: none;
}


/* navi reifen */

ul#naviReifen {
	position: absolute;
	top: 40px;
	left: 500px;
	width: 380px;
}

ul#naviReifen li { float: left; margin: 0 20px 0 0;}
ul#naviReifen li a { color: #1b1b1b; font-size: 11px; background: url(../images/li-arrow.gif) no-repeat left center; padding: 0 0 0 10px;}
ul#naviReifen li a:hover { text-decoration: none; background-position: 2px 4px;}
ul#naviReifen li a.active { text-decoration: underline;}

/* navigation additional */

ul#naviAdd {
	width: 940px;
	position: absolute;
	top: 180px;
	padding: 5px 0 0 0;
	overflow: hidden;
	border-top: 1px solid #96dbff;
}

ul#naviAdd li { 
	float: left;
	margin: 0 15px 0 0;
}

ul#naviAdd li a {
	color: #96dbff;
	font-size: 11px;
}

ul#naviAdd li a:hover,
body.naviAddActive01 ul#naviAdd li a.na1,
body.naviAddActive02 ul#naviAdd li a.na2,
body.naviAddActive03 ul#naviAdd li a.na3,
body.naviAddActive04 ul#naviAdd li a.na4,
body.naviAddActive05 ul#naviAdd li a.na5,
body.naviAddActive06 ul#naviAdd li a.na6 { 
	color: #fff;
}



/* backgrounds */

body.bg02 div#containerContainer { background: url(../images/background/2012/bg-02.jpg) no-repeat right bottom!important;}
body.bg03 div#containerContainer { background: url(../images/background/2012/bg-03.jpg) #000 no-repeat right bottom!important;}
body.bg04 div#containerContainer { background: url(../images/background/2012/bg-04.jpg) no-repeat right bottom!important;}
body.bg05 div#containerContainer { background: url(../images/background/2012/bg-05.jpg) no-repeat right bottom!important;}
body.bg06 div#containerContainer { background: url(../images/background/bg-06.jpg) no-repeat right bottom!important;}
body.bg07 div#containerContainer { background: url(../images/background/2012/bg-07.jpg) no-repeat right bottom!important;}
body.bg08 div#containerContainer { background: url(../images/background/2012/bg-08.jpg) no-repeat right bottom!important;}
body.bg09 div#containerContainer { background: url(../images/background/2012/bg-09.jpg) #3197df no-repeat right bottom!important;}
body.bg10 div#containerContainer { background: url(../images/background/2012/bg-10.jpg) no-repeat right bottom!important;}
body.bg11 div#containerContainer { background: url(../images/background/bg-11.jpg) no-repeat right bottom!important;}




/*  header  */


/* header ist ausgeblendet */

body.noHeader div#headerContainer { height: 0;}
body.noHeader div#header { display: none;}
body.noHeader blockquote.claim { display: none;}	
	
	
/* header ist 100% */

body.header100 div#headerContainer { width: 100%!important;}

	

/* background ist ausgeblendet */

body.noBg div#containerContainer { background: none!important;}


div#sliderIndex {
	height: 307px;
	overflow: hidden;
}

div#sliderIndex div { 
	background: url(../images/index/index-slider.png) no-repeat;
	width: 100%;
	height: 307px;
	overflow: hidden;

}

div.slider01 { background-position: 0 0;}
div.slider02 { background-position: 0 -308px!important;}
div.slider03 { background-position: 0 -616px!important;}
div.slider04 { background-position: 0 -924px!important;}
div.slider05 { background-position: 0 -1232px!important;}
div.slider06 { background-position: 0 -1540px!important;}


ul#slider {
	width: 825px;
	height: 170px;
	position: absolute;
	top: 90px;
	left: 115px;
	overflow: hidden;
}

ul#slider li#second { _margin-left: -170px!important;}


ul#sliderFelgen {
	width: 825px;
	height: 342px;
	position: absolute;
	top: -34px;
	left: 145px;
	overflow: hidden;
}


div#featuredBtnNext, div#featuredBtnPrev  {
	width: 31px;
	height: 52px;
	background: url(../images/slider-btn-next.png) no-repeat;
	position: absolute;
	top: 116px;
	left: 930px;
	cursor: pointer;
}

div#featuredBtnNext:hover, div#featuredBtnPrev:hover { background-position: -31px 0;}

div#featuredBtnPrev {
	background: url(../images/slider-btn-previous.png) no-repeat;
	left: 20px;
}



ul#slider li a {
	float: left;
	display: block;
	height: 102px;
	*height: 80px; 
	margin: 0 90px 0 0;
	padding: 120px 0 0 0;
	font-size: 40px;
	color: #1d1c1c;
	text-align: center;
}

a.pkw { width: 204px; background:url(../images/reifen/pkw.png) no-repeat;}
a.pkw:hover { background-position: -204px 0;}

a.suv { width: 170px; background: url(../images/reifen/suv.png) no-repeat;}
a.suv:hover { background-position: -170px 0;}

a.lkw { width: 182px; background: url(../images/reifen/lkw.png) no-repeat; margin-right: 0!important;}
a.lkw:hover { background-position: -182px 0;}

a.rad { width: 147px; background: url(../images/reifen/2rad.png) no-repeat; margin-left: 180px!important;}
a.rad:hover { background-position: -147px 0;}

a.agrar { width: 120px; background: url(../images/reifen/agrar.png) no-repeat;}
a.agrar:hover { background-position: -120px 0;}


div#headerContainer {
	width: 980px;
	height: 314px;
	padding: 164px 0 0 0;
	background: url(../images/bg-header-container.gif) repeat-y;
}

div#header { 
	width: 100%;
	height: 313px;
	background: url(../images/bg-header.gif) repeat-x;
	padding: 1px 0 0 0;
	position: relative;
	z-index: 1;
}

div#header div { height: 307px;}

div#headerImage { background: url(../images/index/index-slider.png) 0 0 no-repeat #000; overflow:hidden;}
body.headerReifen div#headerImage {	background: url(../images/bg-header-image.jpg) no-repeat #fff 0 -307px;}
body.headerNewsletter div#headerImage {	background: url(../images/bg-header-image.jpg) no-repeat #fff 0 -614px;}


blockquote.claim { 
	color: #fff;
	font-size: 40px;
	position: absolute;
	left: 500px;
	padding: 2px 5px 0px 10px!important;
	top: 224px;
	z-index: 10;
	width: 423px;
	background: #0074b0;
}

.cufon-active blockquote.claim {
	color: #fff;
	font-size: 50px;
	position: absolute;
	left: 500px;
	padding: 2px 5px 0px 10px!important;
	top: 224px;
	z-index: 10;
	width: 423px;
	background: #0074b0;
}





/*  content container  */

div#contentContainer {
	width: 940px;
	padding: 0 0 40px 0;
	overflow: hidden;
	margin: 25px 0 0 0;

}

div#contentMain { 
	width: 940px;
	padding: 0 0 0 0;
	min-height: 300px;
}

div.contentColumn01 {
	float: left;
	width: 460px;
	padding: 0 20px 0 0;
	margin: 0 0 30px 0;
}

div.contentColumn02 {
	float: left;
	width: 460px;
}



/* teaser */


div#teaser div {
	float: left;
	margin: 0 20px 0 0;
	font-size: 11px;
	width: 220px;
}



/* footer */

div#footer {
	position: relative;
	width: 960px;
	height: 195px;
	color: #fff;
	padding: 37px 0 0 20px;
}

div#footerContainer {
	background: #0074b0;
	width: 100%;
}

a.goToTop {
	font-size: 11px;
	display:none;
	position:fixed;
	right:5px;
	bottom:5px;
	text-decoration:none;
	color: #fff;
	padding:11px 0 5px 0;
	background: url(../images/gototop.png) no-repeat top center;
	display: block;
	width: 68px;
	height: 15px;
	text-align: center;
}

*html a.goToTop{  
	background: #000!important;
	padding:5px 0 5px 0;
	position: absolute;
	display: inline;
}


a.goToTop:hover {
	text-decoration: underline;
}


/************ CONTENT ************/


/*  headlines  */

.cufon-loading h2, .cufon-loading h3 { visibility: hidden !important; }

.cufon-active h2 {}



h2 {
	color: #0074b0;
	font-size: 33px;
	font-weight: lighter;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #4499c5;
	margin: 0 0 43px 0;
}

h2 strong {
	border: none!important;
	color: #0074b0!important;
}
	

h2 strong, h3 {
	color: #1b1b1b;
	font-size: 20px;
	padding: 0 0 20px 0;
}


div#teaser h3 {
	font-size: 12px;
	color: #0074b0;
	padding: 8px 0 15px 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: lighter;
	border-top: 1px solid #c1c1c1;
}

h3 { color: #000; font-size: 20px; background: none; padding: 0 0 10px 0; font-weight: lighter;}
h4 { color: #000; font-size: 33px; background: none; padding: 0 0 10px 0;}

h5 { font-size: 13px; color: #0074b0; padding: 0 0 18px 0; text-transform: uppercase;}

div#timeline p {
	overflow: hidden;
	font-size: 11px;
}

div#timeline h4 {
	font-size: 47px;
	_font-size: 41px;
	color: #1b1b1b;
	margin: 0 20px 0 0;
}

div#timeline div { width: 108px; float: left; margin-right: 21px; border-left: 1px solid #e1e1e1; padding: 0 0 0 7px;}

div#teaser div p { line-height: 17px; height: 110px; _height: 120px;}


h6 {
	font-size: 29px;
	padding: 0 0 27px 0;
}


/*  p  */

div#contentMain p { 
	margin: 0 0 25px 0; 
	line-height: 20px;
}

div#datenschutz p {
	font-size: 11px;
	line-height: 17px;
}

div#footer p {
	font-size: 11px;
	line-height: 16px;
}
	
/*  links  */

div#contentMain a:hover { text-decoration: underline;}

div#teaser a {
	background: #0074b0;
	color: #fff;
	padding: 2px 0 2px 0;
	display: block;
	width: 116px;
	height: 15px;
	margin: 0 0 50px 0;
	text-align: center;
}

div#teaser a:hover { background: #000; text-decoration: none;}


a.visitenkarte {
	display: block;
	background: #0074b0;
	width: 150px;
	height: 20px;
	padding: 5px 5px 5px 10px;
	color: #fff;
}

a.btnAlcar, a.btnInterpneu  {
	display: block;
	background: #0074b0;
	color: #fff;
	padding: 8px;
	height: 30px;
	text-align: center;
	margin: 10px 15px 15px 0;
	font-size: 22px;
}

a.btnInterpneu {
}
	
/*  images  */

.image {
	border: 1px solid #666;
	padding: 2px;
	background:#fff url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.image:hover{
	border: 2px solid #cc0000;
	padding: 1px;
}

.imageNoHover {
	border: 1px solid #1b1b1b;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}


/* list */

ul.list {
	margin: 0 0 30px 0;
	width: 99%;
}
	

ul.list li {
	background:url(../images/li-arrow.gif)  no-repeat center left;
	padding:0 0 0 12px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}

.lastChild {
	border:none!important;
}

ul#logos, ul#logosFelgen {
	width: 940px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

ul#logosFelgen { padding: 40px 0 0 0;}

ul#logos li, ul#logosFelgen li {
	float: left;
	width: 228px;
	text-align: center;
	margin: 0 0 15px 0;
}

ul#logos li a, ul#logosFelgen li a {
	width: 180px;
	height: 82px;
	background: url(../images/reifen/logos.gif) no-repeat;
	display: block;
	text-indent: -5000px;
}

ul#logosFelgen li a { background: url(../images/felgen/logos.gif) no-repeat;}



/* felgen */

a.aez { background-position: 0 0;}
a.aez:hover { background-position: -180px 0!important;}

a.alutec { background-position: 0 -82px!important;}
a.alutec:hover { background-position: -180px -82px!important;}

a.amg { background-position: 0 -164px!important;}
a.amg:hover { background-position: -180px -164px!important;}

a.asa { background-position: 0 -246px!important;}
a.asa:hover { background-position: -180px -246px!important;}

a.ats { background-position: 0 -328px!important;}
a.ats:hover { background-position: -180px -328px!important;}

a.autec { background-position: 0 -410px!important;}
a.autec:hover { background-position: -180px -410px!important;}

a.barracuda { background-position: 0 -492px!important;}
a.barracuda:hover { background-position: -180px -492px!important;}

a.borbet { background-position: 0 -574px!important;}
a.borbet:hover { background-position: -180px -574px!important;}

a.breyton { background-position: 0 -656px!important;}
a.breyton:hover { background-position: -180px -656px!important;}

a.brock { background-position: 0 -738px!important;}
a.brock:hover { background-position: -180px -738px!important;}

a.dezent { background-position: 0 -820px!important;}
a.dezent:hover { background-position: -180px -820px!important;}

a.dotz { background-position: 0 -902px!important;}
a.dotz:hover { background-position: -180px -902px!important;}

a.enzo { background-position: 0 -984px!important;}
a.enzo:hover { background-position: -180px -984px!important;}

a.etabeta { background-position: 0 -1066px!important;}
a.etabeta:hover { background-position: -180px -1066px!important;}

a.fondmetal { background-position: 0 -1148px!important;}
a.fondmetal:hover { background-position: -180px -1148px!important;}

a.keskin { background-position: 0 -1230px!important;}
a.keskin:hover { background-position: -180px -1230px!important;}

a.lorinser { background-position: 0 -1312px!important;}
a.lorinser:hover { background-position: -180px -1312px!important;}

a.mam { background-position: 0 -1394px!important;}
a.mam:hover { background-position: -180px -1394px!important;}
   
a.momo { background-position: 0 -1476px!important;}
a.momo:hover { background-position: -180px -1476px!important;}

a.msw { background-position: 0 -1558px!important;}
a.msw:hover { background-position: -180px -1558px!important;}

a.oxigin { background-position: 0 -1640px!important;}
a.oxigin:hover { background-position: -180px -1640px!important;}
 
a.oz { background-position: 0 -1722px!important;}
a.oz:hover { background-position: -180px -1722px!important;}

a.platin { background-position: 0 -1804px!important;}
a.platin:hover { background-position: -180px -1804px!important;}

a.rial { background-position: 0 -1886px!important;}
a.rial:hover { background-position: -180px -1886px!important;}

a.ronal { background-position: 0 -1968px!important;}
a.ronal:hover { background-position: -180px -1968px!important;}

a.tomason { background-position: 0 -2050px!important;}
a.tomason:hover { background-position: -180px -2050px!important;}

/* reifen */

a.bridgestone { background-position: 0 0;}
a.bridgestone:hover { background-position: -180px 0!important;}

a.dayton { background-position: 0 -82px!important;}
a.dayton:hover { background-position: -180px -82px!important;}

a.dunlop { background-position: 0 -164px!important;}
a.dunlop:hover { background-position: -180px -164px!important;}

a.firestone { background-position: 0 -246px!important;}
a.firestone:hover { background-position: -180px -246px!important;}

a.firststop { background-position: 0 -328px!important;}
a.firststop:hover { background-position: -180px -328px!important;}

a.fulda { background-position: 0 -410px!important;}
a.fulda:hover { background-position: -180px -410px!important;}

a.goodyear { background-position: 0 -492px!important;}
a.goodyear:hover { background-position: -180px -492px!important;}

a.hankook { background-position: 0 -574px!important;}
a.hankook:hover { background-position: -180px -574px!important;}

a.kumho { background-position: 0 -656px!important;}
a.kumho:hover { background-position: -180px -656px!important;}

a.marshal { background-position: 0 -738px!important;}
a.marshal:hover { background-position: -180px -738px!important;}

a.michelin { background-position: 0 -820px!important;}
a.michelin:hover { background-position: -180px -820px!important;}

a.pirelli { background-position: 0 -902px!important;}
a.pirelli:hover { background-position: -180px -902px!important;}

a.vredestein { background-position: 0 -984px!important;}
a.vredestein:hover { background-position: -180px -984px!important;}

a.yokohoma { background-position: 0 -1066px!important;}
a.yokohoma:hover { background-position: -180px -1066px!important;}

a.avon { background-position: 0 -1148px!important;}
a.avon:hover { background-position: -180px -1148px!important;}

a.bkt { background-position: 0 -1230px!important;}
a.bkt:hover { background-position: -180px -1230px!important;}

a.continental { background-position: 0 -1312px!important;}
a.continental:hover { background-position: -180px -1312px!important;}

a.coopertires { background-position: 0 -1394px!important;}
a.coopertires:hover { background-position: -180px -1394px!important;}
   
a.kleber { background-position: 0 -1476px!important;}
a.kleber:hover { background-position: -180px -1476px!important;}

a.metzeler { background-position: 0 -1558px!important;}
a.metzeler:hover { background-position: -180px -1558px!important;}

a.mitas { background-position: 0 -1640px!important;}
a.mitas:hover { background-position: -180px -1640px!important;}
 
a.semperit { background-position: 0 -1722px!important;}
a.semperit:hover { background-position: -180px -1722px!important;}

a.trelleborg { background-position: 0 -1804px!important;}
a.trelleborg:hover { background-position: -180px -1804px!important;}





/* definition list */

dl.imprint {
	line-height: 20px;
	margin:0 0 50px 0;
	width: 500px;
	overflow: hidden;
}
dl.imprint dt {
	display: block;
	width: 190px;
	float:left;
}
dl.imprint dd {
	float:left;
	width: 310px;
}

/* cms */

/*div#cmsBanner {
	margin: 0 0 30px 0;
	overflow: hidden;
}*/

#cmsBanner img {
	float:left;
	padding-right:30px;
	padding-bottom:30px;
}

#cmsBanner ul li {
	list-style:inside square;
}

#cmsBanner .pdf {
	background:url(../images/pdf.jpg) no-repeat;
	display:block;
	height:64px;
	width:300px;
	padding-left:40px;
	float:left;
	margin-top: 20px;

}

.portfoliohover  { display: none;}


#easyTooltip { z-index: 50;}

div#item0, div#item1, div#item2 ,div#item3, div#item4 ,div#item5, div#item6 ,div#item7, div#item8 ,div#item9, div#item10,
div#item11, div#item12, div#item13, div#item14, div#item15, div#item16, div#item17, div#item18, div#item19, div#item20, div#item21, div#item22, div#item23, div#item24, div#item25, div#item26, div#item27  { display: none;}



*html div.itemDescription {
	width: auto; 
	min-height: 0;
	background: #000;
	padding: 4px 8px 4px 8px;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
}


div.itemDescription {
	width: auto; 
	min-height: 0;
	min-height: 26px;
	/*background: #000;*/
	background: url(../images/bg-tooltip.png) no-repeat bottom left;
	padding: 4px 8px 0 8px;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
}

div.itemDescription p { margin: 0 0 10px 0;}