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

* {
   margin: 0;
   padding: 0;
   border: none;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

body{
	color: #000;
    font-size: 13px;
    font-family: "Trebuchet MS", sans-serif, Arial, Verdana;
    list-style-type: none;
    text-decoration: none;
    background-color: #fff;
}

#container{
	width: 950px;
    margin: 0 auto;
}

p{
	margin: 10px 0 10px 0;
}

#header {
   background: url(../images/bg-head.jpg) 0 0 no-repeat;
   height:455px;
   width: 950px;
   position: relative;
}

h1#branding {
   height: 170px;
   width: 175px;
   text-indent: -99999px;
   top: 80px;
   left: 20px;
   position: absolute;
   display: block;
}

h1#branding a {
   width: 175px;
   height: 170px;
   display:block;
   outline: none;
}

#background{ 
    width:100%;
    height:531px;
    background: url(../images/bg-background.jpg) top center no-repeat;
    position:relative;
}

#kachel{
    width:100%;
    height:455px;
	background: url(../images/bg-kachel.jpg)  repeat-x;
    position:relative;
}

.slide{
	position:absolute;
	top: 96px;
	left: 354px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

#navigation{
	list-style: none;
	height: 44px;
    position:absolute;
    left: 12px;
    top: 321px;
    width:342px;
    background:url(../images/bg-navigation.jpg) no-repeat;
}



ul#navigation li{
	position:relative;
   list-style: none;
   float:left;
   overflow:visible;
}

ul#navigation li a {
  text-indent:-9999px;
   height: 52px;
   display: block;
   outline: none;
   float:left;
}

ul#navigation li a:link,
ul#navigation li a:visited {
			height:44px;
			display:block;
			text-decoration:none;
}


			ul#navigation li a.sortiment
			{
					width:83px;
					background:url(../images/bg-navigation.jpg) no-repeat 0px 0px;
					}
					ul#navigation li a.sortiment:hover{
					background:url(../images/bg-navigation.jpg)  0px 44px ;
					}
					ul#navigation li.active a.sortiment{
					background:url(../images/bg-navigation.jpg)  0px 44px ;
					}
					
			ul#navigation li a.service{
					width:68px;
					background:url(../images/bg-navigation.jpg) no-repeat -83px 0px;
					}
					ul#navigation li a.service:hover{
					background:url(../images/bg-navigation.jpg)  -83px 44px ;
					}
					ul#navigation li.active a.service{
					background:url(../images/bg-navigation.jpg)  -83px 44px ;
					}
					
			ul#navigation li a.aktuelles{
					width:81px;
					background:url(../images/bg-navigation.jpg) no-repeat -151px 0px;
					}
					ul#navigation li a.aktuelles:hover{
					background:url(../images/bg-navigation.jpg) -151px 44px ;
					}
					ul#navigation li.active a.aktuelles{
					background:url(../images/bg-navigation.jpg) -151px 44px ;
					}
					
			ul#navigation li a.marken{
					width:110px;
					background:url(../images/bg-navigation.jpg) no-repeat -232px 0px;
					}
					ul#navigation li a.marken:hover{
					background:url(../images/bg-navigation.jpg) -232px 44px ;
					}
					ul#navigation li.active a.marken{
					background:url(../images/bg-navigation.jpg) -232px 44px ;
					}
					
			
			



/***************************/

ul#navigation li#sortiment ul {
	display: none;
	list-style: none;
    left: 0;
}

ul#navigation li#sortiment ul li{
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navigation li#sortiment ul li a{
	display: block;
	color: #513714;
	text-decoration: none;
	height: 22px;
	padding: 10px 0 0 10px;
	margin: 0;
	width: 120px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	text-align: left;
	text-indent: 0px;
	background: url(../images/bg-subnavigation.jpg);
}

ul#navigation li#sortiment ul a:hover{color: #fff; text-decoration: underline;}

ul#navigation li#sortiment ul {
	position: absolute;
	border-top: 1px solid #fff;
	top: 44px;
}

ul#navigation li#sortiment:hover ul{display: block;}

* html ul#navigation li#sortiment ul li{
	float: none;
	position: relative;
	display: inline;
	clear: both;

}


/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATIONADDITIONAL-------------------------------
---------------------------------------------------------------------------------------*/
#navigationAdditional {
   list-style: none;
   position:absolute;
   float:left;
   margin: 0 0 0 675px;
}

#navigationAdditional li {
   float:left;
   background:none;
   list-style:none;
   margin-top: 35px;
   padding: 5px;
}

#navigationAdditional li a {
   display:block;
   text-decoration:none;
   color: #000;
}

#navigationAdditional a:link,
#navigationAdditional a:visited {
   color: #000;
   text-decoration: none;
}

#navigationAdditional a:hover,
#navigationAdditional a:active {
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#kontakt{
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#anfahrt{
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#impressum{
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#startseite{
   color: #513714;
   text-decoration: underline;
}


/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTSIDEBAR-------------------------------------
---------------------------------------------------------------------------------------*/

#contentSidebar {
   width: 255px;
   height:429px;
   float: left;
   background-image: url(../images/bg-contentSidebar.jpg);
   color:#fff;
   margin-top: 10px;
}

    
#contentSidebar a:link,
#contentSidebar a:visited {
   color: #fff;
   text-decoration:underline;
}

#contentSidebar a:hover,
#contentSidebar a:active {
   color:#fff;
   text-decoration:none;
}

.kontakt{
	margin: 60px 0 0 13px;
}

.kontakt2{
	margin: 20px 0 0 13px;
}

.kontakt3{
	margin: 83px 0 0 13px;
}   

#contentContainer {
   width:950px;
   margin: 0 auto;
   float:left;	
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTMAIN1---------------------------------------
---------------------------------------------------------------------------------------*/


#contentMain1 {
   width: 596px;
   float: left;
   color:#000;
   padding-left:99px;
   padding-top: 10px;
}

h2 {
   text-indent: -2000px;
   width: 565px;
   height: 76px;
   background-repeat: no-repeat;
}

.h2-HerzlichWillkommen {
   background-image: url(../images/index/h2.gif);
}

.h2-Fitness {
   background-image: url(../images/fitness/h2.gif);
}

.h2-Outdoor {
   background-image: url(../images/outdoor/h2.gif);
}

.h2-Teamsport {
   background-image: url(../images/teamsport/h2.gif);
}

.h2-Wintersport {
   background-image: url(../images/wintersport/h2.gif);
}

.h2-Service {
   background-image: url(../images/service/h2.gif);
}

.h2-Aktuelles {
   background-image: url(../images/aktuelles/h2.gif);
}

.h2-Marken {
   background-image: url(../images/marken/h2.gif);
}

.h2-Kontakt {
   background-image: url(../images/kontakt/h2.gif);
}

.h2-Anfahrt {
   background-image: url(../images/anfahrt/h2.gif);
}

.h2-Impressum {
   background-image: url(../images/impressum/h2.gif);
}

.h2-Danke {
   background-image: url(../images/danke/h2.gif);
}

.h2-Error {
   background-image: url(../images/error/h2.gif);
}


#background #container #contentContainer #contentMain1 li{
   font-size: 13px;
   font-family:"trebuchet MS", verdana, arial, sans-serif;
   color: #000;
   background: url(../images/li-content.jpg) left 11px no-repeat;
   padding:6px 0 0 18px;
   text-decoration:none;
   list-style-type: none;
   float:none;
   margin:0 0 0 20px;
}

#background #container #contentContainer #contentMain1 ul {
   margin-bottom: 17px;
}

#contentMain1 a:link,
#contentMain1 a:visited {
   color: #000;
   text-decoration:underline;
}

#contentMain1 a:hover,
#contentMain1 a:active {
   color:#513714;
   text-decoration:none;
}

.border {
   border: solid 2px #513714;
   padding: 3px 3px 3px 3px;
   margin: 15px 20px 20px 0;
}

.clear{
	clear: both;
}

.floatLeft{
	float:left;
}

.borderAnfahrt{
	border: solid 2px #513714;
	padding: 3px 3px 3px 3px;
	width:350px;
	height:300px;
    }

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/


#footer {
   position:relative;
   background: url(../images/bg-footer.jpg) repeat-x;
   width:100%;
   height: 43px;
   clear:both;
   float:none;
   position:relative;
}