body { margin: 0; padding: 0; text-align: center; background-color: #696; } #box { width: 54em; margin: 0 auto; padding: 0 0 0.75em 0; text-align: left; } #logo { height: 45px; margin: 0; padding: 0; border: 0; background-image: url(/graphics/icons.png); background-repeat: repeat-x; background-position: 0 -100px; background-color: #ADA; } #logo img { padding: 0; margin: 16px 0 0 16px; background-image: url(/graphics/icons.png); background-repeat: no-repeat; background-position: -61px -50px; } #menu { top: 65px; width: 10em; padding: 0; margin: 0; position: absolute; border-right: 1px #AAA solid; border-bottom: 1px #AAA solid; border-left: 1px #CCC solid; } #content { margin: 0; padding: 0.1em 0.75em 0.25em 10.75em; } h1 { margin: 0.5em 0; padding-top: 0; } img { border: 0; } .clear { clear: both; } a.external { padding-left: 1px; padding-right: 15px; background-image: url(/graphics/icons.png); background-repeat: no-repeat; background-position: right -168px; } a:visited.external { background-position: right -208px; } a:hover.external, a:focus.external, a:active.external { background-position: right -248px; } .left1 { padding-left: 1em; } .left3 { padding-left: 3em; } .leftright3 { padding-right: 3em; padding-left: 3em; } .top05 { padding-top: 0.5em; } .o-line { border-top: 1px solid #999; } body { font-family: verdana, arial, sans-serif; } #menu, h1 { font-family: Trebuchet MS, verdana, arial, sans-serif; } p.DateNav { font-family: monospace; } body { font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.125em; } div#HomeLeft .iBox { font-size: 1em; } h3 { font-size: 0.875em; } #menu { font-size: 0.875em; } #Karte, h4 { font-size: 0.75em; } p.date, .bahn, p.weekday, #fahrplan, .twelve, p.DateNav { font-size: 0.75em; } p.timestamp, .iBox { font-size: 0.6875em; } .tech, p.quelle { font-size: 0.625em; } body { color: #333; } h1, .red, .error { color: #C30; } .green { color: #090; } .tech, .quelle { color: #777; } p.date, p.timestamp, .gray, #logo a:hover { color: #999; background-color: transparent; } #content a, #Karte a { color: #369; } #content a:visited, #Karte a:visited { color: #666; } #content a:hover, #content a:focus, #content a:active, #Karte a:hover, #Karte a:focus, #Karte a:active { color: #DFD; background-color: #585; text-decoration: none; } #content, #Karte, #Wetter { background-color: #F3F3F3; } #menu, #link-box { background-color: #E5E5E5; } #link-box { padding: 0.25em 1em; border-top: 1px #CCC solid; clear:right; text-align: center;} #link-box a img { border: 1px #BBB solid; margin: 0.1875em; padding: 0; } #link-box a:hover img, #link-box a:focus img, #link-box a:active img { border: 1px #585 solid; } #link-box a:hover img, #link-box a:focus img, #link-box a:active img { opacity: 1; } .p-zt, .p-gz, .p-ggb, .p-az, .p-ac, .p-mgb { background-image: url(/graphics/partner.gif); background-repeat: no-repeat; opacity: 0.5; } .p-zt { background-position: 0 0; } .p-gz { background-position: -151px 0; } .p-ggb { background-position: -297px 0; } .p-az { background-position: -427px 0; } .p-ac { background-position: -535px 0; } .p-mgb { background-position: -615px 0; } .webcam { box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; -moz-box-shadow: 3px 3px 10px #333; } p.DateNav { white-space: pre; margin: 0; padding: 0; line-height: 1.3em; } p.DateNav span { background-color: #DDD; } p.DateNav a { text-decoration: none; padding: 0 2px 0 2px; border: 1px solid transparent; } p.DateNav a:visited { color: #999; background-color: transparent; } p.DateNav a:hover { border: 1px solid #136; color: #369; } #menu p { margin: 0; padding: 0; } #menu ul, #menu li { margin: 0; padding: 0; list-style-type: none; } #menu a, #menu .active, #menu .inactive { display: block; margin: 0; padding: 0.1em 0.25em 0.1em 2em; color: #666; background-color: transparent; font-size: 0.85em; text-decoration: none; border-top: 1px #CCC solid; } #menu p a, #menu p .active, #menu p .inactive { padding: 0.075em 0.15em 0.075em 1em; font-size: 1em; } #menu a:hover, #menu a:hover, #menu a:focus, #menu a:active { color: #DFD; background-color: #585; } #menu .active { color: #DFD; background-color: #8B8; } p.timestamp { text-align: right; padding-right: 5em;} .iBox {float:left; width:30em; } .iBox table { width: 27em; background-color: #fff; text-align: left; padding: 0; margin: 0; } .iBox table, .iBox table td { border: 1px #CCC solid; border-collapse: collapse; } .iBox tr.iTitle td { background-color: #BBB; padding: 1px 5px 1px 67px; font-weight: bold; } .iBox tr.iBg td { background-color:#DDD; } .iBox td { padding: 2px 0; } .iBox td.iOne { width: 30px; height: 20px; text-align: center; } .iBox td.iTwo { width: 30px; text-align: center; } .iBox td.iThree { padding: 1px 5px; } .iBox td.iFour { width: 36px; text-align: center; } .iBox td.iSpace { font-size: 9px; padding: 0; } .iBox table.wetter td { padding: 0.75em 0.4em; } .iBox img { width:20px; height: 20px; } .iBox img.lg { width:50px; height: 36px; margin-top: 3px;} .iBox img.lgt { width: 140px; height: 15px; margin: 0 0 9px 25px; } .icon-0, .icon-1, .icon-2, .icon-gb, .icon-lb, .icon-ls, .icon-sb, .icon-sl, .icon-st, .icon-lg1, .icon-lg2, .icon-lg3, .icon-lg4, .icon-lg5, .icon-lgt1, .icon-lgt2, .icon-lgt3, .icon-lgt4, .icon-lgt5, .icon-zb { background-image: url(/graphics/icons.png); background-repeat: no-repeat; } .icon-0 { background-position: 0 0; } .icon-1 { background-position: -20px 0; } .icon-2 { background-position: -40px 0; } .icon-gb { background-position: 0 -20px; } .icon-lb { background-position: -20px -20px; } .icon-ls { background-position: -40px -20px; } .icon-sb { background-position: -60px -20px; } .icon-sl { background-position: -80px -20px; } .icon-st { background-position: -100px -20px; } .icon-zb { background-position: -120px -20px; } .icon-lg1 { background-position: 0 -290px; } .icon-lg2 { background-position: -50px -290px; } .icon-lg3 { background-position: 0 -330px; } .icon-lg4 { background-position: -50px -330px; } .icon-lg5 { background-position: -50px -330px; } .icon-lgt1 { background-position: 0 -370px; } .icon-lgt2 { background-position: 0 -385px; } .icon-lgt3 { background-position: 0 -400px; } .icon-lgt4 { background-position: 0 -415px; } .icon-lgt5 { background-position: 0 -430px; } .icon-no {} div#Wetter, #WetterStafel, div#HomeLeft, div#HomeRight { font-size: 0.6875em; } div#WetterLeft { padding: 0 1em 1em 5em; } div#HomeLeft { padding: 1em; } div#WetterRight { padding: 0 5em 1em 1em; float: right; width: auto; } div#HomeRight { padding: 2em 2em 2em 0; float: right; width: auto; } .wTit { padding: 0.5em 0 0.25em 0; font-weight: bold; } #HomeRight .wTit { color: #666; } .wTit span { font-size: 0.82em; color: #666; font-weight: normal; } .wTit2 { font-size: 1.3em ; color: #C30; font-weight: bold; padding: 0.75em 0 0 1em; } .wCurr { color: #000; background-color: #DDD; } .wMax, .wAvr { color: #999; background-color: transparent; } .wCurr, .wMax, .wAvr { padding: 0 0.25em; } .wData { padding: 0 5px; } div#HomeRight p { margin: 0.5em auto 0.5em auto; } #Karte { padding: 0.75em 0; text-align: center; } #Karte li { list-style: none; display: inline; padding: 0.5em 6em 0 6em; } #fahrplan li { padding-bottom: 0.5em; } div.thumb { width: 120px; float: left; padding-bottom: 1em; margin-right: 12px; text-align: center; font-size: 0.75em; } div.thumb a img { display: block; margin: 3px 19px; background-image: url(/graphics/websites-2011-12-05.jpg); background-repeat: no-repeat; border: 1px solid #666; box-shadow: 2px 2px 10px #666; -webkit-box-shadow: 2px 2px 10px #666; opacity: 0.6; } div.thumb a img.l-hoehenweg { background-position: 0 0; } div.thumb a img.l-pfarrei { background-position: -80px 0; } div.thumb a img.l-furri { background-position: -160px 0; } div.thumb a img.l-carina { background-position: 0 -48px; } div.thumb a img.l-city { background-position: -80px -96px; } div.thumb a img.l-daniela { background-position: -80px -48px; } div.thumb a img.l-parnass { background-position: -160px -48px; } div.thumb a img.l-schwarzsee { background-position: -240px -48px; } div.thumb a img.l-blauherd { background-position: -320px -48px; } div.thumb a img.l-trift { background-position: 0 -96px; } div.thumb a img.l-aendry { background-position: 0 -144px; } div.thumb a img.l-aeschhorn { background-position: -80px -144px; } div.thumb a img.l-arnold { background-position: -160px -144px; } div.thumb a img.l-baergsunna { background-position: -240px -144px; } div.thumb a img.l-bodmen { background-position: -320px -144px; } div.thumb a img.l-bolero { background-position: 0 -192px; } div.thumb a img.l-chamois { background-position: -80px -192px; } div.thumb a img.l-dentblanche { background-position: -160px -192px; } div.thumb a img.l-graven { background-position: -240px -192px; } div.thumb a img.l-lydia { background-position: 0 -240px; } div.thumb a img.l-mantova { background-position: -80px -240px; } div.thumb a img.l-nathalie { background-position: -160px -240px; } div.thumb a img.l-samson { background-position: -240px -240px; } div.thumb a img.l-schneefink { background-position: -320px -240px; } div.thumb a img.l-tuscolo { background-position: 0 -288px; } div.thumb a img.l-blattje { background-position: -80px -288px; } div.thumb a img.l-weras { background-position: -160px -288px; } div.thumb a img.l-zermugga { background-position: -240px -288px; } div.thumb a:hover img, div.thumb a:focus img, div.thumb a:active img { opacity: 1; } h2.title { margin: 0 0 0.5em 0; padding-top: 0.5em; color: #667; border-top: 1px #AAA solid; } .title, .clearleft { clear: left; } .invisible { position: absolute; top: -2000px; left: -3000px; width: 0px; height: 0px; display: inline; overflow: hidden; } ul.skiplinks { line-height: 0; list-style-type: none; display: inline; } div.WPthumb {} img.WPthumb { padding: 3px; margin: 0.75em 0.75em 0 0; color: #333; background-color: #DDD; } div.WPthumb a:hover { background-color: transparent; text-decoration: none; } a:hover img.WPthumb { color: #333; background-color: #BBB; } img.WPview, img.WPthumb { border: 1px solid #666; } div.WPview { width: 518px; float: left; } img.WPview { padding: 8px; margin: 10px 10px 0 0; color: #333; background: #DDD; } ul#WPnav { margin: 0; padding: 0; float: left; color: #666; text-align: left; list-style-type: none; font-size: 0.625em; } ul#WPnav li { margin: 0; padding: 0.3em; text-align: center; } ul#WPnav li a { display: block; width: auto; margin: 0; padding: 0.2em 1em; color: #666; background-color: transparent; text-decoration: none; background: #E5E5E5; border: 1px #AAA solid; } ul#WPnav li a:hover, ul#WPnav li a:focus { color: #DFD; background: #585; } ul#WPnav li.WPdesc { text-align: left; padding: 0.4em 0.3em; } p.WPdesc { clear: left; font-size: 0.75em; padding: 0.4em 0 0 10px; } h1 span.sci { color: gray; font-weight: normal; font-size: 50%; } dl#WPinfo { clear: both; font-size: 0.75em; padding-top: 0.75em; } dl#WPinfo dt { clear: left; float: left; text-align: right; width: 13em; padding-right: 0.25em; padding-top: 0.1em; color: gray; } dl#WPinfo dd {padding-top: 0.1em;} ul#Fnav { margin: 0; padding: 2.5em 1em 0 0; float: right; text-align: left; list-style-type: none; font-size: 0.625em; } ul#Fnav li { display: inline; margin: 0; padding: 0.2em; } ul#Fnav li a { width: auto; margin: 0; padding: 0.2em 1.5em; color: #666; background-color: transparent; text-decoration: none; background: #E5E5E5; border: 1px #AAA solid; } ul#Fnav li a:hover, ul#Fnav li a:focus { color: #DFD; background: #585; }