*{

  padding: 0px;

  margin: 0px;

}



body{

 background-color: #c1c1c1;

}



.main{

    margin: 15px auto 0 auto;

    padding: 0;

    bottom: 0;

    width: 799px;

}

  

.top{

  background: url(images/top.jpg) no-repeat;

  width: 799px;

  height: 136px;

}



.content{

  overflow: hidden;

  background: url(images/back.gif) repeat-y;

  width: 799px;

}



.bottom{

  background: url(images/bottom.gif) no-repeat;

  width: 799px;

  height: 30px;

  padding: 4px 0 0 20px;

}



.navi_position{

  width: 133px;

  padding: 16px 0 0 25px;

  float: left;

}



.navi{

  width: 133px;

}

.siegel {
	position:relative;;
	top:257px;
	left:6px;
	border: 0;
}

.siegelurlaub {
	position:relative;;
	top: 257px;
	left:6px;
	border: 0;
}

.siegelurlaub img {
	border: 0px;
}


.siegel img {
	border: 0px;
}

.navi_top{

  height: 7px;

  background: url(images/navi_top.gif) no-repeat;

}



.navi_back{

  background: url(images/navi_back.gif) no-repeat;

}



.navi_bottom{

  height: 226px;

  background: url(images/navi_bottom.gif) no-repeat;

}



.button_position{

  margin: 0 0 0 7px;

}



.con_position{

  width: 600px;

  margin: 16px 0 0 174px;

}



.bar_left{

  background: url(images/box_top_left.gif) no-repeat;

  min-width: 8px;

  height: 24px;

}





.bar_right{

  background: url(images/box_top_right.gif) right no-repeat;

  width: 600px;

  height: 24px;

}





.con_left2{

  background: url(images/box_con_left.gif) left bottom no-repeat;

  width: 600px;

}



.con_right2{

  background: url(images/box_con_right.gif) right bottom no-repeat;

  width: 600px;

  margin: 0 0 16px 0;

}



.con_left{

  background: url(images/box_con_left_02.gif) left bottom no-repeat;

  width: 600px;

}



.con_right{

  background: url(images/box_con_right_02.gif) right bottom no-repeat;

  width: 600px;

  margin: 0 0 16px 0;

}

#flashcontent {
	
	margin-left:2px;
}



.con_verlauf{

  background: url(images/con_verlauf.gif) repeat-x;

  margin: 0 0 0 2px;

  width: 596px;

  padding: 0 0 15px 0 ;

}



.visual_01{

  background: url(images/product_visual.jpg) top right no-repeat;

  height: 520px;

}



.visual_02{

  background: url(images/wirkung_visual.jpg) top right no-repeat;

  height: 265px;

}



.visual_03{

  background: url(images/anwendung_visual.jpg) top right no-repeat;

  height: 500px;

}



.visual_04{

  background: url(images/glucosamin_visual.jpg) top right no-repeat;

  height: 330px;

}



.visual_05{

  background: url(images/chondroitin_visual.jpg) top right no-repeat;

  height: 400px;

}



.visual_06{

  background: url(images/bestellung_visual.jpg) top right no-repeat;

}



.visual_07{

  background: url(images/kontakt_visual.jpg) top right no-repeat;

  height: 400px;

}



.visual_08{

  background: url(images/impressum_visual.jpg) top right no-repeat;

  height: 355px;

}



.visual_09{

  background: url(images/senior_visual.jpg) top right no-repeat;

  height: 220px;

}



.visual_10{

  background: url(images/sportler_visual.jpg) top right no-repeat;

  height: 250px;

}



.visual_11{

  background: url(images/genesung_visual.jpg) top right no-repeat;

  height: 215px;

}



.visual_12{

  background: url(images/kapseln_visual.jpg) top right no-repeat;

  height: 275px;

}



.visual_13{

  background: url(images/creme_visual.jpg) top right no-repeat;

  height: 230px;

}



ul.produkte{

  padding: 10px 0 0 33px;

  font-family: verdana;

  font-size: 11px;

  color: #000000;

  line-height: 20px;

}



div.step{

   padding: 0 0 10px 0;

}



div.padding_01{

   padding: 20px 20px 0 20px;

}



div.padding_02{

   padding: 20px 20px 20px 20px;

}



div.padding_03{

   padding: 10px 0 0 0;

}



div.padding_04{

   padding: 0 20px 0 20px;

}



table.margin_01{

   margin: 10px 0 0 0;

}



td.padding_01{

   padding: 0 0 0 20px;

}



td.padding_02{

   padding: 0 5px 0 20px;

}



td.padding_03{

   padding: 0 5px 0 0;

}



a.link_01{

  color: #FD0000;

  text-decoration: none;

}



a:hover.link_01{

  color: #FD0000;

  text-decoration: underline;

}



a.button_01{

  background: url(images/button_01.gif) 0px 0px no-repeat;

  position: absolute;

  width: 119px;

  height: 24px;

}



a:hover.button_01{

  background: url(images/button_01.gif) 0px -24px no-repeat;

  position: absolute;

  width: 119px;

  height: 24px;

}



a.button_02{

  background: url(images/button_02.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 25px;

  width: 119px;

  height: 24px;

}



a:hover.button_02{

  background: url(images/button_02.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 25px;

  width: 119px;

  height: 24px;

}



a.button_03{

  background: url(images/button_03.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 50px;

  width: 119px;

  height: 24px;

}



a:hover.button_03{

  background: url(images/button_03.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 50px;

  width: 119px;

  height: 24px;

}



a.button_04{

  background: url(images/button_04.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 75px;

  width: 119px;

  height: 24px;

}



a:hover.button_04{

  background: url(images/button_04.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 75px;

  width: 119px;

  height: 24px;

}



a.button_05{

  background: url(images/button_05.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 100px;

  width: 119px;

  height: 24px;

}



a:hover.button_05{

  background: url(images/button_05.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 100px;

  width: 119px;

  height: 24px;

}



a.button_06{

  background: url(images/button_06.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 125px;

  width: 119px;

  height: 24px;

}



a:hover.button_06{

  background: url(images/button_06.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 125px;

  width: 119px;

  height: 24px;

}



a.button_07{

  background: url(images/button_07.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 150px;

  width: 119px;

  height: 24px;

}



a:hover.button_07{

  background: url(images/button_07.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 150px;

  width: 119px;

  height: 24px;

}



a.button_08{

  background: url(images/button_08.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 175px;

  width: 119px;

  height: 24px;

}



a:hover.button_08{

  background: url(images/button_08.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 175px;

  width: 119px;

  height: 24px;

}



a.button_09{

  background: url(images/button_09.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 200px;

  width: 119px;

  height: 24px;

}



a:hover.button_09{

  background: url(images/button_09.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 200px;

  width: 119px;

  height: 24px;

}



a.button_10{

  background: url(images/button_10.gif) 0px 0px no-repeat;

  position: absolute;

  margin-top: 225px;

  width: 119px;

  height: 24px;

}



a:hover.button_10{

  background: url(images/button_10.gif) 0px -24px no-repeat;

  position: absolute;

  margin-top: 225px;

  width: 119px;

  height: 24px;

}







h1.headline{

 font-family: verdana;

 font-size: 11px;

 font-weight: bold;

 color: #fd0000;

 padding: 5px 0 0 8px;

}



h2.headline{

 font-family: arial;

 font-size: 19px;

 font-weight: bold;

 color: #fd0000;

 padding: 20px 0 0 20px;

}



p.text_01{

 font-family: verdana;

 font-size: 11px;

 color: #000000;

 line-height: 18px;

}



p.text_01b{

 font-family: verdana;

 font-size: 9px;

 color: #7f7f7f;

}



p.text_02{

 font-family: verdana;

 font-size: 9px;

 color: #fd0000;

 line-height: 18px;

}



p.text_03{

 font-family: verdana;

 font-size: 11px;

 color: #000000;

 font-weight: bold;

 line-height: 18px;

}



span.text_01{

 font-family: verdana;

 font-size: 9px;

 color: #fd0000;

 line-height: 18px;

}



a.scrollover {

  /* Default Colour/Styles here */

  font-family: verdana;

  font-size: 9px;

  color: #7f7f7f;

}



a.scrollover em:first-line {

  /* Rollover Colour/Styles here */

  font-family: verdana;

  font-size: 9px;

  color: #F1F1F1;

   }

   



 /* Lightbox */



#lightbox{

   position: absolute;

   left: 0;

   width: 100%;

   z-index: 100;

   text-align: center;

   line-height: 0;

   }



#lightbox a img{ border: none; }



#outerImageContainer{

   position: relative;

   background-color: #fff;

   width: 250px;

   height: 250px;

   margin: 0 auto;

   }



#imageContainer{

   padding: 10px;

   }



#loading{

   position: absolute;

   top: 40%;

   left: 0%;

   height: 25%;

   width: 100%;

   text-align: center;

   line-height: 0;

   }

#hoverNav{

   position: absolute;

   top: 0;

   left: 0;

   height: 100%;

   width: 100%;

   z-index: 10;

   }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

   width: 49%;

   height: 100%;

   background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

   display: block;

   }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

   font: 10px Verdana, Helvetica, sans-serif;

   background-color: #fff;

   margin: 0 auto;

   line-height: 1.4em;

   overflow: auto;

   width: 100%

   }



#imageData{   padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold;   }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }



#overlay{

   position: absolute;

   top: 0;

   left: 0;

   z-index: 90;

   width: 100%;

   height: 500px;

   background-color: #c1c1c1;

   }



.error { margin-left: 20px; color: #f00; font-family: verdana; font-size: 11px; display: none; margin-bottom: 2px;}
span.adr { float: left; width: 80px; }
.errorbox { background: #fce6d5 url(images/warning_bg.jpg) top right no-repeat; width: 310px; }
.nobold td p { font-weight: normal !important; }

.order p { 
 font-family: verdana;
 font-size: 11px;
 margin-left: 20px;
} 

.order ul {
 font-family: verdana;
 font-size: 11px;
 margin-left: 20px;
}

.order ul li { list-style-type: none; }

h3.headline{
 font-family: arial;
 font-size: 15px;
 font-weight: bold;
 color: #FD0000;
 padding: 20px 0 0 20px;
}