/* ALLGEMEIN ---------------------------------------------------------- */ body { background-color: #c4dae8; margin: 0px; padding: 0px; /* background-image: url('../images/main_background_repeat-y.jpg'); background-position: center top; background-repeat: repeat-y; background-attachment: fixed; */ font-family: Arial, Helvetica, Sans-Serif; } #center { position: relative; top: 0px; margin: 0px auto; width: 1021px; height: 100%; z-index: 1; overflow: hidden; } #pshadow_L { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; overflow: hidden; } #center_L { position: relative; top: 0px; margin: 0px auto; width: 1021px; height: 600px; z-index: 1; } #pshadow_R { position: absolute; top: 0px; left: 0px; width: 100%; height: 600px; z-index: 1; overflow: hidden; } #center_R { position: relative; top: 0px; margin: 0px auto; width: 1021px; height: 600px; z-index: 1; } img { border: 0px; } #LnC_wCheck { position: fixed; width: 100%; top: 0px; left: 0px; display: block; } #LnC_minHeight { position: static; height: 600px; width: 22px; float: left; } #LnC_clear { clear: both; width: 0px; height: 0px; overflow: hidden; font-size: 0px; line-height: 0px; } /* HINTERGRUND ---------------------------------------------------------- */ #main_illustration { position: absolute; top: 94px; left: 0px; width: 1021px; height: 409px; margin: 0px; padding: 20px 0px 20px 0px; z-index: 2; overflow: hidden; background-image: url('../images/main_illustration_background_C.png'); background-position: 0px 0px; background-repeat: no-repeat; } #main_illustration_L_shadow { position: absolute; top: 94px; left: -20px; width: 20px; height: 449px; margin: 0px; padding: 0px; z-index: 2; background-image: url('../images/main_illustration_background_L.png'); background-position: 0px 0px; background-repeat: no-repeat; } #main_illustration_R_shadow { position: absolute; top: 94px; left: 1021px; width: 20px; height: 449px; margin: 0px; padding: 0px; z-index: 2; background-image: url('../images/main_illustration_background_R.png'); background-position: 0px 0px; background-repeat: no-repeat; } #runner { position: absolute; top: 114px; left: 374px; width: 291px; height: 409px; z-index: 3; background-image: url('../images/runner.png'); background-position: 0px 0px; background-repeat: no-repeat; } #HTC_claim { position: absolute; top: 114px; right: 0px; width: 379px; height: 105px; z-index: 3; background-image: url('../images/HTC_claim.png'); background-position: 0px 0px; background-repeat: no-repeat; } #SXSW_logo { position: absolute; top: 311px; right: 28px; width: 83px; height: 66px; z-index: 3; background-image: url('../images/SXSW_logo.png'); background-position: 0px 0px; background-repeat: no-repeat; } #HTC_logo { position: absolute; top: 377px; right: 0px; width: 379px; height: 146px; z-index: 3; background-image: url('../images/HTC_logo.png'); background-position: 0px 0px; background-repeat: no-repeat; } /* SOCIAL ---------------------------------------------------------- */ #share_img { position: absolute; top: -500px; left: 0px; width: 200px; height: 201px; z-index: 1; } #add-this { position: absolute; top: 538px; right: 0px; width: 155px; height: 20px; z-index: 10; } #menu_social { position: absolute; top: 538px; right: 175px; width: 846px; height: 20px; z-index: 10; color: #001f39; text-align: right; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 15px; } #menu_social a:link { color: #001f39; text-decoration: none; } #menu_social a:visited { color: #001f39; text-decoration: none; } #menu_social a:focus { color: #001f39; text-decoration: underline; } #menu_social a:hover { color: #001f39; text-decoration: underline; } #menu_social a:active { color: #001f39; text-decoration: underline; } #menu_social_sub { position: absolute; top: 538px; right: 163px; width: 180px; height: 65px; z-index: 10; color: #001f39; text-align: left; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 15px; } #menu_social_sub a:link { color: #001f39; text-decoration: none; } #menu_social_sub a:visited { color: #001f39; text-decoration: none; } #menu_social_sub a:focus { color: #001f39; text-decoration: underline; } #menu_social_sub a:hover { color: #001f39; text-decoration: underline; } #menu_social_sub a:active { color: #001f39; text-decoration: underline; } /* HOME ---------------------------------------------------------- */ #video { position: absolute; top: 354px; left: 25px; width: 360px; height: 204px; margin: 0px; padding: 10px 10px 10px 10px; z-index: 20; background-image: url('../images/video_background_shadow.png'); background-position: 0px 0px; background-repeat: no-repeat; } #video_overlay_mouseout { position: absolute; top: 321px; left: 0px; width: 440px; height: 284px; margin: 0px; padding: 0px 0px 0px 0px; z-index: 25; visibility: hidden; } #video_overlay { position: absolute; top: 361px; left: 25px; width: 360px; height: 204px; margin: 0px; padding: 10px 10px 10px 10px; z-index: 30; visibility: hidden; } #video_overlay #vid_dummy { position: absolute; top: 10px; left: 10px; width: 360px; height: 204px; z-index: 29; } #video_overlay #vid_small { position: absolute; top: 99px; left: 79px; width: 64px; height: 28px; margin: 0px; padding: 0px 0px 0px 7px; z-index: 30; background-image: url('../images/vid_chose_background.png'); background-position: 0px 0px; background-repeat: no-repeat; font-size: 12px; line-height: 28px; font-family: Arial, Helvetica, Sans-Serif; color: #000000; text-transform: uppercase; } #video_overlay #vid_small:hover { background-color: #fefefe; } #video_overlay #vid_medium { position: absolute; top: 99px; left: 155px; width: 64px; height: 28px; margin: 0px; padding: 0px 0px 0px 7px; z-index: 30; background-image: url('../images/vid_chose_background.png'); background-position: 0px 0px; background-repeat: no-repeat; font-size: 12px; line-height: 28px; font-family: Arial, Helvetica, Sans-Serif; color: #000000; text-transform: uppercase; } #video_overlay #vid_medium:hover { background-color: #fefefe; } #video_overlay #vid_large { position: absolute; top: 99px; left: 231px; width: 64px; height: 28px; margin: 0px; padding: 0px 0px 0px 7px; z-index: 30; background-image: url('../images/vid_chose_background.png'); background-position: 0px 0px; background-repeat: no-repeat; font-size: 12px; line-height: 28px; font-family: Arial, Helvetica, Sans-Serif; color: #000000; text-transform: uppercase; } #video_overlay #vid_large:hover { background-color: #fefefe; } #video_overlay a { font-size: 12px; line-height: 28px; font-family: Arial, Helvetica, Sans-Serif; color: #000000; text-transform: uppercase; } #video_overlay a:link { text-decoration: none; } #video_overlay a:visited { text-decoration: none; } #video_overlay a:focus { text-decoration: underline; } #video_overlay a:hover { text-decoration: underline; } #video_overlay a:active { text-decoration: underline; } #news_banner { position: absolute; top: 143px; left: 35px; width: 257px; height: 67px; margin: 0px; padding: 0px 0px 0px 103px; z-index: 20; background-image: url('../content/SXSW_banner_background.png'); background-position: 0px 0px; background-repeat: no-repeat; } #news_banner p { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 15px; color: #ffffff; } #news_banner_overlay { position: absolute; top: 143px; left: 35px; width: 360px; height: 67px; margin: 0px; padding: 0px 0px 0px 0px; z-index: 25; } #quotes { position: absolute; top: 141px; left: 35px; width: 360px; height: 150px; margin: 0px; padding: 0px; z-index: 20; color: #ffffff; } #quotes p { margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; } #quotes p.source { font-size: 10px; font-weight: normal; margin: 0px; padding: 0px 15px 0px 0px; text-align: right; line-height: 15px; font-family: Arial, Helvetica, Sans-Serif; } /* MENU ---------------------------------------------------------- */ #menu_background { position: absolute; top: 45px; left: 0px; width: 1021px; height: 5px; margin: 0px; padding: 0px; z-index: 5; } #menu_home { position: absolute; top: 20px; left: 25px; height: 74px; width: 90px; z-index: 50; } #menu_home ul { margin: 0px; padding: 0px; list-style: none outside none; } #menu_home ul li { margin: 0px; padding: 0px; display: block; float: left; } #menu_home ul li a { display: block; margin: 0px; padding: 0px 10px 0px 14px; width: auto; height: 50px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-transform: uppercase; color: #000000; font-weight: normal; background-image: url('../images/menu_dot.gif'); background-repeat: no-repeat; line-height: 31px; } #menu_home ul li a.active { line-height: 85px; font-weight: bold; background-position: 7px -77px !important; text-decoration: none !important; } #menu_home ul li a:link { background-position: 7px 23px; text-decoration: none; } #menu_home ul li a:visited { background-position: 7px 23px; text-decoration: none; } #menu_home ul li a:focus { background-position: 7px -77px; text-decoration: underline; } #menu_home ul li a:hover { background-position: 7px -77px; text-decoration: underline; } #menu_home ul li a:active { background-position: 7px -77px; text-decoration: underline; } #menu_main { position: absolute; top: 20px; right: 28px; height: 74px; width: 850px; z-index: 50; } #menu_main ul { margin: 0px; padding: 0px; list-style: none outside none; } #menu_main ul li { margin: 0px; padding: 0px; display: block; float: right; } #menu_main ul li a { display: block; margin: 0px; padding: 0px 10px 0px 30px; width: auto; height: 50px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-transform: uppercase; color: #000000; font-weight: normal; background-image: url('../images/menu_dot.gif'); background-repeat: no-repeat; line-height: 31px; } #menu_main ul li a.active { line-height: 85px; font-weight: bold; background-position: 23px -77px !important; text-decoration: none !important; } #menu_main ul li a:link { background-position: 23px 23px; text-decoration: none; } #menu_main ul li a:visited { background-position: 23px 23px; text-decoration: none; } #menu_main ul li a:focus { background-position: 23px -77px; text-decoration: underline; } #menu_main ul li a:hover { background-position: 23px -77px; text-decoration: underline; } #menu_main ul li a:active { background-position: 23px -77px; text-decoration: underline; } #menu_main ul li #sub { padding: 0px; height: 15px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: 15px; } #menu_main ul li a.sub { display: inline; margin: 0px; padding: 0px 0px 0px 0px; width: auto; height: 15px; background: none; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: 15px; } #menu_main ul li a.subactive { display: inline; margin: 0px; padding: 0px 0px 0px 0px; width: auto; height: 15px; background: none; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 15px; text-decoration: underline; } /* CONTENT ---------------------------------------------------------- */ #content { position: relative; display: block; float: left; top: 80px; margin: 0px 0px 80px 0px; width: 660px; z-index: 100; } #page_top { position: static; float: left; width: 636px; height: 34px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; background-image: url('../images/page_background_top.png'); background-position: 0px 0px; background-repeat: no-repeat; } #page_mdl { position: static; float: left; width: 636px; height: auto; margin: 0px; padding: 0px; background-image: url('../images/page_background_mdl_repeat-y.png'); background-position: 0px 0px; background-repeat: repeat-y; } #page_btm { position: static; float: left; width: 636px; height: 37px; margin: 0px; padding: 0px; overflow: hidden; background-image: url('../images/page_background_btm.png'); background-position: 0px 0px; background-repeat: no-repeat; } #page_mdl_minHeight { position: static; height: 490px; width: 30px; float: left; } #page_mdl_head { position: static; float: left; width: 574px; height: 66px; } #page_mdl_head h1 { margin: 0px; padding: 0px; color: #000000; text-transform: uppercase; line-height: 64px; font-size: 30px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; } #page_mdl_content { position: static; float: left; width: 348px; height: auto; } #page_mdl_content p { margin: 0px; padding: 0px 20px 20px 0px; font-size: 12px; line-height: 20px; font-family: Verdana, Arial, Helvetica, Sans-Serif; } #page_mdl_content p a { font-size: 12px; line-height: 20px; font-family: Arial, Helvetica, Sans-Serif !important; color: #000000; text-transform: uppercase; } #page_mdl_content p a.marker { margin: 0px; padding: 0px 20px 20px 0px; font-size: 12px; line-height: 20px; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none !important; } #page_mdl_content p a:link { text-decoration: none; } #page_mdl_content p a:visited { text-decoration: none; } #page_mdl_content p a:focus { text-decoration: underline; } #page_mdl_content p a:hover { text-decoration: underline; } #page_mdl_content p a:active { text-decoration: underline; } #page_mdl_content p a img.sociallogo { margin: 0px 3px -3px 0px; } #page_mdl_additional { position: static; float: left; width: 226px; height: auto; } #page_mdl_additional h2 { margin: 0px; padding: 0px 17px 5px 17px; color: #000000; text-transform: uppercase; line-height: 20px; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; } #page_mdl_additional img.standard { margin: 0px; padding: 4px 0px 10px 0px; } #page_mdl_additional div.list { margin: 4px 0px 10px 0px; padding: 5px 0px 0px 0px; background-color: #fefefe; width: 226px; } #page_mdl_additional div.listend { margin: 4px 0px 0px 0px; padding: 5px 0px 0px 0px; background-color: #fefefe; width: 226px; } #page_mdl_additional ul { margin: 0px; padding: 0px; list-style: none outside none; } #page_mdl_additional ul li.link { margin: 0px; padding: 2px 17px 5px 17px; line-height: 15px !important; font-size: 11px; font-weight: normal; background-image: url('../images/list_arrow.gif'); background-position: 8px 7px; background-repeat: no-repeat; } #page_mdl_additional ul li.link a { margin: 0px; padding: 0px; color: #000000; font-size: 11px; line-height: 15px !important; text-transform: uppercase; font-weight: normal; } #page_mdl_additional ul li.link a:link { text-decoration: none; } #page_mdl_additional ul li.link a:visited { text-decoration: none; } #page_mdl_additional ul li.link a:focus { text-decoration: underline; } #page_mdl_additional ul li.link a:hover { text-decoration: underline; } #page_mdl_additional ul li.link a:active { text-decoration: underline; } #page_mdl_additional ul li.list { margin: 0px; padding: 2px 17px 5px 17px; line-height: 15px !important; color: #000000; font-size: 11px; font-weight: normal; }