@font-face {
    font-family:'Eurostile';
    src: url('../fonts/eurostilet-webfont.eot');
    src: url('../fonts/eurostilet-webfont.eot?#iefix') format('eot'),
         url('../fonts/eurostilet-webfont.woff') format('woff'),
         url('../fonts/eurostilet-webfont.ttf') format('truetype'),
         url('../fonts/eurostilet-webfont.svg#webfontjbYoRls9') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'Eurostile';
    src: url('../fonts/eurostilet_bold-webfont.eot');
    src: url('../fonts/eurostilet_bold-webfont.eot?#iefix') format('eot'),
         url('../fonts/eurostilet_bold-webfont.woff') format('woff'),
         url('../fonts/eurostilet_bold-webfont.ttf') format('truetype'),
         url('../fonts/eurostilet_bold-webfont.svg#webfont5rrCYlfF') format('svg');
    font-weight:bold;
    font-style:normal;

}

body {
	background-color:#777;
	background-image:url(/images/design/bg.gif);
	
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

h1, h2, h3, h4, .Headline1, .Headline2, .preise, .button {
	font-family:Eurostile, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}

h1 {
	font-size:32px;
}
h2 {
	font-size:22px;
}
h3, .Headline1 {
	font-size:18px;
}
h4, .Headline2 {
	font-size:14px;
}

img {
	border:0;
}

.clearer {
	clear:both;
}

/*
	Listen
*/

#content ul, 
#content ol {
	margin:0;
	margin-bottom:1em;
	padding-left:1em;
	list-style-position:outside;
}

#content ul {
	list-style-type:square;
}

#content ol {
	list-style-type:decimal;
}

#content li {
	margin-bottom:0.5em;
}

/*
	Links
*/

a:link { 
	color:#c00;
	text-decoration:underline;
}

a:visited{  
	color:#600;
	text-decoration:underline;
}

a:hover {  
	background-color:#fc0;
	text-decoration:none;
}

a:active {  
	color:#f30;
	text-decoration:underline;
}

a img {
	text-decoration:none;
}

/*
	Container
*/

#main {
	position:relative;
	width:850px;
	min-height:400px;
	margin:auto;
	padding-bottom:130px;
	background-color:#FFFAE5;
	background-image:url(/images/design/main-bg2.gif);
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	z-index:1000;
}

/* 
	Header Styles 
*/

#header {
	position:absolute;
	width:100%;
	height:150px;
	background-color:#FFFF99;
	background-image:url(/images/design/header-bg.gif);
}

#logo {
	position:absolute;
	left:0;
	top:0;
	width:170px;
	height:150px;
	margin:0;
	padding:0;
	font-size:28px;
	font-weight:bold;
	background-color:#fc0;
	z-index:10000;
}

/* Menu (Navigation on top) Styles */

#menu {
/*	position:absolute;
	height:20px;*/
	width:420px;
	margin:0 30px auto auto;
	padding:4px 10px 5px;
	background-color:#FFFFFF;
	
	color:#777;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

#menu a {
	color:#fb0;
	background-color:transparent;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#menu a:hover {
	text-decoration:underline;
}

#menu a.active {
	color:#c00;
}

/* Werbung splash */

#werbungsplash {
	position:absolute;
	left:170px;
	top:15px;
}

#werbungsplash a {
	background:none;
}

/* Navigation Styles */

#navi {
	position:absolute;
	top:150px;
	width:170px;
	z-index:9000;
	
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

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

#navi ul li {
	display:block;
	overflow:hidden;
	height:20px;
	padding:5px 0;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
	background-color:#fc0;
}

#navi li img {
	position:relative;
	top:-3px;
}

#navi ul ul {
	position:relative;
	left:171px;
	top:-34px;
}

#navi ul ul li {
	height:15px;
	font-size:13px;
	color:#fc0;
	background-color:#fc0;
}

#navi a {
	color:#fff;
	text-decoration:none;
}

/*
CSS Hack
Nachfolgende Deklarationen werden 
vom IE MAC nicht erkannt 
\*/

#navi ul ul,
#navi ul li:hover ul ul,
#navi ul ul li:hover ul ul
{display: none;}

#navi ul li:hover ul,
#navi ul ul li:hover ul,
#navi ul ul ul li:hover ul
{display: block;}

#navi ul.open li ul,
#navi ul.open ul li ul,
#navi ul.open ul ul li ul
{display: block;}

/*
CSS Hack Ende
*/

#navi #navilogos {
	margin-top:15px;
}

#navi #navilogos li {
	margin:0;
	padding:0;
	height:auto;
	border:none;
	background:none;
}

#navi #navilogos a {
	text-decoration:none;
	background:none;
}

#navi #navilogos img {
	top:auto;
}

/* Content Styles */

#content {
	position:relative;
	top:100px;
	left:195px;
	width:620px;
}

#col-default, .col-default {
	position:relative; /* for splash positioning */
	float:left;
	margin:0;
/*	margin-right:30px;*/
	padding:0;
	width:350px;
}

#col-right, .col-right {
	position:relative; /* for splash positioning */
	float:right;
	width:240px;
}

#col-wide, .col-wide {
	position:relative; /* for splash positioning */
	margin:0;
	padding:0;
	width:620px;
}

.col-default-shadow-top {
	width:360px;
	height:10px;
	margin:0;
	background-image:url(/images/design/col-default-shadow-top.png);
	background-repeat:no-repeat;
}

.col-default-shadow-repeat {
	margin:0;
	padding:0 5px;
	overflow:hidden;
	width:100%;
	background-image:url(/images/design/col-default-shadow-repeat.png);
	background-repeat:repeat-y;
}

.col-default-shadow-bottom {
	width:360px;
	height:5px;
	margin:0 0 10px 0;
	background-image:url(/images/design/col-default-shadow-bottom.png);
	background-repeat:no-repeat;
}

.col-right-shadow-top {
	width:250px;
	height:10px;
	margin:0;
	background-image:url(/images/design/col-right-shadow-top.png);
	background-repeat:no-repeat;
}

.col-right-shadow-repeat {
	margin:0;
	padding:0 5px;
	overflow:hidden;
	width:100%;
	background-image:url(/images/design/col-right-shadow-repeat.png);
	background-repeat:repeat-y;
}

.col-right-shadow-bottom {
	width:250px;
	height:5px;
	margin:0 0 10px 0;
	background-image:url(/images/design/col-right-shadow-bottom.png);
	background-repeat:no-repeat;
}

.col-wide-shadow-top {
	width:630px;
	height:10px;
	margin:0;
	background-image:url(/images/design/col-wide-shadow-top.png);
	background-repeat:no-repeat;
}

.col-wide-shadow-repeat {
	margin:0;
	padding:0 5px;
	overflow:hidden;
	width:100%;
	background-image:url(/images/design/col-wide-shadow-repeat.png);
	background-repeat:repeat-y;
}

.col-wide-shadow-bottom {
	width:630px;
	height:5px;
	margin:0 0 10px 0;
	background-image:url(/images/design/col-wide-shadow-bottom.png);
	background-repeat:no-repeat;
}

/* Map */

#map {
	position:relative;
	margin-bottom:-40px;
	top:-20px;
	left:-20px;
	width:350px;
}

/* */

.headline {
	display:block;
	overflow:visible;
	height:35px;
	margin:0;
	padding:0 5px 5px 20px;
	background-color:#fc0;
}

.headline h1 {
	display:inline;
	margin:0;
	padding:0;
	color:#fff;
	font-size:32px;
	font-weight:bold;
	line-height:36px;
}

.headline h1 img {
	margin:0;
	padding:0;
}

/* preise */

.preisalt {
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-decoration:line-through;
	color:#666;
}

.preisneu {
	font-size:24px;
	font-weight:bold;
	text-align:right;
	color:#c00;
}



/* Splash */

div.splash {
	display:block;
	position:absolute;
/*	top:-5px;
	left:310px;*/
	right:-15px;
	z-index:2000;
}

div.splash img {
	position:relative;
	top:-50px;
}

/* Content */

.content {
	display:block;
	margin:0;
	padding:20px;
	background-color:#fff;
}

.content-images {
	display:block;
	margin:0;
	padding:20px;
	padding-right:0;
	background-color:#fff;
}

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

.image img {
	display:block;
	border-width:0;
	margin:0;
}

.caption {
	display:block;
	margin:0;
	padding:5px 20px;
	font-size:11px;
	font-weight:bold;
	color:#666;
	background-color:#eee;
}

/*.content img {
	display:block;
	position:relative;
	left:-20px;
}*/
/* for webEdition: */
.content table img {
	left:0;
}

.tooltip {
	display:none;
	position:absolute;
	padding:5px;
	border:1px solid #fc0;
}

/* Form Styles */

label {
	display:block;
	margin-bottom:5px;
}

label.required {
	font-weight:bold;
}

input.visible, 
select.visible, 
textarea.visible {
	display:block;
	margin-bottom:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	border:1px solid #fc0;
}

input.visible,
textarea.visible {
	padding:1px 3px;
	width:65%;
}

textarea.visible {
	width:95%;
	height:10em;
	font-family:inherit;
	font-size:inherit;
}

input:hover, 
select:hover, 
textarea:hover {
	border-color:#999;
	box-shadow:0 0 3px #666;
}

input:focus, 
select:focus, 
textarea:focus {
	color:#000;
	border-color:#666;
	box-shadow:0 0 3px #000;
}

button {
	padding:3px 10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#c00;
	border:1px outset #c00;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow:0 -1px 0 #666;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

button:hover {
	background-color:#fc0;
	border:1px outset #fc0;
	cursor:pointer;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.7);
}	

button:active {
	margin-top:1px;
	margin-bottom:-1px;
	border-style:inset;
	box-shadow:0 -1px 3px rgba(0, 0, 0, 0.7);
}

div.error {
	margin-bottom:10px;
	padding:5px 10px;
	font-weight:bold;
	color:#fff;
	background-color:#c00;
}

.error {
	color:#c00;
}
label.error {
	position:relative;
	top:-7px;
}
input.error, textarea.error, select.error {
	border:1px dotted #c00;
	box-shadow:0 0 3px #c00;
}

/* Text-Editor Styles */

.Absatz {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000000
}

.Headline1 {
	font-weight:bold;
	color:#c00;
}

.Headline2 {
	font-weight:bold;
	color:#c00;
}

.Zitat {
	font-style:italic;
	color:#333333;
}
	
/* 
	Footer Styles 
*/

#footer {
	position:relative;
	margin:15px auto;
	padding:10px;
	padding-right:85px;
	width:755px;
	min-height:50px;
	font-size:11px;
	color:#555;
	background-color:#999999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	z-index:0;
}

#zeglogotop {
	position:absolute;
	top:40px;
	right:30px;
}

#zeglogo {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:80px;
	background-image:url(/images/design/zeg-logo-bg.jpg);
}

#zeglogo img {
	display:block;
	position:relative;
	margin:10px auto;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	width:52px;
	height:50px;
	border:0;
	background:none;
}

/*
	Homepage Teaser
*/

#teaser {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:450px;
}

#teaser .page {
	position:relative;
	padding:10px;
	width:600px;
	height:430px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#fff;
}
#teaser .page.black {
	background-color:#000;
}

#teaser .wrap {
	position:absolute;
	bottom:10px;
}

#teaser h2, #teaser .text {
	background:#000;
	background:rgba(0,0,0,.8);
	padding:10px;
}
#teaser .black h2, #teaser .black .text {
	background:#fff;
	background:rgba(255,255,255,.8);
}

#teaser a.pagelink {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999em;
	overflow:hidden;
	outline:none;
	background:none;
}

#teaser h2 {
	display:inline-block;
	margin-bottom:2px;
	padding:3px 10px;
	font-size:36px;
	color:#c00;
}

#teaser .text {
	width:580px;
	font-size:14px;
	color:#fff;
}
#teaser .black .text {
	color:#000;
}

#teaser p {
	margin-top:0;
}

#teaser .preise {
	text-align:right;
	margin:-1em 0 -5px;
}

#teaser .preisalt, #teaser .preisneu {
	margin-left:.5em;
	display:inline;
}

#teasernav {
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
}

#teasernav a {
	display:inline-block;
	margin-left:1px;
	padding:0 2px;
	width:10px;
	height:10px;
	overflow:hidden;
	text-indent:-999em;
	background:url(../images/teaser-pagination.png) no-repeat 0 -10px;
	outline:none;
}
#teasernav a.activeSlide, #teasernav a:hover {
	background-position:0 0;
}

#teaserprev, #teasernext {
	display:block;
	position:absolute;
	top:100px;
	left:10px;
	width:21px;
	height:120px;
	overflow:hidden;
	text-indent:-999em;
	background:url(../images/teaser-arrows.png) no-repeat top left;
	outline:none;
	z-index:101;
	opacity:0.8;
}
#teasernext {
	left:auto;
	right:10px;
	background-position:top right;
}

#teaserprev:hover, #teasernext:hover {
	opacity:1;
}

/*
	Marken-Übersicht
*/

.marke {
	position:relative;
	float:left;
	top:-10px;
	width:180px;
	height:100px;
	margin-right:20px;
	margin-bottom:3px;
}

.marke img {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

/*.marke div.angebote {
	position:absolute;
	bottom:10px;
	right:-5px;
	margin:auto;
	padding:4px;
	width:90px;
	height:14px;
	
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background-color:transparent;
	background-image:url(/images/design/angebote-anzahl-bg.png);
	background-repeat:no-repeat;
}*/

.marke div.angebote {
	position:absolute;
	bottom:-15px;
	right:-15px;
	padding:7px 5px 7px 0;
	width:130px;
	height:35px;
	overflow:hidden;
	
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#b23;
	background-color:transparent;
	background-image:url(/images/design/angebote-anzahl-bg.png);
	background-repeat:no-repeat;
}

.marke .splash img {
	top:0;
}

.col-right-shadow-repeat .content-images .marke {
	position:relative;
	float:left;
	top:-10px;
	width:95px;
	margin-right:10px;
	margin-bottom:2px;
}

/*
	Bikeshops Produkte
*/

.produkt {
	clear:left;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	background-image:url(../images/design/products-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #fc0;
}

.produkt-klein {
	clear:left;
	position:relative;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	left:-10px;
	width:220px;
	background-image:url(../images/design/products-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #fc0;
}

.produkt-klein .typ,
.produkt .typ {
	position:absolute;
	margin:auto;
	padding:1px 10px;
	right:10px;
	top:-13px;
	height:13px;
	
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #fc0;
	color:#fc0;
	background-color:#fff;
}

.produkt-klein h2,
.produkt h2 {
	display:block;
	margin:0;
	padding:5px 10px;
	
	font-size:14px;
	font-weight:bold;
	color:#c00;
}
.produkt-klein b {
	font-weight:normal;
}

.produkt-klein .info,
.produkt .info {
	padding:10px;
	padding-bottom:0;
}
.produkt-klein .info {
	padding:0 10px;
}

.produkt-klein .info a,
.produkt .info a {
	display:block;
	float:right;
	margin:0 0 3px 3px;
}

.produkt-klein .info p,
.produkt .info p {
	margin:0;
	margin-bottom:0.5em;
}

.produkt .preisalt {
	clear:left;
	margin-bottom:-5px;
	padding:3px 10px;
	font-size:inherit;
}

.produkt .preisneu {
	padding:3px 10px;
	font-size:22px;
}

.produkt-klein .preisalt {
	clear:left;
	float:left;
	margin-left:10px;
	margin-right:10px;
	font-size:inherit;
	text-decoration:line-through;
	color:#666;
}

.produkt-klein .preisneu {
	margin-left:10px;
	font-size:16px;
	text-align:left;
}

.ersparnis {
	position:absolute;
	right:135px;
	bottom:0;
	width:70px;
	height:57px;
	font-size:20px;
	font-weight:bold;
	line-height:64px;
	text-align:center;
	color:#c00;
	background:url(../images/ersparnis-bg.png) no-repeat;
}
.ersparnis.top {
	color:#fff;
	background-image:url(../images/ersparnis-bg-hot.png);
}
.ersparnis.w2 {
	right:95px;
}
.ersparnis.w3 {
	right:115px;
}
.ersparnis.w5 {
	right:155px;
}
.ersparnis span {
/*	color:#fff;*/
	font-weight:normal;
}

.categories a {
	color:#c00;
}
.categories strong a {
	color:#000;
	text-decoration:none;
}

/*
	Schnäppchen
*/

.deal {
	position:relative;
	margin-bottom:15px;
	padding:0 0 15px 110px;
	min-height:70px;
	border-bottom:1px dotted #fc0;
}
.deal:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.deal .image {
/*	float:left;
	margin-right:10px;*/
	position:absolute;
	left:0;
}

.deal h3 {
	margin:0 165px .5em 0;
}

.deal h4 {
	margin:-.4em 165px .5em 0;
	color:#666;
}

.deal .info {
	margin-right:165px;
}

.deal .preise {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

.deal .preisalt {
	margin-bottom:-3px;
}

.deal .preisneu {
	/* default style */
}

#content #types {
	display:inline-block;
	padding:0;
}

#content #types li {
	display:inline;
	display:inline-block;
	margin:0 3px 5px 0;
	padding:0;
}
#content #types li.active {
	background:#fff;
	text-decoration:none;
}

#content #types li a {
	display:inline-block;
	padding:4px 7px;
	text-decoration:none;
	background:#fff4c9;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#content #types li.active a {
	padding:3px 6px;
	background:#fff;
	border:1px solid #fc0;
}

#content #types li a:hover {
	color:#fff;
	background:#fc0;
}

/*
	Tour
*/

div.tour.image {
	float:right;
	margin:12px 0 2px 10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

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

ul#tourimages li {
	margin:0;
	padding:0;
}

div.tourimage {
	width:580px;
	height:380px;
	overflow:hidden;
	text-align:center;
	background-image:url(../images/design/diagonal-lines-yellow.gif);
}

div.tourcaption {
	padding-top:10px;
	color:#444;
	line-height:1.4em;
}
div.tourcaption em {
	font-weight:bold;
	color:#fc0;
}

#tourimagesnav {
	position:relative;
	margin-bottom:10px;
	width:580px;
	height:94px;
	overflow:hidden;
}

#tourimagesnav .wrapper {
	position:relative;
}

#tourimagesnav a {
	display:inline-block;
	margin:2px 1px 1px;
	width:110px;
	height:90px;
	background:no-repeat center center;
}

#tourimagesnav a span {
	display:none;
}

#tourimagesnav a.activeSlide {
	margin:0 -1px -1px;
	border:2px solid #fc0;
}

#tourimagesnav a.activeSlide:first-child {
	margin-left:0;
}

ul#relatedtours {
	clear:left;
	margin:10px 0 0;
	padding:0;
	list-style:none;
	background:#eee;
}

ul#relatedtours li {
	float:left;
	margin:0 7px 0 0;
	padding:0 7px 3px 0;
	font-size:11px;
	border-right:1px dotted #ccc;
}

ul#relatedtours li:last-child {
	border-right:none;
}

ul#relatedtours .active {
	color:#555;
	font-weight:bold;
}

/*
	Tour-Liste
*/

li.tourgroup {
	font-weight:bold;
	text-decoration:none;
	color:#999;
	list-style-type:square;
	list-style-image:url(../images/design/tourlist-group.gif);
}

li.tourgroupopen {
	list-style-image:url(../images/design/tourlist-group-open.gif);
}

a.tourgroup,
a.tourgroup:active,
a.tourgroup:visited {
	font-weight:bold;
	text-decoration:none;
	color:#999;
}

li.tour {
	list-style-type:disc;
	list-style-image:url(../images/design/tourlist-tour.gif);
}

/*
CSS Hack
Nachfolgende Deklarationen werden 
vom IE MAC nicht erkannt 
\*/
/*
#tourlist ul ul,
#tourlist ul li:hover ul ul,
#tourlist ul ul li:hover ul ul {
	display:none;
}

#tourlist ul li:hover ul,
#tourlist ul ul li:hover ul,
#tourlist ul ul ul li:hover ul {
	display:block;
}
*/
/*
CSS Hack Ende
*/

div#tourlist {
	position:absolute;
	padding:0 25px;
	top:50px;
	right:20px;
	width:160px;
	background:url(../images/tourlist-bg.png) repeat-y center;
	z-index:99;
}
#tourlist h4 {
	position:relative;
	top:30px;
	margin:-30px -25px 0;
	padding:5px 25px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#444;
	text-align:center;
	cursor:pointer;
	background:url(../images/tourlist-handle-bg.png) no-repeat center bottom;
}
#tourlist h4 span {
	display:inline-block;
	margin:0 0 0 6px;
	width:12px;
	height:7px;
	vertical-align:middle;
	background:url(../images/tour-arrow-down.gif) no-repeat center bottom; /*70% 50%;*/
}
#tourlist h4.active span {
	background-image:url(../images/tour-arrow-up.gif);
}
div#tourlist > ul {
	display:none;
	margin:10px auto 20px;
}

.slideshow {
	position:relative;
}
ul#tourimages {
	margin:0;
	padding:0;
	width:580px;
	list-style:none;
}
ul#tourimages li {
	width:580px;
	height:480px;
}
#tour-prev,
#tour-next {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	width:290px;
	height:380px;
	text-indent:-9999em;
	cursor:pointer;
	background:url(../images/tour-inactive.png) no-repeat top;
	z-index:97;
}
#tour-prev {
	left:0;
}
#tour-next {
	left:290px;
}
#tour-prev:hover {
	background:url(../images/tour-left.png) no-repeat top left;
}
#tour-next:hover {
	background:url(../images/tour-right.png) no-repeat top right;
}
* html #tour-prev {
	background:url(../images/tour-left.gif) no-repeat top left;
}
* html #tour-next {
	background:url(../images/tour-right.gif) no-repeat top right;
}
ul#tourimages .disabled,
* html ul#tourimages .disabled {
	background:none;
	cursor:default;
}

/* thema highlight 29er e-bikes */

.content.highlight {
	font-size:16px;
}

.content.accordion {
	padding:0 20px;
}

.accordion h3 {
	margin:0 -20px;
	color:#b23;
	border-top:1px solid #fc0;
	background:#fffae3 no-repeat top right;
	cursor:pointer;
}

.accordion h3 .wrapper {
	display:block;
	padding:18px 20px;
	height:44px;
	font-size:20px;
	background:url(../images/accordion-header.png) no-repeat top right;
}
.accordion h3.with-image .wrapper {
	padding-right:240px;
}

.accordion > div {
	padding:10px 0 20px;
}

.columns {
	padding:0;
}

.col {
	float:left;
	margin-left:-1px;
	padding:20px 15px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	overflow:hidden;
}

.col:first-child, .col.first {
	margin-left:0;
	border-left:none;
}

.col:last-child, .col.last,
.col:last-child h3, .col.last h3 {
	border-right:none;
}

.cols2 .col, .cols2 h3 {
	width:279px;
}

.cols3 .col, .cols3 h3 {
	width:176px;
}

.cols4 .col, .cols4 h3 {
	width:124px;
}

.cols5 .col, .cols5 h3 {
	width:93px;
}

.col h3 {
	position:absolute;
	margin:-65px -15px 0;
	padding:0 15px;
	font-size:32px;
	font-weight:bold;
	line-height:45px;
	color:#fff;
	background:#fc0;
	border-right:1px solid #ddd;
	color:
}

.col .image {
	margin:-20px -15px 15px;
	height:180px;
	background:#FFFAE5;
	box-shadow:0 1px 5px #ccc;
}

a.button {
	display:inline-block;
	padding:4px 8px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#b23;
	background:#fff4c9;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow:0 1px 0 #fff;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

a.button:hover {
	color:#fff;
	background:#fc0;
	text-shadow:0 -1px 0 #999;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.7);
}

a.button.highlight {
	display:block;
	margin:0 auto;
	width:40%;
}