/* the bavarian job // style 2015 */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic); * { padding: 0; margin: 0; } body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; color: #666; } html { width: 100%; height: 100%; background-color: #fff; overflow-y: scroll; } /* Scrollbalken immer da */ div { text-align: left; } /* text -------------------------------------------------------------------------------- */ p { text-align: left; margin: 0 5px 0 0; } #tbj h1 { text-align: left; color: #44c0eb; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2012 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2011 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2010 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2008 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2007 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2006 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2005 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #gallery2004 h1 { text-align: left; color: #e52e87; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #dates h1 { text-align: left; color: #97bf2a; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #motors h1 { text-align: left; color: #dca234; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #contact h1 { text-align: left; color: #f4b3bb; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } #impressum h1 { text-align: left; color: #1e6c8b; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; padding: 0; margin: 6px 0 20px 0; } h2 { text-align: left; color: #666; font-size: 10px; line-height: 12px; text-decoration: none; font-weight: 400; padding: 0; margin: 20px 0 0 0; } /* fussnote */ hr { border: 1px solid #ccc; height: 1px; padding: 0; margin: 10px 0 20px 0; } .tab1 { width: 35px; display: block; float: left; } .tab2 { width: 95px; display: block; float: left; } .light { font-weight: 300; } .nr { width: 20px; display: block; float: left; text-align: right; margin: 0 10px 0 0; font-weight: 400; } .flag { width: 22px; display: block; float: left; margin: 0 5px 0 0; padding: 1px 0 0 0; } .date { width: 65px; display: block; float: left; margin: 0 5px 0 0; } .date2 { width: 90px; display: block; float: left; margin: 0 5px 0 0; } .place { width: 130px; display: block; float: left; margin: 0 5px 0 0; } .place2 { width: 340px; display: block; float: left; margin: 0 5px 0 0; } .place3 { width: 160px; display: block; float: left; margin: 0 5px 0 0; } .circuit{ width: 210px; display: block; float: left; margin: 0 5px 0 0; } .circuit2{ width: 80px; display: block; float: left; margin: 0 5px 0 0; } .time { width: 55px; display: block; float: left; margin: 0 5px 0 0; } .time2 { width: 130px; display: block; float: left; margin: 0 5px 0 0; } .race { width: 260px; display: block; float: left; margin: 0 5px 0 0; } .flag1 { width: 50px; display: block; float: left; margin: 0 5px 0 0; } .flag_text { width: 480px; display: block; float: left; margin: 0 5px 5px 0; } a, a:active, a:hover, a:visited, a:focus { text-decoration: none; font-weight: bold; color: #666; padding: 0; margin: 0; } /* colors ------------------------------------------------------------------------------- */ /* BG grey: #ccc; lightgrey: #e5e5e5; TEXT darkgrey: #666; RED start: #e2001a; BLUE tbj: #44c0eb; VIOLETT members: #934c94; PINK gallery: #e52e87; GREEN dates: #97bf2a; YELLOW friends: #f3e400; DARKRED motors: #a8111c; ROSE contact: #f4b3bb; DARKBLUE masthead: #1e6c8b; NOCH FREI: lightgreen: #; lightblue: #; orange: #dca234; */ /* page --------------------------------------------------------------------------------- */ #bg { width: 100%; height: 100%; background:url(../images/tbj_bg1.jpg) top center fixed; } #tbj #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_3.jpg) top center fixed; } #gallery #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2012 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2011 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2010 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2009 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2008 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2007 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2006 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2005 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #gallery2004 #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_galerie.jpg) top center fixed; } #dates #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_4.jpg) top center fixed; } #motors #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_motors.jpg) top center fixed; } #contact #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_contact.jpg) top center fixed; } #impressum #bg { width: 100%; height: 100%; background:url(../images/tbj_bg_2.jpg) top center fixed; } #distance { width: 1px; height: 50%; float: left; margin-bottom: -350px; /* half of page's height */ } #wrapper { position: relative; width: 960px; height: 700px; margin: 0 auto; clear: left; z-index: 1; } #logo { float: left; width: 190px; height: 77px; margin: 0 10px 10px 0; padding: 63px 0 0 0; z-index: 10; } #home #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e2001a; z-index: 10; } #tbj #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #44c0eb; z-index: 10; } #gallery #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2012 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2011 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2010 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2008 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2007 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2006 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2005 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #gallery2004 #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #e52e87; background:url(../images/tbj_bg_galerie.jpg) top center fixed; z-index: 10; } #dates #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #97bf2a; z-index: 10; } #motors #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #dca234; background:url(../images/tbj_bg_motors.jpg) top center fixed; z-index: 10; } #contact #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #f4b3bb; background:url(../images/tbj_bg_contact.jpg) top center fixed; z-index: 10; } #impressum #pic { float: left; width: 740px; height: 120px; margin: 0; padding: 0; border: 10px solid #1e6c8b; background:url(../images/tbj_bg_2.jpg) top center fixed; z-index: 10; } #center { float: left; width: 960px; height: 520px; margin: 0 0 10px 0; overflow: hidden; } #navi { float: left; width: 190px; height: 500px; margin: 0 10px 0 0; padding: 10px 0 10px 0; text-align: right; background-color: #fff; } #content { float: left; width: 760px; height: 520px; margin: 0; overflow: hidden; } #con_1_left { float: left; width: 250px; height: 500px; margin: 0 10px 0 0; padding: 10px; background-color: #fff; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_1_right{ float: left; width: 460px; height: 500px; margin: 0; padding: 10px; overflow: hidden; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_2_left { float: left; width: 170px; height: 500px; margin: 0 10px 0 0; padding: 10px; background-color: #fff; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_2_right{ float: left; width: 560px; height: 520px; margin: 0; padding: 0; overflow: hidden; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } .motors { float: left; width: 540px; height: 510px; margin: 0; padding: 10px 10px 0 10px; } .motors a, a:visited, a:focus { text-decoration: none; font-weight: bold; color: #666; padding: 0; margin: 0; } .motors a:active, a:hover { text-decoration: none; font-weight: bold; color: #dca234; padding: 0; margin: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .m_tab { float: left; width: 540px; margin: 0 0 5px 0; padding: 0; border-bottom: dotted #ccc 1px; } #con_3_left { float: left; width: 210px; height: 500px; margin: 0 10px 0 0; padding: 10px; background-color: #fff; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_3_right{ float: left; width: 520px; height: 520px; margin: 0; padding: 0; overflow: hidden; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_3_r_scroll { width: 500px; height: 500px; margin: 0; padding: 10px; overflow: auto; } #con_3_r_scroll img { width: 35px; height: 23px; margin: 0 2px 2px 0; padding: 0; } #con_4_left { float: left; width: 250px; height: 330px; margin: 0 10px 10px 0; padding: 10px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; /* Transparenz */ } #con_4_right{ float: left; width: 460px; height: 330px; margin: 0 0 10px 0; padding: 10px; overflow: hidden; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; /* Transparenz */ } #con_4_bottom{ float: left; width: 760px; height: 140px; margin: 0; padding: 30px 10px 10px 10px; overflow: hidden; background-color: #fff; text-align: center; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_4_bottom img { display: inline-block; margin: 5px 10px 10px 0; } #con_5_top { float: left; width: 760px; height: 270px; margin: 0 0 10px 0; padding: 10px; overflow: hidden; background-color: #fff; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; /* Transparenz */ } #con_5_bottom{ float: left; width: 760px; height: 200px; margin: 0; padding: 10px; overflow: hidden; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; /* Transparenz */ } #con_1_all { float: left; width: 760px; height: 500px; margin: 0; padding: 10px; background-color: #fff; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #con_1_dates { float: left; width: 760px; height: 520px; margin: 0; padding: 0; background-color: #fff; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Transparenz */ } #footer { float: left; width: 960px; height: 25px; margin: 0; color: #fff; text-align: right; } /* navi --------------------------------------------------------------------------------- */ #navi ul { list-style-type: none; display: block; color: #666; background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; text-decoration: none; text-transform:uppercase; margin: 0; padding: 0; } #navi ul li { width: 180px; height: 24px; text-decoration: none; text-align: right; background-color: #fff; } #navi ul li a#n_home { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_home:hover { color: #fff; background-color: #E2001A; } #home #navi li a#n_home { color: #fff; background-color: #E2001A; } #navi ul li a#n_tbj { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_tbj:hover { color: #fff; background-color: #44C0EB; } #tbj #navi li a#n_tbj { color: #fff; background-color: #44C0EB; } #navi ul li a#n_members { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_members:hover { color: #fff; background-color: #934C94; } #members #navi li a#n_members { color: #fff; background-color: #934C94; } #navi ul li a#n_gallery { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_gallery:hover { color: #fff; background-color: #E52E87; } #gallery #navi li a#n_gallery { color: #fff; background-color: #E52E87; } #gallery2012 #navi li a#n_gallery, #gallery2011 #navi li a#n_gallery, #gallery2010 #navi li a#n_gallery, #gallery2008 #navi li a#n_gallery, #gallery2007 #navi li a#n_gallery, #gallery2006 #navi li a#n_gallery, #gallery2005 #navi li a#n_gallery, #gallery2004 #navi li a#n_gallery { color: #fff; background-color: #E52E87; } #navi ul li a#n_dates { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_dates:hover { color: #fff; background-color: #97BF2A; } #dates #navi li a#n_dates { color: #fff; background-color: #97BF2A; } #navi ul li a#n_friends { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_friends:hover { color: #fff; background-color: #F3E400; } #friends #navi li a#n_friends { color: #fff; background-color: #F3E400; } #navi ul li a#n_motors { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_motors:hover { color: #fff; background-color: #dca234; } #motors #navi li a#n_motors, #m_dtm #navi li a#n_motors, #m_wtcc #navi li a#n_motors, #m_gtm #navi li a#n_motors, #m_rennstrecken #navi li a#n_motors, #m_vln #navi li a#n_motors, #m_wrc #navi li a#n_motors { color: #fff; background-color: #dca234; } #navi ul li a#n_contact { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_contact:hover { color: #fff; background-color: #f4b3bb; } #contact #navi li a#n_contact { color: #fff; background-color: #f4b3bb; } #navi ul li a#n_impressum { float: left; color: #666; font-weight: 400; width: 175px; height: 28px; padding: 3px 5px 0 0; } #navi li a#n_impressum:hover { color: #fff; background-color: #1e6c8b; } #impressum #navi li a#n_impressum { color: #fff; background-color: #1e6c8b; } /* navi gallery -------------------------------------------------------------------------- */ #navi1 { width: 210px; margin: 0 0 0 10px; padding: 0 0 10px 0; } #navi1 ol { list-style-type: none; display: block; color: #666; font-weight: 400; font-size: 11px; text-decoration: none; padding: 0; margin: 0; } #navi1 ol li span { list-style-type: none; display: block; width: 210px; height: 20px; margin: 10px 0 5px 0; font-weight: 300; font-size: 14px; text-decoration: none; text-align: left; } #navi1 ol li a#n_2013 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2013:hover { color: #fff; background-color: #E52E87; } #gallery #navi1 li a#n_2013 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2012 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2012:hover { color: #fff; background-color: #E52E87; } #gallery2012 #navi1 li a#n_2012 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2011 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2011:hover { color: #fff; background-color: #E52E87; } #gallery2011 #navi1 li a#n_2011 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2010 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2010:hover { color: #fff; background-color: #E52E87; } #gallery2010 #navi1 li a#n_2010 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2009 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2009:hover { color: #fff; background-color: #E52E87; } #gallery2009 #navi1 li a#n_2009 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2008 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2008:hover { color: #fff; background-color: #E52E87; } #gallery2008 #navi1 li a#n_2008 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2007 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2007:hover { color: #fff; background-color: #E52E87; } #gallery2007 #navi1 li a#n_2007 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2006 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2006:hover { color: #fff; background-color: #E52E87; } #gallery2006 #navi1 li a#n_2006 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2005 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2005:hover { color: #fff; background-color: #E52E87; } #gallery2005 #navi1 li a#n_2005 { color: #fff; background-color: #E52E87; } #navi1 ol li a#n_2004 { float: left; color: #666; font-weight: normal; width: 205px; height: 21px; padding: 4px 0 0 5px; } #navi1 li a#n_2004:hover { color: #fff; background-color: #E52E87; } #gallery2004 #navi1 li a#n_2004 { color: #fff; background-color: #E52E87; } #navi1 li li a { display: block; width: 210px; height: 16px; padding: 0; margin: 0; font-weight: 300; background-color: #fff; } #navi1 li li a:hover { display: block; width: 210px; height: 16px; padding: 0; margin: 0; font-weight: 300; color: #E52E87; } #navi1 li ol { display: none; } /* Links ausblenden */ #navi1 li:hover ol { display: block; } /* Titel, bei hover Links einblenden */ #navi1 ul { list-style-type: none; display: block; font-weight: normal; padding: 0; margin: 0 0 10px 0; } /* formular --------------------------------------------------------------------------- */ #formular { width: 600px; height: 220px; margin: 0 0 20px 0; padding: 0; } .texte { float: left; width: 100px; height: 20px; padding: 0; margin: 0 0 10px 0; text-align: left; text-transform: uppercase; } /* Text */ .eingaben { float: left; width: 440px; height: 20px; margin: 0 0 10px 0; padding: 0; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; /* Transparenz */ } /* Eingabe */ textarea { width: 440px; height: 100px; border: 1px solid #D4D5D5; background-color: #fff; } input[type="text"] { width: 440px; height: 20px; padding: 0; margin: 0; border: 1px solid #D4D5D5; background-color: #fff; } input[type="submit"] { cursor: pointer; background-color: #f4b3bb; font-weight: 400; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; color: #fff; border: none; text-transform: uppercase; padding: 3px 8px 4px 8px; margin: 45px 10px 0 0; width: auto; } /* lytebox ------------------------------------------------------------------------------ */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 600px; } #lbOverlay.grey { background-color: #fff; } /* hintergrund */ #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; } #lbMain a img { border: none; } /* hauptflaeche */ #lbOuterContainer { position: relative; background-color: #fff; width: 500px; height: 500px; margin: auto; } #lbOuterContainer.grey { border: 3px solid #fff; } /* rahmen */ #lbDetailsContainer { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #666; background-color: #fff; overflow: auto; margin: auto; padding: 0; } #lbDetailsContainer.grey { border: 3px solid #fff; border-top: none; } /* Infoflaeche */ #lbImageContainer, #lbIframeContainer { padding: 10px; } /* Bildzentrierung */ #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/gallery/loading.gif) center no-repeat; } /* loading */ #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer #lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } /* ?*/ #lbPrev { width: 49%; height: 100%; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/gallery/prev_grey.gif) left 15% no-repeat; } /* Zurueck */ #lbNext { width: 49%; height: 100%; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/gallery/next_grey.gif) right 15% no-repeat; } /* Weiter */ #lbDetailsData { padding: 10px; } /* Rahmen um Infoflaeche */ #lbDetailsData.grey { color: #666; } /* Schriftfarbe Infoflaeche */ #lbDetails { width: 80%; float: left; text-align: left; } /* Formatierung infoflaeche */ #lbCaption { display: block; font-weight: bold; } /* Formatierung infoflaeche Text */ #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 75px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(../images/gallery/close_grey.png) no-repeat; } /* -------------------------------------------------------------------------------------- */