/* --- Stylesheet 1177 () --------- */ .flag { position: relative; padding: 0px 0px 15px 0px; } .flag .inner { display: inline-block; position: relative; background-color: #888; padding: 10px 10px 10px 15px; font-family: Arial; font-size: 13px; } .flag h4 { margin: 0px; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 14px;} .flag h1 { margin: 2px 0px 3px 0px; font-size: 35px; color: #fff; max-width: 500px; min-width: 150px; } .flag .topic { color: #fff; opacity: 0.8; } .flag .slogan { color: #fff; opacity: 0.6; } .flag .price { color: #fff; opacity: 0.6; } .flag .nn { display: none; } .flag.angebot { width: 200px } .flag.angebot .price { color: #fff; opacity: 0.6; float: left; } .flag.angebot .price strong { color: #fff; opacity: 1; font-size: 20px;; } .flag.angebot .slogan { float: left; } .flag a { color: #fff; text-decoration: none; } .flag a:hover { color: #fff; text-decoration: underline; } .flag.mini .inner { padding: 4px 3px 4px 10px; font-size: 11px; } .flag.mini h4 { font-weight: normal; font-size: 11px; } .flags.right .flag h4 { font-weight: normal; font-size: 12px; text-align: left; } .flag .text { color: #fff; width: 320px; float: left; opacity: 0.8; } .flag .tags { width: 220px; margin-left: 330px; margin-top: 5px; } .flag .tags a { float: right; font-size: 12px; border: 1px solid #fff; color: #fff; padding: 2px 12px; background-color: transparent; } .flag .tags a:hover { background-color: #fff; color: #000 !important; text-decoration: none; } #motive .flag .rim { position:absolute; left: 0px; top: 0px; bottom: 0px; height: auto} #motive .flag .rim img { height: 100%; width: 10px; } #motive .flag.hover:hover .slogan { position: absolute; right: 10px; top: 10px; font-weight: bold; opacity: 1; } #motive .flag.hover .full { display: none; margin: 0px 5px 0px 0px; color: #fff; } #motive .flag.hover:hover .inner { height: 140px; width: 550px; margin-top: 10px; } #motive .flag.hover:hover .full { display: block; max-width: 600px; } #motive .flag.hover:hover .nn { display: inline; display: none; } #motive .flag.hover:hover h4 { font-size: 17px; line-height: 22px; margin-bottom: 4px; } #motive .flag.click { cursor: pointer; } #motive .flag.click:hover .inner { padding-right: 20px; } .flag .inner { background-color: #999; } .flag .left { position: absolute; left: -30px; top: 0px; background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104389/rim-grey.png) no-repeat; width: 30px; height: 100%; } .flag .right { position: absolute; right: -15px; top: 0px; background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104389/rim-grey.png) 15px 0px; width: 15px; height: 100%; } .flag .shadow { position: absolute; left: -30px; top: 100%; background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104383/rim2-grey.png) left bottom no-repeat; width: 150%; height: 10%; border: 0px solid #f00; padding: 0px; margin: 0px; padding-bottom: 5px;} .flag.mini .shadow { left: -31px;} #motive .flags.right .flag .left { left: -20px; top: 0px; background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104375/rim4-grey.png); width: 20px; } #motive .flags.right .flag .right { right: -20px; top: 0px; background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104375/rim4-grey.png) 20px 0px; width: 20px; } #motive .flags.right .flag .shadow { background: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104379/rim3-grey.png) left bottom no-repeat; right: -25px; left: auto; width: 200px; } .flag.green .inner, .sommer .flag.season .inner { background-color: #66A93E; } .flag.green .left, .sommer .flag.season .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104390/rim-green.png); } .flag.green .right, .sommer .flag.season .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104390/rim-green.png); } .flag.green .shadow, .sommer .flag.season .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104384/rim2-green.png)} .flag.green2 .inner, .sommer .flag.season2 .inner { background-color: #568F34; } .flag.green2 .left, .sommer .flag.season2 .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105109/rim-green2.png); } .flag.green2 .right, .sommer .flag.season2 .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105109/rim-green2.png); } .flag.green2 .shadow, .sommer .flag.season2 .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105110/rim2-green2.png); } .flag.bergscout .inner { background-color: #85BCD2; } .flag.bergscout .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/107204/rim-iceblue2.png); } .flag.bergscout .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/107204/rim-iceblue2.png); } .flag.bergscout .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/107205/rim2-iceblue.png); } .flag.yellow .inner, .service .flag.season .inner { background-color: #E7A036; } .flag.yellow .left, .service .flag.season .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104387/rim-yellow.png); } .flag.yellow .right, .service .flag.season .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104387/rim-yellow.png); } .flag.yellow .shadow, .service .flag.season .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104381/rim2-yellow.png)} #motive .flag.red .inner, .unternehmen .flag.season .inner { background-color: #9A212F; } #motive .flag.red .left, .unternehmen .flag.season .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104388/rim-red.png); } #motive .flag.red .right, .unternehmen .flag.season .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104388/rim-red.png); } #motive .flag.red .shadow, .unternehmen .flag.season .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104382/rim2-red.png)} #motive .right .flag.red .inner { background-color: #AB001E; padding-left: 0px; } #motive .right .flag.red .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104373/rim4-red.png); } #motive .right .flag.red .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104373/rim4-red.png); } #motive .right .flag.red .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104377/rim3-red.png)} .flag.blue .inner, .winter .flag.season .inner { background-color: #0093C9; } .flag.blue .left, .winter .flag.season .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104391/rim-blue.png); } .flag.blue .right, .winter .flag.season .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104391/rim-blue.png); } .flag.blue .shadow, .winter .flag.season .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104385/rim2-blue.png)} .flag.blue2 .inner, .winter .flag.season2 .inner { background-color: #0075A0; } .flag.blue2 .left, .winter .flag.season2 .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105114/rim-blue2.png); } .flag.blue2 .right, .winter .flag.season2 .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105114/rim-blue2.png); } .flag.blue2 .shadow, .winter .flag.season2 .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104385/rim2-blue.png)} .flag.white .inner { background-color: #ddd; } .flag.white .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105576/rim-white.png); } .flag.white .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105576/rim-white.png); } .flag.white .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/105577/rim2-white.png); } #motive .right .flag.blue .inner { padding-left: 0px; } #motive .right .flag.blue .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104376/rim4-blue.png); } #motive .right .flag.blue .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104376/rim4-blue.png); } #motive .right .flag.blue .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104380/rim3-blue.png)} #motive .right .flag.orange .inner { background-color: #E7A036; padding-left: 0px; } #motive .right .flag.orange .left { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104374/rim4-orange.png); } #motive .right .flag.orange .right { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104374/rim4-orange.png); } #motive .right .flag.orange .shadow { background-image: url(http://tramino.s3.amazonaws.com/s/das-hoechste/104378/rim3-orange.png)} .flag.icon .inner { text-align: center; } #body .flag.icon .inner img { display: inline; }