/* CSS Document */
body {
	font-family: Arial,sans-serif;
  	color: #666666;
  	padding:15px;
	margin:0px;}

a{
	color: #666666;
	text-decoration: none;}

a:link{
	color: #666666;
	text-decoration: none;}

a:visited{
	color: #666666;
	text-decoration: none;}

a:hover{
	color: #666666;
	font-weight: bold;}

h1{
 	font-family: Arial,sans-serif;
 	font-size: 120%;
 	color: #008000;
 	margin: 0px;
 	padding: 0px;}

h2{
 	font-family: Arial,sans-serif;
 	font-size: 115%;
 	color: #008000;
 	margin: 0px;
 	padding: 0px;}

h3{
 	font-family: Arial,sans-serif;
 	font-size: 110%;
 	color: #008000;
 	margin: 0px;
 	padding: 0px;}

h4{
 	font-family: Arial,sans-serif;
 	font-size: 100%;
 	color: #99cc00;
 	margin: 0px;
 	padding: 0px;}

h5{
 	font-family: Arial,sans-serif;
 	font-size: 100%;
 	font-weight: bold;
 	color: #666666;
 	margin: 0px;
 	padding: 0px;}

ul{
 	list-style-type: square;
 	font-size: 130%;
 	color: #008000;}

ul ul{
 	list-style-type: disc;}

ul ul ul{
 	list-style-type: none;}

.bold{
	font-weight: bold;}

.SportScheck{
	color: #FF6600;
	font-weight: bold;}

.Produkt{
	color: #008000;
	font-weight: bold;
}
.big {font-size: 100%;}
.small {font-size: 80%;}


input{
	font-size: 14px;
	font-family: Arial;
	width:135px;
	border: 0px;
	background-color: #99cc00;
	height: 30px;
	color: #008000;
	font-weight: bold;
}
textarea {
	width: 150px;}

hr {
	background-color: #666666;
	height: 1px;
	border: 0px;}

/***********************************************/
/* Layout Divs                            /background-image: url(../images/joggen-online.gif);     */
/***********************************************/

#brand{
	width: 1100px;
	height: 110px;
	margin: 0px auto;
	padding: 0px;
	text-align:center;

	background-repeat: no-repeat;
	background-position: center;
	border-bottom-color: #008000;
	border-bottom-width: 1px;
	border-bottom-style: solid;}

#foot{
	width: 1100px;
	height: 20px;
	margin: 0px auto;
	padding-top: 15px;
	text-align:center;
	float: left;
	}


#main{
	width: 1100px;
	margin: 0px auto;
	padding: 0px;	
	}

	
/************* #Nav styles **************/

/************** #werbung ***************/

#skyscraper{
	position: relative;
	left: 20px;
	text-align: left;
	width: 15%;
	float: left;
	margin-right: 10px;
	padding-left: 20px;}

.skyscraper-1{
	text-align: center;
	margin: 0px auto;}
	
#Nav{
	padding: 5px 50px 0px 0px;
	width: 1100px;
	text-align: right;
	color: #008000;
	font-size: 75%;
	margin: 0px auto;}





/***********************************************/
/* Components                                  */
/***********************************************/

/************* #breadCrumb styles *************/

#siteMap{
	height: 20px;
	color: #99cc00;
	font-size: 80%;
	padding: 2px 0px 2px 10px;
	text-align: left;
}

#siteShoe{
	height: 20px;
	color: #99cc00;
	font-size: 70%;
	padding: 0px 0px 5px 0px;
	text-align: left;
}


#laufschuhtest{
	height: 15px;
	color: #99cc00;
	font-size: 75%;
	padding: 5px 5px 0px 0px;
	text-align: left;
}

/************** #subNav styles ***************/
.logo{
float: left;
margin-left: 0px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;}

/************** #subNav styles ***************/

#subNav{
    position:relative; 
	left: 20px;
	float: left;
	text-align: left;
	width: 25%;
	padding: 0px 0px 0px 0px;
	font-size: 60%;}

/************** .subNav styles ***************/
.subNav-1{
	border-width: 1px;
	border-style: solid;
	border-color: #008000;
	background-color: #ebf5cc;
	margin-bottom: 10px; }
.subNav-1 h2{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 0px 10px;}
.subNav-1 a{
	font-size: 130%;
	padding: 0px 0px 0px 10px;
	background-image:none;}
.subNav-1 p{
	padding: 0px;}

.subNav-2{
	border-width: 1px;
	border-style: solid;
	border-color: #008000;
	background-color: #f5fae5;
	margin-bottom: 10px;}
.subNav-2 h2{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 0px 10px;}
.subNav-2 a{
	font-size: 130%;
	padding: 0px 0px 0px 10px;}
.subNav-2 p{
	padding: 0px;}

.subNav-3{
	border-width: 1px;
	border-style: solid;
	border-color: #cfec42;
	margin-bottom: 10px;
	background-color: #f0f7d9;
}
.subNav-3 h2{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #cfec42;}
.subNav-3 a{
	font-size: 130%;
	padding: 0px 0px 0px 10px;}
.subNav-3 ul {
	padding: 0px 0px 0px 30px;}
.subNav-3 li a {
	color: #008000;
	padding: 0px 0px 0px 0px;
	font-size: 100%;}
.subNav-3 p{
	padding: 0px;}

.subNav-4{
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
	text-align:left;
	}
.subNav-4 h3{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #99cc00;}
.subNav-4 a{
	font-size: 130%;
	padding: 0px 0px 0px 5px;
	background-image:none;}
.subNav-4 ul {
	padding-left: 20px;
	margin-left: 20px;
	}
.subNav-4 li a {
	color: #008000;
	padding: 0px 0px 0px 0px;
	font-size: 100%;}
.subNav-4 p{
	padding: 0px;}
.subNav-4 img{	
	border:none;}

.subNav-5{
	border-width: 1px;
	border-style: solid;
	border-color: #008000;
	margin-bottom: 10px; }
.subNav-5 h4{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #008000;}
.subNav-5 a{
	padding: 0px 0px 0px 10px;
	font-size: 130%;
	color: #99cc00;
	text-decoration: non;}
.subNav-5 p{
	padding: 0px;}

.subNav-6{
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;}
.subNav-6 h3{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #99cc00;}
.subNav-6 a{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #99cc00;}
.subNav-6 ul {
	padding: 0px 0px 0px 30px;}
.subNav-6 li a {
	color: #008000;
	padding: 0px 0px 0px 0px;
	font-size: 100%;}
.subNav-6 p{
	padding: 0px;}

/************** #mehr text ***************/

.weiter-feld{
width: 97%;
height: 20px;
text-align:right;
}

.weiter-feld a{
float:right;
padding-left: 20px;
padding-right: 10px;	
background-image:url(../images/pfeil-1.png);
background-repeat:no-repeat;
background-position:5px 3px;
}


.weiter-feld a:hover{
background-image:url(../images/pfeil.png);
background-repeat:no-repeat;
}



/************** #content style ***************/

#content{
	width: 100%;
	float: center;
	text-align: left;
	
	padding: 0px 0px 0px 10px;
	font-size: 75%;}

#content-lp{
	float: left;
	text-align: left;
	width: 95%;
	padding: 0px 0px 0px 20px;
	font-size: 75%;}

.subNav-7 a{
	text-align: left;
	font-size: 130%;
	padding: 10px 0px 10px 10px;
	background-color: #99cc00;}

/************** .teaser styles ***************/

.teaser-1{ border-right-style: none; border-top-width: 1px; border-top-style: dashed; border-left-style: none; background-color: #ebf5cc; border-bottom: 1px dashed #008000; border-right-width: 0; border-left-width: 0; }
.teaser-1 h1{
	padding: 10px 10px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-1 p{
	padding: 0px 10px 0px 10px;}

.teaser-1 a{
	font-weight: bold;
	text-decoration: underline;}

.teaser-1 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}

.teaser-1 img{
	float: left;
	padding: 0px;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-color: #008000;
	border-style: solid;
	border-width: 1px;}

.teaser-2{
	border-bottom-color: #008000;
	border-top-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #f5fae5;
	}
.teaser-2 h2{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-2 h3{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 110%;}
.teaser-2 p{
	padding: 0px 10px 0px 10px;}
.teaser-2 a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-2 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-2 img{
	float: left;
	padding: 5px 10px 0px 0px;}

.teaser-3{
	font-size: 100%;
	}
.teaser-3 h3{
	padding: 10px 5px 10px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-3 h4{
	padding: 10px 5px 10px 10px;
	text-align: left;
	font-size: 100%;}
.teaser-3 a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-3 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-3 img{
	padding: 0px;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-color: #008000;
	border-style: solid;
	border-width: 1px;}

.teaser-4{
	background-color: #f0f7d9;
	border-color: #008000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-style: none;
	}
.teaser-4 h1{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
	
.teaser-4 h2{
	padding: 10px 0px 0px 10px;
	text-align: left;
	font-size: 100%;}

.teaser-4 h3{
	padding: 10px 0px 0px 10px;
	text-align: left;
	font-size: 100%;
	color: #99cc00;
	font-weight: bold;}


.teaser-4 p{
	padding: 0px 10px 0px 10px;}
.teaser-4 a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-4 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-4 li{
	padding: 10px 10px 0px 30px;
	text-align: left;
	font-size: 100%;}
.teaser-4 ul{
	padding: 10px 10px 0px 30px;
	text-align: left;
	color: #666666;
	font-size: 100%;}
.teaser-4 img{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;}

.teaser-4 ol{
	padding: 0px 0px 0px 10px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;


	}




.teaser-5{
	background-color: #f0f7d9;
	border-bottom-color: #008000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-style: none;;
	}
.teaser-5 h2{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}

.teaser-5 li{
	text-align: left;
	font-size: 100%;
	margin-left: 30px}

.teaser-5 h1{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-5 p{
	padding: 0px 10px 0px 10px;}
.teaser-5 a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-5 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-5 img{
		float: left;
	margin-right: 10px;}


.teaser-6{
	background-color: #f0f7d9;
	}
.teaser-6 h2{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-6 h1{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-6 p{
	padding: 0px 10px 0px 10px;}
.teaser-6 a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-6 a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-6 img{
	margin-right: 10px;
	margin-left: 10px;}

.teaser-star{
	background-color: #f0f7d9;
	border-bottom-color: #008000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-style: none;
	}
.teaser-star h2{
	padding: 10px 5px 0px 10px;
	font-size: 100%;}
	
.teaser-star h1{
	padding: 10px 5px 0px 10px;
	font-size: 120%;}
.teaser-star a{
	font-weight: bold;
	text-decoration: underline;}
.teaser-star a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.teaser-star img{
	margin-right: 10px;}

.teaser-glossar{
	background-color: #f0f7d9;
	border-bottom-color: #008000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-style: none;
	}
.teaser-glossar h2{
	padding: 10px 5px 0px 10px;
	text-align: center;
	font-size: 100%;}
.teaser-glossar h1{
	padding: 10px 5px 0px 10px;
	text-align: left;
	font-size: 120%;}
.teaser-glossar p{
	padding: 0px 10px 0px 10px;}
.teaser-glossar a{
	color: #008000;}
.teaser-glossar a:hover{
		font-weight: bold;
	text-decoration: underline;}

.teaser-glossar img{
	float: left;
	margin-right: 10px;
	border-color: #008000;
	border-style: solid;
	border-width: 1px; }

	
.teaser-bild
{ border-style: none}

.teaser-bild img{
	float: right;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 16px}


/************* .teaser-3 styles ****************/


.inteaser-4 {
	width: 160px;
	height: 300px;
	float: right;
	background-color: #f0f7d9;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 0px;
	text-align: center;
	padding: 0px;
	}

.inteaser-4 h2{
	text-align: center;
	}


.inteaser-4 a{
	border: none;
}

.inteaser-4  img{
	font-weight: normal;
	text-decoration: none;
	border-style: none;
	padding-left: 12px;
	}
	


/************* .teaser-3 styles ****************/

.TeaserLeft{
	width: 45%;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;}
.TeaserLeft h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}
.TeaserLeft p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserLeft a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserLeft a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}

.TeaserLeft-Start{
	width: 150px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
		margin-left: 20px;}
.TeaserLeft-Start h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}
.TeaserLeft-Start p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserLeft-Start a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

.Teaserebay{
	height: 100px;
	float: left;}


.TeaserRight{
	width: 45%;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;}
.TeaserRight h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}
.TeaserRight p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;}
.TeaserRight a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserRight a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserRight img{
	margin-top: 10px;
	margin-bottom: 10px
	border-color: #008000;
	border-style: solid;
	border-width: 1px; }


.TeaserLeftAngebot{
	width: 45%;
	height: 200px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;}
.TeaserLeftAngebot h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.TeaserLeftAngebot p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;}
.TeaserLeftAngebot a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserLeftAngebot a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserLeftAngebot img{
	margin-top: 0px;
	margin-bottom: 10px;
	border-color: #008000;
	border-style: solid;
	border-width: 1px; }


.TeaserRightAngebot{
	width: 45%;
	height: 200px;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;}
.TeaserRightAngebot h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.TeaserRightAngebot p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserRightAngebot a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserRightAngebot a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserRightAngebot img{
	margin-top: 0px;
	margin-bottom: 10px;}



.TeaserRight-Start{
	width: 225px;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
	margin-top: 30px;
	margin-right: 30px;}
.TeaserRight-Start h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}

.TeaserRight-Start p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserRight-Start a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

/************* .teaser-1 styles ****************/

.TeaserLeftContent{
	width: 45%;
	height: 300px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #008000;
	margin-bottom: 5px;}

.TeaserLeftContent h1{
	font-size: 120%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}

.TeaserLeftContent h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}

.TeaserLeftContent h5{
	font-size: 100%;
	color: #008000;
	padding-left:10px;
	padding-top: 10px;}

.TeaserLeftContent p{
	font-size: 100%;
	padding: 0px 15px 10px 10px;}
.TeaserLeftContent a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserLeftContent a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}

.TeaserRightContent{
	width: 45%;
	height: 300px;
	float: right;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #008000;
	 }

.TeaserRightContent h1{
	font-size: 120%;
	color: #008000;
	padding-left:10px;
	padding-top: 10px;}
.TeaserRightContent h4{
	font-size: 100%;
	color: #008000;
	padding-left:5px;
	padding-top: 10px;}

.TeaserRightContent h5{
	font-size: 100%;
	color: #008000;
	padding-left:10px;
	padding-top: 10px;}

.TeaserRightContent p{
	font-size: 100%;
	padding: 0px 0px 0px 50px;
         margin-top: 0px;
         margin-bottom: 5px;}
.TeaserRightContent a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

.TeaserRightContent a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;
}
.TeaserRightContent img{
	margin-bottom: 5px;
}

.teaser-tabelle {
margin-right: 10px;
margin-left: 10px;}

.teaser-tabelle img{
	float: center;
	margin-bottom:0;
	margin-left: 0;
	margin-right: 0;
border-style: solid;
	border-width: 1px;
	}
/************* sale styles ****************/




.TeaserLeftSale{
	width: 30%;
	height: 300px;
	float: left;
	padding-left: 10px;
	border-width: 1px;<
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
	margin-left: 10px;}
.TeaserLeftSale h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.TeaserLeftSale p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;}
.TeaserLeftSale a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserLeftSale a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserLeftSale img{
	margin-top: 0px;
	margin-bottom: 10px;
	border-color: #008000;
	border-style: solid;
	border-width: 1px; }


.TeaserRightSale{
	width: 30%;
	height: 300px;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
	margin-right: 10px;}
.TeaserRightSale h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.TeaserRightSale p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserRightSale a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserRightSale a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserRightSale img{
	margin-top: 0px;
	margin-bottom: 10px;}

.TeaserCenterSale{
	width: 30%;
	height: 300px;
	float:none;
	border-width: 1px;
	border-style: solid;
	border-color: #99cc00;
	margin-bottom: 10px;
	margin-left: 35%;}
.TeaserCenterSale h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.TeaserCenterSale p{
	font-size: 100%;
	padding: 0px 0px 10px 10px;}
.TeaserCenterSale a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.TeaserCenterSale a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}
.TeaserCenterSale img{
	margin-top: 0px;
	margin-bottom: 10px;}
/************* .teaser-2 styles ****************/

.LeftContent{
	width: 49%;
	float: left;}
.LeftContent h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}
.LeftContent p{
	font-size: 100%;
	padding: 0px 5px 10px 10px;}
.LeftContent a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.RightContent{
	width: 49%;
	float: right;}
.RightContent h4{
	font-size: 100%;
	color: #008000;
	padding-left: 5px;
	padding-top: 10px;}
.RightContent p{
	font-size: 100%;
	padding: 0px 0px 5px 10px;}
.RightContent a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

.LeftContentShoe{
	width: 45;
	float: left;
	margin-left: 10px;}
.LeftContentShoe h4{
	font-size: 100%;
	color: #008000;
	padding-left: 10px;
	padding-top: 10px;}
.LeftContentShoe p{
	font-size: 100%;
	padding: 0px 5px 10px 10px;}
.LeftContentShoe a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.LeftContentShoe img{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	border-color: #008000;
	border-style: solid;
	border-width: 0px;}



.RightContentshoe{
	width: 45%;
	float: right;}
.RightContentShoe h4{
	font-size: 100%;
	color: #008000;
	padding-left: 5px;
	padding-top: 10px;}
.RightContentShoe p{
	font-size: 100%;
	padding: 0px 0px 5px 10px;}
.RightContentShoe a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}
.RightContentShoe img{
		float: left;
	margin-top: 0px;
	margin-right: 0px;
	border-color: #008000;
	border-style: solid;
	border-width: 0px;}



/************* .siteInfo styles ***************/

.siteInfo{
	font-size: 75%;
	color: #008000;
	padding: 5px 0px 5px 0px;
	text-align: center;}

/************* .content styles ***************/

.picture{
	height: 330px;
	background-image: url(../images/laufen-am-meer.jpg);
	background-repeat: no-repeat;}

.pictureText-1{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 30px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-1 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

.pictureText-2{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 18px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-2 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

.pictureText-3{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 8px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-3 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

.pictureText-4{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 5px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-4 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

.pictureText-5{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 4px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-5 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

.pictureText-6{
	width: 150px;
	height: 30px;
	float: left;
	margin-top: 16px;
	margin-left: 152px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	}

.pictureText-6 p{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;}

/************* Landing Pages ***************/

.lp-teaser{
	background-color: #f0f7d9;
	}
.lp-teaser h1{
	padding: 10px 5px 0px 10px;
         font-size: 130%;
         color:  #99cc00;}
.lp-teaser h2{
	padding: 10px 5px 0px 10px;
	font-size: 120%;}
.lp-teaser p{
	padding: 0px 10px 10px 10px;}
.lp-teaser img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.lp-product{
	margin-bottom: 10px;}
.lp-product h2{
	font-size: 100%;
	color: #008000;
         padding: 10px 10px 10px 10px;}
.lp-product h4{
	font-size: 120%;
	color: #99cc00;
         padding: 10px 5px 5px 10px;}
.lp-product p{
         font-size: 90%;
         padding: 0px 5px 5px 10px;}
.lp-product li{
         font-size: 90%;
         padding: 7px 7px 7px 7px;}

.lp-product hr{
         padding: 0px 0px 0px 0px;}

.lp-product img{
	float: center;
         margin: 10px;
         border: 0px;}
.lp-product a{
	color: #FF6600;
	font-size: 120%;
         font-weight: bold;
	text-decoration: underline;}
.lp-product a:hover{
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;}

/************* Startseite ***************/

.ad{
	background-color: #f4f4f4;}
.ad p{
         font-weight: bold;
         text-align: center;
         padding-top: 10px;
         padding-bottom: 10px;}

.news-teaser{ background-color: #f0f7d9; padding-right: 6px; padding-left: 6px; }
.news-teaser h1{
	padding: 10px 5px 0px 10px;
         font-size: 130%;
         color:  #99cc00;}
.news-teaser h2{
	padding: 10px 5px 0px 10px;
	font-size: 120%;}
	
.news-teaser h3{
	padding: 5px 5px 0px 10px;
	font-size: 100%;}

.news-teaser p{
	padding: 0px 10px 10px 10px;}
.news-teaser img{
	float: left;
         margin: 10px;
         border: 0px;}
.news-teaser a{
         font-weight: bold;
	text-decoration: underline;
	font-size: 100%}
.news-teaser a:hover{
	color: #008000;
	font-weight: bold;
	text-decoration: none;}

.teaser-product{ margin-bottom: 10px; padding-right: 6px; padding-left: 6px; border: solid 1px #99cc00; }
.teaser-product h2{
	font-size: 130%;
	color: #008000;
         padding: 10px 0px 10px 10px;}
.teaser-product h4{
	font-size: 120%;
	color: #99cc00;
         padding: 10px 5px 5px 10px;}
.teaser-product p{
	padding: 0px 0px 0px 0px;}
.teaser-product img{ float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding-right: 0; border: 0; }
.teaser-product a{
         color: #008000;
         font-size: 110%;
         font-weight: bold;
	text-decoration: underline;}
.teaser-product a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration: none;}

.inhalt-teaser{ 
	background-color: #ebfaff;
	color:#000;
	font-size:13px;
	line-height:18px;
	padding: 10px;
	border-bottom: solid;
	border-top: solid;
	border-color: #008000;
	border-top-width:0px;
	border-bottom-width:1px;
	margin-bottom: 20px;
	}

.inhalt-teaser h2{
	color:#09458a;
	padding: 5px 2px 5px 10px;
	font-size: 130%;
	border-bottom:solid;
	border-bottom-width:1px;
}

.inhalt-teaser h3{
	padding: 10px 5px 0px 10px;
         font-size: 110%;
         color:  #2fb0e0;}

.inhalt-teaser p{
	padding: 0px 10px 0px 10px;}
	
.inhalt-teaser img{
	float: left;
    margin: 10px;}
	
.inhalt-teaser img a{
	border: none;
	text-decoration: none;		
}

.inhalt-teaser a{
         font-weight: bold;
         color: #008000;
         font-size: 110%;
	text-decoration: underline;}

.inhalt-teaser a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration: none;}

.inhalt-teaser ul{
	color: #666666;
	padding: 5px 10px 5px 20px;
	font-size: 100%;
	}

.inhalt-teaser li{
	padding-top: 5px;
	list-style:disc;
	}

#tabelle{
	background-image: url(../images/hintergrund-tabelle.png);
	background-repeat: no-repeat;
	background-position:center;
	margin:auto;
	height: 250px;
	width: 550px;}

.lp-product-start{ margin-bottom: 10px; padding-right: 6px; padding-left: 6px; }
.lp-product-start h3{
	font-size: 130%;
	color: #008000;
         padding: 0px 0px 10px 10px;}
.lp-product-start h4{
	font-size: 120%;
	color: #99cc00;
         padding: 10px 5px 5px 10px;}
.lp-product-start p{
         font-size: 90%;
         padding: 0px 5px 5px 10px;}
.lp-product-start img{
	float: left;
         margin: 10px;
         border: 0px;}
.lp-product-start a{
	color: #FF6600;
	font-size: 120%;
         font-weight: bold;
	text-decoration: underline;
         padding: 0px 5px 5px 10px;}
.lp-product-start a:hover{
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;}
.inhalt-product{ background-color: #ffffff; margin-bottom: 10px; padding-right: 0; padding-left: 0; border: solid 1px #008000; }
.inhalt-product h1{
	padding: 10px 5px 10px 10px;
         font-size: 130%;
         background-color: #cfec42;
         color:  #008000;}
.inhalt-product h2{
	padding: 10px 5px 10px 10px;
	font-size: 120%;
	background-color: #cfec42;
         color:  #008000;}
.inhalt-product h3{
	padding: 10px 5px 10px 10px;
	font-size: 100%;}
.inhalt-product p{
	padding: 0px 10px 10px 10px;}
.inhalt-product img{
	float: left;
         margin: 5px;
         border: 0px;}
.inhalt-product a{
         font-weight: bold;
         color: #008000;
         font-size: 110%;
	text-decoration: underline;}
.inhalt-product a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration: none;}
	
/************* Werbung **************/

#container {
	height: 280px;
	background-color: #f0f7d9;
	padding: 10px;
	border-bottom: dashed;
	border-top: dashed;
	border-color: #008000;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-bottom: 20px;
}

.container h2 {
	padding: 5px 2px 5px 10px;
	font-size: 130%;
	border-bottom:solid;
	border-bottom-width:1px;

}

.Product-Gesamt	{
	width: 163px;
	height: 220px;
	background: url(../images/hintergrund.png) no-repeat;
	margin-left:15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

.Product-Ueberschrift 	{
	width: 150px;
	height: 47px;
	color: #008000;
	padding-top: 13px;
	text-align:center;
	padding-left: 5px;
	padding-right: 13px;
}

.Product-Ueberschrift  h2 {
	font-size: 120%;
}

.Product-Bild {
	float: none;
	margin: 3px;
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 5px;
	}



.Product-Text {
	margin: 0px;
	}

.Product-Text p {
	margin: 0px;
	padding-left: 10px;
	padding-right: 17px;
	float: left;
	}

#Product-Text-stabil {
	float: right;
	height:20px;
	width: 100px;
	display:block;
	text-align:center;
	margin: 0px;
	margin-right: 8px;
	color: #FFFFFF;
	background-color:#FF0000;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 6px;
	}

#Product-Text-daempfung {
	float: right;
	height:20px;
	width: 100px;
	display:block;
	text-align:center;
	margin: 0px;
	margin-right: 8px;
	color: #FFFFFF;
	background-color: #009900;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 6px;
	}

#Product-Text-trail {
	float: right;
	height:20px;
	width: 100px;
	display:block;
	text-align:center;
	margin: 0px;
	margin-right: 8px;
	color: #FFFFFF;
	background-color: #660000;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 6px;
	}

#tabelle-shop{
	background-image: url(../images/hintergrund-tabelle-1.png);
	background-repeat: no-repeat;
	background-position:center;
	margin:auto;
	height: 340px;
	width: 600px;}	

#Teaser-Tabelle p{
	float: right;
	text-align:center;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top:10px;
	color: #FFFFFF;
	background-color:#008000;
	font-weight: bold;	
	height:20px;
	width:200px;
	padding-top:5px;
	padding-bottom:3px;
	z-index:3;
	}

#Teaser-Tabelle a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}

#Teaser-Tabelle a:hover {
	font-weight: bold;
	text-decoration:none;
	}

		
	
/************* Werbung **************/

#Ad{
	width: 1100px;
	text-align: center;
		margin: 10px;

}

#Spacer{
		text-align: center;
		visibility:hidden;
}

.space1{
	height: 0px;
	width: 0px;
	background: url(/ps.jpg);
}

.space2{
	height: 0px;
	width: 0px;
	background: url(/uq.jpg);
}
.space3{
	height: 0px;
	width: 0px;
	background: url(/cs.jpg);
}
.space4{
	height: 0px;
	width: 0px;
	background: url(/mn.jpg);
}
.space5{
	height: 0px;
	width: 0px;
	background: url(/bl.jpg);
}
.space6{
	height: 0px;
	width: 0px;
	background: url(/ks.jpg);
}
.space7{
	height: 0px;
	width: 0px;
	background: url(http://www.joggen-online.de/Tracking-IDs/tracking_etracker_0811_tc.jpg);
}

#ad1 {
	text-align: center;
	margin: 20px 0;
}

#ad2 {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
}