/*  Framwork Sport-4u.com */

body {
	font-family:Arial, Verdana;
	font-size:11px;
	color:#666;
	margin:0;
	}

a img {
	border:0;
	}

h1, h2, h3 {
	margin:15px 0 15px 0;
	font-size:14px;
	text-transform:uppercase;
	}

h1, h2, h3 {
	 margin:15px 0 4px 0;
	 font-size:12px;
	}

h3 {
	font-weight:normal;
	}

/* Framework */
html, body, #bg, #bg table, #bg td, #cont {
height:100%;
overflow:hidden;
width:100%;
}

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}
#bg td {
	text-align:center;
	vertical-align:middle;
}
#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}


/* Nav */
#Nav {
		margin:0 0 0 -479px;
		padding:0;
		left:50%;
		width:958px;
		list-style:none;
		height:38px;
		position:absolute;
		top:0px;
		background:#000;
		}
		#Nav li {
			float:left;
			height:38px;
			}
			#Nav li a {
				 height:38px;
				 background:url(images/Menu.gif);
				 font-size:0;
				 display:block;
				 line-height:200px;
				 overflow:hidden;
				 width:60px;
				}

       #Nav #Home a {width:64px; background-position:-5px 0;}
            #Nav #Home a:hover, #Nav #Home.aktiv a {background-position:-5px -39px;}
		#Nav #Shop a {width:48px; background-position:-74px 0;}
            #Nav #Shop a:hover, #Nav #Shop.aktiv a {background-position:-74px -39px;}
		#Nav #Outlet a {
		    width: 57px;
		    background-position:-882px 0;
		} 
		#Nav #Outlet a:hover, #Nav #Outlet.aktiv a {
		    background-position:-882px -39px;
		}	
		#Nav #Teamsport a {width:85px; background-position:-795px 0;}
            #Nav #Teamsport a:hover, #Nav #Teamsport.aktiv a {background-position:-795px -39px;}
		#Nav #Gebrauchtmarkt a {width:116px; background-position:-127px 0;}
            #Nav #Gebrauchtmarkt a:hover, #Nav #Gebrauchtmarkt.aktiv a {background-position:-127px -39px;}
		#Nav #Partner a {width:60px; background-position:-248px 0;}
            #Nav #Partner a:hover, #Nav #Partner.aktiv a {background-position:-248px -39px;}
		#Nav #Showroom a {width:80px; background-position:-313px 0;}
            #Nav #Showroom a:hover, #Nav #Showroom.aktiv a {background-position:-313px -39px;}
		#Nav #Cafe a {width:84px; background-position:-406px 0;}
            #Nav #Cafe a:hover, #Nav #Cafe.aktiv a {background-position:-406px -39px;}
		#Nav #Serviceleistungen a {width:58px; background-position:-495px 0;}
            #Nav #Serviceleistungen a:hover, #Nav #Serviceleistungen.aktiv a {background-position:-495px -39px;}
		#Nav #Unternehmen a {width:102px; background-position:-624px 0;}
            #Nav #Unternehmen a:hover, #Nav #Unternehmen.aktiv a {background-position:-624px -39px;}
		#Nav #Kontakt a {width:65px; background-position:-727px 0;}
            #Nav #Kontakt a:hover, #Nav #Kontakt.aktiv a {background-position:-727px -39px;}
		
/* Content */

#Content {
	width:555px;
	position:absolute;
	top:50%;
	left:50%;
	height:400px;
	margin-top:-120px;
	margin-left:-479px;
	}
	
	#Logo {
		 background:#000;
		 padding:10px;
		 margin:0 20px 15px 0;
		}
	#News {
		float:right;
		width:250px;
		line-height:12px;
		}
		#News h1, h2 {
			 margin:0 0 7px 0;
			 color:#f7a800;
			}
	
	#Logo img {
		top:3px;
		position:relative;
		}
		
	.Link {
		width:260px;
		height:90px;
		cursor:pointer;
		overflow:hidden;
		float:left;
		display:block;
		margin:0 15px 15px 0;
		position:relative;
		}
	
	.Link .bg {
		 background:#000;
		 position:absolute;
		 top:0;
		 bottom:0;
		 left:0;
		 z-index:0;
		 width:100%;
		 height:90px;
		 right:0;
		 opacity:0.7;
		 filter:alpha(opacity=70);
		}

	.Link:hover .bg {
		filter:alpha(opacity=80);
		opacity:0.8;
		}

	.Link .Content {
		position:absolute;
		z-index:10;
		padding:10px;
		}
	.Link .Content img {
		 float:right;
		 margin-left:10px;
		}
	.Link .Content h1, h2 {
		margin:0;
		}
	.Link .Content h1, h2 a {
		text-decoration:none;
		}
		
/*  Footer */

#Footer {
	margin:0 0 0 -479px;
	left:50%;
	width:958px;
	position:absolute;
	bottom:0;
	line-height:30px;
	height:30px;
	}
#Footer #FooterBg {
		list-style:none;
		height:30px;
		position:absolute;
		opacity:0.3;
		filter:alpha(opacity=30); 
		background:#000;
		display:block;
		width:100%;
}
#Footer #FooterContent {
		position:relative;
		top:0;
		padding:0 10px;
		color:#fff;
}
#Footer #FooterContent a{
	color:#fff;
	text-decoration:none;
	margin:0 7px 0 0;
	}
#Footer #FooterContent a:hover {
	text-decoration:underline;
	}

#Footer #FooterContent #Copyright {
	position:absolute;
	right:10px;
	top:0px;
	}
*+html #Footer #FooterContent #Copyright {top:-7px;}
* html #Footer #FooterContent #Copyright {top:-7px;}


#scrollshop li {
	width:130px;float:left;padding:0;margin:0;margin-right:5px;list-style-type:none;
}
#scrollshop .Link {
	width:130px; height: 170px;position: relative; overflow:hidden;
}
#scrollshop .bg {
	height: 160px;
}
#scrollshop .Content {
	position:relative; height:100px;
}
#scrollshop .img {
	background:#fff; width: 110px; height: 70px; overflow:hidden; margin-bottom: 5px;
}
#shop_items {
	width:540px; height: 170px; float: left; overflow:hidden;
}
#scrollshop {
	width:9999px;height:170px;margin:0;padding:0;
}
#scrollshop .ProductListingPrice {
    background: none repeat scroll 0 0 #007CBA;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    left: 10px;
    margin-top: 2px;
    padding: 2px;
    position: absolute;
    text-align: left;
    z-index: 100;
    bottom: -30px;
}
a.scrollnav {
	display: block;
	width: 20px;
	height: 105px;
	background: #000;
	opacity: 0.7;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 196px;
	text-align: center;
	padding-top: 55px;
}
a.scrollnav:hover {
	opacity: 0.9;
}
#mycarousel-prev {
	margin-left: -25px;
}
#mycarousel-next {
	margin-left: 540px;
}