* { margin: 0; padding: 0; border-collapse: collapse; border: none; text-decoration: none;} body { font-family: Helvetica, Arial, Sans Serif; font-size: 11px; color: #000; background: none #fff; text-align: center; border: 0px; behavior: url(csshover.htc);} #wrap { width: 900px; height: 700px; background: url(../inlays/intro.jpg) no-repeat 0px -10px; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #wrapn { width: 900px; height: 700px; background: url(../inlays/classic.png) no-repeat 0px -10px; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #wraps { width: 900px; height: 700px; background: url(../inlays/brasileira.png) no-repeat 0px -10px; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #wrapw { width: 900px; height: 700px; background: url(../inlays/gitarra.png) no-repeat 0px -10px; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #wrape { width: 900px; height: 700px; background: url(../inlays/decassia.png) no-repeat 0px -10px; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #wrapc { width: 900px; height: 700px; background: none; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;} #top { float: left; width: 855px; height: 140px; margin-left: 45px;} .logo { width: 154px; height: 54px; margin: 80px 0 0 0;} .punkt{ width: 50px; height: 54px; margin: 80px 0 0 0;} hr { color: #000; width: 700px; height: 1px; background: #7a7a7a; margin-left: 197px;} /*instrumente menu*/ .but { width: 50px; height: 140px;} .but2 { width: 40px; height: 140px;} #psalter, #psalter a { background: url(../inlays/psalbut.png) no-repeat 0px 4px;} #psalter:hover, #psalter a:hover { background: url(../inlays/psalibut.png) no-repeat 0px 4px;} #sanfona, #sanfona a { background: url(../inlays/sanfbut.png) no-repeat 0px 4px;} #sanfona:hover, #sanfona a:hover { background: url(../inlays/sanfibut.png)no-repeat 0px 4px;} #harpa, #harpa a { background: url(../inlays/harpbut.png) no-repeat 0px 0px;} #harpa:hover, #harpa a:hover { background: url(../inlays/harpibut.png);} #cavaco, #cavaco a { background: url(../inlays/cavbut.png) no-repeat 0px 4px;} #cavaco:hover, #cavaco a:hover { background: url(../inlays/cavibut.png) no-repeat 0px 4px;} #dulcina, #dulcina a { background: url(../inlays/dulcbut.png) no-repeat 0px 4px;} #dulcina:hover, #dulcina a:hover { background: url(../inlays/dulcibut.png) no-repeat 0px 4px;} #bouz, #bouz a { background: url(../inlays/bouzbut.png) no-repeat 0px 4px;} #bouz:hover, #bouz a:hover { background: url(../inlays/bouzibut.png) no-repeat 0px 4px;} #classic, #classic a { background: url(../inlays/classbut.png) no-repeat 0px 4px;} #classic:hover, #classic a:hover { background: url(../inlays/classibut.png) no-repeat 0px 4px;} #matten, #matten a { background: url(../inlays/mattbut.png) no-repeat 0px 4px;} #matten:hover, #matten a:hover { background: url(../inlays/mattibut.png) no-repeat 0px 4px;} #cassia, #cassia a { background: url(../inlays/cassbut.png) no-repeat 0px 4px;} #cassia:hover, #cassia a:hover { background: url(../inlays/cassibut.png) no-repeat 0px 4px;} #cass2, #cass2 a { background: url(../inlays/cass2but.png) no-repeat 0px 4px;} #cass2:hover, #cass2 a:hover { background: url(../inlays/cass2ibut.png) no-repeat 0px 4px;} #lagrimas, #lagrimas a { background: url(../inlays/lagbut.png) no-repeat 0px 4px;} #lagrimas:hover, #lagrimas a:hover { background: url(../inlays/lagibut.png) no-repeat 0px 4px;} #brasil, #brasil a { background: url(../inlays/brasbut.png) no-repeat 0px 4px;} #brasil:hover, #brasil a:hover { background: url(../inlays/brasibut.png) no-repeat 0px 4px;} #gitarra, #gitarra a { background: url(../inlays/gitbut.png) no-repeat 0px 4px;} #gitarra:hover, #gitarra a:hover { background: url(../inlays/gitibut.png) no-repeat 0px 4px;} #logot { float: left; width: 900px; height: 18px;} ul.mainmen { width: 900px; height: 18px; font-size: 11px; list-style-type: none; text-align: right;} ul.mainmen li { float: left; height: 18px;} ul.mainmen li a { float: left; color: #000;} ul.mainmen li a:hover { float: left; color: #00f;} li.list0 { width: 150px; text-align: left; color: #f60; margin-left: 165px;} li.list1 { width: 40px; margin-left: 10px;} li.list2 { width: 17px;} li.list4 { width: 73px;} li.list5 { width: 77px; margin-left: 23px;} li.list6 { width: 135px; margin-left: 23px;} li.list7 { width: 115px; margin-left: 20px;} /*picture listen*/ li.list8 {width: 200px; font-size: 10px; margin-left: 100px;} li.list9 {width: 475px; font-size: 10px; margin-left: 90px;} li.list10 {width: 475px; font-size: 10px; margin-left: 200px;} li.list11 {width: 60px; font-size: 10px; margin-left: 130px;} li.list12 {width: 300px; font-size: 10px; margin-left: 100px;} li.list13 {width: 400px; font-size: 10px; margin-left: 80px;} li.list14 {width: 300px; font-size: 10px; margin-left: 100px;} li.list15 {width: 400px; font-size: 10px; margin-left: 80px;} li.list16 {width: 220px; font-size: 10px; margin-left: 50px;} li.list17 {width: 300px; font-size: 10px; margin-left: 50px;} li.list18 {width: 210px; font-size: 10px; margin-left: 58px;} li.list19 {width: 200px; font-size: 10px; margin-left: 100px;} li.list20 {width: 300px; font-size: 10px; margin-left: 140px;} li.list21 {width: 35px; font-size: 10px; margin-left: 70px;} li.list22 {width: 110px; font-size: 10px; margin-left: 300px;} li.list23 {width: 200px; font-size: 10px; margin-left: 270px;} #main { float: left; width: 900px; height: 541px;} #submen {float: left; width: 150px; height: 550px; color: #000;} #submen2 {float: left; width: 455px; height: 550px; color: #000;} p.menu { font-size: 11px; color: #000; margin: 7px 0 0 47px;} p.links { font-size: 11px; color: #000; margin: 7px 0 0 47px;} p.menu a { color: #000;} p.menu a:hover { color: #00f;} .click { float: right; width: 100px; height: 430px;} #bild {float: left; width: 320px; height: 550px;} /*background-halfs*/ .bild1 { background: url(../inlays/steel1.png) no-repeat 345px 4px;} .bild2 { background: url(../inlays/steel2.png) no-repeat 347px 0px;} .bild3 { background: url(../inlays/steel3.png) no-repeat 360px -4px;} .bild4 { background: url(../inlays/steel4.png) no-repeat 345px 0px;} .bild5 { background: url(../inlays/steel5.png) no-repeat 345px 15px;} .image1 { background: url(../inlays/nylon1.png) no-repeat 355px -10px;} .image2 { background: url(../inlays/nylon2.png) no-repeat 350px -20px;} .image3 { background: url(../inlays/nylon3.png) no-repeat 350px 20px;} .image4 { background: url(../inlays/nylon4.png) no-repeat 340px 0px;} .image5 { background: url(../inlays/nylon5.png) no-repeat 345px 4px;} .pic1 { background: url(../inlays/outros1.png) no-repeat 395px 50px;} .pic2 { background: url(../inlays/outros2.png) no-repeat 400px 130px;} .pic3 { background: url(../inlays/outros3.png) no-repeat 400px 180px;} .pic4 { background: url(../inlays/outros4.png) no-repeat 375px 130px;} .pic5 { background: url(../inlays/outros5.png) no-repeat 372px 100px;} #text {float: right; width: 430px; height: 520px;} p.cont { float: right; width: 400px; font-size: 10px; color: #7a7a7a; margin: 12px 30px 0px 0px;} p.cont2 { float: right; width: 400px; font-size: 10px; color: #000; margin: 22px 30px 0px 0px;} em { color: #000; font-style: normal;} .bilderu { float: left; width: 400px; height: 110px;} ul.fotobut {float: right; width: 430px; height: 17px; background: url(../inlays/ul.png); list-style-type: none; font-size: 11px;color: #0f0; font-weight: bold; text-align: center;} li.fotoa, li.fotoa a {float: left; width: 20px; height: 16px; margin: 1px 0 0 4px;} li.fotoa:hover, li.fotoa a:hover { color: #f60; font-weight: bold;} li.fotob, li.fotob a {float: left; width: 20px; height: 16px; margin: 1px 0 0 6px;} li.fotob:hover, li.fotob a:hover { color: #f60; font-weight: bold;} li.fotod, li.fotod a { float: left; width: 220px; height: 15px; color: #000; margin: 1px 0 0 40px;} li.fotod:hover, li.fotod a:hover { color: #f60; font-weight: bold;} /*contact*/ .cono { float: right; width: 430px; height: 150px;} .conu { float: right; width: 430px; height: 375px;} .info { width: 400px; border: none; border-collapse: collapse; font-size: 10px; background: none; } var { font-weight: bold; color: #f00; font-size: 16px; line-height: 11px;} input { display: block; width: 370px; background-color: #fff; border: 1px solid #7a7a7a;} textarea {width: 370px; height: 150px; background: none; overflow: auto; border: 1px solid #7a7a7a;} .druck { width: 65px; height: 20px; border: none;} .butt1 { width: 150px; font-size: 9px; color: #00f; background: #7a7a7a;} .butt0 { width: 150px; font-size: 9px; color: #f00; background: #7a7a7a;} big { font-size: 11px; font-weight: bold;} /*fotos*/ .bilder { float: left; width: 850px; height: 110px; margin: 0 0 0 43px;} .texte { float: left; width: 900px; height: 20px;} .min { float: left; width: 100px; height: 100px; margin: 10px 0 5px 5px;} #min1, #min1 a { background: url(../inlays/cl1smin.jpg) no-repeat 0px 0px;} #min1:hover, #min1 a:hover { background: url(../inlays/cl1min.jpg);} #min2, #min2 a { background: url(../inlays/cl2smin.jpg) no-repeat 0px 0px;} #min2:hover, #min2 a:hover { background: url(../inlays/cl2min.jpg);} #min3, #min3 a { background: url(../inlays/dc1smin.jpg) no-repeat 0px 0px;} #min3:hover, #min3 a:hover { background: url(../inlays/dc1min.jpg);} #min4, #min4 a { background: url(../inlays/dc2smin.jpg) no-repeat 0px 0px;} #min4:hover, #min4 a:hover { background: url(../inlays/dc2min.jpg);} #min5, #min5 a { background: url(../inlays/dc3smin.jpg) no-repeat 0px 0px;} #min5:hover, #min5 a:hover { background: url(../inlays/dc3min.jpg);} #min6, #min6 a { background: url(../inlays/dc4smin.jpg) no-repeat 0px 0px;} #min6:hover, #min6 a:hover { background: url(../inlays/dc4min.jpg);} #min7, #min7 a { background: url(../inlays/dc5smin.jpg) no-repeat 0px 0px;} #min7:hover, #min7 a:hover { background: url(../inlays/dc5min.jpg);} #min8, #min8 a { background: url(../inlays/dc6smin.jpg) no-repeat 0px 0px;} #min8:hover, #min8 a:hover { background: url(../inlays/dc6min.jpg);} #min9, #min9 a { background: url(../inlays/dc7smin.jpg) no-repeat 0px 0px;} #min9:hover, #min9 a:hover { background: url(../inlays/dc7min.jpg);} #min10, #min10 a { background: url(../inlays/dc8smin.jpg) no-repeat 0px 0px;} #min10:hover, #min10 a:hover { background: url(../inlays/dc8min.jpg);} #min11, #min11 a { background: url(../inlays/dc9smin.jpg) no-repeat 0px 0px;} #min11:hover, #min11 a:hover { background: url(../inlays/dc9min.jpg);} #min12, #min12 a { background: url(../inlays/dc10smin.jpg) no-repeat 0px 0px;} #min12:hover, #min12 a:hover { background: url(../inlays/dc10min.jpg);} #min13, #min13 a { background: url(../inlays/lag1smin.jpg) no-repeat 0px 0px;} #min13:hover, #min13 a:hover { background: url(../inlays/lag1min.jpg);} #min14, #min14 a { background: url(../inlays/lag2smin.jpg) no-repeat 0px 0px;} #min14:hover, #min14 a:hover { background: url(../inlays/lag2min.jpg);} #min15, #min15 a { background: url(../inlays/lag3smin.jpg) no-repeat 0px 0px;} #min15:hover, #min15 a:hover { background: url(../inlays/lag3min.jpg);} #min16, #min16 a { background: url(../inlays/lag4smin.jpg) no-repeat 0px 0px;} #min16:hover, #min16 a:hover { background: url(../inlays/lag4min.jpg);} #min17, #min17 a { background: url(../inlays/lag5smin.jpg) no-repeat 0px 0px;} #min17:hover, #min17 a:hover { background: url(../inlays/lag5min.jpg);} #min18, #min18 a { background: url(../inlays/bra1smin.jpg) no-repeat 0px 0px;} #min18:hover, #min18 a:hover { background: url(../inlays/bra1min.jpg);} #min19, #min19 a { background: url(../inlays/bra2smin.jpg) no-repeat 0px 0px;} #min19:hover, #min19 a:hover { background: url(../inlays/bra2min.jpg);} #min20, #min20 a { background: url(../inlays/bra3smin.jpg) no-repeat 0px 0px;} #min20:hover, #min20 a:hover { background: url(../inlays/bra3min.jpg);} #min21, #min21 a { background: url(../inlays/bra4smin.jpg) no-repeat 0px 0px;} #min21:hover, #min21 a:hover { background: url(../inlays/bra4min.jpg);} #min22, #min22 a { background: url(../inlays/eg1smin.jpg) no-repeat 0px 0px;} #min22:hover, #min22 a:hover { background: url(../inlays/eg1min.jpg);} #min23, #min23 a { background: url(../inlays/eg2smin.jpg) no-repeat 0px 0px;} #min23:hover, #min23 a:hover { background: url(../inlays/eg2min.jpg);} #min24, #min24 a { background: url(../inlays/eg3smin.jpg) no-repeat 0px 0px;} #min24:hover, #min24 a:hover { background: url(../inlays/eg3min.jpg);} #min25, #min25 a { background: url(../inlays/mat1smin.jpg) no-repeat 0px 0px;} #min25:hover, #min25 a:hover { background: url(../inlays/mat1min.jpg);} #min26, #min26 a { background: url(../inlays/mat2smin.jpg) no-repeat 0px 0px;} #min26:hover, #min26 a:hover { background: url(../inlays/mat2min.jpg);} #min27, #min27 a { background: url(../inlays/mat3smin.jpg) no-repeat 0px 0px;} #min27:hover, #min27 a:hover { background: url(../inlays/mat3min.jpg);} #min28, #min28 a { background: url(../inlays/mat4smin.jpg) no-repeat 0px 0px;} #min28:hover, #min28 a:hover { background: url(../inlays/mat4min.jpg);} #min29, #min29 a { background: url(../inlays/mat5smin.jpg) no-repeat 0px 0px;} #min29:hover, #min29 a:hover { background: url(../inlays/mat5min.jpg);} #min30, #min30 a { background: url(../inlays/dc11smin.jpg) no-repeat 0px 0px;} #min30:hover, #min30 a:hover { background: url(../inlays/dc11min.jpg);} #min31, #min31 a { background: url(../inlays/dc12smin.jpg) no-repeat 0px 0px;} #min31:hover, #min31 a:hover { background: url(../inlays/dc12min.jpg);} #min32, #min32 a { background: url(../inlays/cl3smin.jpg) no-repeat 0px 0px;} #min32:hover, #min32 a:hover { background: url(../inlays/cl3min.jpg);} #min33, #min33 a { background: url(../inlays/ps1smin.jpg) no-repeat 0px 0px;} #min33:hover, #min33 a:hover { background: url(../inlays/ps1min.jpg);} #min34, #min34 a { background: url(../inlays/ps2smin.jpg) no-repeat 0px 0px;} #min34:hover, #min34 a:hover { background: url(../inlays/ps2min.jpg);} #min35, #min35 a { background: url(../inlays/sf1smin.jpg) no-repeat 0px 0px;} #min35:hover, #min35 a:hover { background: url(../inlays/sf1min.jpg);} #min36, #min36 a { background: url(../inlays/sf2smin.jpg) no-repeat 0px 0px;} #min36:hover, #min36 a:hover { background: url(../inlays/sf2min.jpg);} #min37, #min37 a { background: url(../inlays/sf3smin.jpg) no-repeat 0px 0px;} #min37:hover, #min37 a:hover { background: url(../inlays/sf3min.jpg);} #min38, #min38 a { background: url(../inlays/sf4smin.jpg) no-repeat 0px 0px;} #min38:hover, #min38 a:hover { background: url(../inlays/sf4min.jpg);} #min39, #min39 a { background: url(../inlays/cav1smin.jpg) no-repeat 0px 0px;} #min39:hover, #min39 a:hover { background: url(../inlays/cav1min.jpg);} #min40, #min40 a { background: url(../inlays/cav2smin.jpg) no-repeat 0px 0px;} #min40:hover, #min40 a:hover { background: url(../inlays/cav2min.jpg);} #min41, #min41 a { background: url(../inlays/har1smin.jpg) no-repeat 0px 0px;} #min41:hover, #min41 a:hover { background: url(../inlays/har1min.jpg);} #min42, #min42 a { background: url(../inlays/har2smin.jpg) no-repeat 0px 0px;} #min42:hover, #min42 a:hover { background: url(../inlays/har2min.jpg);} #min43, #min43 a { background: url(../inlays/har3smin.jpg) no-repeat 0px 0px;} #min43:hover, #min43 a:hover { background: url(../inlays/har3min.jpg);} #min44, #min44 a { background: url(../inlays/dul1smin.jpg) no-repeat 0px 0px;} #min44:hover, #min44 a:hover { background: url(../inlays/dul1min.jpg);} #min45, #min45 a { background: url(../inlays/dul2smin.jpg) no-repeat 0px 0px;} #min45:hover, #min45 a:hover { background: url(../inlays/dul2min.jpg);} #min46, #min46 a { background: url(../inlays/dul3smin.jpg) no-repeat 0px 0px;} #min46:hover, #min46 a:hover { background: url(../inlays/dul3min.jpg);} #min47, #min47 a { background: url(../inlays/dul4smin.jpg) no-repeat 0px 0px;} #min47:hover, #min47 a:hover { background: url(../inlays/dul4min.jpg);} #min48, #min48 a { background: url(../inlays/jacsmin.jpg) no-repeat 0px 0px;} #min48:hover, #min48 a:hover { background: url(../inlays/jacmin.jpg);} #min49, #min49 a { background: url(../inlays/bou1smin.jpg) no-repeat 0px 0px;} #min49:hover, #min49 a:hover { background: url(../inlays/bou1min.jpg);} #min50, #min50 a { background: url(../inlays/bou2smin.jpg) no-repeat 0px 0px;} #min50:hover, #min50 a:hover { background: url(../inlays/bou2min.jpg);} #min51, #min51 a { background: url(../inlays/bou3smin.jpg) no-repeat 0px 0px;} #min51:hover, #min51 a:hover { background: url(../inlays/bou3min.jpg);} #min52, #min52 a { background: url(../inlays/bou4smin.jpg) no-repeat 0px 0px;} #min52:hover, #min52 a:hover { background: url(../inlays/bou4min.jpg);} #min53, #min53 a { background: url(../inlays/bou5smin.jpg) no-repeat 0px 0px;} #min53:hover, #min53 a:hover { background: url(../inlays/bou5min.jpg);} #min54, #min54 a { background: url(../inlays/bou6smin.jpg) no-repeat 0px 0px;} #min54:hover, #min54 a:hover { background: url(../inlays/bou6min.jpg);} #min55, #min55 a { background: url(../inlays/kas1smin.jpg) no-repeat 0px 0px;} #min55:hover, #min55 a:hover { background: url(../inlays/kas1min.jpg);} #min56, #min56 a { background: url(../inlays/kas2smin.jpg) no-repeat 0px 0px;} #min56:hover, #min56 a:hover { background: url(../inlays/kas2min.jpg);} /*uficina*/ #uf1, #uf1 a { background: url(../inlays/uf1s.jpg) no-repeat 0px 0px;} #uf1:hover, #uf1 a:hover { background: url(../inlays/uf1.jpg);} #uf2, #uf2 a { background: url(../inlays/uf2s.jpg) no-repeat 0px 0px;} #uf2:hover, #uf2 a:hover { background: url(../inlays/uf2.jpg);} #uf3, #uf3 a { background: url(../inlays/uf3s.jpg) no-repeat 0px 0px;} #uf3:hover, #uf3 a:hover { background: url(../inlays/uf3.jpg);} #uf4, #uf4 a { background: url(../inlays/uf4s.jpg) no-repeat 0px 0px;} #uf4:hover, #uf4 a:hover { background: url(../inlays/uf4.jpg);} #uf5, #uf5 a { background: url(../inlays/uf5s.jpg) no-repeat 0px 0px;} #uf5:hover, #uf5 a:hover { background: url(../inlays/uf5.jpg);}