 /*---BASICS---*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/layout/bg.jpg) repeat-x center top;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:24px;
}

a:link, a:visited {
	color: #e31506;
	text-decoration: underline;
}
a:hover {
	color: #e31506;
	text-decoration: none;
}
a:active {
	color: #e31506;	
	text-decoration: underline;
}

img {
	border:0;
}

h2 {
	font-size:16px;
	font-weight:bold;
	margin:-40px 0 0 465px;
	color:#585858;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color: #e31506;
	margin:0 0 10px 0;
}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#585858;
}
 

p {
	margin:0 0 10px 0;
}

 /*---WRAPPER---*/


#wrapper {
	min-height:100%; 
	width:952px;
	margin:0 auto;
	background:#fff;
}

* html #wrapper {
	height:100%;
}

/*---HEAD---*/

#head {
	height:316px; 
	width:952px;
	background:url(../images/layout/head.jpg) 0 0 no-repeat;
	position:relative;
}


/*---CONTENT---*/

#content_top {
	width:882px;
	min-height:280px;
	height:auto;
	padding:75px 0 0 70px;
	background:url(../images/layout/content_top_bg.gif) 0 0 no-repeat;

}

#content_top_b {
	width:792px;
	min-height:280px;
	height:auto;
	margin-left:-60px;
	padding:75px 90px 0 70px;
	background:url(../images/layout/content_top_b_bg.gif) 0 0 no-repeat;

}

#content_top_b li{
	list-style:inside;
}

* html #content_top {
	height:280px;
}

#content_top_left {
	min-height:167px;
	width:273px;
	margin:0 0 0 0;
	padding:45px 0 0 0;
	float:left;
}

#content_top_right {
	min-height:167px;
	width:529px;
	margin:0 0 0 0;
	padding:45px 80px 0 0;
	float:left;
}

#content_bottom {
	width:882px;
	padding:0 0 0 70px;
	height:auto;
}

#content_bottom_left {
	min-height:130px;
	width:250px;
	background:url(../images/layout/content_bottom_l_bg.gif) 0 0 no-repeat;
	margin:0 30px 0 -40px;
	padding:130px 0 0 30px;
	float:left;
	font-size:11px;
	line-height:20px;
}

* html #content_bottom_left {
	height:130px;
	margin:0 30px 0 -20px;
}

#content_bottom_right {
	width:480px; 
	min-height:260px;
	background:url(../images/layout/content_bottom_r_bg.gif) 0 0 no-repeat;
	margin:0 0 0 0;
	padding:45px 50px 0 34px;
	float:left;
}

* html #content_bottom_right {
	height:260px;
	width:514px;
}

#content_bottom_b {
	width:882px;
	padding:30px 0 0 70px;
	min-height:310px;
	height:auto;
	background:url(../images/layout/content_bottom_bg.gif) 0 0 no-repeat;
	z-index:1;

}

*content_bottom_b {
	height:310px;
	z-index:1;
}

#content_bottom_left_b {
	min-height:130px;
	width:250px;
	margin:0 30px 0 -40px;
	padding:130px 0 0 30px;
	float:left;
	font-size:11px;
	line-height:20px;
	z-index:1;
}

* html #content_bottom_left_b {
	height:130px;
	margin:0 30px 0 -20px;
	z-index:1;

}


#content_bottom_right_b {
	width:480px; 
	min-height:260px;
	margin:0 0 0 0;
	padding:45px 50px 0 34px;
	float:left;
	z-index:1;

}

* html #content_bottom_right_b {
	height:260px;
	width:514px;
	z-index:1;
}

/*---FOOTER---*/

div#footer { 
	margin:0 auto;
	width:100%;
	height:171px;
	background: url(../images/layout/footkachel.gif) 0 0 repeat-x;
	color:#585858;
}

div#footera { 
	margin:0 auto;
	width:952px;
	height:58px;
	background: url(../images/layout/footer.gif) center bottom no-repeat;
	padding:113px 0 0 0;
	color:#585858;
	font-size:11px;
	line-height:18px;
	position:relative;
}

.footer_adresse_a {
	float:left;
	width:342px;
	margin:0 0 0 64px;
}

.footer_adresse_b {
	float:left;
	width:282px;
}

.footer_adresse_c {
	float:left;
	width:200px;
}

* html .footer_adresse_a {
	float:left;
	width:342px;
	margin:0 0 0 29px;
}


/*---HEADLINES---*/

#willkommen h1{
	width:465px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/headlines/willkommen.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#news h1{
	width:164px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/news.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#kontakt h1{
	width:240px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/kontakt.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#impressum h1{
	width:269px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/impressum.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#newsletter_head h1{
	width:293px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/newsletter.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#ueberuns h1{
	width:237px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/ueberuns.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#service h1{
	width:217px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/service.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#zubehoer h1{
	width:243px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/zubehoer.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#anfahrt h1{
	width:225px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/anfahrt.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

#reifentipps h1{
	width:280px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/headlines/reifentipps.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
}

/*---CLASSES---*/

.clear {
	float:none;
	clear:both;
	height:1px;
	line-height:1px;
	margin:-1px 0 -1px 0;
}

.linie {
	float:none;
	clear:both;
	width:99%;
	height:2px;
	margin:10px 0 10px 0;
	background:url(../images/layout/linie.gif) 0 0 repeat-x;
}

.linieb {
	float:none;
	clear:both;
	width:893px;
	height:22px;
	margin:0 0 15px 0;
	background:url(../images/layout/linieb.gif) 0 0 repeat-x;
}

.img_border {
	padding:2px;
	border:1px solid #ded6d4;

}

.rot {
	color:#e31506;
	font-weight:bold;
}

.schwarz {
	color:#000;
	font-weight:bold;
}

.cms_left {
	width:345px;
	float:left;
	text-align:left;
}

.cms_right {
	width:105px;
	padding:0 65px 0 0;
	float:left;
	text-align:right;
}

.cms_img {
	width:190px;
	height:125px;
	border:1px solid #ded6d4;
	padding:2px;
	float:right;
	margin-left:15px;
}

.big {
	font-size:14px;
	font-weight:bold;
}

.top {
	width:100%;
	height:14px;
	text-align:right;
}

.seitenanfang {
	width:100%;
	height:14px;
	text-indent:-9999px;
	text-align:right;
}

.left {
	float:left;
	width:200px;
}

.right {
	float:left;
	width:200px;
}

.lefta {
	float:left;
	width:400px;
}

.righta {
	float:left;
	width:400px;
}

.leftb {
	float:left;
	width:230px;
}

.rightb {
	float:left;
	width:250px;
}

dl {
	width:100%;
}

dt {
	float:left;
	width:75px;
}

dd {
	float:left;
	width:120px;
}

.impressum_left {
	float:left;
	width:200px;
}

.impressum_right {
	float:left;
	width:280px;
}

dl.impressum {
	width:100%;
}

dt.impressum {
	float:left;
	width:110px;
	font-weight:bold;
}

dd.impressum {
	float:left;
	width:170px;
}


/*---NAVIGATION---*/

/*---NAVIGATION - HAUPTSEITEN---*/

#main_navi {
	width:419px;
	height:20px;
	padding:12px 0 0 23px;
	position:absolute;
	right:0;
	top:0;
}

#main_navi ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:442px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}

* html #main_navi ul {
	padding:0 0 0 22px;
	width:420px;
}


#main_navi li {
	float:left;
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
}

a.main_navia, a.main_navia:visited {
	outline:none;
	display:block;
	height:12px;
	width:79px;
	background:url(../images/navi/home_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navia:hover, a.main_navia:active {
	outline:none;
	display:block;
	height:12px;
	width:79px;
	background:url(../images/navi/home_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navib, a.main_navib:visited {
	outline:none;
	display:block;
	height:12px;
	width:97px;
	background:url(../images/navi/newsletter_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navib:hover, a.main_navib:active {
	outline:none;
	display:block;
	height:12px;
	width:97px;
	background:url(../images/navi/newsletter_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navic, a.main_navic:visited {
	outline:none;
	display:block;
	height:12px;
	width:77px;
	background:url(../images/navi/kontakt_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navic:hover, a.main_navic:active {
	outline:none;
	display:block;
	height:12px;
	width:77px;
	background:url(../images/navi/kontakt_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navid, a.main_navid:visited {
	outline:none;
	display:block;
	height:12px;
	width:73px;
	background:url(../images/navi/anfahrt_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navid:hover, a.main_navid:active {
	outline:none;
	display:block;
	height:12px;
	width:73px;
	background:url(../images/navi/anfahrt_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navie, a.main_navie:visited {
	outline:none;
	display:block;
	height:12px;
	width:78px;
	background:url(../images/navi/impressum_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.main_navie:hover, a.main_navie:active {
	outline:none;
	display:block;
	height:12px;
	width:78px;
	background:url(../images/navi/impressum_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}


/*---NAVIGATION - PRODUKTSEITEN---*/

#prod_navi {
	width:519px;
	height:50px;
	position:absolute;
	right:0;
	bottom:26px;
	z-index:5;
}

#prod_navi ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:519px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:5;
}

#prod_navi li {
	float:left;
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	z-index:5;
}

a.prod_navia, a.prod_navia:visited {
	outline:none;
	display:block;
	height:50px;
	width:130px;
	background:url(../images/navi/ueberuns_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navia:hover, a.prod_navia:active {
	outline:none;
	display:block;
	height:50px;
	width:130px;
	background:url(../images/navi/ueberuns_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navib, a.prod_navib:visited {
	outline:none;
	display:block;
	height:50px;
	width:132px;
	background:url(../images/navi/reifen_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navib:hover, a.prod_navib:active {
	outline:none;
	display:block;
	height:50px;
	width:132px;
	background:url(../images/navi/reifen_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navic, a.prod_navic:visited {
	outline:none;
	display:block;
	height:50px;
	width:130px;
	background:url(../images/navi/felgen_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navic:hover, a.prod_navic:active {
	outline:none;
	display:block;
	height:50px;
	width:130px;
	background:url(../images/navi/felgen_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}


a.prod_navid, a.prod_navid:visited {
	outline:none;
	display:block;
	height:50px;
	width:127px;
	background:url(../images/navi/service_off.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

a.prod_navid:hover, a.prod_navid:active {
	outline:none;
	display:block;
	height:50px;
	width:127px;
	background:url(../images/navi/service_on.gif) no-repeat 0 0;
	padding:0 0 0 0;
}

/*---SUBNAVIGATION---*/

div#sub_reifen {
	display:none;
	height:175px;
	position:absolute;
	margin:0;
	padding:0;
	left:562px;
	top:289px;
	z-index:5;
	background:#fff;
	font-size:10px;
}

div#sub_reifen a:link, div#sub_reifen a:visited {
	color:#585858;
	font-size:10px;
	text-decoration:none;
}

div#sub_reifen a:hover, div#sub_reifen a:active {
	color:#e41506;
	font-size:10px;
	text-decoration:none;
}

div#sub_reifen ul {
	text-indent:0;
	float:none;
	width:112px;
	padding:10px;
}

div#sub_reifen li {
	list-style:none;
	float:none;
	width:112px;
	height:30px;
	border-bottom:1px solid #ccc;
}

div#sub_felgen {
	display:none;
	height:135px;
	position:absolute;
	margin:0;
	padding:0;
	left:694px;
	top:289px;
	z-index:5;
	background:#fff;
	font-size:10px;
}

div#sub_felgen a:link, div#sub_felgen a:visited {
	color:#585858;
	font-size:10px;
	text-decoration:none;
}

div#sub_felgen a:hover, div#sub_felgen a:active {
	color:#e41506;
	font-size:10px;
	text-decoration:none;
}

div#sub_felgen ul {
	text-indent:0;
	float:none;
	width:112px;
	padding:10px;
}

div#sub_felgen li {
	list-style:none;
	float:none;
	width:112px;
	height:30px;
	border-bottom:1px solid #ccc;
}
