body {background-color:#ffffff; background-image:url("http://www.lsaviron.ch/images2/background.gif"); background-repeat:repeat; } a:link{text-decoration: none;} a:visited{text-decoration: none;} a#cell{ display:block; width="295px"; height="110px";} #i1 {border-radius-topleft: 10px; border-radius-bottomright: 10px; -o-border-radius-topleft: 10px; -icab-border-radius-topleft: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-radius-topleft: 10px; border-top-left-radius: 10px; -o-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border: 0px solid #001B91; padding: 0px;} #i2 {border-radius-topleft: 3px; border-radius-bottomright: 3px; -o-border-radius-topleft: 3px; -icab-border-radius-topleft: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-topleft: 6px; border-top-left-radius: 6px; -o-border-top-left-radius: 3px; -icab-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border: 1px solid #59728D; padding: 0px; background:#c2d4ec; } #i3 {width:140px; height:140px; border-radius-topleft: 10px; border-radius-bottomright: 10px; -o-border-radius-topleft: 10px; -icab-border-radius-topleft: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-radius-topleft: 10px; border-top-left-radius: 10px; -o-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border: 1px solid #001B91; padding: 0px;} #i4 {width:140px; height:47px; border-radius-topleft: 3px; border-radius-bottomright: 3px; -o-border-radius-topleft: 3px; -icab-border-radius-topleft: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-topleft: 6px; border-top-left-radius: 6px; -o-border-top-left-radius: 3px; -icab-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border: 1px solid #59728D; padding: 0px;} #i5 {border-radius-topleft: 3px; border-radius-topright: 3px; -o-border-radius-topleft: 3px; -icab-border-radius-topleft: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-radius-topleft: 6px; border-top-left-radius: 6px; -o-border-top-left-radius: 3px; -icab-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border: 1px solid #59728D; padding: 0px; background-color:#b5cde0; width:100%;} #i6 {border-radius-topleft: 3px; border-radius-topright: 3px; -o-border-radius-topleft: 3px; -icab-border-radius-topleft: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-radius-topleft: 6px; border-top-left-radius: 6px; -o-border-top-left-radius: 3px; -icab-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border: 0px padding: 0px; background-color:#FFFFFF; width:100%; border-collapse:collapse; } #t1 {width:100%; padding:1px; border:1px solid #2233FF; border-collapse:collapse; background-color:#FFFFFF;} #t2 {width:100%; padding:0px; border:0px; border-collapse:collapse; background-color:#FFFFFF;} #t3 {position: relative; top: 0px; width:100%; padding:0px; border: 1px solid #59728D; background-color:#b5cde0; } #t4 {position: relative; top: -2px; width:100%; padding:0px; border: 1px solid #59728D; border-top:none; background:#d2e4fc; } #t5 {width:100%; padding:5px; border:0px solid #2233FF; background-color:#d2e4fc;} #t6 {width:100%; padding:1px; border:1px solid #2233FF; border-collapse:collapse; background-color:#FFFFFF;} .p1 {color:#114499; font-size:18px; font-weight:bold; font-style:italic; font-family: Arial; margin-top: 0px; margin-bottom: 0px;} .p2 {color:#59728D; font-size:16px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} .p3 {color:#bb3355; font-size:14px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} .p4 {color:#59728D; font-size:10px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} /* ----------- iOS for iPhone fonts below ----------- */ .p5 {color:#114499; font-size:60px; font-weight:bold; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} .p6 {color:#59728D; font-size:30px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} /* ----------- fonts for photo album below ----------- */ .p7 {color:#000000; font-size:14px; font-weight:bold; font-style:italic; font-family: "arial"; margin-top: 0px; margin-bottom: 0px;} .p8 {color:#000000; font-size:14px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} .p9 {color:#000000; font-size:12px; font-weight:normal; font-style:normal; font-family: "arial"; margin-top: 0px; margin-bottom: 0px;} /* ----------- fonts for sliding window below ----------- */ .p10 {color:#114499; font-size:14px; font-weight:bold; font-style:normal; font-family: "arial"; margin-top: 0px; margin-bottom: 0px;} .p11 {color:#000000; font-size:10px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} /* ------------- fonts for menu ------------ */ .p12 {color:#000000; font-size:22px; font-weight:bold; font-style:italic; font-family: "arial"; margin-top: 0px; margin-bottom: 0px;} .p13 {color:#000000; font-size:20px; font-weight:normal; font-style:italic; font-family: "Georgia"; margin-top: 0px; margin-bottom: 0px;} /* ----- MAIN NAVIGATION ----- */ nav { display:block; position: relative; top: 0px; left: 0px; width: 200px; } nav li { display: block; margin-bottom: 2px; line-height: 30px; margin-left: -40px; } nav a{ display: block; height: 30px; padding: 5px 0 0 70px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } nav a:hover { color: #EC6635; } nav a:link{text-decoration: none; color:#114499;} nav a:visited{text-decoration: none; color:#114499;} nav li a { background-position: 0 35%; background-repeat: no-repeat; } nav li a:hover { background-position: 25px 35%; } li#a1 a { background-image: url('http://www.lsaviron.ch/images2/mobile/ix16.gif'); background-size: 35px;} li#a2 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iC16.gif'); background-size: 35px;} li#a3 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iN16.gif'); background-size: 35px;} li#a4 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iR16.gif'); background-size: 35px;} li#a5 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iD16.gif'); background-size: 35px;} li#a6 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iA16.gif'); background-size: 35px;} li#a7 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iI16.gif'); background-size: 35px;} li#a8 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iP16.gif'); background-size: 35px;} li#a9 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iS16.gif'); background-size: 35px;} li#a10 a { background-image: url('http://www.lsaviron.ch/images2/mobile/if16.gif'); background-size: 35px;} li#a11 a { background-image: url('http://www.lsaviron.ch/images2/mobile/iW16.gif'); background-size: 35px;} li#a12 a { background-image: url('http://www.lsaviron.ch/images2/mobile/in16.gif'); background-size: 35px;} li#a13 a { background-image: url('http://www.lsaviron.ch/images2/mobile/ib16.gif'); background-size: 35px;} li#a14 a { background-image: url('http://www.lsaviron.ch/images2/mobile/it16.gif'); background-size: 35px;} li#aM a { background-image: url('http://www.lsaviron.ch/images2/mobile/iM21.gif'); background-size: 35px;} /* ----- ADDRESS FIELD IN LEFT COLUMN ----- */ address { position: relative; top: 0px; left: 0px; width: 200px; } address a { color: #59728D; } /* ----- SPoNSORS FIELD IN LEFT COLUMN ----- */ sponsors { position: relative; top: 0px; left: 0px; width: 200px; } div.s1 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoLeShop.jpg');} div.s2 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoSportXX.jpg');} div.s3 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoParmigiani.jpg');} div.s4 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoLuxit.jpg');} div.s5 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoS&C.jpg');} div.s6 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoGraphus.jpg');} div.s7 {height: 43px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoFSV.jpg');} div.s8 {height: 60px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoLausanne.jpg');} div.s1 a, div.s1 a:link, div.s1 a:visited {display:block;} div.s2 a, div.s2 a:link, div.s2 a:visited {display:block;} div.s3 a, div.s3 a:link, div.s3 a:visited {display:block;} div.s4 a, div.s4 a:link, div.s4 a:visited {display:block;} div.s5 a, div.s5 a:link, div.s5 a:visited {display:block;} div.s6 a, div.s6 a:link, div.s6 a:visited {display:block;} div.s7 a, div.s7 a:link, div.s7 a:visited {display:block;} div.s8 a, div.s8 a:link, div.s8 a:visited {display:block;} div.s1 img {width:100%;height:100%;border:0;} div.s2 img {width:100%;height:100%;border:0;} div.s3 img {width:100%;height:100%;border:0;} div.s4 img {width:100%;height:100%;border:0;} div.s5 img {width:100%;height:100%;border:0;} div.s6 img {width:100%;height:100%;border:0;} div.s7 img {width:100%;height:100%;border:0;} div.s8 img {width:100%;height:100%;border:0;} div.s1 a:hover img {visibility:hidden;} div.s2 a:hover img {visibility:hidden;} div.s3 a:hover img {visibility:hidden;} div.s4 a:hover img {visibility:hidden;} div.s5 a:hover img {visibility:hidden;} div.s6 a:hover img {visibility:hidden;} div.s7 a:hover img {visibility:hidden;} div.s8 a:hover img {visibility:hidden;} /* ----- WINDSPOTS FIELD IN LEFT COLUMN ----- */ Windspots { position: relative; top: 0px; left: 0px; width: 200px; } div.c1 {height: 52px;width: 125px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/LogoWindspots.jpg');} div.c1 a, div.c1 a:link, div.c1 a:visited {display:block;} div.c1 img {width:100%;height:100%;border:0;} div.c1 a:hover img {visibility:hidden;} div.c2 {height: 120px;width: 135px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/Logo2020.jpg');} div.c2 a, div.c1 a:link, div.c1 a:visited {display:block;} div.c2 img {width:100%;height:100%;border:0;} div.c2 a:hover img {visibility:hidden;} div.c3 {height: 110px;width: 135px;margin:0;padding:0;background-image:url('http://www.lsaviron.ch/images2/ERC19.jpg');} div.c3 a, div.c1 a:link, div.c1 a:visited {display:block;} div.c3 img {width:100%;height:100%;border:0;} div.c3 a:hover img {visibility:hidden;}