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

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:380px;
	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;
}

/* Content Styles */

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

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

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

#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:30px;
	margin:0;
	padding:5px 5px 5px 20px;
	background-color:#fc0;
}

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

.headline h1 img {
	position:relative;
	margin:0;
	padding:0;
	top:-5px;
}

/* 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;
	border:1px solid #fc0;
}

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

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

input:hover, 
select:hover, 
textarea:hover {
	border-color:#c00;
}

input:focus, 
select:focus, 
textarea:focus {
	color:#c00;
	border-color:#c00;
}

button {
	font-weight:bold;
	color:#fff;
	background-color:#c00;
	border:1px outset #c00;
}

button:hover {
	background-color:#fc0;
	border:1px outset #fc0;
}	

button:active {
	border-style:inset;
}

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

/* Text-Editor Styles */

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

.Headline1 {
	font-size:16px;
	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;
}

#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;
}

/*
	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 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-weight:bold;
	text-align:right;
	text-decoration:line-through;
	color:#666;
}

.produkt .preisneu {
	padding:3px 10px;
	
	font-size:22px;
	font-weight:bold;
	text-align:right;
	color:#c00;
}

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

.produkt-klein .preisneu {
	margin-left:10px;
	font-weight:bold;
	color:#c00;
}

.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-bottom:15px;
	border-bottom:1px dotted #fc0;
}
.deal:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.deal img {
	float:left;
	margin-right:10px;
}

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

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

.deal .preisalt {
	position:absolute;
	top:0;
	right:0;
	margin-bottom:-5px;
	padding:3px 10px;
	font-weight:bold;
	text-align:right;
	text-decoration:line-through;
	color:#666;
}

.deal .preisneu {
	position:absolute;
	top:14px;
	right:0;
	padding:3px 10px;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	color:#c00;
}

/*
	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;
}