@import url("/se_data/global/css/menu_horizontal.css");
#body {
	background: #000 url(/gfx/haibike/bg-haibike.jpg) repeat-x;
	/*background: #96928f;*/
	font-family: Arial, Verdana;
	padding: 0;
	margin: 0;
}

#container {
	background: #000 url(/gfx/sinus/left_bg.jpg) repeat-y;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#container_wide {
	background-color: #000;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header_default {
	background: #000;
	height: 310px;
	overflow: hidden;
}

#languages a {
	padding: 0 0 5px 0;
}

#languages {
	padding: 5px 0 0 300px;
	float: left;
	width: 16px;
	height: 45px;
	position: absolute;
}


/*----------------headerMovie---------------*/
#headerMovie {
	width: 950px;
	height: 310px;
}


/*----------------headLinks---------------*/

#headLinks {
	background: url(/gfx/haibike/headerNavSmall_bg.jpg) repeat-x left top;
	left: 0px;
	top: 0px;
	padding: 0 0 0 300px;
	position: absolute;
	width: 650px;
	z-index: 98;
}

#headLinks a.link{
	float: left;
	height: 49px;
	display: block;
	width: 80px;
}

#haibike_home {
	position: absolute;
	left: 20px;
	top: 15px;
}

#haibike_home a.link {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	float: none;
	height: 18px;
	width: auto;
}

#winora_head a.link{background: url(/gfx/haibike/logos/head_winora_off.jpg) no-repeat;}
#winora_head a.link:hover{background: url(/gfx/haibike/logos/head_winora_on.jpg) no-repeat;}

#staiger_head a.link{background: url(/gfx/haibike/logos/head_staiger_off.jpg) no-repeat;}
#staiger_head a.link:hover{background: url(/gfx/haibike/logos/head_staiger_on.jpg) no-repeat;}

#haibike_head a.link{background: url(/gfx/haibike/logos/head_haibike_off.jpg) no-repeat;}
#haibike_head a.link:hover{background: url(/gfx/haibike/logos/head_haibike_on.jpg) no-repeat;}

#sinus_head a.link{background: url(/gfx/haibike/logos/head_sinus_off.jpg) no-repeat;}
#sinus_head a.link:hover{background: url(/gfx/haibike/logos/head_sinus_on.jpg) no-repeat;}

#bikespace_head a.link{background: url(/gfx/haibike/logos/head_bikespace_off.jpg) no-repeat;}
#bikespace_head a.link:hover{background: url(/gfx/haibike/logos/head_bikespace_on.jpg) no-repeat;}

#bavaria_head a.link{background: url(/gfx/haibike/logos/head_bavaria_off.jpg) no-repeat;}
#bavaria_head a.link:hover{background: url(/gfx/haibike/logos/head_bavaria_on.jpg) no-repeat;}

#xlc_head a.link{background: url(/gfx/haibike/logos/head_xlc_off.jpg) no-repeat;}
#xlc_head a.link:hover{background: url(/gfx/haibike/logos/head_xlc_on.jpg) no-repeat;}

#bikeparts_head a.link {background: url(/gfx/haibike/logos/head_bikeparts_off.jpg) no-repeat;}
#bikeparts_head a.link:hover {background: url(/gfx/haibike/logos/head_bikeparts_on.jpg) no-repeat;}


/*--------------LOGO Switcher------------*/
#haibike_logo_weiss {
	behavior: url(/se_data/global/js/behaviors/pngfix.htc);
	background: url(/gfx/haibike/haibike_logo_weiss.png) no-repeat center center;
	width: 250px;
	height: 30px;
	position: absolute;
	top: 75px;
	left: 700px;
}

*html #haibike_logo_weiss {
	background: url(/gfx/haibike/haibike_logo_weiss.gif) no-repeat center center;
	width: 250px;
	height: 30px;
	position: absolute;
	top: 75px;
	left: 700px;
}

#haibike_logo {
	behavior: url(/se_data/global/js/behaviors/pngfix.htc);
	background: url(/gfx/haibike/haibike_logo.png) no-repeat center center;
	width: 250px;
	height: 30px;
	position: absolute;
	top: 75px;
	left: 700px;
}

*html #haibike_logo {
	background: url(/gfx/haibike/haibike_logo.gif) no-repeat center center;
	width: 250px;
	height: 30px;
	position: absolute;
	top: 75px;
	left: 700px;
}

#haibike_logo_weiss_small {
	behavior: url(/se_data/global/js/behaviors/pngfix.htc);
	background: url(/gfx/haibike/haibike_logo_weiss_small.png) no-repeat center center;
	width: 125px;
	height: 15px;
	position: absolute;
	top: 75px;
	left: 800px;
}

*html #haibike_logo_weiss_small {
	background: url(/gfx/haibike/haibike_logo_weiss_small.gif) no-repeat center center;
	width: 125px;
	height: 15px;
	position: absolute;
	top: 75px;
	left: 800px;
}

#haibike_logo_small {
	behavior: url(/se_data/global/js/behaviors/pngfix.htc);
	background: url(/gfx/haibike/haibike_logo_small.png) no-repeat center center;
	width: 125px;
	height: 15px;
	position: absolute;
	top: 75px;
	left: 800px;
}

*html #haibike_logo_small {
	background: url(/gfx/haibike/haibike_logo_small.gif) no-repeat center center;
	width: 125px;
	height: 15px;
	position: absolute;
	top: 75px;
	left: 800px;
}
/*-----------------------subNav-------------------*/

#subNav {
	text-align: center;
	top: 274px;
	left: 220px;
	margin: 0;
	width: 740px;
	position: absolute;
}

#subNav ul {
	background: none;
	display: block;
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

#subNav ul li {
	float: left;
}


#subNav ul li a {
	background: url(/gfx/haibike/reiter_bg_off.gif) top right no-repeat;
	color: #6e6e6e;
	font-size: 12px;
	height: 20px;
	padding: 12px 5px 12px 5px;
	text-decoration: none;
	height: 12px;
	display: block !important;
	display: inline-block;
	margin-right: 5px;
}

#subNav ul li a:hover {
	background: url(/gfx/haibike/reiter_bg_on.gif) top right no-repeat;
	color: #fff;
	margin-top: -1px;
	/*background-color: silver;*/
	padding: 8px 5px 17px 5px;
}

#subNav ul li.on a {	
	background: url(/gfx/haibike/reiter_bg_on.gif) top right no-repeat;
	color: #fff;
	padding: 8px 5px 19px 5px;
}

/*--------subNav Farbcodierung --------------------------*/

#subNav ul li.nav__1 a:hover,
#subNav ul li.nav__1.on a {
	background: url(/gfx/haibike/reiter_bg_special_on.gif) top right no-repeat;
}

#subNav ul li.nav__2 a:hover,
#subNav ul li.nav__2.on a {
	background: url(/gfx/haibike/reiter_bg_pro_on.gif) top right no-repeat;
}

#subNav ul li.nav__3 a:hover,
#subNav ul li.nav__3.on a {
	background: url(/gfx/haibike/reiter_bg_lifeline_on.gif) top right no-repeat;
}

#subNav ul li.nav__4 a:hover,
#subNav ul li.nav__4.on a {
	background: url(/gfx/haibike/reiter_bg_comp_on.gif) top right no-repeat;
}

#subNav ul li.nav__5 a:hover,
#subNav ul li.nav__5.on a {
	background: url(/gfx/haibike/reiter_bg_perf_jun_on.gif) top right no-repeat;
}

#subNav ul li.nav__6 a:hover,
#subNav ul li.nav__6.on a {
	background: url(/gfx/haibike/reiter_bg_perf_jun_on.gif) top right no-repeat;
}

#subNav ul li.nav__7 a:hover,
#subNav ul li.nav__7.on a {
	color: #000;
}

#subNav ul li.nav__8 a:hover,
#subNav ul li.nav__8.on a {
	background: url(/gfx/haibike/reiter_bg_hai_on.gif) top right no-repeat;
}

/*-----------------------subNavAthleten-------------------*/

.Menu {
	text-align: center;
	top: 274px;
	left: 20px;
	margin: 0;
	width: 740px;
	position: absolute;
}

.Menu ul {
	background: none;
	display: block;
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	position: relative;
}

.Menu ul li {
	float: left;
}

.Menu ul li.nav_1 {
	display: none;
}



.Menu ul li a {
	background: url(/gfx/haibike/reiter_bg_off.gif) top right no-repeat;
	color: #6e6e6e;
	font-size: 12px;
	float: left;
	padding: 12px 5px 12px 5px;
	text-decoration: none;
	height: 12px;
	display: block !important;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	z-index: 2;
}

.Menu ul li a:hover {
	background: url(/gfx/haibike/reiter_bg_on.gif) top right no-repeat;
	color: #000;
	margin-top: -1px;
	/*background-color: silver;*/
	padding: 8px 5px 19px 5px;
}

.Menu ul li.on a,
.Menu ul li.hover a {	
	background: url(/gfx/haibike/reiter_bg_on.gif) top right no-repeat;
	color: #000;
	padding: 8px 5px 19px 5px;
}

.Menu ul li ul {
	background: #343434;
	bottom: 2px;
	padding-bottom: 30px;
	z-index: 1;
}

.Menu ul li ul li a,
.Menu ul li.on ul li a,
.Menu ul li.hover ul li a {
	background: none;
	color: #ccc;
	font-size: 12px;
	line-height: 12px;
	/*height: 14px;*/
	width: 200px;
	padding: 5px;
	display: block !important;
	display: block;
	margin-right: 0px;
	text-align: left;
}

.Menu ul li ul li a:hover {
	background: #ccc;
	color: #343434;
	margin-top: 0px;
	padding: 5px;
}
/*-----------------------subModels-------------------*/

#subModels {
	background: #000;
	padding: 5px 0 5px 215px;
	text-align: left;
	width: 735px;
	position: relative;
}

#container_wide #subModels {
	padding: 5px 0 5px 15px;
	width: 935px;
}

#subModels ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subModels ul li {
	background: url(/gfx/subModels_verlauf_bg.jpg) repeat-x left top;
	float: left;
}

#subModels ul li a {
	background: url(/gfx/subNav_A_bg_black.gif) repeat-y left top;
	color: #6e6e6e;
	display: block !important;
	display: inline-block;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px 0 12px;
	text-decoration: none;
	white-space: nowrap;
}

#subModels ul li a:hover {
		color: #000;
}

#subModels ul li.on a {	
	color: #000;
}


/*-----------------------letNav-------------------------*/

#leftNavTop {
	background: url(/gfx/haibike/leftNav-top.jpg) no-repeat left top;
	height: 100px;
	width: 205px;
	position: absolute;
	left: 0;
	top: -15px;
}

#leftNav {
	background: #000;
	padding: 19px;
	position: relative;
	width: 170px;
	/* min-height: 415px; */
	}

#leftNav ul {
	display: block;
	list-style: none;
	padding: 15px 10px;
	margin: 0;
}

#leftNav ul li {
	display: block;
	padding: 5px 0;
}

#leftNav ul li a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
}

#leftNav ul li a:hover {
	/*color: #000;*/
	display: block;
	text-decoration: underline;
}

#leftNav ul li ul li {
	display: block;
}
#leftNav ul li.on a {	
	color: #fff;
	display: block;
}

#leftNav ul li ul {
	border: none;
	padding: 0 0 0 5px;
}

#leftNav ul li.on ul li a {
/*	color: #6e6e6e;*/
	color: #fff;
	display: block;
	padding: 0 0 0 15px;
}

#leftNav ul li.on ul li.on a:hover,
#leftNav ul li.on ul li.off a:hover,
#leftNav ul li.on ul li.on a  {
	color: #fff;
	display: block;
	padding: 0 0 0 15px;
}

#leftNav ul li.on ul li.on ul li a {
/*	color: #6e6e6e;*/
	color: #fff;
	display: block;
	font-weight: normal;
}

/*-------------------------MAIN-------------------------*/

#verlauf_top {
	background: #fff url(/gfx/sinus/main_bg_oben.jpg) repeat-x top;
/*	margin-left: 209px;*/
	height: 15px;
}

#main {
	background: none;
	position: relative;
	padding: 0;
	width: 950px;
}

#main_wide {
	background-color: #fff;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 950px;
}

#main_Athlets .template {
	padding: 0px 30px;
	width: 690px;
	margin: 0px auto 15px auto;
}

#leftColumn {
	/*border-right: 1px #7c7c7c dotted;*/
	float:left;
	padding: 0;
/*	width: 190px;*/
	width: 205px;
}

#partner {
	background: #fff;
	color: #636363;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 0 15px;
	position: relative;
	height: 150px;
}


#partner #headline{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}

#partner #headline a {
	color: #636363;
	text-decoration: none;
}

#partner #headline a:hover{
	text-decoration: underline;
}

#partner a img {
	padding: 15px 0 0 0;
}


.haendlersuche {
	background: #fff;
	color: #636363;
	font-size: 12px;
	padding: 10px 0 10px 15px;
	position: relative;
	border-bottom: 1px #7c7c7c dotted;
}

.haendlersuche .haendlerlink a {
	color: #636363;
	font-size: 15px;
}

.haendlersuche .haendlerlink a:hover {
	text-decoration: none;
}

.haendlersuche #headline{
	display: block;
	color: #636363;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}


.haendlersuche .haendlerText{
	display: block;
	font-size: 11px;
	padding: 0 0 5px 0;
}

.haendlersuche .searchDealer {
	margin: 5px 0 10px 0;
}


#VA_box {
	background: #fff;
	color: #636363;
	font-size: 12px;
	padding: 10px 0 0 15px;
	position: relative;
	border-bottom: 1px #7c7c7c dotted;
}

#VA_box #headline{
	display: block;
	color: #636363;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}

#VA_box #headline a{
	text-decoration: none;
}

#VA_box #headline a:hover{
	text-decoration: underline;
}

#VA_box .VA{
	padding: 0 0 20px 20px;
}

#VA_box a {
	color: #636363;
}

#middleColumn {
	color: #535353;
}

#content {
	border: none;
	float: left;
	padding: 0 23px;
	width:695px;
}

#content_partner {
	background: #fff;
	border: none;
	float: left;
	padding: 20px 23px;
	width:698px;
}

*html #content_partner {
	background: #fff;
	border: none;
	float: left;
	padding: 20px 23px;
	width:695px;
}

#news {
	border-right: 1px #7c7c7c dotted;
	width: 345px;
	float: left;
}

#konfigurator {
	float: left;
}

#closer {
	background: url(/gfx/sinus/main_bg_unten.jpg) repeat-x bottom;
	height: 12px;
	margin-left: 209px;
	padding: 0;
}
/*--------------Footer----------------*/

#footer {
	background: url(/gfx/sinus/footer_bg.jpg) no-repeat;
	color: #afafaf;
	font-size: 11px;
	height: 55px;
	width:950px;
	margin: 0;
	padding: 0;
	position: relative;
}

#footerText {
	padding: 25px 20px 5px 30px;
}

#footerText ul {
	list-style: none;
	white-space: nowrap;
	float: right;
	width: 500px;
	margin: 0;
	text-align: right;
}

#footerText ul li{
	display: inline;
	border-left: #afafaf 1px solid;
	padding: 0 0 0 5px;
}

#footerText ul li a{
	color: #afafaf;
	text-decoration: none;
}

#footerText ul li a:hover{
	text-decoration: underline;
}

/*-------------------VORLAGEN---------------*/

#sitesearch {
	position: absolute;
	top: 20px;
	left: 250px;
	width: 142px;
	height: 19px;
}

#sitesearch .input {
	background: url(/gfx/input_bg.gif) no-repeat;
	width: 117px;
	height: 19px;
	color: #ccc;
	font-size: 10px;
	border: none;
	float: left;
	padding: 4px 0px 0px 5px;
}

#sitesearch .button {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.kalenderveranstaltung a,
.kalenderveranstaltungwe a{
	font-size: 12px;
	color: #333;

}

.produktbild {
	padding: 0 50px 0 0;
}

.template {
	color: #fff;
	width: 100%;
	margin: 0px 0px 15px 0px;
}

.template a {
	color: #878787;
}
.template h1 {
	color: #636363;;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;	
}

.template_flex h1 a {
	color: #636363;;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;	
	text-decoration: none;
}

.template h3 {
	font-size: 12px;
	font-weight: bold;
}

.template p {
	color: #fff;
	font-size: 12px;
}

.bild br {
	display: none;
}

.template_default {
	padding: 0;
	margin: 0;
}

.template_default .template_right small{
	width: 315px;
}

.template_default small,
.template_1bild small,
.template_2bild small,
.template_3bild small {
	margin: 3px 0px 3px 0px;
	display: block;
}

.template_2bild .bild {
	padding: 0 0 15px 0;
}

.template_default small{
	width: 220px;
}

.template_text2bild small,
.template_2bildtext small {
	margin: -15px 0px 5px 0px;
	display: block;
}

.template_2bild .template_left,
.template_2bild .template_right, 
.template_2bild .template_left img,
.template_2bild .template_right img {
	width: 340px;
}

.template_left h1,
.template_right h1 {
	font-size: 16px;
}

.template_3bild img {
	margin: 0px;
}

.template_text2bild .abstandRechts,
.template_2bildtext .template_left {
	width: 425px;
	margin-right: 0px;
}

.template_text2bild img,
.template_2bildtext img {
	display: block;
	margin: 4px 0px 15px 0px;
	width: 220px;
}

.template_2bildtext .abstandRechts {
	width: 220px;
	margin-right: 10px;
}

.template_2bildtext .template_left.abstandRechts br {
	display: none;
}

.template_fileview {
	font-size: 12px;
	background: #f5f5f5;
	color: #333;	
}

.template_fileview h1 {
	background: #a0a5a9;
	color: #fff;
	font-size: 14px;
	padding: 3px 15px;
}

.template_fileview .item {
	padding: 0px 15px 15px 15px;
}

.template_fileview .icon {
	display: block;
	float: right;
} 

.template_fileview .minitext.link a {
	color: #333;
} 

.template_fileview .minitext.link a:hover {
	color: #325d0c;
}

.template_fileview .minitext.link {
	padding-bottom: 5px;
}

.template_divider {
	background: #a0a5a9;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

.template_divider h1 {
	color: #000;
	font-size: 13px;
	padding: 2px 15px;
	line-height: 13px;
	margin: 0px;
}

.template_table th {
	font-size: 12px;
	background: #a0a5a9;
	color: #fff;
	padding: 5px;
	margin: 0px;	
}

.template_table td {
	border: 1px #7c7c7c dotted;
	font-size: 12px;
	padding: 5px;
	margin: 0px;
}

.template_table {
	color: #333;	
	margin: 2px;
}

.template_press {
	border-bottom: 1px #7c7c7c dotted;
	font-size: 12px;
	padding: 0 0 20px 0;
}

.template_press h1 {
	color: #636363;
}

.template_press img {
	float: left;
	padding: 0 15px 0 0;
	width: 175px;
}

.template_press a {
	color: #a0a5a9;
	font-size: 12px;
}

.text a {
	color: #a0a5a9;
	font-size: 12px;
	text-decoration: none;
}

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

/*---------------3 THEMEN------------------*/

.template_3themen {
	position: relative;
}
.template_3themen .column {
	float: left;
	font-size: 12px;
	width: 220px;
	color: #333;
	margin-right: 15px;
	height: 100%;
}

.template_3themen .column1 {
	margin-right: 15px;
}

.template_3themen .column2 {
	margin: 0;
}

.template_3themen .column.item1 {
	margin-left: 0px;
}

.template_3themen .column img {
	width: 220px;
	margin-bottom: 5px;
}

.template_3themen .column .designbox {
	background-color: #fff;
}
.template_3themen .column h1 {
	color: #543300;
	padding: 15px 0px 5px 0px;
	margin: 0px;
	overflow: hidden;
}

.column .mehr {
	display: block;
	white-space: nowrap;
	float: right;
	margin-top: 20px;
	font-weight: bold;
}
.template_3themen .column .mehr {
	color: #543300;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 4px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}


.template_include {
	background: #fff;
	color: #000;
}


.template_include p, 
.template_include h3,
.template_include small{
	color: #000;
}

/* 3 THEMEN */

.template_3themen .spalte {
	float: left;
	width: 220px;
	position: relative;
	margin: 0px;
}

.template_3themen .spalte1,
.template_3themen .spalte2 {
	margin: 0px 15px 0px 0px;
}

.template_3themen .spalte .bild {
	margin: 0px 0px 15px 0px;
}

.template_3themen .spalte img {
	width: 220px;
	padding: 0px;
	margin: 0px;
	display: block;
}

.template_3themen .spalte h1 {
}

.template_3themen .spalte .more {
	margin: 5px 0px;
	text-align: right;
}

.template_3themen .spalte .more a {
	text-decoration: none;
}

.template_3themen .spalte .more a:hover {
	text-decoration: underline;
}