/* modul Video */

#newVideo .VideoDivLeft{} 
#newVideo .VideoDivRight input{ font-size:12px; width:600px; padding:5px;}
#newVideo .VideoDivRight textarea{ font-size:12px; padding:5px; width:600px; height:100px; }
#newVideo .VideoDivRight{ padding:10px;  }

.vidFrage{ width:auto;margin-top:10px; font-size:12px;  clear:left; color:#f29400;  }
.vidAntwort{ width:auto; padding:0px 0px 15px 0px; }
.VideoBody div{ margin:0px 0px 0px 0px; }
.VideoFoot{ margin-bottom:20px; }
.fieldset {    width:auto; } 
.videoBox{ margin-right:10px;background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x bottom left; width:310px; float:left; }

#display{ }

/* bikes */
.druckansicht{ margin-top:10px;  }
.druckansicht a{ padding-left:33px; background:url(/html/bergamont/g/design/designelemente/drucken.jpg) no-repeat 0px 3px; display:block;  }

.multiselect{ width:400px; height:100px; }
#bkat{ padding:10px; }
#bkat br{ clear:left; } 
#bkat div{ width:30px; padding:5px; float:left; }
#bkat .txt{ width:500px; padding:5px;}
#bkat textarea{ height:100px;margin-bottom:10px;}
.floater{ float:normal; }
.pupList{ width:250px; }
.upload{  }
.addBike{ background:#efefef; width:663px; padding:10px; }
.addBike .textfield,.addBike textarea{ width:600px; padding:3px; }
.addBike textarea{ margin-bottom:20px; }
.addBike div{ margin-top:10px; }
.blue{ background:#09c; color:#fff; text-transform:uppercase; border:0; font-size:10px; }

.bikeKategorie{ margin:10px 20px;  font-weight:700; color:#f29400; font-size:18px; margin-bottom:5px; }
.bikeKategorieHolder{ margin-bottom:10px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_middle.gif) repeat-y; }
.descFoot{ height:22px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_foot.gif) no-repeat; }
.descHead{  height:19px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_head.gif) no-repeat; }
.bikeKategorieDescription{ padding:10px 20px; clear:all; margin-bottom:0px; font-size:11px; }
.bikeFarbvariante{ }
.bikePreviewTitle{ font-weight:700; color:#09c; font-size:18px; margin-top:30px; margin-left:20px;  }
.bikePreviewTitle a:hover{ color:#09c; text-decoration:none; }
.bikePreviewBeschreibung{ margin-top:10px; padding-left:20px; padding-right:30px; }
.bikePreviewBeschreibung img{ width:80px; margin-top:5px; }
.bikePreviewBox{
   background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bikes_rightbox2.gif) no-repeat; 
   width:341px; height:235px; text-align:left; overflow:hidden; float:left; 
   margin-left:3px;
}
.bikePreviewThumb{ 
   background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bikes_leftbox2.jpg) no-repeat; 
   width:341px; height:235px; text-align:center; overflow:hidden; float:left; 
}
.bikePreviewThumb img{  margin-top:15px; margin-left:-5px; }

.bikePreview{   } 

.bikeFullView{ text-align:center; margin-bottom:20px;  background:#C6C6C6; }
.bikeFullView img{ width:600px; }
.bikeDetail{ font-size:11px; background:#303030; color:#fff;   width:680px;  padding-bottom:50px;  }
.detLeft{ width:100px; font-weight:100; color:#fff; text-align:left; padding-right:10px; }
.bikeDetailTitle{ width:auto; font-weight:700; font-size:13px; text-transform:uppercase; margin-bottom:20px; color:#f29400;  }
.bikeDaten{ display:block;  font-weight:700; font-size:13px; text-transform:uppercase; margin-bottom:16px; color:#7E7E7E;  }
.bikeDetailBeschreibung{   }
.bikeDetailTable{ color:#fff; width:380px; margin:0; padding:0; }
.bikeDetailTable td{ font-size:11px; background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x bottom left; padding:3px 0px 3px 0px; color:#fff;}
.bikeRightBlock{ width:310px; float:left;  }
.bikeLeftBlock{ width:235px; margin-left:15px; margin-right:30px; float:left; }
.bikeDetailImages1{ margin-top:15px; text-align:center;  }
.bikeDetailImages1 img{ margin-right:5px; }
.bikeDetailImages2{ margin-top:15px;  text-align:center; width:380px;  }
.bikeDetailImages2 img{ margin-left:5px; }
.bikeDetailVarianten,.bikeDetailDownloads{ background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x bottom left; padding-bottom:10px; margin-top:15px; }
.bikeDetailDownloads a{ margin-top:5px; display:block; padding-left:33px; background:url(/html/bergamont/g/design/designelemente/pdf.gif) no-repeat 1px 2px;  }
.bikeDetailVarianten span{color:#f29400;}
.bikeDetailDownloads span{color:#f29400;}
.bikeDetailVarianten img{ width:80px; }

/* presse */
#newTest{ margin-bottom:20px; background:#ccc; float:left; padding:5px; width:620px; }
#newTest .tLeft{ width:100px; float:left; margin-bottom:10px; }
#newTest .tRight{ width:500px; float:left;  margin-bottom:10px; }
#newTest input{ padding:3px;width:500px;}
#newTest textarea{ padding:3px; height:100px; width:500px;}
#newTest input.blue{ padding:2px; width:auto; }

.presseKategorien{ margin-right:20px;  width:200px; background:0; float:left; height:auto; overflow:hidden;  }
.presseKategorien a{ color:#333;padding:3px 0px; margin:0px 7px; font-size:10px;  display:block;   background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x left bottom; }
.presseKategorien a:hover{ color:#09c; text-decoration:none; }
.presseModels{ margin-right:20px;  float:left; width:200px;  background:0; height:auto; overflow:hidden; }
.presseModels a{ color:#333; display:block; padding:3px 0px; margin:0px 7px; font-size:10px;  background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x left bottom; }
.presseModels a:hover{ color:#09c; text-decoration:none; }
.presseBerichte{ margin-right:0px;  float:left; width:200px; background:0; height:auto; overflow:hidden; }
.presseBerichte a{ color:#333; display:block; padding:3px 0px; margin:0px 7px; font-size:10px;   background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x left bottom; }
.berichtTitle{ clear:left;  float:left;width:630px;  font-weight:700;color:#000; font-size:11px;
 text-transform:normal;padding:3px 10px;  background:url(/html/bergamont/g/design/designelemente/presseBodyHead.gif) no-repeat;  margin-top:20px;    }
.presseBerichte a:hover{ color:#09c; text-decoration:none; }
.bericht{   }
.displayBerichtBody{ }
.berichtFoot{  background:url(/html/bergamont/g/design/designelemente/presseBodyFoot.gif) no-repeat;  line-height:1px; height:10px;}
.berichtFile{ clear:left; width:auto; padding:10px; background:url(/html/bergamont/g/design/designelemente/presseBodyMiddle.gif) repeat-y; }
.berichtFile div{ color:#f29400; background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x top left; padding-top:10px; padding-bottom:5px; font-size:10px;}
.berichtFile a{  display:block; padding-left:33px; background:url(/html/bergamont/g/design/designelemente/pdf.gif) no-repeat 1px 3px; text-transform:uppercase; }
.berichtBody{ padding:10px; float:left; width:630px; background:url(/html/bergamont/g/design/designelemente/presseBodyMiddle.gif) repeat-y; font-size:11px;   }
.magazinImage{ width:auto; float:left; margin:0px 5px; width:120px; height:100px;}
.magazinImage img{  } 
.magazinTitleAuswahl{ display:block; float:right; padding:3px; font-size:10px; padding-left:0px; margin-left:0px;  background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x bottom left; width:430px; }
.magazinTitleAuswahl a{  padding-left:5px;  }
.magazinImageBig{ width:200px; display:block; float:left; margin-right:0px;}
.presseHeaderBlock{ background:#fff; font-weight:700; font-size:10px; padding:2px 7px; margin-bottom:10px;  }


/* testcenter */
.testcenter,.testcenter td{ margin:0; padding:0; }
.testcenter td{ white-space:nowrap; color:#000; font-family:''trebuchet ms''; }
 

/* druckversion */
.print{ width:620px; margin:20px; }


/* archiv */
#archive{ background:#fff; border-top:solid 1px #aaaaaa;border-bottom:solid 1px #aaaaaa; }

/* haendler */
.haendlerErgebnis{ padding:0px; width:204px; height:215px; margin-right:12px; float:left; overflow:hidden; margin-top:5px;  
background:url(http://bergamont.de/html/bergamont/g/design/designelemente/boxSuchergebnis.gif) no-repeat; }
.haendlerTitle{ font-weight:700; padding:3px; text-align:left; padding-left:10px;  margin-bottom:5px; }
.haendlerZusatz{ padding:0px 10px 0px 10px; font-style:italic; }
.haendlerStrasse{padding:0px 10px 0px 10px; font-size:10px; margin-top:10px; }
.haendlerOrt{ padding:0px 10px 0px 10px; margin-bottom:5px;  }
.haendlerTel{padding:0px 10px 0px 10px; font-size:10px;}
.haendlerFax{ padding:0px 10px 0px 10px; margin-bottom:5px;  }
.haendlerEmail{padding:0px 10px 0px 10px; }
.haendlerEmail a{ font-size:11px;   }
.haendlerUrl{ padding:0px 10px 0px 10px; }
.haendlerUrl a{ font-size:11px;   }
.haendlerBikes{   font-size:10px; color:#333; padding:5px 10px 5px 10px; margin-top:5px; }
.haendlerBikes a{ color:#666; }
.haendlerBikes div{ font-weight:700; color:#737373; width:auto; float:left; margin-right:5px;   }
.ergebnissecount{ margin-top:10px; font-weight:700;   padding:10px; }
 
.haendlerSuche input{ width:160px; padding:4px 6px; margin-bottom:2px; margin-right:10px; margin-top:5px; }
.haendlerSuche .submit{ width:70px; margin-top:0px; background:#09c; padding:3px 5px; font-size:9px; color:#fff; text-transform:uppercase; }
.haendlerGoogleUrl{ padding-left:60px; padding-top:5px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/dotted_long.gif) repeat-x top left; 
margin:0px 10px 0px 5px; }
.haendlerGoogleUrl a{ color:#09c; font-size:10px; margin-left:15px;   }
.haendlerGoogleUrl span{ font-size:10px; margin-left:10px; }
#haendlerSuchergebnisse{ display:block; float:left; margin-bottom:0px;   height:450px;}
.haendlerErgebnisBody{font-size:10px; line-height:14px; height:168px; padding-bottom:0px; overflow:hidden;}
.haendlerErgebnisBody a{ font-size:10px; }
.haendlerSelectbox{ border:solid 1px #ccc; font-size:10px; color:#333; padding:3px 5px; margin-top:5px; width:150px;}
.righted{ text-align:right; }
.pager{}
.pagerActive{ color:#000; }
.pagingBox{ margin-bottom:10px;   }
.ergebnisbox{ width:660px;  }

/* news */
#mNews{ background:#efefef; padding:10px; }
#mNews .newsHead{ width:600px; padding:5px; }
#mNews textarea{ width:600px; height:200px; padding:5px;}
.news{ margin-top:20px; }
.news .leftFloat{  }
.paging{ margin-top:6px; margin-left:15px; font-size:10px; }
.paging span{ margin-right:5px;  }
.news .leftFloat strong{ }
.news .rightFloat{ padding-top:17px;  }
.news .anhang{ font-size:10px; color:#f29400; padding-top:8px; margin-top:10px; background:url(/html/bergamont/g/design/designelemente/dotted.gif) repeat-x left top; }
.news .anhang a{ margin-top:7px; display:block; padding-left:33px; background:url(/html/bergamont/g/design/designelemente/pdf.gif) no-repeat 1px 1px; }
.news h2{ margin:0; margin-bottom:15px; text-transform:uppercase; color:#f29400; font-size:11px; font-weight:100; }

.rightFloat select{ width:170px; }
.clearit{ clear:left; clear:right; }
.leftFloat{ width:310px; float:left;  padding:0; }
.leftFloat .headline{ padding-top:0px;  }
.leftFloat .headline{ margin-bottom:5px; }
.rightFloat{ margin-left:20px; float:left; width:310px;  }
.nw{ margin-top:8px; }

.newsTeaser{ margin-top:20px; }
.newsBlock{ margin-bottom:10px; }
.newsTime{ font-weight:700; color:#ccc; }
.newsDesc{ color:#ccc; font-size:11px;line-height:14px;}
.newsTitle a{ display:block; text-transform:uppercase; padding:0px; }

.NEWSall .newsTime{ color:#444444; }
.NEWSall .newsBlock{ color:#333; }
.NEWSall .newsDesc{ overflow:hidden; color:#333; margin-top:5px;  
background:url(http://bergamont.de/html/bergamont/g/design/designelemente/dotted_long.gif) repeat-x bottom left; height:50px;  }

/* startseite */
.threeSome{ width:300px; margin-bottom:0px; margin-top:5px; height:210px; overflow:hidden;  margin-left:7px;  margin-right:0px; float:left; }
html > body .threeSome{ margin-left:15px;  }
.blackBorder{ clear:left; line-height:2px; height:18px; background:url(/html/bergamont/g/design/designelemente/border_black1.gif) repeat-x; margin:0; }
#headerPicture{ background:url(/html/bergamont/g/start/panorama.jpg) no-repeat; height:254px; }
#headerPicture2{ height:273px;  }
#headerPictureShadow{ background:url(/html/bergamont/g/design/designelemente/start_shadow.jpg) no-repeat;}
#center{ border:5px solid #808080;border-left:8px solid #808080;border-right:8px solid #808080; }
#center #headerStart{  background:url(/html/bergamont/g/design/header/head_start.jpg) no-repeat #c6c6c6; height:148px; border-top:solid 1px #808081; display:block;  }
#center #headerStart .logoBut{ display:block; width:300px;  margin-top:20px; }
#center #cBereichStart{  width:950px;margin-top:-2px; background:url(/html/bergamont/g/design/designelemente/bottom_right.gif) no-repeat bottom right #404040; padding-bottom:70px; padding-top:5px; }
 

/*url(/html/bergamont/g/design/designelementehttp://bergamont.de/cms/de/02__bikes/full_suspension_mtb/start_bottom.jpg) no-repeat bottom right */

.biketeaserHolder{ padding-left:15px; padding-top:0px; }
.biketeaser{ width:225px; float:left; padding:0; margin:0; background:#C6C6C6; margin:5px 8px 7px 0px;  }
html > body .biketeaser{ width:220px; margin:5px 13px 7px 0px; }
.biketeaserImage{ overflow:hidden;  text-align:center;padding:0px; }
.biketeaserImage img{ margin-left:-1px; }
.biketeaserTitle{ background:; color:#09c; font-weight:700; text-align:center; text-transform:uppercase; background:#303030; padding:5px; }

/* content */
html,body{ margin:0; padding:0;  }
#center{ width:950px;  margin-left:auto; margin-right:auto; }
#center #header{ 
   border-top:solid 1px #808081; display:block;  
   background:url(/html/bergamont/g/design/header/head_1.jpg) no-repeat #c6c6c6; 
   height:148px;  
}
#center #header .logoBut{ display:block; width:300px;  margin-top:20px; }

#center #cBereich{ border:0; width:950px; clear:left; float:left; background:url(/html/bergamont/g/design/designelemente/bottom_right.gif) no-repeat bottom right #404040; padding-bottom:90px; padding-top:20px; }
#center #cBereich #theNavi{  width:250px; display:block; float:left; }
#center #cBereich #theContent{  border:0; width:695px; display:block; float:right; }
#center #footer{ clear:left; background:#404040; padding:4px; border-top:solid 1px #666; text-align:right;  }
#center #footer a{ color:#ccc; text-transform:uppercase; font-size:9px; margin:3px; } 



/* teamfahrer */
#newTeam{ background:#ccc; padding:10px; }
#newTeam input,#newTeam textarea{ width:490px; padding:3px; }
#newTeam textarea{ height:100px; }
.tLeft{ float:left; width:100px; padding:3px; }
#newTeam .blue{ width:auto; }
.tRight{ float:left; width:500px; padding:3px; }
.tSend{  clear:left;  }

.teamList{ width:170px; float:right; display:block; margin-left:0px; }
.teamList a{ color:#09c; }
.teamHolder{ font-size:10px; width:120px; margin-right20px;   float:left;  }
.teamTitle{}
.teamFahrerSelected{ color:#f29400; }
 
.teamDetail{ float:left; width:400px; }
.teamDetailTitle{ font-weight:700; font-size:11px; padding:0px;  margin-bottom:12px;  color:#f29400; text-transform:uppercase;}
.teamDetailImage{ margin-bottom:10px;}
.teamDetailBody{ background:url(http://bergamont.de/html/bergamont/g/design/designelemente/dotted_long.gif) repeat-x top left; width:320px; padding-top:15px; }
.teamDetailUrl{}


/* accessoires */
#newAcc{ background:#ccc; padding:10px; }
#newAcc input,#newAcc textarea{ width:490px; padding:3px; }
#newAcc textarea{ height:100px; }
.tLeft{ float:left; width:100px; padding:3px; }
#newAcc .blue{ width:auto; }

.accHolder{  width:200px; float:left; margin-right:15px; margin-bottom:40px; }
.accImage{ background:#fff;text-align:center;  }
.accTitle{ color:#f29400; font-weight:700; background:#080808; text-align:center; padding:3px; text-transform:uppercase; }
.accDescription{ background:#fff; margin-top:10px; padding:10px; }
.accDetail{  width:643px; overflow:hidden;  }
.accDetail .accImage{ text-align:center; }
.accDetail .accTitle{}

/* gallery */
.galeditor{ background:#efefef; padding:10px; width:660px;  }
#newGall{ background:#ccc; padding:10px; margin-bottom:10px; width:640px; }
#newGall input{ width:500px; padding:3px; }
#newGall .tLeft{padding:3px;}
#newGall .tRight{}

#newGall .blue{ width:auto; }

.galleryTitel{ background:#333; color:#fff; padding:10px; font-size:18px; margin-bottom:20px;   }


/* modul GLOSSAR */
.glossar{ font-size:11px; width:644px;  float:left; margin-top:20px; }
.glossarHead,.faqHead{ display:block; margin:0; width:644px; background:url(/html/bergamont/g/design/designelemente/glossarHead.gif); height:5px; line-height:5px;}
html > body .glossarHead,.faqHead{  line-height:1px; }

.glossarBody,.faqBody{  width:644px; float:left;background:url(/html/bergamont/g/design/designelemente/glossarBody.gif) repeat-y; padding-bottom:15px;  }
.glossarFoot,.faqFoot{ width:644px; float:left;  background:url(/html/bergamont/g/design/designelemente/glossarFoot.gif); height:7px; line-height:1px; }
 
.glosZeile{ margin-left:10px; clear:left; display:block; float:left; width:600px; padding:5px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/dotted_long.gif) repeat-x bottom left; }
.glosWord{ display:block; width:170px; float:left; font-weight:700;  }
.glosDesc{ display:block; width:420px; float:left; }

.glosDivLeft{}
.glosDivRight input{ font-size:12px; width:100%; padding:5px;}
.glosDivRight textarea{ font-size:12px; padding:5px; width:600px; height:200px; }
.glosDivRight{ padding:10px;  }
.keine{ margin-left:10px; }
.glossarLetters{ font-size:10px;  height:25px; }

.glossarLetter{ width:auto; float:left; }
.glossarLetter a{ display:block; text-decoration:none; color:#09c; padding:5px 6px; float:left; }
.glossarLetter a:hover{   color:#000; text-decoration:none; }
.glossarLetter a.letterActive{ color:#000; }

/* moul FAQ */

#newFaq .faqDivLeft{}
#newFaq .faqDivRight input{ font-size:12px; width:100%; padding:5px;}
#newFaq .faqDivRight textarea{ font-size:12px; padding:5px; width:600px; height:200px; }
#newFaq .faqDivRight{ padding:10px;  }

.fqFrage{ margin-top:10px;   clear:left; color:#f29400;  }
.fqAntwort{ padding:5px 5px 10px 0px; }
.faqBody div{ margin:5px 20px 0px 10px; }
.faqFoot{ margin-bottom:20px; }
.fieldset {    width:auto; } 


#display{ }
 

/* default content boxen */
.defaultHolder{ margin-bottom:10px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_middle.gif) repeat-y; }
.defaultFoot{ height:22px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_foot.gif) no-repeat; }
.defaultHead{  height:19px; background:url(http://bergamont.de/html/bergamont/g/design/designelemente/bike_short_desc_head.gif) no-repeat; }
.defaultBox{ margin:0; padding:0px 20px 0px 20px; }
.defaultBox .headline{
   margin-top:10px; 
 
}

/* allgemeines */

input,textarea{ font-family:verdana; border:solid 1px #ccc; font-size:10px;}


.error{   font-size:12px;  text-align:center; color:#c00; padding:10px 0px; background:#ccc;   }
span.error{ background:0; border:0; padding:0; margin:0; font-size:11px; font-weight:700; margin-top:3px; display:block; }
body{ background:url(/html/bergamont/g/design/designelemente/raster.gif) #404040; }

.editME{ position:absolute; margin-top:-15px; }

 
select{ border:solid 1px #ccc; font-size:10px; color:#333; padding:0px; margin-top:5px; width:auto;}
option{   }
.righted{ text-align:right; }

#techData{ background:#ccc; padding-top:15px; padding-bottom:15px; }
#techData div{  text-align:right; padding-right:10px; margin-top:5px; width:110px; float:left; }
#techData .textfield{ width:520px; margin-top:5px; }
#techData textarea{ width:520px; margin-top:5px; }
#techData br{ clear:left; }

/* links */

.zweiSpaltig{   }
.zweiSpaltig .rightFloat{ margin-left:20px; float:left; width:310px;  }
.zweiSpaltig .leftFloat{ width:310px; float:left;  padding:0; }


/* druckversion */
 
.print {  padding:10px;  }
.print .bikeDetail{ font-size:11px; background:#fff; color:#333; }
.print .bikeDetailTable{ color:#333;  }
.print .bikeDetailTable td{ color:#333; font-size:11px; }

.print #haendlerSuchergebnisse{ display:block; float:left; margin-bottom:20px;   height:auto;}
.print .haendlerErgebnisBody{  border:solid 1px #ccc; }

.print .haendlerErgebnis{ padding:0px; width:202px; height:180px; margin-right:15px; float:left; overflow:hidden; margin-top:5px; background:0; }
.print .haendlerTitle{ background:#efefef; }
.print .haendlerGoogleUrl{ display:none; }
.print .dottedLine{ display:none; } 
.print .haendlerSuche { display:none;  }
.print .ergebnisbox{ width:700px; height:auto;  }

.print .bikeDetailImages1,.print .bikeDetailImages2{ display:none; }


.recommended{ border:solid 1px #f29400;  }