body{
     width:100%;
     height:100%;
     margin:0px;
     padding:0px;
     background-image:url(../images/hintergrund.gif);
     background-repeat:repeat-x;
     font-family:'Lucida Grande','Lucida sans','Lucida sans unicode', sans-serif;
     font-size:75%;
     line-height:130%;
     text-align:left;
}

#page{
   position: absolute;
   width: 90%;
   height: auto;

   /* min-width: 800px;
   min-height: 600px;*/

   top: 0px;
   left: 50%;

   margin-top: 0px;
   margin-left: -515px;
}

#logo{
   width:197px;
   height:auto;
   float:left;
   display:inline-block;
}

/**************************************************************************/
/*                          Styles fuer Navigation                        */
/**************************************************************************/

#navigation{
   padding-top:66px;
   padding-left:198px;
   width:850px;
}

#navigation ul{
   float:left;
   margin:0px;
   padding:0px; 
   margin-left:42px;
}

#navigation li{
  margin:0px;
  padding:0px;
  width:100px;
  height:24px;
  float:left;
  list-style-type:none;
}

#navigation a{
   position:absolute;
   background-image:url(../images/hg_register_deaktiv.gif);
   background-repeat:no-repeat;
   padding-top:2px;
   width:98px;
   height:22px;
   text-align:center;
   color:#fff;
   text-decoration:none;
   line-height:170%;
   font-weight:bold;
}

#navigation a:hover{
   color:#af4f62;
   background-image:url(../images/hg_register_aktiv.gif);
}

#navigation .active a{
   color:#af4f62;
   background-image:url(../images/hg_register_aktiv.gif);
}

#navigation img{
   float:left;
}

#navi2{
   /* clear:left; */
   width:216px;
   margin-top:49px;
   margin-left:12px;
   margin-bottom:50px;
   height:auto;
   display:block;
}

#navi2 ul{
   margin:0px;
   padding:0px;
   width:216px;
   background-image:url(../images/fenster_schmal_mitte.gif);
}

#navi2 ul li{
   margin:0px;
   padding:0px;
   list-style-type:none;
   width:192px;
   height:auto;
}

#navi2 ul li ul li{
   border:0px;
}

#navi2 a{
   padding-top:5px;
   padding-bottom:5px;
   display:block;
   padding-left:27px;
   padding-right:10px;
   width:170px;
   height:auto;
   /* height:21px; */
   border-top:1px solid #af4f62;
   background-image:url(../images/pfeilbutton.gif);
   background-repeat:no-repeat;
   background-position:9px 8px;
   text-decoration:none;
   color:black;
   line-height:140%;
}

#navi2 a:hover{
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active a{
   background-image:url(../images/pfeilbutton_a.gif);
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active a:hover{
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li a{
   background-image:url(../images/spacer.gif);
   border-top:1px solid #e8d8db;
   color:#999999;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li a:hover{
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li.active a{
   color:#ac3f54;
}


#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li a{
   background-image:url(../images/spacer.gif);
   border-top:1px solid #e8d8db;
   color:#999999;
   width:155px;
   padding-left:42px;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li a:hover{
   color:red;
   padding-left:42px;
   width:155px;
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li.active a{
   color:red;
   padding-left:42px;
   width:155px;
   color:#ac3f54;
}


#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li.active ul.subSubSubSubNavigation li a{
   background-image:url(../images/spacer.gif);
   border-top:1px solid #e8d8db;
   color:#999999;
   width:141px;
   padding-left:56px;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li.active ul.subSubSubSubNavigation li a:hover{
   color:red;
   padding-left:56px;
   width:141px;
   color:#ac3f54;
}

#navi2 ul.subNavigation li.active ul.subSubNavigation li.active ul.subSubSubNavigation li.active ul.subSubSubSubNavigation li.active a{
   color:red;
   padding-left:56px;
   width:141px;
   color:#ac3f54;
}




#navi2 #oben{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_schmal_oben.gif);
   height:18px;
   color:#fff;
   padding-top:5px;
   padding-left:8px;
   font-weight:bold;
   font-size:95%;
}



#navi2 #unten{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_schmal_unten.gif);
   height:10px;
   font-weight:bold;
}

/**************************************************************************/
/*                Styles fuer Suche und Kruemelnavi                       */
/**************************************************************************/

#breadcrumb{
   float:left;
   margin-left:240px;
   margin-top:10px;
   width:500px;
}

#breadcrumb a{
   padding-left:17px;
   background-image:url(../images/pfeilbutton2.gif);
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding-right:7px;
   color:#AF4F62;
}

#breadcrumb a:hover{
   text-decoration:none;
}

#search{
  margin-top:5px;
  float:left;
  height:10px;
}

#search form{
  margin:0px;
  padding:0px;
}

#search #searchterm{
  marign:0px;
  padding:0px;
  border:1px solid #AF4F62;
  height:18px;
  color:#AF4F62;
  padding-top:3px;
  padding-left:3px;
}

/**************************************************************************/
/*                          Styles fuer Content                           */
/**************************************************************************/

#content{
   position:absolute;
   top:138px;
   left:240px;
   width:490px;
   /* display:block; */
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_breit_mitte.gif);
}


#content_3{
   position:absolute;
   top:138px;
   left:240px;
   width:707px;
   /* display:block; */
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_breiter_mitte.gif);
}

#content div{
   margin:0px;
   padding:0px;
}

#content #headline{
   background-image:url(../images/fenster_breit_oben.gif);
   z-index:2;
   font-size:95%;
}

#content_3 #headline_3{
   background-image:url(../images/fenster_breiter_oben.gif);
   z-index:2;
}

#content #headline h1,h2,h3,h4{
   font-size:100%;
   height:20px;
   color:#fff;
   margin:0px;
   padding:0px;
   padding-left:10px; 
   padding-top:4px; 
   text-transform:uppercase;
}

#content_3 #headline_3 h1,h2,h3,h4{
   font-size:100%;
   height:20px;
   color:#fff;
   margin:0px;
   padding:0px;
   padding-left:10px; 
   padding-top:4px; 
   text-transform:uppercase;
}

#content #main_content{
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:30px;
   width:450px;
   /* min-height:350px; */
   /* clear:left; */
   z-index:1;
}

#content_3 #main_content_3{
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:30px;
   width:707px;
   /* min-height:350px; */
   /* clear:left; */
   z-index:1;
}

#content #main_content h1,h2,h3,h4{
   margin:0px;
   padding:0px;
}

#content #main_content ul{
   clear:left;
}

#content #main_content li{
   clear:left;
}

#content #main_content a{
   color:#AF4F62;
   /* margin:0px;
   padding:0px; */
}

#content #main_content a:hover{
   text-decoration:none;
}

#content #main_content table{
   width:90%;
}

#content #main_content td{
   vertical-align:top;
   padding-right:10px;
   padding-bottom:5px;
   text-align:left;
}




#content #content_rand_unten{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_breit_unten.gif);
   background-repeat:no-repeat;
   background-color:#fff;
   width:490px;
}

#content_3 #content_rand_unten_3{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_breiter_unten.gif);
   background-repeat:no-repeat;
   background-color:#fff;
   width:707px;
}

#content ul,ol{
   margin:0px;
   padding:0px;
   margin-top:14px;
}

#content ul ul{
   margin:0px;
   padding:0px;
}

#content ol ol{
   margin:0px;
   padding:0px;
}

#content li{
   margin:0px;
   padding:0px;
   margin-left:24px;
}

#content #metaNavigation{
   background-color:#fff;
   height:30px;
   padding-bottom:75px;
} 

#content #metaNavigation ul{
   margin:0px;
   padding:0px;
}

#content #metaNavigation li{
   margin:0px;
   padding:0px;
   float:left;
   list-style-type:none;
}

#content #metaNavigation a{
   color:#AF4F62;
   padding-right:5px;
   padding-left:5px;
}

#content #metaNavigation a:hover{
   text-decoration:none;
}



#content_3 #metaNavigation{
   background-color:#fff;
   height:30px;
   padding-bottom:75px;
} 

#content_3 #metaNavigation ul{
   margin:0px;
   padding:0px;
}

#content_3 #metaNavigation li{
   margin:0px;
   padding:0px;
   float:left;
   list-style-type:none;
}

#content_3 #metaNavigation a{
   color:#AF4F62;
   padding-right:5px;
   padding-left:5px;
}

#content_3 #metaNavigation a:hover{
   text-decoration:none;
}


/**************************************************************************/
/*                          Styles fuer Startseite                        */
/**************************************************************************/

.headline{
   background-image:url(../images/fenster_breit_oben.gif);
   font-size:100%;
   height:20px;
   color:#fff;
   margin:0px;
   padding:0px;
   padding-left:10px; 
   padding-top:4px; 
   text-transform:uppercase;
}

#content .main_content{
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:30px;
   width:450px;
   z-index:1;
}

#content .rahmen_art{
   display:block;
   margin-left:-10px;
   padding:10px 10px 10px 10px;
   width:460px;
   /* height:83px; */
   height:auto;
   /* clear:left; */
}

#content .img_art{
   display:block;
   width:auto;
   height:auto;
   float:left;
   margin-right:18px;
}

#content .img_art img{
   border:1px solid #e1e1e1;
   margin-left:10px;
}

#content .content_rand_unten{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_breit_unten.gif);
   background-repeat:no-repeat;
   background-color:#fff;
   width:490px;
   height:22px;
}


/**************************************************************************/
/*                     Styles fuer Bildergalerie                          */
/**************************************************************************/

#content #bildergalerie{
   margin-left:-10px;
   margin-bottom:15px;
   border-bottom:1px solid #af4f62;  
   width:480px;
   text-align:center;
}

#content #bildergalerie #navi{
   text-align:left;
   margin-left:20px;
}

#content #bildergalerie .img{
   /* width:440px; */
   border:1px solid #999999;
   margin-top:10px;
   margin-bottom:10px;
}

#content .img_descr{
   text-align:left;
   margin-left:20px;
}


/**************************************************************************/
/*                       Styles fuer Hersteller                           */
/**************************************************************************/

#content .textItem{
   margin:0 0 20px 10px;
   /* margin-bottom:20px; */
}

#content .hersteller_info{
   margin-left:-10px;
   border-top:1px solid #af4f62;
   width:480px;
}

#content .hersteller_img{
   margin-left:30px;
}

#content .hersteller_link{
   background-image:url(../images/pfeilbutton.gif);
   background-repeat:no-repeat;
   background-position:10px 0px;
}

#content .hersteller_link:hover{
   background-image:url(../images/pfeilbutton_a.gif);
}

/**************************************************************************/
/*                         Styles fuer Artikel                            */
/**************************************************************************/

#content .rahmen_artikel{
   /* margin-top:-10px; */
   margin-left:-10px;
   /* border-bottom:1px solid #af4f62; */
   padding:10px 10px 10px 10px;
   width:460px;
}

#content .img_artikel{
   float:left;
   height:90px;
   margin-right:18px;
}

#content .img_artikel img{
   border:1px solid #e1e1e1;
}

/**************************************************************************/
/*                     Styles fuer Kontaktformular                        */
/**************************************************************************/

#content #contactForm .eingabe{
   width:300px;
   margin-bottom:5px;
}

#content #contactForm .eingabeMehrzeilig{
   width:300px;
   height:100px;
   margin-bottom:5px;
}

#content #contactForm .anrede{
   width:450px;
   height:23px;
}

#content #contactForm .checkbox{
   width:auto;
   border:0px;
}


#content #contactForm .kontaktlabel{
   width:100px;
   height:23px;
   float:left;
}

.contactRow label{
   width:125px;
   display:inline-block;
   vertical-align:top;
}

.contactRow2{
   width:125px;
   float:left;
   display:inline-block;
}

#contactFormSubmit{
   display:inline-block;
   width:400px;
   height:auto;
}

#contactFormSubmit div:first-child{
   margin-left:125px;
   margin-right:20px;
   /* float:left; */
   display:inline-block;
}

#contactFormSubmit div{
   margin-top:20px;
   margin-right:20px;
   float:left;
   display:inline-block;
}

.pflichtfeld{
   width:300px;
   display:inline-block;
}

/**************************************************************************/
/*                     Styles fuer Feld Empfehlung                        */
/**************************************************************************/

#empfehlen{
   /* clear:left; */
   width:216px;

   margin-top:49px;
   margin-left:12px;
   height:auto;
   display:block;
   background-image:url(../images/fenster_schmal_mitte.gif);
}

#empfehlen .oben{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_schmal_oben.gif);
   height:18px;
   color:#fff;
   padding-top:5px;
   padding-left:10px;
   font-weight:bold;
   font-size:95%;
}


#empfehlen .unten{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_schmal_unten.gif);
   height:10px;
}

#empfehlen .mitte{
   width:207px;
   height:auto;
   text-align:center;
   padding-top:15px;
   padding-bottom:15px;
}


#empfehlen .teaser_img{
   /* height:85px; */
   border:0px;
   height:68px;
}

#empfehlen a{
   border:0px;
}



/**************************************************************************/
/*                      Styles fuer Marginalspalte                        */
/**************************************************************************/


#marginalspalte{
   position:absolute;
   top:138px;
   left:740px;
   width:215px;
   margin:0px;
   padding:0px;
}


#marginalspalte .headline2{
   background-image:url(../images/fenster_schmal_oben.gif);
   font-size:95%;
   text-transform:uppercase;
}

#marginalspalte div{
   margin:0px;
   padding:0px;
}

#marginalspalte .headline2 h1,h2,h3,h4{
   font-size:100%;
   height:20px;
   color:#fff;
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-top:4px; 
}

#marginalspalte .main_content2{
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:15px;
   padding-right:20px;
   clear:left;
   background-image:url(../images/fenster_schmal_mitte.gif);
}

#content .main_content h1,h2,h3,h4{
   margin:0px;
   padding:0px; 
}

#marginalspalte .main_content2 a{
   color:#AF4F62;
}

#marginalspalte .main_content2 a:hover{
   text-decoration:none;
}

#marginalspalte .content_rand_unten2{
   margin:0px;
   padding:0px;
   background-image:url(../images/fenster_schmal_unten.gif);
   background-repeat:no-repeat;
   background-color:#fff;
   height:22px;
}

#marginalspalte ul,ol{
   margin:0px;
   padding:0px;
}

#marginalspalte li{
   margin:0px;
   padding:0px;
   margin-left:15px;
}

/*************************** Style Gaestebuch ***************************/

label{
   padding-top:7px;
   float:left;
   width:150px;
   display:inline-block;
} 

.eingabefeldEinzeilig{
   width:290px;
   margin-bottom:5px;
} 

.eingabefeldMehrzeilig{
   width:290px;
   height:80px;
   margin-bottom:5px;
} 

#main_content .fright{
   padding:5px 0 5px 150px;
   width:250px;
   height:auto;
   clear:left;
   display:inline-block;
}

.vpgb_eintrag{
   height:auto;
   width:450px;
   display:inline-block;
}

.vpgb_entry{
   height:auto;
   width:450px;
   display:inline-block;
}

.vpgb_infos{
   margin:7px 0 7px 0;
   display:inline-block;
}

#vpgb_nav .vpgb_aktiv{
   text-decoration:none;
   font-weight:bold;
   color:#000000;
}

.gbFehlermeldung{
   color:#AF4F62;
   font-weight:bold;
}

#searchResults h1,h2,h3,h4{
    height:auto;
}

/*************************** Style individuell ***************************/

.Pfeilbutton{
   background-image:url(../images/pfeilbutton.gif);
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding-left:15px;
}

.Fahrradrahmen{
   list-style-image:url(../images/ico_prodrahmen.png);
   list-style-type:none;
}

.Fahrradgabel{
   list-style-image:url(../images/ico_prodgabel.png);
   list-style-type:none;
}

.Fahrradschaltung{
   list-style-image:url(../images/ico_prodschalt.png);
   list-style-type:none;
}

.Fahrradrad{
   list-style-image:url(../images/ico_prodrad.png);
   list-style-type:none;
}

.Fahrradbremsen{
   list-style-image:url(../images/ico_prodbremse.png);
   list-style-type:none;
}

.Farbe{
   list-style-image:url(../images/ico_prodfarbe.png);
   list-style-type:none;
}

.Groesse{
   list-style-image:url(../images/ico_prodgrosse.png);
   list-style-type:none;
}

.Sitzplaetze{
   list-style-image:url(../images/ico_prodplatz.png);
   list-style-type:none;
}

.Boden{
   list-style-image:url(../images/ico_prodboden.png);
   list-style-type:none;
}

.Federung{
   list-style-image:url(../images/ico_prodfederung.png);
   list-style-type:none;
}

.Material{
   list-style-image:url(../images/ico_prodmat.png);
   list-style-type:none;
}

.Extras{
   list-style-image:url(../images/ico_prodextras.png);
   list-style-type:none;
}

.Info{
   list-style-image:url(../images/ico_prodinfo.png);
   list-style-type:none;
}

.Gewicht{
   list-style-image:url(../images/ico_prodgewicht.png);
   list-style-type:none;
}

.Hersteller{
font:normal 1.4em ; color:#374782;
}

.link{
color:#B39372;
}

