/* GHOST bikes 2.0 */
/* ------------------------------LEGENDE------------------------------
b= bottom, r=right, l=left, c=center, d=details... 
---------------------------------------------------------------------- */
body {
background-image:url(../images/bg_generell.gif);
font-size: 11px;
color:#c6c6c6; 
font-family: Tahoma, Verdana, Arial, Sans-Serif;
padding:0;
margin:0;
}

h1 {
/* momentan nur auf
startseite vorhanden */
}

h2 {
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
padding:0px 24px 4px 24px;
margin:0px 0px -4px 0px;
background: url(../images/xxbg_h2.gif) no-repeat left bottom;
}

p {
padding: 0px 24px 0px 24px;
line-height: 18px;
margin: 8px 0px 0px 0px;
}


.smallline {
	line-height: 10px ! important;
}

ul {line-height:18px;}

/*==================tooltip==================*/
.tooltip {
  position: absolute;
  background-color:#333333;
  display: none;
  border:1px solid #BBBBBB;
  padding: 5px;
  width:200px;
}

/* -------------------Menu and Navigation------------------- */
/* Link "standard" */
a {color: #FFFFFF; text-decoration:none; font-weight:bold; padding-left:10px; margin-left:0px;}
a:img {border: none;}
a:hover {color: #c60017;}
a:active {color: #c60017;}


#mtb a:hover {color: #efcc79;}
#mtb a:active {color: #efcc79;}
#miss a:hover {color: #f2e94c;}
#miss a:active {color: #f2e94c;}
#cross a:hover {color: #32ac40;}
#cross a:active {color: #32ac40;}
#kids  a:hover {color: #efcc79;}
#kids  a:active {color: #efcc79;}
#road a:hover {color: #84d1f4;}
#road a:active {color: #84d1f4;}
#trekking a:hover {color: #4090ca;}
#trekking a:active {color: #4090ca;}

#anchor a { background:none; text-decoration:none;}

/* Sub Menu" */
#menu_sub {
	float: left;
	width: 170px;
	margin: 10px 0px 0px 16px;
	background:url(../images/bg_menue.jpg) repeat-y;
	padding: 0px;
}


#menu_main {position:relative;left:0px;height:8px; background-color:#000000; vertical-align:text-top; width:980px;}
#menu_main a {background: none; border:none; text-decoration:none; padding: 0px; margin: 0px;}
#menu_main a:hover {text-decoration:none;}
.menu_main_image {position:absolute;top:0px;height:55px;}

#menu_main_spacerl {top:0px;left:0px;width:16px;background:#FFFFFF;}

#menu_main_bikes {top:-375px;left:16px;width:136px;background-image:url(../images/b_bikes.jpg);}
#menu_main_bikes:hover {background-image:url(../images/b_bikes_o.jpg);}
#menu_main_a_bikes {top:-375px;left:16px;width:136px;background-image:url(../images/b_bikes_o.jpg);}

#menu_main_ueberuns {top:-375px;left:152px;width:136px;background-image:url(../images/b_ueberuns.jpg);}
#menu_main_ueberuns:hover {background-image:url(../images/b_ueberuns_o.jpg);}
#menu_main_a_ueberuns {top:-375px;left:152px;width:136px;background-image:url(../images/b_ueberuns_o.jpg);}

#menu_main_ghostheroes {top:-375px;left:288px;width:136px;background-image:url(../images/b_ghostheroes.jpg);}
#menu_main_ghostheroes:hover {background-image:url(../images/b_ghostheroes_o.jpg);}
#menu_main_a_ghostheroes {top:-375px;left:288px;width:136px;background-image:url(../images/b_ghostheroes_o.jpg);}

#menu_main_haendlersuche {top:-375px;left:424px;width:136px;background-image:url(../images/b_haendlersuche.jpg);}
#menu_main_haendlersuche:hover {background-image:url(../images/b_haendlersuche_o.jpg);}
#menu_main_a_haendlersuche {top:-375px;left:424px;width:136px;background-image:url(../images/b_haendlersuche_o.jpg);}

#menu_main_service {top:-375px;left:560px;width:136px;background-image:url(../images/b_service.jpg);}
#menu_main_service:hover {background-image:url(../images/b_service_o.jpg);}
#menu_main_a_service {top:-375px;left:560px;width:136px;background-image:url(../images/b_service_o.jpg);}

#menu_main_kontakt {top:-375px;left:696px;width:136px;background-image:url(../images/b_kontakt.jpg);}
#menu_main_kontakt:hover {background-image:url(../images/b_kontakt_o.jpg);}
#menu_main_a_kontakt {top:-375px;left:696px;width:136px;background-image:url(../images/b_kontakt_o.jpg);}

#menu_main_community {top:-375px;left:828px;width:136px;background-image:url(../images/b_news.jpg);}
#menu_main_community:hover {background-image:url(../images/b_news_o.jpg);}
#menu_main_a_community {top:-375px;left:828px;width:136px;background-image:url(../images/b_news_o.jpg);}

#menu_main_spacerr {top:980px;left:0px;width:16px;background:#FFFFFF;}

#menu_main_en_ueberuns {top:-375px;left:152px;width:136px;background-image:url(../images/b_aboutus.jpg);}
#menu_main_en_ueberuns:hover {background-image:url(../images/b_aboutus_o.jpg);}
#menu_main_en_a_ueberuns {top:-375px;left:152px;width:136px;background-image:url(../images/b_aboutus_o.jpg);}

#menu_main_en_haendlersuche {top:-375px;left:424px;width:136px;background-image:url(../images/b_dealer.jpg);}
#menu_main_en_haendlersuche:hover {background-image:url(../images/b_dealer_o.jpg);}
#menu_main_en_a_haendlersuche {top:-375px;left:424px;width:136px;background-image:url(../images/b_dealer_o.jpg);}

#menu_main_en_kontakt {top:-375px;left:696px;width:136px;background-image:url(../images/b_contact.jpg);}
#menu_main_en_kontakt:hover {background-image:url(../images/b_contact_o.jpg);}
#menu_main_en_a_kontakt {top:-375px;left:696px;width:136px;background-image:url(../images/b_contact_o.jpg);}

/* Link "Footer" */
#footertxt a {color: #919191; text-decoration:none; background-image:none; font-weight:normal; padding:0px; margin:0px;}
#footertxt a:hover {color: #FFFFFF; text-decoration:none;}
#footertxt a:active {color: #FFFFFF; text-decoration:none;}

/* ------------------top area------------------- */
#mountain {
	position:relative;
	background-color: #000000;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
	vertical-align:text-top;
	background-image:url(../images/xxbg_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:50px;
}


#home_link {
	background:none;
}

#home_link_box {
	position:absolute;
	top:0px;
	left:0px;
	height:39px;
	width:182px;
}

#youtube {
	position:absolute;
	top:450px;
	left:750px;
}
#searchform {
	position:absolute;
	top:8px;
	left:610px;
}

#globalsearch {
	border:1px solid white;
	color:white;
	background-color:black;
	margin-bottom:2px;
}

#searchbutton {
	border:1px solid white;
	margin-bottom:-9px;
}

#bikes {
background-color: #000000;
padding: 80px 0px 0px 16px;
margin: 0px 0px 0px 0px;
vertical-align:text-top;
}

/* -------------------Top bar-Typen------------------- */
#topbarl{
    font-weight:bold;
	color:#FFFFFF;
	position:relative;
	left:0px;
	top:0px;
	height: 30px;
	width: 187px;
	background:url(../images/xxbg_topbar_menul.jpg) no-repeat left;
}

#topbarl div {
	padding:3px 0px 0px 40px;
}

#topbarc div{
    font-weight:bold;
	color:#FFFFFF;
	padding:3px 0px 0px 24px;
}

#topbarc_2col div{
    font-weight:bold;
	color:#FFFFFF;
	padding:3px 0px 0px 24px;
}

#topbarc_3col div{
    font-weight:bold;
	color:#FFFFFF;
	padding:3px 0px 0px 24px;
}

#topbar1col{
	height: 12px;
	background:url(../images/xxbg_topbar_menu1col.jpg) no-repeat left;
	margin:-15px;
}

/* -------------------Container-Typen ------------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin:0 auto;
background:url(../images/xxbg_details.jpg) repeat-y;
} 

#container1col {
width: 980px;
margin-bottom: 10px;
margin:0 auto;
background:url(../images/xxbg_start.jpg) repeat-y;
} 

#container2col {
width: 980px;
margin-bottom: 10px;
margin:0 auto;
background:url(../images/xxbg_category.jpg) repeat-y;
} 

/* -------------------Content-/ Overview Categories seite------------------- */
#textparao{
padding: 0px 0px 20px 0px;
margin: 0px 0px -6px 210px;
background:url(../images/xxbg_parao.jpg) no-repeat bottom left;
height:65px;
}

#textparao h2{margin-left: 185px; padding-top:8px;}
#textparao p{margin-left: 185px;}
#spacer{margin-top: 2px;}
#pict{ 
	position:relative; 	
	left:24px;
	top:12px;
	width:166px;
	height:58px; 
	float:left;}
	
#pict a{background:none; padding:0;}
#pict img{border:none;}
#pict2{padding:0px 24px 0px 24px; float:right;}

/*
#mtb{background:url(../images/bg_parao_mtbr.jpg) no-repeat top right;}
#miss{background:url(../images/bg_parao_missr.jpg) no-repeat top right;}
#kids{background:url(../images/bg_parao_kidsr.jpg) no-repeat top right;}
#cross{background:url(../images/bg_parao_crossr.jpg) no-repeat top right;}
#road{background:url(../images/bg_parao_roadr.jpg) no-repeat top right;}
#speedline{background:url(../images/bg_parao_speedliner.jpg) no-repeat top right;}
#trekking{background:url(../images/bg_parao_trekkingr.jpg) no-repeat top right;}
*/

#mtb{background: #f68712 no-repeat top right;}
#miss{background: #e5d60b no-repeat top right;}
#kids{background: #f68712 no-repeat top right;}
#cross{background:url(../images/bg_parao_crossr.jpg) no-repeat top right;}
#road{background:url(../images/bg_parao_roadr.jpg) no-repeat top right;}
#speedline{background:url(../images/bg_parao_speedliner.jpg) no-repeat top right;}
#trekking{background:url(../images/bg_parao_trekkingr.jpg) no-repeat top right;}


/* -------------------Content-/ News Startseite------------------- */
#textpara1col {
padding: 0px 0px 0px 0px;
margin: 0px 450px 0px -7px;
background:url(../images/xxbg_seperatornews.jpg) no-repeat bottom left;
}

#newsleftpic {
padding: 0px 0px 0px 0px;
margin: 0px 450px 0px -10px;
}

#textpara1col h2{background:none;}
#textpara1col p {margin-top:2px; margin-bottom:10px; padding-right:10px;}

#hl{padding: 8px 16px 10px 24px;}
#newsfront{ float:left; padding: 0px 16px 0px 0px; margin:0px;}

#bikemonth {
float: right;
width: 408px;
margin: 8px 235px 0px 0px;
}
#bikemonth img {border:none;}
#bikemonth a {background:none; padding:0;}

/* -------------------Content-/Absatz-Typen------------------- */
#textpara {
padding: 0px 0px 20px 0px;
margin: 10px 240px 0px 210px;
background:url(../images/xx_bg_seperator_para.jpg) repeat-x bottom;
}

#textpara table {margin: 8px 24px 0 24px; width:482px; border:none;}
#textpara td {vertical-align:top;}

#textpara2col_short {
padding: 0px 0px 20px 0px;
margin: 10px 16px 0px 210px;
background:url(../images/xxbg_seperatorshort.jpg)  no-repeat bottom left;
}
#textpara2col_short ul {line-height:18px;}

#textpara2col {
padding: 0px 16px 20px 0px;
margin: 10px 16px 0px 210px;
background:url(../images/xx_bg_seperator_para2col.jpg) repeat-x bottom;
}

#textpara2col_imgonly {
padding: 0px 0px 20px 0px;
margin: 0px 16px 0px 210px;
}

#textpara_imgonly {
padding: 0px 0px 20px 0px;
margin: 10px 240px 0px 210px;
}

/* #textpara2col table {margin: 0px 24px 0 24px; background:url(../images/xxbg_prev_c.jpg) repeat-x; width:704px; border:none;} */
#textpara2col table {margin: 0px 24px 0 24px; background: black repeat-x; width:704px; border:none;}  
#textpara2col td {vertical-align:top; text-align:center;}
#textpara2col img {margin: 0px; border:none;}

#textpara2col ul {line-height:18px;}
/* #prev div {float:left; width:200px; height:165px; margin:0px 14px 0px 14px; background:url(../images/xxbg_b_prev.jpg) no-repeat bottom;} */
#prev div {float:left; width:200px; height:165px; margin:0px 14px 0px 14px; background: black no-repeat bottom;}
#prev p { margin-top:0px;}

#kompakt h2{
font-weight:normal;
background-image:none;
text-transform:uppercase;
color: #9c9c9c;
padding:0px 6px 0px 0px;
margin-top: 4px;
}

#kompakt p{
padding:2px 6px 10px 0px;
margin: 0px;
}

#geometry h2{
font-weight:normal;
background-image:none;
text-transform:uppercase;
color: #9c9c9c;
padding:0px 0px 0px 0px;
margin-top: 4px;
}
#geometry table {margin: 8px 24px 0 24px; width:482px; border:none;}
#geometry td{background-color:#19171c;}

#compare h2{
font-weight:normal;
background-image:none;
text-transform:uppercase;
color: #9c9c9c;
padding:0px 0px 0px 0px;
}

#compare table {margin: 8px 24px 0 24px; width:482px; border:none;}
#compare td{background-color:#000000;}

/* --------------Kontext------------------- */

#kontex {float: right; width: 200px; margin: 10px 16px 0px 0px;}
#kontex div{float: left; width: 200px;  margin-bottom:20px;}
#kontex h2{background: url(../images/xxbg_h2_kontex.gif) no-repeat left bottom;}
#kontex img{float:left; width:150px; padding:4px 0px 4px 0px;}

#kontex_bike {float: right; width: 200px; margin: 10px 16px 0px 0px;}
#kontex_bike div{float: left;  margin-bottom:20px;}
#kontex_bike h2{background: url(../images/xxbg_h2_kontex.gif) no-repeat left bottom;}
#kontex_bike img{float:left; padding:4px 0px 4px 0px;}

/* --------------Bilder------------------- */
.img_heroes_prev
{
float: left;
padding-right:6px;
margin-bottom:24px;
} 

.img_heroes_prev a { background:none; text-decoration:none;} 
.wp {float: left; width: 150px; padding: 18px 14px 0px 0px;}
.wpfirst {float: left; width: 150px; padding: 18px 14px 0px 24px;}
#textpara_imgonly a {text-decoration:none; font-size:10px; font-weight:normal;}
 
/* -------------------footer and bottom design------------------- */
#cornerb{
clear: both;
width: 980px;
vertical-align:bottom;
}

#cornerbl{
float: left;
height: 20px;
width: 12px;
margin-left:16px;
background: black no-repeat left bottom;
}

#cornerbl2{
float: left;
height: 20px;
width: 12px;
margin-left:16px;
background:url(../images/xxbg_corner_l_b2.jpg) no-repeat left bottom;
}

#cornerbrd{
float: right;
height: 20px;
width: 12px;
margin-right:16px;
background:url(../images/xxbg_corner_r_b_details.jpg) no-repeat left bottom;
}

#cornerbr{
float: right;
height: 20px;
width: 12px;
margin-right:16px;
background: black no-repeat left bottom;
}

#footer {
clear: both;
width: 980px;
color: #919191;
height: 112px;
background:url(../images/xxbg_footer.jpg);
text-align: right;
word-spacing:3px;
font-size:9px;
}

#footertxt {	
	float: right;
	padding: 90px 48px 0px 0px;
}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
.form { height:26px;}
.form input {width:273px; height:18px; background:white; border:1px solid #555038;}
textarea { width:403px; height:128px; background:white; overflow:auto; border:1px solid #555038;}


/*==================contactformular====================*/

.kontaktform {
	text-align:left ! important;
}

.shortform {
	width:50px;
}

.longform {
	width:200px;
}

.leftalign {
	text-align:left ! important;
}

/*==================flashlightbox====================*/

#lbox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.8);
	display:none;
	z-index:10000;
	zindex:10000;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: center center;
	overflow:visible;
}

.techfeature {
 display:none;
 padding: 5px;
 border:1px solid #333;
}