#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline} 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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /* ########### BASICS ########### */ html { font-size: 100.01%; } body { background: #F0F5D9 url("/assets/images/body_bg.gif") repeat; font: 62.5% Verdana, Arial, sans-serif; } /* ########### PAGE ########### */ #page { margin: 0 auto; position: relative; width: 960px; } #page h1 { background: url("/assets/images/header_h1.png") no-repeat; height: 60px; left: 165px; position: absolute; text-indent: -9999px; top: 60px; width: 460px; } #page h1.style1 { background-position: 0 0; } #page h1.style2 { background-position: 0 -60px; } #page h1.style3 { background-position: 0 -120px; } #page h1.style4 { background-position: 0 -180px; } #page h1.style5 { background-position: 0 -240px; } #page h1 a { display: block; height: 60px; width: 460px; } #page ul#links li { position: absolute; top: 8px; } #page ul#links li a { display: block; height: 65px; position: absolute; text-indent: -9999px; top: -7px; width: 65px; } #page ul#links li#dfb a { background: url("/assets/images/logo_dfb.png") no-repeat; left: 260px; } #page ul#links li#turbine a { background: url("/assets/images/logo_turbine.png") no-repeat; left: 315px; } #page ul#links li#imprint a:link, #page ul#links li#imprint a:visited { color: #AFA899; font-size: 11px; height: 20px; left: 555px; text-decoration: none; text-indent: 0; top: 17px; } #page ul#links li#imprint a:hover, #page ul#links li#imprint a:active { color: #9A9487; } #page hr { border: none; border-bottom: 1px dotted #787878; width: 640px } /* ########### TEMP ########### */ #impressum #content { min-height: 750px; } #gaestebuch #content { min-height: 750px; } /* ########### HEADER ########### */ #header { background: url("/assets/images/header_bg.gif") no-repeat 0 20px; height: 120px; position: relative; } #header #game { background: #BB2D25 url("/assets/images/game_bg.gif") no-repeat 0 25px; bottom: 0; height: 100px; position: absolute; right: 20px; width: 295px; } #header #game h2 { background: #6C1311 url("/assets/images/game_h2.gif") no-repeat; height: 25px; text-indent: -9999px; } #header #game ul { color: #F2F6D0; margin: 3px 5px 0 160px; } #header #game ul li#date { font-style: oblique; margin-bottom: 5px; } #header #game ul li#competition { margin-top: 7px; } #header #game ul li#match { color: #FFF; } #header #game ul li span.opponent { font-style: oblique; font-weight: bold; } #header #game #previous, #header #match #next { clear: both; } #header #game #result { height: 75px; position: absolute; width: 160px; } #header #game #result span { display: block; position: absolute; top: 7px; } #header #game #left { height: 62px; left: 7px; top: 0; width: 62px; } #header #game #right { height: 62px; left: 89px; top: 0; width: 62px; } #header #game #divider { height: 75px; left: 63px; width: 6px; } /* ########### SIDEBAR ########### */ #sidebar { background: url("/assets/images/sidebar_bg.png") no-repeat; position: absolute; top: 120px; width: 220px; height: 550px; } #sidebar span { color: #AFA899; position: relative; left: 60px; } #sidebar ul li { display: block; position: absolute; right: 10px; } #sidebar ul li a:link, #sidebar ul li a:visited { color: #AFA899; text-decoration: none; } #sidebar ul li a:hover, #sidebar ul li a:active { color: #9A9487; } #sidebar #puma { right: 28px; top: 470px; z-index: 3; } #sidebar #puma a { background: url("/assets/images/sidebar_puma.png") no-repeat; display: block; height: 120px; margin-top: 5px; text-indent: -9999px; width: 140px; } #sidebar #janzen { right: 0; top: 610px; z-index: 3; } #sidebar #janzen a { background: url("/assets/images/sidebar_henner_janzen.gif") no-repeat; display: block; height: 21px; margin-top: 5px; text-indent: -9999px; width: 194px; } #babett { background: url("/assets/images/babett.png") no-repeat; height: 657px; left: 0; position: absolute; top: 0px; width: 250px; z-index: 2; } #babett img { display: none; } /* ########### NAVIGATION ########### */ #navigation { background: #BDB78E url("/assets/images/navigation.gif") no-repeat; height: 45px; position: relative; width: 720px; } #navigation li { display: block; height: 45px; position: absolute; } #navigation li#btn_aktuelles { left: 50px; width: 83px; } #navigation li#btn_uebermich { left: 143px; width: 92px; } #navigation li#btn_gaestebuch { left: 245px; width: 100px; } #navigation li#btn_fotosvideos { left: 357px; width: 133px; } #navigation li#btn_karriere { left: 499px; width: 87px; } #navigation li#btn_downloads { left: 597px; width: 106px; } #navigation li a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/navigation.gif") no-repeat; } #navigation li#btn_aktuelles a { background-position: -50px 0; } #navigation li#btn_uebermich a { background-position: -143px 0; } #navigation li#btn_gaestebuch a { background-position: -245px 0; } #navigation li#btn_fotosvideos a { background-position: -357px 0; } #navigation li#btn_karriere a { background-position: -499px 0; } #navigation li#btn_downloads a { background-position: -597px 0; } #navigation li#btn_aktuelles a:hover { background-position: -50px -45px; } #navigation li#btn_uebermich a:hover { background-position: -143px -45px; } #navigation li#btn_gaestebuch a:hover { background-position: -245px -45px; } #navigation li#btn_fotosvideos a:hover { background-position: -357px -45px; } #navigation li#btn_karriere a:hover { background-position: -499px -45px; } #navigation li#btn_downloads a:hover { background-position: -597px -45px; } #startpage #navigation li#btn_aktuelles a { background-position: -50px -90px; } #uebermich #navigation li#btn_uebermich a { background-position: -143px -90px; } #gaestebuch #navigation li#btn_gaestebuch a { background-position: -245px -90px; } #fotosvideos #navigation li#btn_fotosvideos a { background-position: -357px -90px; } #karriere #navigation li#btn_karriere a { background-position: -499px -90px; } #downloads #navigation li#btn_downloads a { background-position: -597px -90px; } /* ########### CONTENT ########### */ #contentwrapper { background: url("/assets/images/contentwrapper_bg.gif") no-repeat left 43px; margin-left: 220px; } #contentwrapper h2 { background: #FFF; height: 20px; margin: 0 auto; text-indent: -9999px; width: 700px; } #content { background: transparent url("/assets/images/content_bg.png") repeat-y; font-size: 12px; line-height: 18px; padding: 15px 20px 20px; } #content .col { float: left; width: 345px; } #content .col ul { color: #233A19; margin: 0 0 30px 30px; width: 270px; } #content .col ul li { background: url("/assets/images/col_ul_bg.gif") repeat-x 0 11px; height: 20px; position: relative; } #content .col ul span { background: url("/assets/images/col_ul_span_bg.gif") repeat-x 0 11px; } #content .col ul span.label { display: block; float: left; font-weight: bold; padding-right: 5px; } #content .col ul span.fact { padding-left: 5px; position: absolute; right: 0; } #content h3 { background: url("/assets/images/content_header.gif") no-repeat; color: #CC6D3A; font-size: 12px; font-weight: bold; height: 10px; letter-spacing: 1px; line-height: 10px; margin-bottom: 30px; padding-left: 140px; } #content h3.style1, #content h4.style1 { background-position: 0 0; } #content h3.style2, #content h4.style2 { background-position: 0 -10px; } #content h3.style3, #content h4.style3 { background-position: 0 -20px; } #content h3.style4, #content h4.style4 { background-position: 0 -30px; } #content h3.style5, #content h4.style5 { background-position: 0 -40px; } #content h3.style6, #content h4.style6 { background-position: 0 -50px; } #content h3.style7, #content h4.style7 { background-position: 0 -60px; } #content h3.special{ background-image: none; color: #507451; font-size: 15px; margin-bottom: 30px; padding-left: 30px; } #content p { color: #233A19; margin: 0 0 10px 30px; padding-right: 30px; } #content .more { font-size: 11px; margin-left: 30px; text-align: right; } #content .more a { font-weight: normal !important; } #content a:link, #content a:visited { color: #99A90D; font-weight: bold; text-decoration: none; } #content a:hover, #content a:active { text-decoration: underline; } #content #txpCommentInputForm { margin: 40px 30px 0; } #content fieldset { margin-bottom: 10px; } #content fieldset.submit { margin-left: 80px; position: relative; } #content fieldset.submit #txpCommentHelpLink { position: absolute; left: 180px; top: 2px; } #content fieldset label { display: block; float: left; width: 80px; } #content fieldset input[type="text"] { border: 1px solid #787878; width: 250px; } #content fieldset textarea { border: 1px solid #787878; font: normal 11px Verdana, Arial, sans-serif; width: 250px; } /* KOMMENTARE AKTUELLES, GB */ #content .entry { border-bottom: 1px dotted #787878; margin-left: 30px; padding: 20px 10px; width: 610px; } #content .entry h4 { background: url("/assets/images/content_header.gif") no-repeat left; color: #CC6D3A; font-weight: bold; height: 10px; line-height: 10px; margin: 0 0 10px -40px; padding-left: 135px; position: relative; } #content .entry h4 span.date { color: #CC6D3A !impotant; font-size: 10px; font-style: oblique; font-weight: normal; height: 15px; position: absolute; right: 0; } #content .entry h4 span.arrow { color: #93B138 !important; font-weight: normal; } #content .entry p { margin-left: 0px !important; } /* ########### SPLASHPAGE ########### */ #splashpage h1 { left: 45px; top: 32px; } #splashpage ul#links li { display: block; height: 65px; text-indent: -9999px; width: 65px; } #splashpage ul#links li#dfb { background: url("/assets/images/logo_dfb.png") no-repeat; left: 805px !important; } #splashpage ul#links li#turbine { background: url("/assets/images/logo_turbine.png") no-repeat; left: 860px !important; } #splashpage #splash_header { background: url("/assets/images/splash/header.png") no-repeat; cursor: pointer; height: 168px; margin-top: 105px; position: relative; width: 960px; } #splashpage #splash_header p { background: url("/assets/images/splash/turbine_dfb.png") no-repeat; text-indent: -9999px; height: 20px; left: 167px; position: absolute; top: 125px; width: 360px; } #splashpage #splash_content { background: url("/assets/images/splash/content.png") no-repeat 140px -4px; cursor: pointer; height: 360px; position: relative; width: 960px; } #splashpage #splash_content #babett { background: url("/assets/images/splash/babett.png") no-repeat; position: absolute; left: 575px; top: -250px; } #splashpage #splash_content #babett img { display: none; } #splashpage #splash_content #puma { background: url("/assets/images/sidebar_puma.png") no-repeat; display: block; height: 120px; left: 620px; position: absolute; text-indent: -9999px; top: 255px; width: 140px; z-index: 4; } #splashpage #splash_content p { bottom: 10px; color: #AFA899; position: absolute; right: 40px; } #splashpage #splash_content ul { margin-left: 165px; position: relative; } #splashpage #splash_content ul li { display: block; float: left; height: 160px; position: absolute; width: 90px; text-indent: -9999px; } #splashpage #splash_content ul li#wm { background: url("/assets/images/splash/wm.png") no-repeat; left: 0; top: 25px; } #splashpage #splash_content ul li#ol { background: url("/assets/images/splash/ol.png") no-repeat; left: 273px; top: 25px; } #splashpage #splash_content ul li#em { background: url("/assets/images/splash/em.png") no-repeat; left: 141px; top: 25px; } #splashpage #splash_content ul li#sl { background: url("/assets/images/splash/sl.png") no-repeat; left: 654px; top: 25px; } #splashpage #splash_content ul li#dm { background: url("/assets/images/splash/dm.png") no-repeat; left: 0; top: 168px; } #splashpage #splash_content ul li#ps { background: url("/assets/images/splash/ps.png") no-repeat; left: 141px; top: 168px; } #splashpage #splash_content ul li#hs { background: url("/assets/images/splash/hs.png") no-repeat; left: 273px; top: 168px; } #splashpage #splash_content ul li#fw { background: url("/assets/images/splash/fw.png") no-repeat; left: 654px; top: 168px; } #splashpage #splash_content img#europameister09 { left: 500px; position: absolute; top: -157px; z-index: 4; } /* ########### AKTUELLES ########### */ #startpage #content > div:first-child { margin-top: -35px; } #startpage #content .article { margin: 0 20px 0 0; padding: 25px 0 0; } #startpage #content .article h3 { margin-bottom: 20px; } #startpage #content .article p { margin-left: 30px; } #startpage #content .article span.arrow, #startpage .archive span.arrow { color: #93B138; font-weight: normal; margin-left: 30px; } #startpage #content .article span.date, #startpage .archive span.date { color: #CC6D3A; font-size: 10px; font-style: oblique; height: 15px; } #startpage #content .sticky { margin-top: -30px; padding-bottom: 20px; width: 100%; } #startpage #content h4#Kommentar { color: #CC6D3A; font-weight: bold; margin: 30px 0 0 30px; clear: both; } #startpage #content ul li { clear: left; margin: 0 0 5px 30px; } #startpage #content ul li span.arrow { color: #93B138; display: block; } #startpage #content ul li span.date { color: #CC6D3A; font-size: 10px; font-style: oblique; } #startpage #content ul li a { color: #000; font-weight: normal; } #startpage #content #content_main { float: left; width: 340px; } #startpage #content #content_main .article { padding: 0 0 20px; } #startpage #content #content_main h3 { margin: 40px 0 20px 0; } #startpage #content #content_main h4 { margin: 0 0 10px 30px; } #startpage #content #content_sidebar { background: transparent; float: left; width: 340px; } #startpage #content #content_sidebar h3 { margin: 40px 0 20px 0; } #startpage #content ul.images { list-style: none; padding-top: 5px; margin: 30px 0 30px 30px;} #startpage #content ul.images li { display: block; float: left; height: 150px; margin-right: 40px; width: 110px; clear: none;} #startpage #content ul.images li.k { background: url("/assets/images/images_bg_1.gif") no-repeat; } #startpage #content ul.images li.g { background: url("/assets/images/images_bg_2.gif") no-repeat; } #startpage #content ul.images li img { border: 2px solid #FFF; left: 5px; position: relative; top: 6px; } /* ########### UEBERMICH ########### */ #uebermich .col h3 { position: relative; top: -4px; } #uebermich #erfolge ul { list-style: disc; } #uebermich #erfolge ul li { background: none; } #uebermich #lieblings { clear: both; float: none; margin-right: 30px; width: 660px; } #uebermich #abc { clear: both; margin-right: 30px; width: 660px; } #uebermich #abc h4 { color: #99A90D; font-size: 24px; font-weight: bold; margin-left: 30px; } #uebermich #abc dl { color: #233A19; margin-left: 30px; padding: 0 0 5px; position: relative; top: -30px; } #uebermich #abc dl dt { float: left; font-weight: bold; margin: 0 25px 0 20px; text-align: right; width: 200px; } #uebermich #abc dl dd { margin-left: 250px; } /* ########### GAESTEBUCH ########### */ #gaestebuch .page { margin: 10px 30px 0; } #gaestebuch .page li { border: 1px solid #787878; display: inline; padding: 2px 6px; } #gaestebuch hr { margin: 30px 0 0px 30px; width: 630px;} /* ########### FOTOS & VIDEOS ########### */ #fotosvideos #content h3 { clear: both; } #fotosvideos #content p { clear: both; margin-bottom: 30px; } #fotosvideos #content ul + h3 { position: relative; top: 20px; } #fotosvideos #content ul + h3 + ul { position: relative; top: 20px; } #fotosvideos #content ul.images { list-style: none; margin-left: 30px; padding-top: 5px; } #fotosvideos #content ul.images li { display: block; float: left; height: 150px; margin-right: 40px; width: 110px; } #fotosvideos #content ul.images li.k { background: url("/assets/images/images_bg_1.gif") no-repeat; } #fotosvideos #content ul.images li.g { background: url("/assets/images/images_bg_2.gif") no-repeat; } #fotosvideos #content ul.images li img { border: 2px solid #FFF; left: 5px; position: relative; top: 6px; } #fotosvideos #content ul#videos { height: 300px; margin-left: 30px; margin-top: 40px; } #fotosvideos #content ul#videos li { float: left; width: 300px; } #fotosvideos #content ul#videos li:first-child { margin-right: 40px; } /* ########### KARRIERE ########### */ #karriere h3 { clear: both; } #karriere #subnavi { height: 50px; list-style: none; position: relative; left: 10px; width: 670px; } #karriere #subnavi li { display: block; float: left; height: 25px; margin: 0 0 20px 20px; width: 90px; } #karriere #subnavi li a { display: block; height: 20px; padding-top: 5px; text-align: center; width: 90px; } #karriere #subnavi a:link, #karriere #subnavi a:visited { background: url("/assets/images/subnavi_link.gif") no-repeat; color: #FFF; text-decoration: none; } #karriere #subnavi a:hover, #karriere #subnavi a:active { background: url("/assets/images/subnavi_hover.png") no-repeat; } .karriere #subnavi li#btn_overview a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2009 #subnavi li#btn_0910 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2008 #subnavi li#btn_0809 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2007 #subnavi li#btn_0708 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2006 #subnavi li#btn_0607 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2005 #subnavi li#btn_0506 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere .s2004 #subnavi li#btn_0405 a { background: url("/assets/images/subnavi_overview.gif") no-repeat; } #karriere table { margin: 0 0 30px 30px; width: 640px; border: 1px solid #000; } #karriere table tr.odd { background: #E8F0CC; } #karriere table tr.total { background: #507451; color: #FFF; } #karriere table tr.total td { border-top: 1px solid #000; } #karriere table tr th { background: #93B138; border-bottom: 1px solid #000; color: #FFF; padding: 5px; text-align: center; } #karriere table tr th.match { text-align: left; width: 280px; } #karriere table tr td { padding: 5px; text-align: center; } #karriere table tr td.left { text-align: left; } #karriere table tr td strong.turb { background: url("/assets/images/karriere_turbine.png") no-repeat left; padding-left: 18px; } #karriere table tr td strong.deu { background: url("/assets/images/karriere_dfb.png") no-repeat left; padding-left: 18px; } #karriere table tr td strong.nok { background: url("/assets/images/karriere_nok.png") no-repeat left; padding-left: 18px; } #karriere table.aeb tr th.left { width: 220px; } #karriere table#tbl_all tr.total td { background: #CC6D3A; color: #FFF; } #karriere #stats { margin-left: 30px; } #karriere #stats h3 { margin-left: -30px; } #karriere #stats p { clear: both; color: #000; margin-left: 0; padding: 30px 0 30px; } #karriere #stats p strong { background: #CC6D3A; border: 1px solid #000; color: #FFF; margin-top: 10px; padding: 1px 5px; } #karriere #stats dl { float: left; margin-right: 22px; width: 110px; } #karriere #stats dl dt { border-bottom: 1px solid #507451; color: #547E40; font-weight: bold; } #karriere #stats dl dd { padding-top: 1em; } #karriere #stats dl dd strong { background: #CC6D3A; border: 1px solid #000; color: #FFF; padding: 1px 5px; } /* ########### DOWNLOADS ########### */ #downloads #content img { background: #FFF; border: 1px solid #DDD; margin: 10px 0 30px 30px; padding: 5px; } #downloads #content ul { list-style: disc; margin: 10px 45px; } /* ########### IMPRESSUM ########### */ #impressum #content p { margin-bottom: 30px; } /* ########### FOOTER ########### */ #footer { background: url("/assets/images/footer.png") no-repeat; height: 20px; width: 100%; position: fixed; z-index: 1; bottom: 0; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #header #game ul { margin: 5px 5px 0 160px; } #header #game ul li#date { margin-bottom: 8px; } #header #game ul li#competition { margin-top: 7px; } #header #game ul li#match { color: #FFF; margin-bottom: 5px; } #header #game ul li span.opponent { font-style: oblique; font-weight: bold; } }