@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding:0;
} 

html { 
	background:#FFFFFF;
} 

body {
	background:#FFFFFF url(../images/layout/body-bgr.jpg) center 0 repeat;
	line-height:18px;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#5c5c5c;
	
}

/*----------------------------------------------[ main tags ]-----------------------------------------------*/

h3 {
	color:#b4311c;
	font-weight:normal;
	font-size:15px;
	margin:11px 0 2px 0;
}
p {
	margin:0 0 16px 0;
	
}
textarea {
	overflow:auto;
}
a {
	text-decoration:underline;
	outline:none;
	color:#5c5c5c;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
a.map img {border:2px solid #b4311c; }
/*-------------------------------------------[ site structure ]------------------------------------------*/

#wrapper { 
	width:950px;
	margin:0 auto;
}
	#header {
		height:463px;
		background:url(../images/layout/header-bgr.jpg) 0 0 no-repeat;
		position:relative;
	}
		#header #flashspacer {
			left:22px;
			top:6px;
			width:290px;
			height:121px;
			position:absolute;
			overflow:hidden;
			z-index: 10;
		}
		
		*html #header #flashspacer, *+html #header #flashspacer {
			left:22px;
			top:6px;
			margin: 0px;
			padding: 0px;
			width:290px;
			height:121px;
			position:absolute;
			overflow:visible;
			z-index: 0;
			background: none;
		}
		
		#header #flashspacer h1 {
			position:absolute;
		}
		#header #flashspacer h1 a {
			display:block;
			text-indent:-5000px;
			width:290px;
			height:121px;
		}
		#header #onlineshop {
			position:absolute;
			width:212px;
			height:78px;
			left:68px;
			top:206px;
			font:11px/18px "trebuchet ms";
			color:#3b3b3b;
		}
			#onlineshop p {
				margin:0;
			}
			#onlineshop a {
				text-decoration:none;
				display:block;
				padding:6px 0 0 3px;
			}
			#onlineshop a:hover {
				color:#989898;
			}
		#header ul {
			width:312px;
			height:19px;
			background:url(../images/layout/topnav.jpg) -5000px 0 no-repeat;
			position:absolute;
			top:89px;
			right:29px;
			overflow:hidden;
		}
			#header ul li {
				height:19px;
				list-style-type:none;
				float:left;
			}
				#header ul li a {
					display:block;
					background:url(../images/layout/topnav.jpg) -5000px 0 no-repeat;
					height:19px;
					width:53px;
					text-indent:-5000px;
					position:relative;
				}
					#header ul li a.wilkommen {
						width:82px;
					}
					#header ul li a.wilkommen:hover, #header ul li.active a.wilkommen {
						background-position:0 0;
					}
					#header ul li a.kontakt {
						left:18px;
					}
					#header ul li a.kontakt:hover, #header ul li.active a.kontakt  {
						background-position:-99px 0;
					}
					#header ul li a.anfahrt {
						left:36px;
					}
					#header ul li a.anfahrt:hover, #header ul li.active a.anfahrt {
						background-position:-171px 0;
					}
					#header ul li a.impressum {
						left:52px;
						width:73px;
					}
					#header ul li a.impressum:hover, #header ul li.active a.impressum{
						background-position:-240px 0;
					}
		#header #slideshow {
			width:310px;
			height:227px;
			position:absolute;
			right:11px;
			top:194px;
		}
		#header span {
			display:block;
			text-indent:-5000px;
			position:absolute;
		}
	#leftnav {
		background:url(../images/layout/leftnav.jpg) 0 0 no-repeat;
		width:217px;
		height:211px;
		position:relative;
		left:25px;
		padding:2px 0 0 0;
		float:left;
	}
		#leftnav li {
			height:18px;
			margin:0 0 20px 0;
			list-style-type:none;
		}
			#leftnav li a {
				display:block;
				height:18px;
				width:100%;
				text-indent:-5000px;
				background:url(../images/layout/leftnav.jpg) -5000px 0 no-repeat;
			}
				#leftnav li a.sportbekleidung {
					width:131px;
				}
				#leftnav li a.sportbekleidung:hover, #leftnav li.active a.sportbekleidung {
					background-position:-217px -2px;
				}
				#leftnav li a.sportgeraeteentwicklung {
					width:176px;
				}
				#leftnav li a.sportgeraeteentwicklung:hover, #leftnav li.active a.sportgeraeteentwicklung {
					background-position:-217px -40px;
				}
				#leftnav li a.sportgeraeteservice {
					width:140px;
				}
				#leftnav li a.sportgeraeteservice:hover, #leftnav li.active a.sportgeraeteservice  {
					background-position:-217px -78px;
				}
				#leftnav li a.physiotherapie {
					width:120px;
				}
				#leftnav li a.physiotherapie:hover, #leftnav li.active a.physiotherapie {
					background-position:-217px -116px;
				}
				#leftnav li a.finanzierungen {
					width:121px;
				}
				#leftnav li a.finanzierungen:hover, #leftnav li.active a.finanzierungen {
					background-position:-217px -154px;
				}
				#leftnav li a.shop {
					width:57px;
				}
				#leftnav li a.shop:hover, #leftnav li.active a.shop {
					background-position:-217px -192px;
				}
		#content {
			float:left;  
			position:relative;
			left:25px;
			top:0;
			width:416px;
			overflow:hidden;
			padding:0 33px 0 0;
		}
		#content h2 {
			color:#b4311c;
			font-weight:bold;
			font-size:15px;
			margin:11px 0 2px 0;
		}
		#content div.headlines {
			width:416px;
			height:82px;
			text-indent:-5000px;
		}
		#content div.headlines h2{
			margin:0;
		}
				.h1-index {
					background:url(../images/layout/h1-index.gif) 0 0 no-repeat;
				}
				.h1-anfahrt  {
					background:url(../images/layout/h1-anfahrt.gif) 0 0 no-repeat;
				}
				.h1-danke  {
					background:url(../images/layout/h1-danke.gif) 0 0 no-repeat;
				}
				.h1-kontakt  {
					background:url(../images/layout/h1-kontakt.gif) 0 0 no-repeat;
				}
				.h1-impressum  {
					background:url(../images/layout/h1-impressum.gif) 0 0 no-repeat;
				}
				.h1-sportbekleidung  {
					background:url(../images/layout/h1-sportbekleidung.gif) 0 0 no-repeat;
				}
				.h1-sportgeraeteentwicklung  {
					background:url(../images/layout/h1-sportgeraeteentwicklung.gif) 0 0 no-repeat;
				}
				.h1-sportgeraeteservice  {
					background:url(../images/layout/h1-sportgeraeteservice.gif) 0 0 no-repeat;
				}
				.h1-physiotherapie  {
					background:url(../images/layout/h1-physiotherapie.gif) 0 0 no-repeat;
				}
				.h1-finanzierungen  {
					background:url(../images/layout/h1-finanzierungen.gif) 0 0 no-repeat;
				}
		#content #screenshop {
			width:460px;
			height:224px;
			position:relative;
			left:-11px;
			background:url(../images/layout/screenshop.jpg) 0 0 no-repeat;
		}
			#content #screenshop a {
				position:absolute;
				left:369px;
				top:12px;
				width:74px;
				height:75px;
				text-indent:-5000px;
				background:url(../images/layout/shop-btn.jpg) -5000px 0 no-repeat;
			}
			#content #screenshop a:hover {
				background-position:0 0;
			}
	#sidebar {
		float:left;
		position:relative;
		left:24px;
		top:0;
		background:url(../images/layout/sidebar.gif) 0 0 no-repeat;
		width:260px;
		padding:0 0 0 11px;
	}
		#sidebar h3 {
			text-indent:-5000px;
			height:38px;
			margin:0 0 10px 0;
		}
		#sidebar p {
			margin:0 0 18px 0;
			clear:both;
			padding:0 45px 0 0;
		}
		#sidebar h4 {
			font:15px "trebuchet ms";
			color:#af2a18;
			font-weight:normal;
			margin:27px 0 2px -2px;
		}
		#sidebar img.cms_img {
			float:left;
			width:87px;
			height:52px;
			background:url(../images/layout/top-seller-bgr.jpg) 0 0 no-repeat;
			padding:7px 6px;
			margin:0 5px 0 0;
			position:relative;
			top:-1px;
			left:-5px;
		} 
		#sidebar ul {
			width:148px;
			float:left;
			margin:-1px 0 0 -3px;
		}
		#sidebar ul li {
			width:67px;
			float:left;
			list-style-type:none;
		}
		#sidebar .fsize11 {
			font-size:11px;
		}
		#sidebar a {
			color:#b7351e;
			text-decoration:none;
		}
		#sidebar a:hover {
			text-decoration:underline;
		}
		#sidebar a.weiterlesen {
			display:block;
			width:86px;
			height:19px;
			margin:-12px 0 0 -1px;
			text-indent:-5000px;
			background:url(../images/layout/weiterlesen.gif) 0 0 no-repeat;
		}
		#sidebar a.weiterlesen:hover {
			background-position:0 -19px;
		}
#footer {
	height:60px;
	width:895px;
	margin:55px auto 0;
	padding:0 30px 0 25px;
}
	#footer #border {
		border-top:7px solid #b1b1b1;
	}
	#footer ul {
		width:785px;
		height:17px;
		float:left;
		margin:10px 0 0 0;
		background:url(../images/layout/footernav.gif) 0 0 no-repeat;
	}
		#footer ul li {
			float:left;
			height:17px;
			list-style-type:none;
		}
			#footer ul li a {
			
				margin:0 14px 0 0;
				display:block;
				height:17px;
				text-indent:-5000px;
				width:58px;
				background:url(../images/layout/footernav.gif) 0 0 no-repeat;
			}
				#footer ul li a.f-willkommen:hover {
					background-position:0 -17px;
				}
				#footer ul li a.f-shop {
					width:22px;
					margin:0 12px 0 0;
					background-position:-72px 0;
				}
				#footer ul li a.f-shop:hover {
					background-position:-72px -17px;
				}
				#footer ul li a.f-sportbekleidung {
					width:71px;
					margin:0 13px 0 0;
					background-position:-106px 0;
				}
				#footer ul li a.f-sportbekleidung:hover {
					background-position:-106px -17px;
				}
				#footer ul li a.f-sportgeraeteentwicklung {
					width:103px;
					margin:0 12px 0 0;
					background-position:-190px 0;
				}
				#footer ul li a.f-sportgeraeteentwicklung:hover {
					background-position:-190px -17px;
				}
				#footer ul li a.f-sportgeraeteservice {
					width:79px;
					background-position:-305px 0;
				}
				#footer ul li a.f-sportgeraeteservice:hover {
					background-position:-305px -17px;
				}
				#footer ul li a.f-physiotherapie {
					width:63px;
					margin:0 13px 0 0;
					background-position:-398px 0;
				}
				#footer ul li a.f-physiotherapie:hover {
					background-position:-398px -17px;
				}
				#footer ul li a.f-finanzierungen {
					width:66px;
					margin:0 14px 0 0;
					background-position:-474px 0;
				}
				#footer ul li a.f-finanzierungen:hover {
					background-position:-474px -17px;
				}
				#footer ul li a.f-kontakt {
					width:34px;
					margin:0 12px 0 0;
					background-position:-554px 0;
				}
				#footer ul li a.f-kontakt:hover {
					background-position:-554px -17px;
				}
				#footer ul li a.f-anfahrt {
					width:34px;
					margin:0 12px 0 0;
					background-position:-600px 0;
				}
				#footer ul li a.f-anfahrt:hover {
					background-position:-600px -17px;
				}
				#footer ul li a.f-impressum {
					width:49px;
					background-position:-646px 0;
				}
				#footer ul li a.f-impressum:hover {
					background-position:-646px -17px;
				}
	#footer a.euroweblink {
		display:block;
		background:url(../images/layout/credits.gif) 0 0 no-repeat;
		width:109px;
		height:15px;
		text-indent:-5000px;
		float:left;
		margin:10px 0 0 0;
	}
	
	
.imagecontainer img {
	border: 3px #CCCCCC solid;
	padding: 1px;
	margin: 5px 10px 5px 0px;
	float: left;	
}

.imagecontainer2 img {
	border: 3px #CCCCCC solid;
	padding: 1px;
	margin-right: 8px;
	float: left;	
}

.cleardiv {
	clear: left;
}