h1 { background-image:url(bilder/GastSchweiz/hintergrund.jpg); background-repeat:no-repeat; background-position: center; line-height:200px; text-align:center; color:black; font-size:40px; letter-spacing: 2px; word-spacing: 10px; } body { background-color:black; text-align:left; } #links { float:left; width:150px; height:1050px; text-align:left;vertical-align:top; font-weight: bold; } #links ul { list-style: none; } #unterlinks li{ border: 0px red solid; width: 130px; height: 25px; color: silver; margin-top:10px;margin-left:30px; padding:10px; } #unterlinks a:link { color:red; text-decoration:none; } #unterlinks a:visited { color:red; text-decoration:none; } #unterlinks a:focus { color:red; text-decoration:none; } #unterlinks a:hover { color:silver; text-decoration:none; } #unterlinks a:active { color:red; text-decoration:none; } #unterlinks ul { list-style: none; } #reiselinks li{ color: red; padding-bottom:20px; padding-left: 20px;font-size: 20px; font-weight: bold; } #reiselinks a:link { color:red; text-decoration:none; } #reiselinks a:visited { color:red; text-decoration:none; } #reiselinks a:focus { color:red; text-decoration:none; } #reiselinks a:hover { color:silver; text-decoration:none; } #reiselinks a:active { color:red; text-decoration:none; } .reisen li:hover { background-image:url(bilder/Linkhintergründe/Islandluft.jpg) } .reisen li { border:2px red solid; width:130px; height:35px; margin-top:10px; padding: 10px; background-image:url(bilder/Tuaregklein.jpg) ; } .reisen a:link { color:black; text-decoration:none;display: block;width:140px; height:45px; } .reisen a:visited { color:black; text-decoration:none;display: block;width:140px; height:45px; } .reisen a:focus { color:black; text-decoration:none;display: block;width:140px; height:45px; } .reisen a:hover { color:red; text-decoration:none;display: block;width:140px; height:45px; } .reisen a:active { color:black; text-decoration:none;display: block;width:140px; height:45px; } #google { text-align:left; } #text { float:right; width:730px; padding:15px; margin:15px; } #haupttext { text-align:justify;color:white; font-size:14px;font-family: helvetica, sans-serif; padding-left:50px; } #haupttext a:link { color:red; text-decoration:none; } #haupttext a:visited { color:red; text-decoration:none; } #haupttext a:focus { color:red; text-decoration:none; } #haupttext a:hover { color:silver; text-decoration:none; } #haupttext a:active { color:red; text-decoration:none; } #haupttext1 { text-align:justify;color:white; font-size:14px;font-family: helvetica, sans-serif; } #haupttext1 a:link { color:red; text-decoration:none; } #haupttext1 a:visited { color:red; text-decoration:none; } #haupttext1 a:focus { color:red; text-decoration:none; } #haupttext1 a:hover { color:silver; text-decoration:none; } #haupttext1 a:active { color:red; text-decoration:none; } #texth2 { text-align:justify;color:white; font-size:16px;font-weight: bolder;font-family: helvetica, sans-serif; } #ruecklink { text-align:left; float: left; } #ruecklink a:link { color:red; text-decoration:none; } #ruecklink a:visited { color:red; text-decoration:none; } #ruecklink a:focus { color:red; text-decoration:none; } #ruecklink a:hover { color:silver; text-decoration:none; } #ruecklink a:active { color:red; text-decoration:none; } #vorlink { text-align:right; float: right; } #vorlink a:link { color:red; text-decoration:none; } #vorlink a:visited { color:red; text-decoration:none; } #vorlink a:focus { color:red; text-decoration:none; } #vorlink a:hover { color:silver; text-decoration:none; } #vorlink a:active { color:red; text-decoration:none; } .uplink { text-align:center; padding-top:10px; } .uplink a:link { color:red; text-decoration:none; } .uplink a:visited { color:red; text-decoration:none; } .uplink a:focus { color:red; text-decoration:none; } .uplink a:hover { color:silver; text-decoration:none; } .uplink a:active { color:red; text-decoration:none; } .rezepte1 { font-size: 24px; font-weight: bolder; padding-top: 30px; padding-bottom:20px; text-align:center; } .rezepte { font-size: 18px; font-weight: bold; padding-top: 20px; } .rezepte ul { list-style-image: url(bilder/Marokko/marokkoanimiert.gif); } .rezepte li { padding-bottom:20px; padding-left: 20px;font-size: 20px; } #seitenbereich { width:1000px; text-align:right; margin:0 auto; } #kopfzeile { color:white;border-bottom:1px solid red; } #fusszeile { clear:both; color:white;border-top:1px solid red; text-align:center; } #wetter { margin-left:150px; padding-top: 25px; } #wetter a:link { color:red; text-decoration:none; } #wetter a:visited { color:red; text-decoration:none; } #wetter a:focus { color:red; text-decoration:none; } #wetter a:hover { color:silver; text-decoration:none; } #wetter a:active { color:red; text-decoration:none; } /*Fotos mit Mausberührung automatisch größer machen*/ /* Photo-Caption PZ3 CSS v080630 * copyright: http://randsco.com/copyright * www.randsco.com */ .PZ3-l { float:left; margin-right:10px; } .PZ3-r { float:right; margin-left:10px; direction:rtl; } /**/body .PZ3-r { position:relative; } .PZ3zoom { border:1px solid black; } .PZ3zoom a,.PZ3zoom a:visited { display:block; padding:0; overflow:hidden; text-decoration:none; height:100%; width:100%; } /**/body .PZ3-r a { right:0; } .PZ3zoom a:hover { position:absolute; z-index:999; padding:0; background:none; cursor:default; height:auto; width:auto; overflow:visible; border:1px solid white; margin:-1px 0 0 -1px; } body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; } .PZ3zoom a img { border:0; height:100%; width:100%; } .PZ3zoom a:hover img { height:auto; width:auto; border:0; } a:hover .PZ3cap, a:hover .PZ31cap { display:block; direction:ltr; font:10pt verdana,sans-serif; margin-top:-3px; background:black; color:#fff; text-align:left; } a:hover .PZ3cap { padding:3px 5px; } .PZ3inr { display:block; padding:2px 5px; } .noCap a:hover .PZ3cap, .noCap a:hover .PZ31cap { display:none; } .noBdr,.noBdr a:hover { border:0; } .Lnk a:hover { cursor:pointer; } /* End Photo-Caption Zoom CSS */ /* start PZ3 code in HTML einfügen
ohne Link: onclick="return false" xxxxx Bildbeschreibung Photo by Brian Ernst
// end PZ3 code */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/css3-animated-slideshow.html Copyright (c) 2005-2010 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul.u1 {padding:0; margin:0 auto; list-style:none; width:616px; border:16px solid #FFFFFF ; border-width:16px 16px 5px 0; height:615px; position:relative; background:#FFFFFF; overflow:hidden; -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } ul.u1 ul {padding:0; margin:0; list-style:none; position:absolute; top:70px; width:600px; height:66px; overflow:visible; border:0; left:32px; z-index:100; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } ul.u1 ul li {float:left;} ul.u1 ul li a {display:block; float:left; width:100px; height:66px; background:#FFFFFF;} ul.u1 ul li a img {display:block; border:0;} ul.u1 ul li a img.small {opacity:1; filter: alpha(opacity=100); float:right; transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; } ul.u1 ul li a img.full {position:absolute; left:1px; top:-620px; opacity:0; z-index:1; filter: alpha(opacity=0); transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } ul.u1 li.tp {position:absolute; left:-16px; top:550px; width:16px; height:17px; background:orange; z-index:5;} ul.u1 li.p1 a.a1 {position:absolute; left:16px; top:0; display:block; width:16px; height:17px; background:#000; font:12px/16px arial,sans-serif; color:#fff; text-decoration:none; text-align:center;} ul.u1 li.p2 a.a2 {position:absolute; left:16px; top:16px; display:block; width:16px; height:17px; background:#000; font:12px/16px arial,sans-serif; color:#fff; text-decoration:none; text-align:center;} ul.u1 li.p3 a.a3 {position:absolute; left:16px; top:32px; display:block; width:16px; height:17px; background:#000; font:12px/16px arial,sans-serif; color:#fff; text-decoration:none; text-align:center;} ul.u1 li.p4 a.a4 {position:absolute; left:16px; top:48px; display:block; width:16px; height:17px; background:#000; font:12px/16px arial,sans-serif; color:#fff; text-decoration:none; text-align:center;} ul.u1 li.p1 ul {top:0;} ul.u1 li.p1 ul li a img.full {top:-550px;} ul.u1 li.tp:hover {border:0;} ul.u1 li.tp:hover a {font-weight:bold; background:#333;} ul.u1 li.tp:hover ul {top:0;} ul.u1 li.tp:hover ul li a img.full {top:-550px;} ul.u1 ul li a:hover img.small {opacity:0.4; filter: alpha(opacity=40);} ul.u1 ul li a:hover img.full {opacity:1; filter: alpha(opacity=100);} ul.u1 li.cover {position:absolute; left:17px; top:0; height:549px; width:599px; background: url(trans.gif); z-index:500;} ul.u1 li.title{position:absolute; left:17px; top:0; height:449px; padding-top:100px; width:599px; z-index:1; color:#888; font-size:25px; text-align:center; transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } ul.u1 li.title span {font-size:16px;} ul.u1:hover li.title {opacity:0; filter: alpha(opacity=0);} /* for IE6 */ ul.u1 table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px; position:absolute;} ul.u1 li a.a1 ul {top:0;} ul.u1 li a.a2 ul {top:53px;} ul.u1 li a.a3 ul {top:37px;} ul.u1 li a.a4 ul {top:23px;} ul.u1 li.tp a:hover {border:0;} ul.u1 li.tp a:hover {font-weight:bold; background:#333;} ul.u1 li a.a1:hover ul {top:0;} ul.u1 li a.a2:hover ul {top:-16px;} ul.u1 li a.a3:hover ul {top:-32px;} ul.u1 li a.a4:hover ul {top:-48px;} ul.u1 li.tp a:hover ul li a img.full {top:-550px;} * html ul.u1 li.cover {height:551px;} * html ul.u1 ul {left:2px; top:66px;} /* HTML Code für Slideshow */