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

a img {
	border: none;
	}

/*beginn subnavi*/
#naviwrapper {
	width: 850px;
	height: 39px;
	position: absolute;
	top: 160px;
	left: 51px;
	padding: 0;
	z-index: 5;
	background-image: url(../_img/navibg.jpg);
	background-repeat: repeat-x;
	border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	
#navi a, #navi a:link, #navi a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00; 
	line-height: 39px;
	display: block;
	margin: 0 ;
    padding: 0;
	text-decoration: none; 

}

#navi a:hover, #navi a:visited:hover {
	line-height: 39px;
	display: block;
	margin: 0 ;
    padding: 0;
	text-decoration: none; 
	background-color: #393;
	color: #fff;
	background-image: url(../_img/navihover.jpg);
	background-repeat: no-repeat;
}
	
ul#navi, ul#navi.right
{
        margin: 0;
        padding: 0;
        line-height: 39px;
        width: 850px;
        display: block;
		
}

#navi li, #navi li.right
{
        margin: 0;
        padding: 0;
        float: left;
        list-style-type: none;
        line-height: 39px;
        display: inline;
        border-right:1px solid #FFF;
		border-left:1px solid #666;
        text-align:center;
}

#navi li
{
		width: 104px;
}

#navi li.right
{
		width: 106px;
}

#navi li.first { border-left:1px solid #FFF; }


/*ende subnavi*/

/*anfang produktnavi*/

#freizeitbekleidung a, #freizeitbekleidung a:link, #freizeitbekleidung a:visited, #trainingsanzuege a, #trainingsanzuege a:link, #trainingsanzuege a:visited, #dressen a, #dressen a:link, #dressen a:visited, #regenjacken a, #regenjacken a:link, #regenjacken a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff; 
	margin: 0;
    
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height: 16px;
}

#freizeitbekleidung a:hover, #freizeitbekleidung a:visited:hover, #trainingsanzuege a:hover, #trainingsanzuege a:visited:hover, #dressen a:hover, #dressen a:visited:hover, #regenjacken a:hover, #regenjacken a:visited:hover {
	text-decoration: none;
	font-weight: bold;
	color: #f00;
	display: block;
}

#freizeitbekleidung a, #trainingsanzuege a {
	padding: 235px 0 22px 0;}
	
#dressen a {
	padding: 235px 0 36px 0;}
	
#regenjacken a {
	padding: 235px 0 70px 0;
	width: 183px;
	background-image: url(../_img/regenjackennav.jpg);
	background-repeat: no-repeat;}
	
#freizeitbekleidung a {
	width: 166px;
	background-image: url(../_img/freizeitbekleidungnav.jpg);
	background-repeat: no-repeat;}
	
#trainingsanzuege a {
	width: 175px;
	background-image: url(../_img/trainingsanzuegenav.jpg);
	background-repeat: no-repeat;}
	
#dressen a {
	width: 179px;
	background-image: url(../_img/dressennav.jpg);
	background-repeat: no-repeat;}

#regenjacken a:hover, #regenjacken a:visited:hover {
	/*height: 312px;*/
	width: 183px;
	background-image: url(../_img/regenjackenhover.jpg);
	background-repeat: no-repeat;}
	
#freizeitbekleidung a:hover, #freizeitbekleidung a:visited:hover {
	width: 166px;
	background-image: url(../_img/freizeitbekleidunghover.jpg);
	background-repeat: no-repeat;}
	
#trainingsanzuege a:hover, #trainingsanzuege a:visited:hover {
	width: 175px;
	background-image: url(../_img/trainingsanzuegehover.jpg);
	background-repeat: no-repeat;}
	
#dressen a:hover, #dressen a:visited:hover {
	width: 179px;
	background-image: url(../_img/dressenhover.jpg);
	background-repeat: no-repeat;}
	
/*ende produktnavi*/	
	
#epas a, #epas a:link, #epas a:visited, #epas a:hover, #epas a:visited:hover, #impressum a, #impressum a:link, #impressum a:visited, #impressum a:hover, #impressum a:visited:hover {

	color: #fff; 
	margin: 0;
    padding: 0;
	text-decoration: none; 

}

#epas a:hover, #epas a:visited:hover, #impressum a:hover, #impressum a:visited:hover {
	text-decoration: underline;
	color: #f00;
}

a.rot {
	color: #F00;
	text-decoration: underline;}

a.rot:hover, a.rot:visited:hover {
	color: #666;
	text-decoration: underline;}
	
#text a, #produktpics a {
	color: #999;
	text-decoration: underline;}

#text a:hover, #text a:visited:hover, #produktpics a:hover, #produktpics a:visited:hover {
	color: #f00;
	text-decoration: underline;}
	
#zurueck a {
	color: #fff;
	text-decoration: none;}

#zurueck a:hover, #zurueck a:visited:hover {
	text-decoration: underline;}