/* Styles for the rightCol */ DIV#web20 {float:left;margin-bottom:30px;} DIV.web20_header {background: url(../image/web20/web20Header.png);position:relative;width:319px;height:42px} DIV.web20_header ul {padding:0; margin:0;list-style-type:none;position:absolute;left:36px;top:5px;width:300px;height:37px;} DIV.web20_header ul li {float:left;position:relative;} DIV.web20_header ul li a.web20-map1 {position:absolute;top:1px; left:2px;width:43px;height:40px;cursor:pointer;} DIV.web20_header ul li.web20-current a.web20-map1 {background: url(../image/web20/iTunesAct.png);} DIV.web20_header ul li:hover a.web20-map1 {background: url(../image/web20/iTunesAct.png);} DIV.web20_header ul li a.web20-map2 {position:absolute; top:0px;left:51px;width:43px; height:41px;cursor:pointer;} DIV.web20_header ul li:hover a.web20-map2 {background: url(../image/web20/twitterAct.png);} DIV.web20_header ul li a.web20-map3 {position:absolute; top:2px;left:100px;width:44px; height:40px;cursor:pointer} DIV.web20_header ul li:hover a.web20-map3 {background: url(../image/web20/youtubeAct.png);} DIV.web20_header ul li a.web20-map4 {position:absolute; top:3px;left:152px;width:46px; height:35px;cursor:pointer} DIV.web20_header ul li:hover a.web20-map4 {background: url(../image/web20/flickrAct.png);} DIV.web20_header ul li a.web20-map5 {position:absolute; top:3px;left:205px;width:45px; height:39px;cursor:pointer} DIV.web20_header ul li:hover a.web20-map5 {background: url(../image/web20/facebookAct.png);} DIV.web20_content {background: url(../image/web20/web20Content.png);width:319px;height:243px;position:relative;} DIV.linktoweb20 {float:left;margin-top:15px;background:transparent url(../image/arrow_right_blue.png) no-repeat;} DIV.linktoweb20 a {color:#888888;font-weight:700;font-size:14px;margin-left:25px;text-decoration:none;} DIV.linktoweb20 a:hover {color:#0099BB;font-weight:700;font-size:14px;margin-left:25px;text-decoration:none;} DIV#iTunes {position:absolute;top:10px;left:40px;background: url(../image/web20/web20Content_bg.png); width:255px; height:215px;z-index:15} /* Flexform Podcast */ DIV#podcast {} DIV#podcastVersion {color:#000000;font-size:11px;} DIV#podcastHeadline {color:#888888;font-size:15px;font-weight:700;margin:5px 0px;} DIV#podcastImage {float:left;width:100px;height:100px;margin-right:25px;margin-bottom:5px;} DIV#podcastDetails {} DIV#podcastDetails P.bodytext {font-size:11px;line-height:13px;} DIV#podcastDetails UL {} DIV#podcastDetails UL LI {font-size:11px;line-height:13px;margin-left:16px;list-style-image:url(../image/list_image.png);} DIV#podcastLink {clear:both;} DIV#podcastLink A {font-size:15px;font-weight:700;margin:5px 0px;color:#888888;} DIV#podcastLink A:HOVER {font-size:15px;font-weight:700;margin:5px 0px;color:#0099BB;} DIV#twitter {position:absolute;top:10px;left:40px;background: url(../image/web20/web20Content_bg.png); width:260px; height:215px;z-index:25} /* does not work in ie6 DIV#twitter .entry_twitter {float:left; width:200px;margin-bottom:10px}*/ DIV.tx-timtabtwitter-pi1 {margin-left:0px; margin-top:5px} DIV.entry_twitter {float:left; width:200px; margin-bottom:5px} DIV.entry_twitter P.date {font-size:11px;font-weight:700} DIV.entry_twitter P.message {} /* DIV#twitter .entry_twitter .date {font-size:11px} DIV#twitter .entry_twitter .username {} DIV#twitter .entry_twitter .username a{font-weight:700} DIV#twitter .entry_twitter .message {} DIV#twitter .entry_twitter .message img {display:none}*/ DIV#youtube {position:absolute;top:0px;left:32px;background: url(../image/web20/web20Content_bg.png); width:265px; height:200px;padding-left:5px; padding-top:15px;z-index:35} DIV.tx-youtubeapi-list ul li {padding:0; margin:0;list-style-type:none} DIV.youtube-link {margin-top:20px} DIV#flickr {position:absolute;top:10px;left:32px;background: url(../image/web20/web20Content_bg.png); width:255px; height:210px;z-index:45;padding-left:15px;padding-top:5px} DIV#flickitem0 {float:left; width:100px; height:75px; margin-right:42px; margin-bottom:18px;} DIV#flickitem1 {float:left; width:100px; height:75px; margin-bottom:18px;} DIV#flickitem2 {float:left; width:100px; height:75px; margin-right:42px; margin-bottom:10px;} DIV#flickitem3 {float:left; width:100px; height:75px; margin-bottom:10px;} DIV#linktoflickr {float:left;margin-top:30px;background:white url(../image/arrow_right_blue.png) no-repeat;} DIV#linktoflickr a {float:left;color:#888888;font-weight:700;font-size:14px;margin-left:25px;text-decoration:none} DIV#linktoflickr a:hover {float:left;color:#0099BB;font-weight:700;font-size:14px;margin-left:25px;text-decoration:none} img#loader_gif {margin-left:100px; margin-top:80px} DIV.flickrimage img{width:100px; height:75px;} DIV.flickrlabel {color:#444444;font-size:10px; text-align:center} DIV.flickrlabel a {color:#0099BB;font-size:10px} DIV.flickrlabel a:hover {color:#0099BB;font-size:10px} DIV#facebook {position:absolute;top:10px;left:40px;background: url(../image/web20/web20Content_bg.png); width:270px; height:215px;z-index:55} DIV.tx-openstreamapi-pi2 {height:180px} DIV#facebookresult {height:180px} /* Kommentare rechts */ DIV.comments_teaser {float:left;margin-bottom:30px;margin-left:5px} DIV.comments_teaser DIV.tx-comments-pi1 {} DIV.comments_teaser DIV.tx-comments-comments {background: url(../image/boxes/DE/box_newestComments.png);width:314px;height:309px;padding-top:70px} DIV.comments_teaser DIV.tx-comments-comment-1, DIV.comments_teaser DIV.tx-comments-comment-2 {float:left; border:none; margin-left:25px; margin-bottom:20px; width:280px;} DIV.comments_teaser DIV.tx-comments-comment-header {float:left;width:280px} DIV.comments_teaser DIV.tx-comments-comment-header SPAN.tx-comments-comment-icon {float:left; background: url(../image/commentSymbol.jpg); width:27px; height:26px} DIV.comments_teaser DIV.tx-comments-comment-header SPAN.tx-comments-comment-name {float:left; height:22px; padding-top:4px;} DIV.comments_teaser DIV.tx-comments-comment-header SPAN.tx-comments-comment-name a {margin-left:10px;color:#0099BB;font-size:13px;text-decoration:none} DIV.comments_teaser DIV.tx-comments-comment-header SPAN.tx-comments-comment-date {float:left; margin-left:5px; padding-top:6px; height:20px; color:#444444;font-size:11px;} DIV.comments_teaser DIV.tx-comments-comment-content {float:left;width:250px;text-align:left} DIV.comments_teaser DIV.tx-comments-comment-content a{color:#888888;font-size:13px;line-height:21px;font-weight:bold;text-decoration:none} /* Wetter-Event Vorschau */ DIV#weather-and-events {float:left;margin-bottom:60px;height:300px;position:relative;width:317px;margin-left:5px;} DIV.box_weather {position:absolute;top:0px; left:0px; background: url(../image/boxes/DE/box_weather.png);width:295px;height:246px;} DIV.box_weatherButton {position:absolute;top:10px; left:30px; background: transparent;width:100px;height:50px;z-index:1000;} DIV.box_weatherContent {margin:50px 27px 10px;} DIV.box_weather pngtrans {} DIV.tx-mvyahooweather-pi1 {} DIV.weather_city {float:left; margin-bottom:10px;color:#888888;font-size:14px;line-height:21px;font-weight:700;} DIV.weather_city_link {float:left;} DIV.weather_city_link a {color:#888888;background:white url(../image/arrow_right_blue.png) no-repeat;font-weight:700;font-size:14px;line-height:21px;padding-left:25px;text-decoration:none} DIV.weather_city_link a:hover {color:#0099BB;font-size:14px;line-height:21px;font-weight:700;} DIV.weather_day1 {float:left; margin-left:30px; width:200px; height:60px;} DIV.weather_day2 {float:left; margin-left:30px; width:200px; height:60px;} DIV.weather {float:left;width:200px;height:60px;} DIV.weather_image {float:left; width:50px; height:50px; } DIV.weather_date {float:right; width:145px; color:#483731;font-size:16px;font-weight:700;} DIV.weather_temp {float:right; width:145px; color:#444444;font-size:11px;font-weight:normal;} DIV.box_eventTeaser {position:absolute;top:0px; left:0px;background: url(../image/boxes/DE/box_eventTeaser.png);width:310px;height:257px} DIV.box_eventTeaserButton {position:absolute;top:10px; left:170px; background: transparent;width:100px;height:50px;z-index:1000;} DIV.box_eventTeaserContent {margin:60px 15px 30px; } DIV.box_eventTeaserContent DIV.tx-txeventteaser-pi1 {float:left; margin-top:10px; margin-left:15px; margin-right:10px} DIV.box_eventTeaserContent DIV.tx_txeventteaser_pi1-list {float:left;margin-bottom:20px;} DIV.box_eventTeaserContent DIV.tx_txeventteaser_pi1-list-entry {float:left;margin-bottom:20px;} DIV.box_eventTeaserContent SPAN.tx-jppageteaser-pi1-list-title {float:left;width:250px;color:#483731;font-size:16px;line-height:21px;font-weight:700;} DIV.box_eventTeaserContent DIV.tx_txeventteaser_pi1-list-entry-description {float:left;margin-top:5px;width:250px;font-size:11px;line-height:13px;} DIV.box_eventTeaserContent DIV.tx_txeventteaser_pi1-list-entry-link-item {float:left;width:250px;padding-bottom:3px;margin-top:5px;background:transparent url(../image/arrow_right_blue_small.jpg) no-repeat;} DIV.box_eventTeaserContent DIV.tx_txeventteaser_pi1-list-entry-link-item A {color:#0099BB;font-weight:700;font-size:11px;margin-left:15px;text-decoration:none;} DIV.box_eventTeaserLong {position:absolute;background: url(../image/boxes/DE/box_eventTeaser_long.png);width:304px;height:330px; overflow:hidden;} DIV.box_weatherButton a {cursor:pointer} DIV.box_eventTeaserButton a {cursor:pointer} /* Angebote Vorschau */ DIV.offersTeaser-rightCol-Container {float:left;margin-bottom:40px;height:100%;margin-left:15px;width:298px;} DIV.offersTeaser-rightCol-upperBorder {float:left;background: transparent url(../image/boxes/DE/box_offersTeaser.png) no-repeat;width:298px;height:58px;} DIV.offersTeaser-rightCol-contentLayer {float:left;background: url(../image/boxes/DE/box_offersTeaser_content.png) repeat-y;width:273px;height:100%;padding-top:10px;padding-left:25px;} DIV.offersTeaser-rightCol-element {float:left;width:250px;margin-bottom:21px;} DIV.offersTeaser-rightCol-header A, DIV.offersTeaser-rightCol-header{float:left;color:#483731;font-size:16px;line-height:21px;font-weight:bold;margin-bottom:0px;width:250px} DIV.offersTeaser-rightCol-header A:HOVER{float:left;color:#483731;font-size:16px;line-height:21px;font-weight:bold;margin-bottom:0px;width:250px} DIV.offersDate {float:left;width:260px;margin-bottom:10px;} DIV.offersDateFrom {float:left;font-size:11px;line-height:13px;} DIV.offersDateTo {float:left;font-size:11px;line-height:13px;} DIV.offersDateTo DIV.offerDateSplitter {float:left;margin-left:5px;margin-right:5px;font-size:11px;line-height:13px;} DIV.offersTeaser-rightCol-content {float:left;width:250px} DIV.offersTeaser-rightCol-content IMG {float:left; width:115px; height:85px; margin-right:10px; margin-bottom:5px} DIV.offersTeaser-rightCol-content SPAN {font-size:11px;line-height:13px} DIV.offersTeaser-rightCol-prices {float:left;width:250px;margin-top:5px;margin-bottom:2px;} DIV.offersTeaser-rightCol-price {} DIV.offersTeaser-rightCol-priceInfo {float:left;color:#444444;font-size:11px;line-height:13px;font-weight:bold;margin-top:4px;width:170px;} DIV.offersTeaser-rightCol-priceValue {float:right;font-size:12px;font-weight:bold;background: transparent url(../image/priceInfo.png) no-repeat;padding-top:4px;height:21px;width:80px;text-align:center} DIV.offersTeaser-rightCol-moreLink {float:left;width:250px;padding-bottom:3px;background:transparent url(../image/arrow_right_blue_small.jpg) no-repeat;} DIV.offersTeaser-rightCol-moreLink A {color:#0099BB;font-weight:700;font-size:11px;margin-left:15px;text-decoration:none;} DIV.offersTeaser-rightCol-moreLink A:HOVER {color:#0099BB;font-weight:700;font-size:11px;margin-left:15px;text-decoration:none;} DIV.offersTeaser-rightCol-allOffers {} DIV.offersTeaser-rightCol-allOffers {float:left;width:100%;} DIV.offersTeaser-rightCol-allOffers A {float:left;color:#888888;background:url(../image/arrow_right_blue.png) no-repeat;font-weight:700;font-size:14px;padding-left:25px;text-decoration:none} DIV.offersTeaser-rightCol-allOffers A:hover {font-weight:700;font-size:14px;color:#0099BB;} DIV.offersTeaser-rightCol-lowerBorder {float:left;background: transparent url(../image/boxes/DE/box_offersTeaser_borderBottom.png) no-repeat;width:298px;height:25px;} /* Newsletter */ DIV.newsletter-rightCol {float:left;margin-left:10px;background: transparent url(../image/boxes/DE/box_newsletter.png) no-repeat;width:283px;height:258px;padding-top:65px;padding-left:24px} DIV.newsletter-rightCol-desc {width:260px;color:#888888;font-size:14px;line-height:17px;font-weight:700;} DIV.newsletter-rightCol-form {position:relative} DIV.newsletter-rightCol-form LABEL {color:#444444;font-weight:normal;font-size:11px;} DIV.newsletter-rightCol-form INPUT {border:none; width:162px; font-size:14px; color:#888888; font-weight:600; background: transparent} DIV.newsletter-rightCol-form SELECT {width:170px;border:none;background: transparent;font-size:16px; color:#888888; font-weight:600;} DIV.newsletter-rightCol-form DIV.newsletter-email {} DIV.newsletter-rightCol-form DIV.newsletter-email LABEL {position:absolute;top:12px;left:44px} DIV.newsletter-rightCol-form DIV.newsletter-email INPUT {position:absolute;top:9px;left:82px} DIV.newsletter-rightCol-form DIV.newsletter-vorname {} DIV.newsletter-rightCol-form DIV.newsletter-vorname LABEL {position:absolute;top:42px;left:28px} DIV.newsletter-rightCol-form DIV.newsletter-vorname INPUT {position:absolute;top:39px;left:82px} DIV.newsletter-rightCol-form DIV.newsletter-name {} DIV.newsletter-rightCol-form DIV.newsletter-name LABEL {position:absolute;top:74px;left:21px} DIV.newsletter-rightCol-form DIV.newsletter-name INPUT {position:absolute;top:71px;left:82px} DIV.newsletter-rightCol-form DIV.newsletter-check {} DIV.newsletter-rightCol-form DIV.newsletter-check LABEL {position:absolute;top:105px;left:96px;color:#0099BB;} DIV.newsletter-rightCol-form DIV.newsletter-check INPUT {position:absolute;top:106px;left:5px; width:10px; margin-left:74px;} DIV.newsletter-rightCol-form DIV.newsletter-submit {} DIV.newsletter-rightCol-form DIV.newsletter-submit INPUT {position:absolute;top:126px;left:90px; width:97px; height:47px} DIV.newsletter-hint {display:none; position:absolute;top:0px;left:35px;} /* Angebotsanfrage */ DIV.offerRequest-rightCol {float:left;margin-left:14px;background: transparent url(../image/boxes/DE/box_offerRequest.png) no-repeat;width:273px;height:100px;padding-top:60px;padding-left:25px;margin-bottom:40px} DIV.offerRequest-rightCol-content {float:left;width:250px;height:54px;margin-bottom:8px;} DIV.offerRequest-rightCol-image {float:left;width:40px;} DIV.offerRequest-rightCol-image img {width:37px;height:35px} DIV.offerRequest-rightCol-desc {float:right;width:200px;color:#444444;font-size:11px;line-height:13px;font-weight:normal;} DIV.offerRequest-rightCol-link {float:left;width:250px;padding-bottom:3px;background:transparent url(../image/arrow_right_blue_small.jpg) no-repeat;} DIV.offerRequest-rightCol-link A {color:#0099BB;font-weight:700;font-size:11px;margin-left:15px;text-decoration:none;} DIV.offerRequest-rightCol-link A:HOVER {color:#0099BB;font-weight:700;font-size:11px;margin-left:15px;text-decoration:none;} /* Wetter */ DIV#weather {float:left;margin-bottom:40px;height:246px;position:relative;width:317px;margin-left:5px;}