<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
/*
body {
}
p {
}
td {
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
*/
.red {
	background-color:red;
}

html, body {
	height:100%;
	margin:0;
	padding:0; /*text-align:center;*/
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

#center {
	width:1010px;
	margin: 0 auto 20px auto;
	background-color:#FFF;
}
/* definitionen f?r die klasse .linkformat1 */

.linkformat1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: blue;
}
.linkformat1 a:link {
	color: blue;
	text-decoration: underline;
}
.linkformat1 a:visited {
	color: FF7E2D;
	text-decoration: underline;
}
.linkformat1 a:hover {
	color: red;
	text-decoration: none;
}
.linkformat1 a:active {
	color: 9C0000;
	text-decoration: none;
}
.textblock1 {
	font-size: 10px;
	font-family: helvetica;
	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 8px 3px 0;
	border: solid thin #00f;
	outline: solid thin #00f;
}
.textblock2 {
	font-size: 10px;
	font-family: helvetica, serif;
	font-weight: 600;
	font-style: italic;
	background-color: #fff;
	margin: 0;
	padding: 3px;
	border: 2px #00f;
	outline-color: #00f;
	outline-width: thin;
}
.textblock3 {
	color: #10008f;
	font-size: 16px;
	font-family: helvetica;
	font-weight: 700;
	text-align: left;
	background-color: #fffffa; /*text-align: center;*/
	margin: 0;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 14px;
	border: solid 2px #0029ee;
}
.h1 {
	color: #fffffa;
	font-size: 1em;
	font-family: helvetica;
	font-weight: 700;
	font-style: italic;
	background-color: #58d;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 12px;
	border-width: 0;
}
.textblock4 {
	font-size: 14px;
	font-family: serif;
	font-weight: 500;
	font-style: italic;
	background-color: #fffffa;
	margin: 0;
	padding: 5px;
	border: solid 2px #0029ee;
}
.textblock5 {
	color: #0029ee;
	font-family: helvetica;
	font-weight: 700;
	font-style: italic;
	background-color: #ffffee;
	margin: 0;
	padding: 1px;
	border: solid 1px blue;
	outline-color: #0029ee;
	outline-style: solid;
}
.textblock_euroland  {

	color: #e60000; /*d-red*/
	font-size: 18px;
	font-family: helvetica;
	font-weight: 700;
	font-style:italic;
	background-color: #bc0;
	text-align: left;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 14px;
	border: solid 2px #0029ee;
	border-top: 0;
	/*display:none;*/
}

VB {
	color: #FFF;
}
A {
text-decoration: none;
}
A:Hover {
	text-decoration: none;
}


/*------------------------------------//////////////////////////////////////// new styles */
/* remove:

.header1 {
	position:relative;
	width:1010px;
	height:313px;
	background-image:url(/Bilder/Avenue_top.jpg);
}
*/
#centerwrapper {
	position:relative;
	/*top:10px;*/
	width:1010px;
	margin-bottom:24px;
	margin-top: -30px;
}
#footerwrapper {
	clear:both;
	position:relative;
	width:100%;
	height:270px;
}
.galleriescontainer {
	/*width:100%;*/
	float:left;
	position:relative;
	margin-top:12px;
}/*
.gallerybanner {
	padding-left:34px;
	background-color:yellow;
	height:52px;
}
#kross .gallerybanner {
	padding-left:40px;
}*/
div.gallery {
	font-size:12px;
	/*background-color:red;*/
	line-height:1.26em;
	color: #0000ee;
	width: 100%;
	overflow:hidden;
	margin: 0 auto;
	margin-top:2px;
	padding-bottom:26px;
	clear:both;
}
div.gallery ul {
	/*clear:left;
	float:left;*/
	list-style:none;
}
div.gallery li {
	float:left;
	/*width: 172px;*/
	height: 178px;
	/*height: 164px;
	border: 1px solid blue;
	  margin-top: 2px;*/
	width: 192px;
	text-align:left;
}


/*///////////////////////////* consolidate all brands/galleries test */


.imgcontainer {
	margin-bottom: 7px;
	margin-left: -10px;
}
.galleriescontainer {
	margin-left: 6px;
}

.galleriescontainer li {
/* vis nahore extra udelat - pri jednom radku stitku nesedi: johnny loco, */
/* vis nahore extra udelat - pri dvou radku stitku a heigh 164px nesedi: ebikes, kross, legrand, victoria, centurion, avenue, mbk, ideal, creme, norco, raleigh */
/* vis nahore extra udelat - pri dvou radku stitku a heigh 170px nesedi: kross, legrand, creme,  */
}

/*exceptions*/


#kross .gallery li {
	height: 176px;
}
#legrand .gallery li {
	height: 178px;
}
#cremecycles .gallery li {
	height: 178px;
}
#johnnyloco .gallery li {
	height: 204px;
}
#elektrovelos .gallery li {
	height: 186px;
}

#supersale17 .velotitle, #supersale18 .velotitle {
text-align:center;
border:1px solid red;

}
#supersale17 .gallery li, #supersale18 .gallery li {
	height: 186px;
	text-align:center;
	/*border:2px solid orange;*/

}
#supersale17 .imgcontainer img, #supersale18 .imgcontainer img {
	position:relative;
}
#supersale17 .imgcontainer, #supersale18 .imgcontainer  {
	position:relative;
	/*border:1px solid green;*/
	margin:0;
	height:126px;
	max-height:200px;
}


/*new test*/
.balken_content1 {font-size:.9em}
.balken_blau, .balken_blau a {color:#ffffee;font-size:.9em}


#velos_top {
	margin-left: 10px;
}
#velos_top .imgcontainer {
	margin-bottom:6px;
}
#velos_top .imgcontainer img {
	margin-left: -10px;
}
#velos_top li {
	height: 184px;
}
#velos_top .daudi, #velos_top  .tempdi{
	margin-left: -10px;
}


.imgmargintop {
	margin-top:2px;
}
.imgmarginbottom {
	margin-bottom:30px;
}
.imgcontainer img {
	position:absolute;
	bottom:0px;
}
.imgcontainer {
	width: 180px;
	height: 114px;
	position:relative;
}

.gallery .promothumb {
	width: 312px;
	height: 194px;
	margin-right:58px;
}
.gallery .promoli {
	height: 220px;
}
.highlight3 {
	color:#9c0000;
}


/* Velomarken Balken gross */


.balken_container {
	width: 910px;
	margin: 0 auto;
	/*border:1px green solid;*/
	margin-top: 30px;
}
.balken_logo {
		width: 182px;
		text-align:left;
	}
.balken_logo > img {
		/*border:1px orange solid;*/
	}
.balken_content1 p {
margin:3px;
padding:4px;
}

.balken_content1 {
    width: 530px !important;
}
.balken_link {
	width: 150px;

}
.balken_link p {
margin:3px;
margin-left:0;
padding:4px;
	}

#elektrovelos_banner .balken_link p  {
margin:0;
padding:4px;
	}

.floated {
	text-align:center;
	float:left;
	display:table-cell;
	/*margin-right:5px;

	border:1px red solid;*/
}

.inside {
	float:none;
	border:none;
	margin: 6px 2px 0px 3px;
}
.balken_blau {
	background-color:#58d;
}
.balken_gruen {
	background-color:#bc0;
}
div.balken_logo.inside {margin-top:3px;}
#siga div.balken_logo.inside {margin-top:6px;}
#kristall .balken_container {margin-top:6px;margin-bottom:6px;vertical-align:middle;}
#kristall div.balken_logo.inside {margin-top:6px;}
#leaderfox .balken_container {margin-top:6px;margin-bottom:6px;vertical-align:middle;}
#cycletech .balken_container {margin-top:6px;margin-bottom:6px;vertical-align:middle;}
#cycletech div.balken_logo.inside {margin-top:-5px;}
#villiger .balken_container {margin-top:6px;margin-bottom:6px;vertical-align:middle;}

.font_red {color:#9c0000;}
.none {display:none;}
.balken_none {display:none;}
.hide {visibility:hidden;}
.gallerybanner .balken_gruen.font_red {}
strong.shoutout1 {}


/* Velobalken klein gruen */
/*.spanwrapper {text-align:center;padding-right:60px;}*/
span.tempdi {
	font-size:11px;display:inline-block;background-color:#bc0;color:#9c0000;font-weight:bold;padding:1px 2px;margin-top:1px;max-width:92%;
}
div.daudi {
	font-size:11px;background-color:#bc0;color:#9c0000;font-weight:bold;width:84%;padding:1px 2px;overflow:hidden;margin-top:1px;text-align:center;
}
span.daudi {
	font-size:11px;background-color:#bc0;color:#9c0000;font-weight:bold;width:84%;padding:1px 2px;overflow:hidden;margin-top:1px;border:1px solid grey;display:inline-block;
}
.bal-kont {

	text-align:center;
}


/*

ul.rig {
	list-style: none;
	font-size: 0px;

border:1px solid red;
padding:0;
margin:0 auto;
max-width:1010px;
overflow:hidden;
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
width: 20%;

}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}
*/


.rep-galleriescontainer {}
.rep-imgcontainer {height:116px;  overflow:hidden;display: table-cell; vertical-align: bottom;width:100%}
.rep-imgcontainer-wrapper {display:table;width:100%}

/* .rig = <ul>*/

.rig {
	list-style: none;
	font-size: 0px;

	padding:0;
	margin:0 auto;
	max-width:1010px;
	overflow:hidden;
}
.rig li {
text-align:center;
	display: inline-block;
	padding: 6px;
	/*background: #ffffee;*/
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*width: 19.5%;*/
	width:192px;
	overflow:hidden;
}
.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;


}

.rig li h3 {
	font-size: 12px;
	font-weight: normal;
	margin:0;

}

.rig li p {
	font-size: 12px;
	overflow:hidden;
	margin:0;

}
.rig .tempdi {

	background-color:#bc0;color:#9c0000;font-weight:bold;padding:3px 2px;padding-top:2px;margin-top:2px;
}
.rig .daudi {
	width:90%;margin:0 auto;
	background-color:#bc0;color:#9c0000;font-weight:bold;padding:1px 2px;margin-top:1px;text-align:center;
}
.bal-kont {

	text-align:center;
}


/*exceptions*/

#supersale17 .rig li p, #supersale18 .rig li p {
	font-size: 11px;
	overflow:hidden;
	background-color:#bc0;color:#9c0000;font-weight:bold;padding:2px 2px;
	width:83%;margin:0 auto;margin-top:3px;
}
#supersale17 .rig, #supersale18 .rig {
	padding-left: 14px;
}
#supersale17 .rig li, #supersale18 .rig li {
	padding: 0;
}
#supersale17 .gallerybanner, #supersale18 .gallerybanner {
	margin-top:50px;
}

#elektrovelos	.gallerybanner {
	margin-top:50px;
}

#elektrovelos .rig {
	margin-left:28px;
}
#elektrovelos  .rig li {
	padding: 2px;
}
#elektrovelos  .rig li h3 {
	margin-left:8px;
}
#elektrovelos  .rig li p {
	margin-left:8px;
}

 
#modelleoben { /* overwrites: .galleriescontainer */
	margin-left: -28px;
	margin-top:0;
	padding:0;
	z-index:999;
}
#modelleoben .price_block_green {
	background-color:#bc0;
	padding:2px;
	width:118px;
	display: inline-block;
	text-align:center;

}
#modelleoben .daudi, #modelleoben  .tempdi_top{	
	border:0;
	display: inline-block;
	text-align:center;
	width:118px;
	background-color:#bc0;
 	color:#ff0000;
	font-size:11px;
	font-weight:bold;
	padding:1px 2px;
	margin-top:1px;
	max-width:96%;
}

#modelleoben li { /* overwrite for: div.gallery li */
	width: 124px; 
	height:120px;
	/*text-align:left;*/
	color:#ffffee;
	font-size:larger;
	font-weight:bold;
}
#modelleoben .gallery {
	margin-top:0;
	font-size:13px;
}
#modelleoben .imgcontainer {
	width: 113px;
	height:80px;
	margin-left:2px;
}


#modelleoben .strike {
  position: relative;
  font-weight: bold;
}
#modelleoben .strike:before {
	color:#ff0000;
    position: absolute;
    content: '';
    left: 0;
    top: 45%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: skewY(-12deg);
    -moz-transform: skewY(-12deg);
    transform: skewY(-12deg);
}

ul.arrows li {
	list-style:none;
 }

ul.arrows li:before {
  position: absolute;
  top: 120px;
  left: 384px;
  z-index: 99999;
  content: "";
  border-right: 123px solid transparent;
  border-left: 123px solid transparent;
  border-top: 30px solid #58d; 
  }


#arrow-teaser {
	z-index: 99999999;
    position: absolute;
    background-color: #58d;
    top: 100px;
    left: 383px;
    width: 248px;
    height: 20px;	 
    color: white;
  }
  #arrow-teaser {
	font-size:19px;
	font-weight:bold;	
	font-style: italic;  
  }
#arrow-teaser a:visited {
	color:#ffffee;

}
div.bestellung {font-size: 11px;background-color: #842a84c2;color: #ffffff;font-weight: bold;width: 43%;padding: 1px 2px;overflow: hidden;margin-top: 6px;}

.popover.right {
	margin-left: 10px;
}
.fade.in {
	opacity: 1;
}
.popover {
	max-width: 300px !important;
	/* color: #000; */
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 10px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	line-break: auto;
}

.popover.right>.arrow:after {
	bottom: -10px;
	left: -23px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;
}
.popover>.arrow:after {
	content: "";
	border-width: 10px;
}

.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.supper_discount p {
	font-size: 12px;
    overflow: hidden;
    background-color: #bc0;
    color: #9c0000;
    font-weight: bold;
    padding: 2px 2px;
    width: 96%;
    margin: 0 auto;
    margin-top: 3px;
}

.supper_discount h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 3px 0px 0 0;
}
.supersale_module{
	    margin: 0 0 0 -8px
}

.supersale_module .balken_container {
    width: 919px;
    margin: 0 auto;
    margin-top: 30px;
}

.e_bikes{
	text-align: start;
	position: absolute;
}

.e_bikes img{
	width: 20% !important;
    margin: 0px 0px 0px 3.4px;
}