/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /************************************************************/ /* clearfix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /************************* base **************************/ html, body { height: 100%; } body { background-color: #d3d3d3; font-family: Tahoma, Helvetica, sans-serif; position: relative; } a { text-decoration: none; } form, textarea, input { font-family: Tahoma, Helvetica, sans-serif; } /******************* skeleton *************************/ #bg_img { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; } #wrapper { min-height: 100%; min-width: 100%; width: 100%; } #header { height: 80px; position: relative; min-width: 935px; width: 100%; z-index: 1000;} #wrapper_content { margin: 0 220px 0 0; min-width: 715px; padding-bottom: 20px; position: relative; z-index: 500; } #site_left { left: 0; min-height: 620px; position: absolute; top: 0; width: 255px; } #site_center { margin: 0 0 0 255px; min-height: 620px; min-width: 460px; position: relative; } #site_right { min-height: 620px; position: absolute; right: -220px; top: 0; width: 220px; } #site_content { margin: 0 auto; width: 460px; } #footer { height: 20px; margin-top: -20px; min-width: 935px; position: relative; width: 100%; } /****************** header & navigation ********************/ #header #logo a { background: transparent url("../img_static/logo.png") no-repeat; bottom: 0; display: block; height: 49px; left: 35px; position: absolute; text-indent: -9999px; width: 140px; } #header #navigation { bottom: -10px; left: 252px; position: absolute; z-index: 1; } #header #navigation span { display: none; } /****** level 1 ******/ #header #navigation #lvl_1 li { display: block; float: left; height: 45px; margin-right: -20px; position: relative; width: auto; } #header #navigation #lvl_1 li a { display: block; height: 46px; position: relative; text-indent: -9999px; z-index: 10; } #header #navigation #lvl_1 li a.clone { background-position: 0 -94px; left: 0; position: absolute; top: 0; } #header #navigation #lvl_1 li a.active { background-position: 0 -47px; z-index: 1000; } #header #navigation #lvl_1 li a.hover { background-position: 0 -94px; z-index: 1000; } #header #navigation #lvl_1 li.last { margin-right: 0; } /* text-image-links english */ #header #navigation a#nav_0 { background: transparent url("../img_text/top_nav/0_products.png") no-repeat 0 0; } #header #navigation a#nav_1 { background: transparent url("../img_text/top_nav/0_products.png") no-repeat 0 0; } #header #navigation a#nav_2 { background: transparent url("../img_text/top_nav/0_consulting.png") no-repeat 0 0; } #header #navigation a#nav_3 { background: transparent url("../img_text/top_nav/0_consulting.png") no-repeat 0 0; } /* text-image-links german */ .german #header #navigation a#nav_0 { background: transparent url("../img_text/top_nav/0_products.png") no-repeat 0 0; } .german #header #navigation a#nav_1 { background: transparent url("../img_text/top_nav/0_products.png") no-repeat 0 0; } .german #header #navigation a#nav_2 { background: transparent url("../img_text/top_nav/0_consulting.png") no-repeat 0 0; } .german #header #navigation a#nav_3 { background: transparent url("../img_text/top_nav/0_consulting.png") no-repeat 0 0; } /****** level 2 ******/ #header #navigation #lvl_1 .lvl_2 { left: -1px; padding: 20px 0; overflow: visible; position: absolute; top: 35px; visibility: hidden; z-index: 100; } #header #navigation #lvl_1 .lvl_2 ul { display: block; } #header #navigation #lvl_1 .lvl_2 ul li { clear: both; float: none; font-size: 1px; height: 20px; line-height: 1px; margin: 0; overflow: visible; position: static; width: auto; } #header #navigation #lvl_1 .lvl_2 ul li a { display: block; font-size: 1px; height: 20px; line-height: 1px; margin: 0 11px; overflow: hidden; position: relative; text-indent: -9999px; } #header #navigation #lvl_1 .lvl_2 ul li a.hover { background-position: 0 -20px !important; height: 20px; } #header #navigation #lvl_1 .lvl_2 ul li a span.more { background: transparent url("../img_static/arrow.png") no-repeat 50% 50%; display: block; height: 20px; position: absolute; text-indent: -9999px; top: 0px; right: 30px; width: 10px; } /* level 2 ul background */ #header #navigation #nav_0_sub { background: transparent url("../img_text/top_nav/0_bg.png") repeat-y; } #header #navigation #nav_1_sub { background: transparent url("../img_text/top_nav/0_bg.png") repeat-y; } #header #navigation #nav_2_sub { background: transparent url("../img_text/top_nav/0_bg.png") repeat-y; } #header #navigation #nav_3_sub { background: transparent url("../img_text/top_nav/0_bg.png") repeat-y; } /* text-image-links english */ #header #navigation a#nav_0_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_1_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_1_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_1_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_1_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } /* text-image-links german */ .german #header #navigation a#nav_0_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_0_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_0_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_0_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_1_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_1_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_1_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } .german #header #navigation a#nav_1_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation #lvl_1 .lvl_2 .bg_container { position: absolute; } #header #navigation #lvl_1 .lvl_2 .top { background: transparent url("../img_static/rc_t.png") repeat-x; height: 20px; left: 20px; top: 0; width: auto; z-index: 100; } #header #navigation #lvl_1 .lvl_2 .top_left { background: transparent url("../img_static/rc_tl.png") no-repeat; height: 20px; left: 0; top: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .top_right { background: transparent url("../img_static/rc_tr.png") no-repeat; height: 20px; right: 0; top: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .top_right_hover { background: transparent url("../img_static/rc_t.png") repeat-x; height: 20px; right: 0; top: 0; width: 11px; } #header #navigation #lvl_1 .lvl_2 .bottom { background: transparent url("../img_static/rc_b.png") repeat-x; bottom: 0; height: 20px; left: 20px; width: auto; } #header #navigation #lvl_1 .lvl_2 .bottom_left { background: transparent url("../img_static/rc_bl.png") no-repeat; bottom: 0; height: 20px; left: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .bottom_right { background: transparent url("../img_static/rc_br.png") no-repeat; bottom: 0; height: 20px; right: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .bottom_right_hover { background: transparent url("../img_static/rc_b.png") repeat-x; bottom: 0; height: 20px; right: 0; width: 11px; } /****** level 3 ******/ #header #navigation #lvl_1 .lvl_2 .lvl_3 { left: 0; padding: 20px 0; overflow: hidden; position: absolute; top: 0; visibility: hidden; z-index: 1000; } #header #navigation #lvl_1 .lvl_2 .lvl_3 ul { } #header #navigation #lvl_1 .lvl_2 .lvl_3 ul li { padding-left: 1px; } #header #navigation #lvl_1 .lvl_2 .lvl_3 ul li a { margin: 0 12px 0 0; } #header #navigation #lvl_1 .lvl_2 .lvl_3 ul li a:hover, #header #navigation #lvl_1 .lvl_2 .lvl_3 ul li a.active { background-position: 0 -20px; z-index: 1000; } /* level 3 ul background */ #header #navigation #nav_0_0_sub { background: transparent url("../img_text/top_nav/0_1_bg.png") repeat-y; } #header #navigation #nav_0_1_sub { background: transparent url("../img_text/top_nav/0_1_bg.png") repeat-y; } #header #navigation #nav_0_2_sub { background: transparent url("../img_text/top_nav/0_1_bg.png") repeat-y; } #header #navigation #nav_0_3_sub { background: transparent url("../img_text/top_nav/0_1_bg.png") repeat-y; } /* text-image-links english */ #header #navigation a#nav_0_0_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_0_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_0_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_1_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_1_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_1_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_1_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2_0 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2_1 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2_2 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2_3 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation a#nav_0_2_4 { background: transparent url("../img_text/top_nav/0_1_office_energy_storage.png") no-repeat 0 0; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .top { background: transparent url("../img_static/rc_t.png") repeat-x; height: 20px; left: 20px; top: 0; width: auto; z-index: 100; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .top_left { background: transparent url("../img_static/rc_tl_h.png") repeat-x; height: 20px; left: 0; top: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .top_right { background: transparent url("../img_static/rc_tr.png") no-repeat; height: 20px; right: 0; top: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .bottom { background: transparent url("../img_static/rc_b.png") repeat-x; bottom: 0; height: 20px; left: 20px; width: auto; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .bottom_left { background: transparent url("../img_static/rc_bl_h.png") no-repeat; bottom: 0; height: 20px; left: 0; width: 20px; } #header #navigation #lvl_1 .lvl_2 .lvl_3 .bottom_right { background: transparent url("../img_static/rc_br.png") no-repeat; bottom: 0; height: 20px; right: 0; width: 20px; } /****** search ******/ #header #search { bottom: 0; position: absolute; right: 34px; } #header #search legend { display: none; } #header #search .text { background: transparent url("../img_static/bg_search.png") no-repeat; border: none; color: #66615b; float: left; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; height: 18px; line-height: 18px; margin-right: 8px; padding: 0 8px; width: 119px; } #header #search .submit { background: transparent url("../img_static/icons.png") no-repeat 0 0; border: none; cursor: pointer; display: block; float: left; height: 18px; padding: 0; text-indent: -9999px; width: 18px; } #header #search .submit:hover { background-position: -50px 0; } /**************** left ****************/ #site_left {} /* default navigation */ #site_left #default_nav { margin-left: 44px; margin-top: 170px; } #site_left #default_nav ul {} #site_left #default_nav ul li { margin-bottom: 5px; } #site_left #default_nav ul li a { display: block; height: 15px; text-indent: -9999px; } #site_left #default_nav ul li a:hover, #site_left #default_nav ul li a.active { background-position: 0 -15px !important; } /* english text links */ #site_left #default_nav ul li #energy_efficient_buildings { background: transparent url("../img_text/left/energy_efficient_buildings.png") no-repeat; width: 132px; } #site_left #default_nav ul li #off_grid_systems_development { background: transparent url("../img_text/left/off_grid_systems_development.png") no-repeat; width: 156px; } /* german text links */ .german #site_left #default_nav ul li #energy_efficient_buildings { background: transparent url("../img_text/left/energy_efficient_buildings.png") no-repeat; width: 132px; } .german #site_left #default_nav ul li #off_grid_systems_development { background: transparent url("../img_text/left/off_grid_systems_development.png") no-repeat; width: 156px; } /* tab navigation */ #site_left #tab_nav { height: 240px; margin-top: 170px; position: relative; width: 195px; } #site_left #tab_nav ul { height: 203px; position: absolute; top: 0; width: 170px; } #site_left #tab_nav ul li { height: 36px; margin-bottom: 9px; width: 106px; } #site_left #tab_nav ul li a { display: block; height: 36px; left: -91px; position: absolute; text-indent: -9999px; width: 106px; } #site_left #tab_nav ul li a.active { left: 0; } #site_left #tab_nav ul li a#performance { background: transparent url("../img_static/icons.png") no-repeat 0 -300px; top: 0px; } #site_left #tab_nav ul li a#experience { background: transparent url("../img_static/icons.png") no-repeat 0 -350px; top: 46px; } #site_left #tab_nav ul li a#tell_me_y { background: transparent url("../img_static/icons.png") no-repeat 0 -400px; top: 92px; } #site_left #tab_nav ul li a#main_menu { background: transparent url("../img_static/icons.png") no-repeat 0 -450px; top: 138px; } /* tab navigation sub */ #site_left #tab_nav ul li ul { height: auto; left: 116px; top: 0; width: auto; } #site_left #tab_nav ul li ul li { height: auto; position: relative; width: auto; } #site_left #tab_nav ul li ul li a { height: 18px; left: 0; margin: 9px 0; position: relative; text-indent: -9999px; white-space: nowrap; width: auto; } #site_left #tab_nav ul li ul li a.active, #site_left #tab_nav ul li ul li a:hover { background-position: 0 -18px !important; } /* english text links */ #site_left #tab_nav ul li ul li a#yana { background: transparent url("../img_text/tab_sub/yana/yana.png") no-repeat 0 0; width: 30px; } /* german text links */ .german #site_left #tab_nav ul li ul li a#yana { background: transparent url("../img_text/tab_sub/yana/yana.png") no-repeat 0 0; width: 30px; } /****************** content ******************/ #site_content { padding: 0 0 20px; position: relative; } #site_content h1 { font-size: 30px; font-weight: normal; line-height: normal; margin-bottom: 40px; } #site_content h1.headline { background-position: left bottom; background-repeat: no-repeat; height: 130px; margin-left: -40px; position: relative; text-indent: -9999px; z-index: 10; } #site_content h1.multiline { text-indent: -9999px; } #site_content h1 span, #site_content h2 span { color: #66615b; display: block; font-size: 11px; font-weight: normal; line-height: 15px; margin-bottom: 8px; } #site_content h1 em, #site_content h2 em { color: #6b247c; font-size: 18px; font-style: normal; font-weight: normal; line-height: 22px; } #site_content h1 a, #site_content h2 a { color: #6b247c; font-size: 18px; font-style: normal; font-weight: normal; line-height: 22px; } #site_content h1 a:hover, #site_content h2 a:hover { color: #10c0e1; } #site_content h2 { color: #948c83; font-size: 13px; font-weight: bold; line-height: 20px; } #site_content img { margin-bottom: 26px; } #site_content #player { height: 220px; margin-bottom: 26px; width: 460px; } #site_content #player p { position: relative; } #site_content #player p a { display: block; height: 33px; left: 174px; position: absolute; top: 94px; width: 112px; } #site_content p { color: #66615b; font-family: tahoma, helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 22px; } #site_content p a { color: #6b247c; } #site_content p a:hover { color: #10c0e1; } #site_content p.intro { color: #948c83; font-size: 16px; line-height: 21px; } #site_content p.intro strong { font-weight: normal; } #site_content p.info { line-height: 20px; margin-bottom: 12px; } #site_content p.search_term { margin-bottom: 35px; } #site_content a { color: #6b247c; font-size: 13px; line-height: 20px; } #site_content a.book { background: transparent url("../img_static/book.png") no-repeat 0 50%; color: #66615b; display: block; font-weight: bold; padding-left: 20px; } #site_content a.book:hover { color: #10c0e1; } #site_content a.download { background: transparent url("../img_static/download.png") no-repeat 0 50%; color: #66615b; display: block; padding-left: 20px; } #site_content a.download:hover { color: #10c0e1; } #site_content a.link_external { background: transparent url("../img_static/link_external.png") no-repeat 0 50%; color: #66615b; display: block; font-weight: bold; padding-left: 20px; } #site_content a.link_external:hover { color: #10c0e1; } #site_content a.more { background: transparent url("../img_static/more.png") no-repeat 0 50%; color: #66615b; display: block; font-weight: bold; padding-left: 20px; } #site_content a.more:hover { color: #10c0e1; } /* lists */ #site_content ol, #site_content ul { list-style: none; margin-bottom: 30px; } #site_content ol li, #site_content ul li { background: transparent url("../img_static/bullet_1.png") no-repeat 0 9px; color: #66615b; font-size: 13px; line-height: 20px; margin-bottom: 5px; padding-left: 15px; } #site_content li ol, #site_content li ul { list-style: none; margin: 5px 0 0; } #site_content li ol li, #site_content li ul li { background: transparent url("../img_static/bullet_2.png") no-repeat 1px 11px; color: #66615b; font-size: 13px; line-height: 20px; margin-bottom: 5px; padding-left: 15px; } #site_content ol li h2, #site_content ul li h2 { font-size: 18px; line-height: 22px; margin-bottom: 8px; } #site_content ol li a.link_external, #site_content ul li a.link_external { font-size: 13px; line-height: 20px; margin: 14px 0 0; } /* tables */ #site_content table { border-bottom: 1px solid #c9c5c1; margin-bottom: 30px; width: 100%; } #site_content table caption { border-top: 1px solid #c9c5c1; color: #948c83; font-size: 13px; font-weight: bold; line-height: 20px; text-align: left; padding: 3px 0; } #site_content table td, #site_content table th { border-top: 1px solid #c9c5c1; color: #66615b; font-size: 13px; font-weight: normal; line-height: 20px; padding: 3px 0; text-align: left; } #site_content table th { width: 50%; } #site_content table td { padding-left: 40px; } #site_content table td a { color: #66615b; display: block; } #site_content #bg_image { background-position: 50% 50%; background-repeat: no-repeat; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 0; } #site_content #bg_image img { display: none; } #site_content #bg_image #carrousel_left { float: left; height: 60%; margin: 30% 0 10%; width: 48%; } #site_content #bg_image #carrousel_left div { background: transparent url("../img_static/carrousel_left.png") no-repeat left center; cursor: pointer; display: none; height: 100%; text-indent: -9999px; } #site_content #bg_image #carrousel_right { float: right; height: 60%; margin: 30% 0 10%; width: 48%; } #site_content #bg_image #carrousel_right div { background: transparent url("../img_static/carrousel_right.png") no-repeat right center; cursor: pointer; display: none; height: 100%; text-indent: -9999px; } #site_content #bg_image #model_switch { bottom: 0; left: 0; padding: 0 0 50px; position: absolute; text-align: center; width: 100%; z-index: 10000; } #site_content #bg_image #model_switch #switch { cursor: pointer; display: block; margin: 0 190px; height: 14px; padding: 10px 0; width: 80px; } #site_content #bg_image #model_switch h2 { background: transparent url("../img_static/view_models.png") no-repeat 0 50%; float: left; height: 14px; margin-right: 4px; text-indent: -9999px; width: 80px; } #site_content #bg_image #model_switch ul { display: none; float: left; margin: 0; width: auto; } #site_content #bg_image #model_switch ul li { background-image: none; float: left; height: 16px; margin: 0 0 0 7px; padding: 0; width: 16px;} #site_content #bg_image #model_switch ul li a { background: transparent url("../img_static/view_models_dot.png") no-repeat 0 0; cursor: pointer; display: block; height: 8px; margin: 4px; padding: 0; position: relative; text-indent: -9999px; width: 8px; } #site_content #bg_image #model_switch ul li a:hover { background-position: 0 -8px; } #site_content #bg_image #model_switch ul li a span { background: transparent url("../img_static/bg_model_view.png") no-repeat; bottom: 8px; cursor: pointer; display: none; height: 107px; left: -47px; position: absolute; width: 102px; } #site_content #bg_image #model_switch ul li a span img { cursor: pointer; display: block; margin: 16px 10px 9px; } /* slideshow */ #site_content #slideshow { margin-bottom: 23px; position: relative; } #site_content #slideshow img { margin: 0 0 7px; } #site_content #slideshow .prev, #site_content #slideshow .next { display: block; height: 38px; overflow: hidden; position: absolute; text-indent: -9999px; width: 38px; } #site_content #slideshow .prev { background: transparent url("../img_static/btn_slideshow_prev.png") no-repeat; left: 0; top: 92px; } #site_content #slideshow .next { background: transparent url("../img_static/btn_slideshow_next.png") no-repeat; right: 0; top: 92px; } #site_content #slideshow p { text-align: right; } #site_content #slideshow p .blow_up { background: transparent url("../img_static/icon_blow_up.png") no-repeat 0 center; color: #948c83; font-size: 13px; font-weight: bold; line-height: 20px; padding-left: 25px; } #site_content #slideshow p .blow_up:hover { color: #10c0e1; } /* content teaser */ #site_content .teaser { margin-bottom: 0; } #site_content .teaser li { background-image: none; float: left; height: auto; margin: 0 20px 20px 0; padding: 0; width: 220px; } #site_content .teaser li.teaser_right { margin-right: 0; } #site_content .teaser li img { margin-bottom: 10px; } #site_content .teaser li h2 { color: #66615b; font-size: 13px; font-weight: normal; line-height: 20px; } #site_content .teaser li h2 a { color: #6b247c; font-size: 13px; font-weight: bold; line-height: 20px; } #site_content .teaser li h2 a:hover { color: #10c0e1; } #site_content .teaser li .book { margin-bottom: 10px; padding-left: 15px; } /* job listing */ #site_content ul#job_listing {} #site_content ul#job_listing li { background-image: none; list-style-type: none; margin-bottom: 40px; padding: 0; } #site_content ul#job_listing li h2 a { color: #6b247c; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0; } #site_content ul#job_listing li p { margin: 0 0 15px; } #site_content ul#job_listing li a { color: #66615b; font-size: 13px; font-weight: bold; margin-right: 20px; } #site_content ul#job_listing li a:hover { color: #10c0e1; } #site_content ul#job_listing li .links a { float: left; width: auto; } /* job listing */ #site_content ul#workshop_listing {} #site_content ul#workshop_listing li { background-image: none; list-style-type: none; margin-bottom: 40px; padding: 0; } #site_content ul#workshop_listing li h2 a { color: #6b247c; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0; } #site_content ul#workshop_listing li p { margin: 0 0 15px; } #site_content ul#workshop_listing li a { color: #66615b; font-size: 13px; font-weight: bold; margin-right: 20px; } #site_content ul#workshop_listing li a:hover { color: #10c0e1; } #site_content ul#workshop_listing li .links a { float: left; width: auto; } /* press release lists */ #site_content ul#press { padding: 0; } #site_content ul#press li { background-image: none; list-style: none; margin: 40px 0 0; padding: 0; } #site_content ul#press li p { margin-bottom: 14px; } /* press releases list */ #site_content dl#press_releases {} #site_content dl#press_releases dt { clear: left; float: left; margin: 3px 20px 40px 0; width: 140px; } #site_content dl#press_releases dd { float: left; margin: 0 0 40px 0; width: 300px; } #site_content dl#press_releases dd h2 { margin: 0 0 11px; } #site_content dl#press_releases dd h2 a { color: #6b247c; font-size: 18px; font-weight: normal; line-height: 22px; } #site_content dl#press_releases dd p { margin: 0 0 11px; } #site_content dl#press_releases dd a { color: #66615b; font-size: 13px; font-weight: bold; margin-right: 20px; } #site_content dl#press_releases dd a:hover { color: #10c0e1; } #site_content dl#press_releases dd .links a { float: left; width: auto; } /* press images */ #site_content ul#press_images { padding: 0; } #site_content ul#press_images li { background-image: none; font-size: 12px; float: left; line-height: 15px; list-style-type: none; margin: 0 20px 30px 0; overflow: hidden; padding: 0; position: relative; width: 140px; } #site_content ul#press_images li.last { margin-right: 0; } #site_content ul#press_images li.clear { clear: both; height: 1px; margin: 0; width: 100%; } #site_content ul#press_images li a { color: #66615b; } #site_content ul#press_images li a:hover { color: #10c0e1; } #site_content ul#press_images li a span.img { background: transparent url("../img_static/bg_press_images.png") no-repeat; display: block; height: 136px; margin-bottom: 8px; padding: 2px; width: 136px; } #site_content ul#press_images li a span.img_hover { background: transparent url("../img_static/bg_press_images.png") no-repeat 0 -140px; display: none; height: 136px; left: 0; padding: 2px; position: absolute; top: 0; width: 136px; } #site_content ul#press_images li a:hover span.img_hover { cursor: pointer; display: block; } /* search results and pagination */ #site_content ul#search_result { } #site_content ul#search_result li { background-image: none; margin-bottom: 34px; padding: 0; } #site_content #pagination { border-top: 1px solid #c9c5c1; } #site_content #pagination ul { margin: 0 auto; padding: 11px 0; width: 240px; } #site_content #pagination ul li { background-image: none; float: left; height: 14px; line-height: 14px; margin: 0; padding: 0; text-align: center; width: 20px; } #site_content #pagination ul li a { color: #66615b; display: block; font-size: 12px; font-weight: bold; line-height: 14px; width: 20px; } #site_content #pagination ul li a.active, #site_content #pagination ul li a:hover { color: #10c0e1; } #site_content #pagination ul li.prev a { background: transparent url("../img_static/paging_prev.png") no-repeat 4px 0; text-indent: -9999px; } #site_content #pagination ul li.prev a:hover { background-position: 4px -14px; } #site_content #pagination ul li.next a { background: transparent url("../img_static/paging_next.png") no-repeat 3px 0; text-indent: -9999px; } #site_content #pagination ul li.next a:hover { background-position: 3px -14px; } /* email */ #site_content #email { background: transparent url("../img_static/bg_send_to_friend.png") no-repeat; display: none; height: 280px; left: -2px; padding: 35px 15px; position: absolute; top: 144px; width: 434px; z-index: 100; } #site_content #email #close { cursor: pointer; position: absolute; right: -15px; top: -15px; } #site_content #email #close a { background: transparent url("../img_static/bg_layer_close.png") no-repeat 0 0; display: block; height: 60px; text-indent: -9999px; width: 60px; } #site_content #email #close a:hover { background-position: 0 -60px; } #site_content #email h2 { color: #6b247c; font-size: 18px; font-weight: normal; padding: 0 20px; } #site_content #email form { padding: 20px; width: 394px; } #site_content #email label, #site_content #email legend { display: none; } #site_content #email fieldset { clear: both; display: block; float: none; margin: 10px 0; width: auto; } #site_content #email fieldset#email_your { clear: none; float: left; margin-right: 20px; width: 187px; } #site_content #email fieldset#email_friends { clear: none; float: right; width: 187px; } #site_content #email input.text { border: 2px solid #e5e5e5; color: #66615b; font-size: 13px; height: 13px; line-height: 13px; margin: 0 0 10px; padding: 3px 5px 4px; width: 173px; } #site_content #email .submit { background: transparent url("../img_static/bg_submit.png") no-repeat 0 0; border: 0; cursor: pointer; display: block; height: 22px; margin: 10px 0 0; outline: none; text-indent: -9999px; width: 79px; } #site_content #email .submit:hover { background-position: 0 -22px; } #site_content #email textarea { border: 2px solid #e5e5e5; color: #66615b; font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; height: 103px; line-height: 20px; padding: 0 5px; width: 380px; } /* contact page */ #site_content #contact p { display: block; width: 160px; float: left; } #site_content #contact p strong { color: #948c83; } #site_content #contact_map { clear: both; height: 220px; margin-bottom: 15px; overflow: hidden; width: 460px; } /* contact form */ #site_content #contact_form { color: #66615b; margin: 0; padding: 0; } #site_content #contact_form fieldset { margin: 0 0 30px; padding: 0; } #site_content #contact_form legend { color: #948c83; font-size: 13px; font-weight: bold; line-height: 20px; margin: 0 0 15px; padding: 0; } #site_content #contact_form label { color: #66615B; display: block; font-size: 13px; line-height: 15px; margin: 0; padding: 0; } #site_content #contact_form .checkbox { color: #66615B; line-height: 15px; margin: 0 5px 0 0; padding: 0; } #site_content #contact_form #interest #other_interest_input { display: none; } #site_content #contact_form #interest #other_interest_input input { float: none; margin: -20px 0 30px; width: 292px; } #site_content #contact_form #i_am label { clear: both; display: block; float: left; line-height: 24px; width: 80px; } #site_content #contact_form #i_am select { border: 2px solid #e5e5e5; color: #66615b; font-size: 13px; height: 24px; line-height: 20px; margin-bottom: 30px; width: 300px; } #site_content #contact_form #i_am #i_am_other_profession { display: none; float: none; margin: -20px 0 30px; width: 292px; } #site_content #contact_form .text { border: 2px solid #e5e5e5; color: #66615B; float: left; height: 20px; margin-bottom: 10px; padding: 0 2px; width: 212px; } #site_content #contact_form #i_am .error { border-color: #ff860d; } #site_content #contact_form #i_am span { font-size: 11px; line-height: 24px; } #site_content #contact_form #message textarea { border: 2px solid #e5e5e5; color: #66615B; height: 102px; padding: 0 2px; width: 372px; } #site_content #contact_form .submit { background: transparent url("../img_static/bg_submit.png") no-repeat 0 0; border: 0; cursor: pointer; display: block; height: 22px; margin: -10px 0 0 297px; text-indent: -9999px; width: 79px; } #site_content #contact_form .submit:hover { background-position: 0 -22px; } #site_content #contact_form #participants { } #site_content #contact_form #participants select { border: 2px solid #e5e5e5; color: #66615b; font-size: 13px; height: 24px; line-height: 20px; width: 100px; } #site_content #contact_form .book_now { background: transparent url("../img_static/bg_book_now.png") no-repeat 0 0; border: 0; cursor: pointer; display: block; height: 22px; margin: -10px 0 0 277px; text-indent: -9999px; width: 99px; } #site_content #contact_form .book_now:hover { background-position: 0 -22px; } #site_content #contact_form #error_msg, #site_content #contact_form #success_msg { color: #ff860d; display: none; padding-bottom: 20px; } /* sitemap */ #site_content ul.sitemap { margin-top: 10px; } #site_content ul.sitemap li { background-image: none; padding: 0; } #site_content ul.sitemap li a { color: #66615b; font-weight: bold; } #site_content ul.sitemap li a:hover { color: #10c0e1; } #site_content ul.sitemap li li { background-image: none; padding-left: 10px; } #site_content ul.sitemap li li a { color: #66615b; font-weight: normal; } /**************** right *********************/ #site_right { } #site_right h2.hide { display: none; } /* module 1 */ #site_right #links { margin: 144px 54px 0 26px; width: 140px;} #site_right #links ul { border-top: 1px solid #c9c5c1; } #site_right #links ul li { border-bottom: 1px solid #c9c5c1; } #site_right #links ul li.download { background: transparent url("../img_static/icon_download.png") no-repeat; } #site_right #links ul li.link { background: transparent url("../img_static/icon_link.png") no-repeat; } #site_right #links ul li a { background-position: 17px 0; background-repeat: no-repeat; display: block; padding-left: 17px; text-indent: -9999px; } #site_right #links ul li a:hover { background-position: 17px -26px; } /* module 2 */ #site_right #buttons { margin: 26px 0 0 5px; } #site_right #buttons ul {} #site_right #buttons ul li { background: transparent url("../img_static/bg_button.png") no-repeat; height: 30px; margin: 6px 6px 2px; padding: 6px; text-indent: -9999px; width: 176px; } #site_right #buttons ul li a { background-repeat: no-repeat; display: block; height: 30px; text-indent: -9999px; width: 164px; } #site_right #buttons ul li a:hover { background-position: 0 -30px; } /* external links */ #site_right #external_links { margin: 22px 54px 24px 26px; } #site_right #external_links ul {} #site_right #external_links ul li { background: transparent url("../img_static/icon_external_link.png") no-repeat; margin-bottom: 6px; } #site_right #external_links ul li a { background-position: 0 0; background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; width: auto; } #site_right #external_links ul li a:hover { background-position: 0 -18px; } /* module 3 */ #site_right #link_icons { margin: 20px 54px 20px 26px; position: relative; z-index: 0; } #site_right #link_icons ul {} #site_right #link_icons ul li { margin-bottom: 7px; position: relative; } #site_right #link_icons ul li a { background-repeat: no-repeat; display: block; height: 18px; text-indent: -9999px; } #site_right #link_icons ul li a:hover, #site_right #link_icons ul li a.active { background-position: 0 -18px; } #site_right #link_icons #share { position: relative; z-index: 10; } #site_right #link_icons #share a { background-image: url("../img_text/right/share.png"); width: 58px; } #site_right #link_icons #share:hover ul#share_on { display: block; } #site_right #link_icons #share:hover a { background-position: 0 -18px; } #site_right #link_icons #share ul#share_on { background: transparent url("../img_text/right/share_bg.png") no-repeat; display: none; height: 39px; left: 17px; padding: 25px 16px 16px; position: absolute; top: 18px; width: 96px; z-index: 1000; } #site_right #link_icons #share ul#share_on li { background: gray; float: left; height: 16px; margin: 0 8px 8px 0; width: 16px; } #site_right #link_icons #share ul#share_on li a { background: none; display: block; height: 16px; width: 16px; } #site_right #link_icons #download a { background-image: url("../img_text/right/download.png"); width: 82px;} #site_right #link_icons #send_to_friend a { background-image: url("../img_text/right/send_to_friend.png"); width: 109px;} #site_right #link_icons #print a { background-image: url("../img_text/right/print.png"); width: 55px; } /*************** footer *****************/ #footer { background: transparent url("../img_static/bg_footer.png"); color: #999999; font-size: 11px; line-height: 20px; overflow: hidden; } #footer a { color: #999999; text-decoration: none; } #footer a:hover, #footer a.active { color: #666666; } #footer #sound_toggle { left: 35px; position: absolute; top: 0; } #footer #sound_toggle span { display: none; } #footer #sound_toggle a span { display: block; float: left; padding-right: 8px; width: auto; } #footer #sound_toggle a .icon { background: transparent url("../img_static/icons.png") no-repeat 0 -50px; display: inline; float: left; margin: 5px 0 0 0; padding: 0; width: 18px; } #footer #sound_toggle a:hover .icon { background-position: -50px -50px; } #footer #breadcrumb { left: 275px; position: absolute; top: 0; } #footer #breadcrumb ul { display: inline; } #footer #breadcrumb ul li { display: inline; } #footer #footer_right { position: absolute; right: 14px; top: 0; } #footer #footer_right div { display: inline; } #footer #language { } #footer #language span { display: none; } #footer #language ul { display: inline; margin-right: 10px; } #footer #language ul li { display: inline; margin-right: 10px; } #footer #other { } #footer #other span { display: none; } #footer #other ul { display: inline; } #footer #other ul li { display: inline; margin-right: 20px; }