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

body {font-size: 76%; line-height: 140%; background: url(../images/bg_body.jpg) repeat-x; #ff8004; color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* STANDARDS */
a img				{border: none; float:left;}
a:hover	img	 		{filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#probefahrt a:hover	img	{filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
a, a:visited		{text-decoration: underline ; color: #FF6600;}
a:hover	 			{text-decoration: none; color: #FF6600;}
p {padding: 0px 0px 10px 0px;}
h1 {font-size: 36px; font-weight:normal; color: #000000; padding: 0px 0px 20px 0px ; margin: 0px; line-height: 82px; height: 82px; font-style:italic; text-indent: -3000px;}
.clear				{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
.nopadding 			{padding: 0;}
.nomargin 			{margin: 0;}
.noborder 			{border: 0; text-decoration: none;}
.floatright			{float: right;}
.floatleft 			{float: left;width:280px;}

/* HEADLINES */

#willkommen {background: url(../images/headlines/h1_willkommen.jpg) no-repeat;}
#spiegelverlaengerung {background: url(../images/headlines/h1_spiegelverlaengerung.jpg) no-repeat;}
#verkleidungsteile {background: url(../images/headlines/h1_verkleidungsteile.jpg) no-repeat;}
#kettenoeler {background: url(../images/headlines/h1_kettenoeler.jpg) no-repeat;}
#navigations_halterungen {background: url(../images/headlines/h1_navigations-halterungen.jpg) no-repeat;}
#produktentwicklung {background: url(../images/headlines/h1_produktentwicklung.jpg) no-repeat;}
#kontakt2 {background: url(../images/headlines/h1_kontakt.jpg) no-repeat;}
#anfahrt {background: url(../images/headlines/h1_anfahrt.jpg) no-repeat;}
#impressum {background: url(../images/headlines/h1_impressum.jpg) no-repeat;}
#ueber_uns {background: url(../images/headlines/h1_ueber_uns.jpg) no-repeat;}
#newsletter2 {background: url(../images/headlines/h1_newsletter.jpg) no-repeat;}
#danke {background: url(../images/headlines/h1_vielen_dank.jpg) no-repeat;}
#produkte {background: url(../images/headlines/h1_produkte.jpg) no-repeat;}
#partner {background: url(../images/headlines/h1_partner.jpg) no-repeat;}
#news2 {background: url(../images/headlines/h1_news.jpg) no-repeat;}

h2 {text-transform:uppercase;  padding: 15px 0px 15px 0px; margin: 0; font-size: 17px; font-weight:normal;}
h4 {font-size: 18px; font-weight:normal; color: #54c4fe; font-style: italic; padding: 0px; margin: 0px; line-height: 30px; height: 30px;}

/* SITE */

#container {background: url(../images/bg_head.jpg) top center no-repeat;}

#head {width:980px; margin-left:auto; margin-right: auto;}
#branding {height: 106px; float: left; width: 300px;}
#movie {height: 341px;}
#top_navi {float: left; padding: 70px 0px 0px 380px;}
#top_navi a, #top_navi a:link, #top_navi a:visited {color: #FFFFFF; font-weight:bold; text-decoration: none; padding: 0px 0px 0px 40px;}
#top_navi a:hover {color: #000000;}

/* NAVI */

#navi {width: 980px; margin-left: auto; margin-right: auto;}
#navi ul {padding: 0; margin:0;}
#navi li {padding: 0; margin:0; list-style: none; float: left; height: 70px;}
#navi li a {padding: 0; margin:0; list-style: none; float: left; height: 70px; text-indent: -3000px; background-position: 0 -140px;}
#nav1 a, #nav1 a:link, #nav1 a:visited { background:url(../images/navi/nav01_01.jpg); width:121px;} 
#nav2 a, #nav2 a:link, #nav2 a:visited { background:url(../images/navi/nav02_02.jpg); width:162px;} 
#nav3 a, #nav3 a:link, #nav3 a:visited { background:url(../images/navi/nav03_03.jpg); width:127px;} 
#nav4 a, #nav4 a:link, #nav4 a:visited { background:url(../images/navi/nav04_04.jpg); width:150px;} 
#nav5 a, #nav5 a:link, #nav5 a:visited { background:url(../images/navi/nav05_05.jpg); width:114px;} 
#nav6 a, #nav6 a:link, #nav6 a:visited { background:url(../images/navi/nav06_06.jpg); width:184px;}
#nav7 a, #nav7 a:link, #nav7 a:visited { background:url(../images/navi/nav07_07.jpg); width:122px;} 
#navi li a:hover {background-position: 0 -70px;}

/* CONTENT */

#content {width: 980px; margin-left: auto; margin-right: auto;}
#content_left {width: 600px; float: left; padding: 0px 50px 0px 0px;}
#content_right {width: 324px; float:left;}

/* SIDEBAR */

#aktuell {background: url(../images/bg_news.jpg) no-repeat; height: 150px;}
#teaser_aktuell {padding: 45px 40px 50px 30px;}
#teaser_aktuell a, #teaser_aktuell a:link, #teaser_aktuell a:visited {color: #FFFFFF; font-weight:bold;}
#shop2 {margin: 0px 0px 10px 0px;}
#news {width: 322px; height: 136px; background:url(../images/bg_newsletter.jpg); margin: 0px 0px 10px 0px;}
#kontakt {width: 322px; height: 136px; background:url(../images/bg_kontakt.jpg); margin: 0px 0px 10px 0px;}
#kontakt div {padding: 40px 0px 0px 30px;}

/* FOOTER */

#footer {background: url(../images/bg_footer_line.jpg) repeat-x;}
#footer_in {width: 980px; margin-left: auto; margin-right: auto; background: url(../images/bg_footer.jpg) no-repeat; height: 268px; color: #000000;}
#footer_left {padding: 130px 0px 0px 340px; float: left; width:200px;}
#footer_right {padding: 130px 0px 0px 70px; float: left;}
#footer_right a, #footer_right a:link, #footer_right a:visited {color: #000000; font-weight:bold; padding: 0px 60px 0px 0px; text-decoration: none;} 
#footer_right a:hover {color: #FFFFFF;}

iframe {padding: 4px; border: 1px dotted #FF6600;}
#player2 {padding: 10px; border: 1px dotted #FF6600; width: 500px; }
#nl2 {width: 160px; float: left; padding: 20px 0px 0px 30px;}
#nl3 {width: 100px; padding: 70px 0px 0px 0px; float: left;}

.image img {padding:3px; margin:3px; border: 1px solid #FF6600;}
.img_norm {padding:3px; margin:3px 20px 15px 3px; border: 1px solid #FF6600; float:left;}

#subnav img {padding: 0px 0px 20px 0px;}