﻿@charset "utf-8";
/****************** Globale Style CSS *******************/
/*														*/
/*			Generelle Einstellungen (Body, etc.)		*/
/*														*/
/********************************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	background:url(../img/static/cen_bg.jpg) repeat-x 0px 0px;
	color:#FFFFFF;
	background-color:#D3D6DB;
}
body.index{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	background:url(../img/static/idx_bg.jpg);
	background-color:#000000;
	background-position:center 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
}
#logo {
	position:absolute;
	z-index:2;
	left:680px;
	top:10px;
	height:40px;
	width:270px;
	background:none;
}
#main_img {position:absolute;width:630px;height:267px;z-index:2;left:45px;top:68px;}

/************************ Links *************************/

a {color:#FFFFFF;text-decoration:none;}
a:visited{color:#FFFFFF;text-decoration:none;}
a:hover {color:#9C111B;text-decoration:none;} /*alte farbe: 9C1019*/

/*************** Positionen der Rechtecke ****************
(a 1. spalte, B 2. spalte, 1-4 entspricht oben nach unten)
*/
#a1 {position:absolute;width:133px;height:133px;z-index:3;left:678px;top:68px;} 
#a2 {position:absolute;width:133px;height:133px;z-index:3;left:678px;top:202px;color:#000000;}
#a3 {position:absolute;width:133px;height:133px;z-index:3;left:678px;top:336px;}
#a4 {position:absolute;width:133px;height:133px;z-index:3;left:678px;top:470px;}
#b1 {position:absolute;width:133px;height:133px;z-index:3;left:812px;top:68px;}
#b2 {position:absolute;width:133px;height:133px;z-index:3;left:812px;top:202px;}
#b3 {position:absolute;width:133px;height:133px;z-index:3;left:812px;top:336px;}
#b4 {position:absolute;width:133px;height:133px;z-index:200;left:812px;top:470px;}

#ab2 {position:absolute;width:277px;height:138px;z-index:3;left:675px;top:192px;background-color:white;}

#a1.over:hover, 
#a2.over:hover, 
#a3.over:hover, 
#a4.over:hover, 
#b1.over:hover, 
#b2.over:hover, 
#b3.over:hover, 
#b4.over:hover {color:#9C111B;text-decoration:none;}

div.link_dummy {position:absolute;z-index:4;top:0px;left:0px;width:133px;height:133px;}
	
div.stit_boxes {position:absolute;z-index:3;bottom:2px;padding-left:4px;}
div.utit_boxes {position:absolute;z-index:3;top:0px;padding-left:4px;overflow:hidden}
div.text_boxes {position:absolute;z-index:3;top:35px;height:80px;padding-left:4px;overflow:hidden;}
div.text_boxes_exc {position:absolute;z-index:3;top:35px;height:100px;padding-left:4px;overflow:hidden;}
div.c_logo {
	position:absolute;z-index:3;vertical-align:middle;text-align:center;height:133px;width:133px;
	background:url(../img/static/c_logo.gif) no-repeat 26px 35px;
}

.stit_boxes a, .stit_boxes a:visited {color:#FFFFFF;text-decoration:none;}
.stit_boxes a:hover {color:#666666;text-decoration:none;}

/****** Allgemeine Farb und Schrifft Definitionen *******/
#black {color:#000000;}
#red {color:#9C111B;}
#white {color:#FFFFFF;}

#grey {color:#D3D6DB}

#h_boxes {font-size:14px;font-weight:bold;}

/************ News Hintergründe und Farben **************/

#news_bg {
	position:absolute;width:630px;height:267px;z-index:2;left:45px;top:336px;
	background:url(../img/static/news_transbg.gif) no-repeat;
}
#news_bg1 {
	position:absolute;
	width:304px;
	height:267px;
	z-index:3;
	left:45px;
	top:336px;
	padding:5px;
	background:url(../img/static/news_bg.gif) no-repeat;
}
#news_bg2 {
	position:absolute;
	width:304px;
	height:267px;
	z-index:3;
	left:361px;
	top:336px;
	padding:5px;
	background:url(../img/static/news_bg.gif) no-repeat;
}

#nws_link a{color:#FFFFFF;}
#nws_link a:hover{color:#333333}
		  
/************************ Index *************************/

#langsel_0 {position:absolute;width:164px;height:227px;z-index:2;left:455px;top:310px;line-height:16px;}
#langsel_1 {position:absolute;width:164px;height:227px;z-index:2;left:525px;top:310px;line-height:16px;}
#langsel_2 {position:absolute;width:164px;height:227px;z-index:2;left:595px;top:310px;line-height:16px;}
#langsel_3 {position:absolute;width:164px;height:227px;z-index:2;left:665px;top:310px;line-height:16px;}
#langtitle {position:absolute;width:165px;height:17px;z-index:2;left:455px;top:290px;color:#9C111B;font-weight:bold;}

/************************* Menue ************************/

#menue-container {z-index:2002;position:absolute;left:42px;top:45px;}

#menue {z-index:2001;font-size: 10px;font-family: arial, helvetica, sans-serif;width:100%;float:left;display:block;}		
#menue a {text-align: left;display:block;white-space:nowrap;margin:0px;padding: 5px;}	
#menue a, #menue a:visited {color: white;background-image:url(../img/static/spacer.gif);text-decoration:none;}
#menue a:hover {color:#9C111B;background-color: black;}	
#menue a.top_parent, #menue a.top_parent:hover{
	background-image: url(../img/static/spacer.gif);
	background-position: right center;background-repeat: no-repeat;
}

#menue a{font-size: 10px;font-family: arial, helvetica, sans-serif;vertical-align:middle;}


#menue ul {list-style:none;margin:0;padding:0;float:left;display:block;}
#menue li {position:relative;min-height:1px;vertical-align:bottom;}
#menue ul ul {position:absolute;z-index:500;top:auto;display:none;}
#menue ul ul ul {top:0;left:100%;}
#menue ul.pipe {width:3px;padding-top:4px;}
#menue ul.pipe li:hover {text-decoration:none;background:none;cursor:default;}

* html #menue ul {font-size:13px;width:2.6em;w\idth: 3.4em;} /*korrektur für IE5~6*/

div#menue li:hover{cursor:pointer;z-index:100;background-color:#000000;}

div#menue li:hover ul ul,
div#menue li li:hover ul ul,
div#menue li li li:hover ul ul,
div#menue li li li li:hover ul ul {display:none;}

div#menue li:hover ul,
div#menue li li:hover ul,
div#menue li li li:hover ul,
div#menue li li li li:hover ul {display:block;background-color:#000000;min-width:100%;}

/*********************** Kontakt ************************/

#main_con {position:absolute;z-index:2;top:68px;left:45px;height:504px;width:630px;background:url(../img/contact/mainbg.jpg) no-repeat 0px 0px;color:#000000;}

/************************ Bikes *************************/

#bike_bg {z-index:2;background:url(../img/bikes/bike_bg.gif) no-repeat 0px 4px;vertical-align:bottom;padding-bottom:0px;width:208px;height:166px;background-color:none;}
#main_con table tr td a{position:relative;color:#000000;text-decoration:none;bottom:10px;left:10px;font-size:12px;}
#main_con table tr td a:hover{color:#9C111B;text-decoration:none;}

#bike_link {position:static;text-align:left;vertical-align:text-bottom;}

div.text_boxes_exc a {color:#FFFFFF;text-decoration:none;}
div.text_boxes_exc a:hover {color:#000000;text-decoration:none;}

#series_title {color:#FFFFFF;font-size:16px;font-weight:bold;height:40px;vertical-align:middle;padding-left:10px}

/********************* Bike Detail **********************/

#bike_besch {position:absolute;width:400px;height:95px;z-index:4;left:46px;top:474px;}
#bike_inhalt {position:relative;top:5px;width:400px;height:101px;z-index:4;background:url(../img/bikes/detail/besch_bg.gif) no-repeat 0px 0px;background-size:100%}

#a2 a, #b2 a{color:#9C111B;text-decoration:none;}
#a2 a:hover, #b2 a:hover{color:#000000;text-decoration:none;}

#kat_scroll {position:absolute;top:20px;width:129px;height:60px;overflow:scroll;overflow-x:hidden;
	scrollbar-face-color: #555555;
	scrollbar-highlight-color: #6f6f6f;
	scrollbar-shadow-color: #b1b1b1;
	scrollbar-base-color: #ababab;
	scrollbar-3dlight-color: #8f8f8f;
	scrollbar-arrow-color:#9C111B;
	scrollbar-track-color: #2b2b2b;
	scrollbar-darkshadow-color: #000000;}

#bdet{height:1px;border-width:1px 0 0 0;border-style:solid;border-color:red;}

	/* Zoom */
	#mark {position:absolute;left:0px;top:0px;width:100px;height:100px;z-index:103;overflow: hidden;}
	#zoom_layer {position:absolute;left:0px;top:0px;width:1150px;height:800px;z-index:102;background-color:#FFFFFF;}
	#zoom_layer_over {position:absolute;left:678px;top:336px;width:267px;height:267px;z-index:110;overflow: hidden;}
	#normal_layer {position:absolute;left:0px;top:0px;z-index:100;overflow:hidden;width:520px;height:402px;overflow:hidden;}
	#zoom_cross_layer {position:absolute;z-index:111;left:678px;top:336px;width:267px;height:267px;background:url(../img/static/cross.gif) no-repeat 0px 0px;}
	
	/* Movenext */
	#movenext {position:absolute;z-index:10;top:555px;left:450px;height:55px;width:180px;}
	#enlarge {position:absolute;top:0px;left:25px;width:130px;height:23px;}
	#arr_left {position:absolute;left:0px;bottom:0px;width:19px;height:25px;}
	#arr_right {position:absolute;right:0px;bottom:0px;width:19px;height:25px;}
	#short_desc {position:absolute;left:20px;bottom:0px;height:25px;width:140px;text-align:center;color:#000000;}

/******************** Tell s friend *********************/
#tell_dummy{height:40px;}
#tell_iput{position:absolute;right:10px;width:160px;}
#tell_textarea{position:absolute;right:30px;width:240px;}

.tell_h3{position:absolute;left:40px;}
.send{position:relative;font-size:16px;padding:33px;padding-top:60px;width:133px;}

/*********************** Contact ************************/
#con_1{z-index:100;position:absolute;left:5px;top:10px;font-size:9px;}
#con_2{z-index:100;position:absolute;left:140px;top:10px;font-size:9px;}
#con_3{z-index:100;position:absolute;left:290px;top:10px;font-size:9px;}
#con_4{z-index:100;position:absolute;left:450px;top:10px;font-size:9px;height:900px;background-color:#D4D7DA}
#con_5{z-index:100;position:absolute;left:600px;top:10px;font-size:9px;}

#imp_mail {position:absolute;color:#000000;text-decoration:underline;top:0px;}
#imp_mail:hover {color:#9C111B;text-decoration:underline;}
	
/******************* Dealer Network *********************/

#karte {position:absolute;z-index:3;top:200px;left:280px;height:233px;width:350px;background:url(../img/static/karte.jpg) no-repeat;}
#karte_1 {position:absolute;z-index:4;top:56px;left:15px;background:none;height:11px;width:11px;background:url(../img/static/spacer.gif) no-repeat;}
#karte_2 {position:absolute;z-index:4;top:126px;left:54px;background:none;height:11px;width:11px;}
#karte_3 {position:absolute;z-index:4;top:54px;left:127px;background:none;height:11px;width:11px;}
#karte_4 {position:absolute;z-index:4;top:74px;left:134px;background:none;height:11px;width:11px;}
#karte_5 {position:absolute;z-index:4;top:41px;left:140px;background:none;height:11px;width:11px;}
#karte_6 {position:absolute;z-index:4;top:138px;left:157px;background:none;height:11px;width:11px;}
#karte_7 {position:absolute;z-index:4;top:33px;left:225px;background:none;height:11px;width:11px;}
#karte_8 {position:absolute;z-index:4;top:82px;left:241px;background:none;height:11px;width:11px;}
#karte_9 {position:absolute;z-index:4;top:99px;left:285px;background:none;height:11px;width:11px;}
#karte_10 {position:absolute;z-index:4;top:165px;left:311px;background:none;height:11px;width:11px;}
#karte_1.dot:hover, 
#karte_2.dot:hover, 
#karte_3.dot:hover, 
#karte_4.dot:hover, 
#karte_5.dot:hover, 
#karte_6.dot:hover, 
#karte_7.dot:hover, 
#karte_8.dot:hover, 
#karte_9.dot:hover, 
#karte_10.dot:hover {background:url(../img/static/blackdot.gif) no-repeat;cursor:pointer;}
#karte_1.dot_on, 
#karte_2.dot_on, 
#karte_3.dot_on, 
#karte_4.dot_on, 
#karte_5.dot_on, 
#karte_6.dot_on, 
#karte_7.dot_on, 
#karte_8.dot_on, 
#karte_9.dot_on, 
#karte_10.dot_on {background:url(../img/static/blackdot.gif) no-repeat;}

#dealer_titlebg {position:absolute;width:630px;height:267px;z-index:2;left:0px;top:0px;background:url(../img/dealer/search_main.jpg) no-repeat 0px 0px;}

#dealer_topic2 {position:absolute;z-index:4;top:150px;left:280px;height:50px;width:350px;background-color:#D3D7DA}

#dealer_form {position:absolute;z-index:4;top:150px;left:0px;width:279px;height:283px;background:url(../img/dealer/dealer_bg.gif) no-repeat 0px 0px;}
#dealer_form form{position:absolute;z-index:4;top:150px;left:45px;}
#dealer_topic1 {position:absolute;z-index:4;top:150px;left:0px;height:50px;width:279px;background-color:#D3D7DA}

/*********************** Company ************************/

#cmp_pic1{position:absolute;top:135px;left:0px;width:140px;height:140px;background:url(../img/company/pic_1.jpg) no-repeat 0px 0px;}
#cmp_pic2{position:absolute;top:266px;left:0px;width:140px;height:140px;background:url(../img/company/pic_2.jpg) no-repeat 0px 0px;}
#cmp_pic3{position:absolute;top:397px;left:0px;width:140px;height:140px;background:url(../img/company/pic_3.jpg) no-repeat 0px 0px;}

#tx_bg1 {position:absolute;top:135px;left:131px;width:484px;height:132px;background:url(../img/company/tx_bg.gif) no-repeat 0px 0px;padding:10px;padding-top:2px;}
#tx_bg2 {position:absolute;top:266px;left:131px;width:484px;height:132px;background:url(../img/company/tx_bg.gif) no-repeat 0px 0px;padding:10px;padding-top:2px;}
#tx_bg3 {position:absolute;top:397px;left:131px;width:484px;height:132px;background:url(../img/company/tx_bg.gif) no-repeat 0px 0px;padding:10px;padding-top:2px;}

#links_bg {position:absolute;width:630px;height:267px;z-index:2;left:0px;top:0px;background:url(../img/company/links_bg.jpg) no-repeat 0px 0px;}
#links_img {position:absolute;width:630px;height:265px;z-index:2;left:0px;top:270px;}

/********************** Technology **********************/

#tech_bg {position:absolute;width:630px;height:270px;z-index:2;left:45px;top:0px;background:url(../img/tech/tech_bg.jpg) no-repeat 0px 0px;}

/*********************** Specials ***********************/

#down_bg {position:absolute;width:630px;height:267px;z-index:2;left:45px;top:0px;background:url(../img/specials/down_bg.jpg) no-repeat 0px 0px;}

#dtx_bg1 {position:absolute;width:314px;height:116px;top:270px;left:45px;background:url(../img/specials/tx_bg.gif) no-repeat 0px 0px;padding-left:115px;}
#dtx_bg2 {position:absolute;width:314px;height:116px;top:387px;left:45px;background:url(../img/specials/tx_bg.gif) no-repeat 0px 0px;padding-left:115px;}
#dtx_bg3 {position:absolute;width:314px;height:116px;top:270px;left:360px;background:url(../img/specials/tx_bg.gif) no-repeat 0px 0px;padding-left:115px;}

#dtx_bg3 a{color:#000000;text-decoration:none;}
#dtx_bg3 a:hover{color:#9C111B;text-decoration:none;}

#dtx_img {position:absolute;width:100px;height:106px;left:-45px;top:5px;}

/************************* Team *************************/

#team_fahrer{position:absolute;width:315px;height:407px;z-index:2;left:45px;top:68px;overflow:hidden;}
#team_fausw{position:absolute;z-index:3;width:295px;height:113px;z-index:1;left:360px;top:68px;background:#000000;padding:10px;padding-top:40px;}
#team_fausw2{position:absolute;top:0px;left:158px;padding:10px;padding-top:40px;}
#team_fbesch{position:absolute;width:315px;height:273px;z-index:2;left:360px;top:203px;background:url(../img/team/ttx_bg.gif) no-repeat 0px -1px;}
#team_fbesch_start{position:absolute;width:315px;height:420px;z-index:2;left:360px;top:203px;background:url(../img/team/ttxst_bg.gif) no-repeat 0px -1px;}
#team_actionfg{z-index:200;position:absolute;width:267px;height:540px;z-index:3;left:678px;top:68px;background:url(../img/static/tcfg.gif) no-repeat 0px -1px;} 
#team_actionbg{z-index:100;position:absolute;width:267px;height:535px;z-index:3;left:678px;top:68px;overflow:hidden;}
#team_news{position:absolute;width:630px;height:133px;z-index:2;left:45px;top:477px;background:url(../img/team/tntx_bg.gif) no-repeat 0px -1px;} 


/********************* Transparenz **********************/

.transparent {z-index: 298;filter: Alpha(opacity=80);-moz-opacity: 0.8;opacity: .8}

/********************* Zentrierung **********************/

#center {position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
top:0px;
height:650px;
background:url(../img/static/all_bg.jpg) no-repeat 0px 0px;
}
#center.idx {position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
top:0px;
background:none;
}

#bg {position:absolute;left:-45px;height:520px;top:0px;width:955px;background:url(../img/static/bg.jpg) no-repeat 0px 0px #D4D7DA;padding-left:45px;}
#bg tr{vertical-align:top;}

strong {font-weight:bold}


.text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
}

.textweiss{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
}

.textb{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}

.textbbig{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000000;
}
