/* *{color:#FFEB00; font-family:ARIAL,VERDANA,TAHOMA,HELVETICA; font-size:12px;}*/ p,span,div,ul,a{color:#FFEB00; font-family:ARIAL,VERDANA,TAHOMA,HELVETICA; font-size:12px;} .cnt{width:770px; /*border:1px solid red;*/ margin:0px 0px 0px 30px; float:left;} .red{color:#FF0000;} .black{color:#000000;} H2, H2 span{font-size:23px;} H3{font-size:19px; margin:0px;} H4{font-size:14px;} H1,H2,H3,H4,H5,p {text-align:left;} H2.list a {font-size:16px; line-height:25px;} H2.list a.x {font-size:25px; line-height:25px;} A{text-decoration:none;} .l {text-align:left;} .c {text-align:center;} .r {text-align:right;} .n{font-weight:normal;} .b{font-weight:bold;} .i{font-style:italic;} .u{text-decoration:underline;} .alttext{text-indent:-5000px;} #overlay {text-align:center;} #overlay p{width:80%; margin:auto;} .f20{font-size:20px;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} #overlay a{text-decoration:underline;} #overlay H1, #overlay .big{font-size:30px;} #overlay .close{position:absolute; right:50px; top:20px; height:40px; width:40px; font-size:35px; color:white; background:red; border:1px solid white; cursor:pointer;} /*==============Navi====================*/ #navi{width:178px; margin:8px 0px 0px 8px; background:url('img/startseite_navi/navi.gif') 0px -84px no-repeat; float:left;} #navi ul {list-style-type:none; margin:136px 0px 0px 0px; padding:0px;} .menubtn{width:100%; height:24px; overflow:hidden; margin:6px 0px 6px 0px; background:url('img/startseite_navi/navi.gif') left top no-repeat;} .menubtn a{display:block; width:100%; height:100%; padding:0px 16px 0px 16px; text-align:left; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;} .menubtn a:hover{background:url('img/startseite_navi/navi.gif') 0px -27px no-repeat;} #navi p, #navi .vsfmember{margin:10px 0px 0px 20px; font-size:9px;} #navi .vsfmember{width:146px; height:62px; background:url('img/startseite_navi/logos.gif') no-repeat 0px 12px;} /*==============/Navi====================*/ /*==============Startseite====================*/ #bikeco {width:230px; height:40px; padding-left:100px; background:url('img/startseite_navi/logos.gif') 0px -100px no-repeat;} #house{width:300px; height:200px; margin:20px 0px 40px 0px; background: url('img/startseite_navi/fahrradhaus005.jpg') top left no-repeat;} .yellowbox32px{width:530px; height:32px; background: #FFE429 url('img/startseite_navi/yellow_curves.gif') left top no-repeat;} .yellowbox32px h3{line-height:32px; margin:0px; background:url('img/startseite_navi/yellow_curves.gif') right -100px no-repeat;} .yellowbox100px{width:610px; height:100px; margin-bottom:50px; background: #FFE429 url('img/startseite_navi/yellow_curves.gif') left -200px no-repeat;} .yellowbox100px H3{height:100px; line-height:30px; margin:0px; background:url('img/startseite_navi/yellow_curves.gif') right -400px no-repeat;} .yellowbox32px h3 a,.yellowbox100px H3 a{font-size:19px;} #owner {margin-top:20px;} #owner H4{line-height:20px; margin:2px;} #startseite .vsfmember{width:200px; height:50px; margin:30px 0px 10px 0px; font-size:9px; line-height:20px; background:url('img/startseite_navi/logos.gif') no-repeat right top;} #startseite .footerad{width:664px; height:50px; overflow:hidden;} #startseite .footerad a{font-size:12px; line-height:20px; text-decoration:none;} #startseite .footerad a:hover{text-decoration:underline;} #treetreklogo{float:left; display:block; height:100%; width:120px; background: url('img/startseite_navi/logos.gif') no-repeat 0px -200px;} #treetrek { float:left; display:block; height:100%; width:432px; background:#FFE429; } #rahmann{float:right; display:block; height:100%; width:112px; background:url('img/startseite_navi/logos.gif') no-repeat 3px -300px;} /*==============/Startseite====================*/ /*==============Aktuell 1/2/3====================*/ .pic49{width:49%; height:200px; float:left;} .pic33{width:33%; height:200px; float:left;} #akt1{height:240px; background:url('img/aktuell/amsandevorderrtf.jpg') no-repeat;} #akt2{height:240px; background:url('img/aktuell/hannes.jpg') no-repeat top right;} #akt3{background:url('img/aktuell/olafundthorsten.jpg') no-repeat;} #akt4{background:url('img/aktuell/thorstenolafhinn.jpg') no-repeat top center;} #akt5{background:url('img/aktuell/letzteverpflegun.jpg') no-repeat top right;} #akt6{height:240px; background:url('img/aktuell/hinnerk.jpg') no-repeat top center;} #akt7{height:240px; background:url('img/aktuell/norman.jpg') no-repeat top center;} #akt8{height:240px; background:url('img/aktuell/walujew.jpg') no-repeat top center;} #akt9{background:url('img/aktuell/cyclassics2.jpg') no-repeat;} #akt10{background:url('img/aktuell/cyclassics4.jpg') no-repeat top center;} #akt11{background:url('img/aktuell/cyclassics1a.jpg') no-repeat top right;} #akt12{background:url('img/aktuell/img2638a.jpg') no-repeat;} #akt13{background:url('img/aktuell/img2636a.jpg') no-repeat top center;} #akt14{background:url('img/aktuell/img2637a.jpg') no-repeat top right;} #akt15{background:url('img/aktuell/olaf_alpen_370w3.jpg') no-repeat top center; height:560px; float:left;} #akt16{background:url('img/aktuell/olaf_alpen_370w2.jpg') no-repeat top center; height:280px; float:right;} #akt17{background:url('img/aktuell/olaf_alpen_370w1.jpg') no-repeat top center; height:280px; float:right;} .cnt .forwd {font-size:30px;} .cnt .back {font-size:30px;} /*==============/Aktuell 1/2/3====================*/ /*==============Ueberuns====================*/ .inh{position:relative; width:188px; height:600px; float:left; margin:5px; } .inh .bike{position:absolute; width:100%; height:270px; left:0px; top:330px; overflow:hidden;} #torsten{background:url('img/ueberuns/torsten.jpg') no-repeat top center;} #olaf{background:url('img/ueberuns/olaf.jpg') no-repeat top center;} #hardy{background:url('img/ueberuns/hardy.jpg') no-repeat top center;} #torsten .bike{background:url('img/ueberuns/hardys_mb1.jpg') no-repeat center 10px;} #olaf .bike{background:url('img/ueberuns/hardys_mb1.jpg') no-repeat center 10px;} #hardy .bike{background:url('img/ueberuns/hardys_mb1.jpg') no-repeat center 10px;} .inh .bike a{position:relative; top:0px; left:0px; display:block; width:100%; height:100%; font-size:12px; background:#333333; padding:0px; overflow:hidden;} .inh .bike a.aha:hover{background:none;} .inh .bike a.aha:hover div{position:relative; height:1px; left:-5000px; overflow:hidden; background-color:none; color:transparent; font-size:0px; line-height:0px;} /*==============/Ueberuns====================*/ /*==============Service====================*/ #serv1{width:422px; height:220px; margin:10px; background:url('img/service/serv1.jpg') no-repeat left top;} #serv2{width:302px; height:170px; margin:10px; float:left; background:url('img/service/serv2.jpg') no-repeat left top;} #serv3{width:178px; height:170px; margin:10px; float:left; background:url('img/service/serv3.jpg') no-repeat left top;} #servlist li{width:450px; list-style-type:disc; vertical-align:top; margin-top:4px;} /*==============/Service====================*/ /*==============Fahrräder====================*/ #fahrraeder .lefttext{position:relative; width:254px; height:480px; float:left; background:url('img/fahrraeder/raum2.jpg') no-repeat left bottom; overflow:hidden;} #fahrraeder .lefttext b{font-size:1.2em;} #fahrraeder .lefttext .hoverbg{position:absolute; width:100%; height:320px; left:0px; top:0px; background:url('img/fahrraeder/schaufenster_narrow.jpg') no-repeat left top; overflow:hidden;} #fahrraeder .lefttext a{display:block; width:100%; height:320px; font-size:12px; background:#333333; padding:10px 0px 0px 0px; overflow:hidden;} #fahrraeder .lefttext a.aha:hover{background:none; color:transparent; font-size:0px; line-height:0px; text-indent:-5000px; padding-top:2000px;} #fahrraeder .righttext{width:320px; height:480px; float:left; background:url('img/fahrraeder/schaufenster_wide.jpg') no-repeat center top;} #fahrraeder .righttext a{font-size:30px; font-weight:bold;} #fahrraeder .righttext #brands{position:relative; margin: 240px 0px 0px 0px; height:360px; width:320px;} #fahrraeder .righttext #brands div{position:absolute; top:0px; left:0px; height:100%; width:100%; background-image:url('img/fahrraeder/brands.png'); background-repeat:no-repeat; } #scott{background-position:3px 0px;} #univega{background-position:-650px 68px;} #falter{background-position:-1310px 118px;} #maxcycles{background-position:10px -317px;} #rm{background-position:10px -740px;} #puky{background-position:-1208px -433px;} #raleigh{background-position:-1207px -740px;} /*==============/Fahrräder====================*/ /*==============Angebote====================*/ .angebot {width:300px; padding-top:180px; margin:40px 0 40px 0; background-repeat:no-repeat; background-position: left top; } .angebot H2, .angebot H2 span{background:#333333; font-weight:normal;} #victoriawave28 {background-image:url('img/angebote/victoria_wave28.jpg'); } /*==============/Angebote====================*/ /*==============Zubehör====================*/ #zubehoer .lefttext{position:relative; width:380px; height:480px; float:left; line-height:1.5em;} #zubehoer .botpic{position:absolute; bottom:0px; width:50%; height:200px; float:left; background-repeat:no-repeat; background-position: center top;} #botpic1 {left:0px; background:url('img/zubehoer/zubehoer1.jpg') no-repeat center top;} #botpic2 {right:0px; background:url('img/zubehoer/zubehoer2.jpg') no-repeat center top;} #zubehoer .righttext{width:320px; height:480px; float:left; background:url('img/zubehoer/zubehoer3.jpg') no-repeat center top;} /*==============/Zubehör====================*/ /*==============Kinderfahrzeuge====================*/ #kinderfahrzeuge .lefttext{position:relative; width:280px; height:480px; float:left;} #kinderfahrzeuge .lefttext #kinderpic1 {left:0px; width:270px; height:184px; background:url('img/kinderfahrzeuge/kinderfahrzeuge1.jpg') no-repeat center top;} #kinderfahrzeuge .lefttext #kinderpic2 {left:0px; width:270px; height:184px; background:url('img/kinderfahrzeuge/kinderfahrzeuge2.jpg') no-repeat center top;} #kinderfahrzeuge .righttext a{text-decoration:underline!important; font-weight:bold;} /*==============/Kinderfahrzeuge====================*/ /*==============Interessantes====================*/ #interessantes1 .lefttext{position:relative; width:320px; height:480px; float:left;} #interessantes1 .lefttext h3{padding-top:350px;} #interessantes1 .righttext{position:relative; width:330px; height:480px; float:left;} #interessantes1 .righttext .pic1 {width:330px; height:480px; background:url('img/interessantes/olaf_hof.jpg') no-repeat right top;} #interessantes2 .pic1,#interessantes2 .pic2,#interessantes2 .pic3{position:relative; width:630px; height:245px; } #interessantes2 .pic1{background: url('img/interessantes/lager1.jpg') no-repeat left top;} #interessantes2 .pic2{background: url('img/interessantes/lager1.jpg') no-repeat right top;} #interessantes2 .pic2 p{ margin:0px; padding: 80px 370px 0px 20px;} #interessantes2 .pic3{background: url('img/interessantes/lager1.jpg') no-repeat left top;} /*==============/Interessantes====================*/ /*==============Unsere Kunden====================*/ #unserekunden1 .pic1,#unserekunden1 .pic2,#unserekunden1 .pic3,#unserekunden1 .pic4,#unserekunden1 .pic5, #unserekunden2 .pic1,#unserekunden2 .pic2,#unserekunden2 .pic3{width:100%;} #unserekunden1 .pic1 img{margin:20px 20px 20px 0px;} #unserekunden1 .pic2 object{margin:20px 20px 20px 34px;} #unserekunden1 .pic3 img{margin:20px 52px 20px 0px;} #unserekunden1 .pic4 object{margin:20px 20px 20px 0px;} /*==============/Unsere Kunden====================*/ /*==============Impressum====================*/ #links TD {vertical-align:top; padding-bottom:10px;} #links a {text-decoration:underline; font-weight:bold;} #links a:hover {text-decoration:none;} /*==============/Impressum====================*/ /*==============Impressum====================*/ #impressum h2{margin:150px 0px 30px 0px;} /*==============/Impressum====================*/