#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,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}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body { background: url("/assets/images/bg_body.gif") repeat-x; color: #000; font: normal 13px/20px arial, helvetica, sans-serif; height: 100%; margin: 0; padding: 0; text-align: left; } /* ========================================================================================== */ /* HEADER */ /* ========================================================================================== */ #header { background: url("/assets/images/bg_header.gif") no-repeat 212px 0; height: 200px; margin: 0 auto; position: relative; width: 960px; } #header h1 { background: transparent url("/assets/images/bg_logo.png") no-repeat; height: 183px; position: relative; text-indent: -9999px; width: 185px; } #header h1 a { display: block; height: 183px; text-indent: -9999px; width: 185px; } #header form { right: 13px; position: absolute; top: 18px; } #header form input#input { background: #FFF; border: none; color: #000; font-weight: bold; height: 15px; padding: 5px; width: 190px; } #header form input#submit { cursor: pointer; left: 14px; padding: 2px; position: relative; top: -1px; } #header #navigation { background: url("/assets/images/bg_navigation.gif") no-repeat; height: 65px; position: absolute; right: -7px; top: 63px; width: 766px; } #header #navigation li { display: block; } #header #navigation li a { background: url("/assets/images/bg_navigation.gif") no-repeat; display: block; height: 65px; position: absolute; text-indent: -9999px; top: 0; } #header #navigation li#btn_fussball a { background-position: 0px 0px; left: 0; width: 106px; } #header #navigation li#btn_fussball a:hover { background-position: 0px -65px; } #header #navigation li#btn_tennis a { background-position: -107px 0px; left: 107px; width: 84px; } #header #navigation li#btn_tennis a:hover { background-position: -107px -65px; } #header #navigation li#btn_tischtennis a { background-position: -192px 0px; left: 192px; width: 135px; } #header #navigation li#btn_tischtennis a:hover { background-position: -192px -65px; } #header #navigation li#btn_leichtathletik a { background-position: -328px 0px; left: 328px; width: 161px; } #header #navigation li#btn_leichtathletik a:hover { background-position: -328px -65px; } #header #navigation li#btn_gymnastik a { background-position: -490px 0px; left: 490px; width: 124px; } #header #navigation li#btn_gymnastik a:hover { background-position: -490px -65px; } #header #navigation li#btn_kinderturnen a { background-position: -615px 0px; left: 615px; width: 151px; } #header #navigation li#btn_kinderturnen a:hover { background-position: -615px -65px; } #fussball #header #navigation li#btn_fussball a { background-position: 0px -65px; } #tennis #header #navigation li#btn_tennis a { background-position: -107px -65px; } #tischtennis #header #navigation li#btn_tischtennis a { background-position: -192px -65px; } #leichtathletik #header #navigation li#btn_leichtathletik a { background-position: -328px -65px; } #gymnastik #header #navigation li#btn_gymnastik a { background-position: -490px -65px; } #kinderturnen #header #navigation li#btn_kinderturnen a { background-position: -615px -65px; } /* ========================================================================================== */ /* CONTAINER */ /* ========================================================================================== */ #container { background: #FFF; clear: both; font-size: 12px; margin: 0 auto; width: 960px; } #container h2 { border-bottom: 1px solid #DDD; color: #18922E; font: bold 14px/17px 'Arial', Arial, sans-serif; margin-bottom: 5px; padding-bottom: 3px; text-transform: uppercase; } #container h3, #container h4, #container h5, #container h6 { color: #18922E; font-size: 13px; margin: 0 0 10px 0; padding: 0 0 2px 0; } #container p { margin-bottom: 15px; } #container p sup { font-size: 9px; } #container a:link, #container a:visited { color: #18922E; font-weight: bold; text-decoration: none; } #container a:hover, #container a:active { text-decoration: underline; } #container ul, #container ol { line-height: 16px; width: 400px; } #container ul { list-style: none; margin: 0 0 15px 0; } #container ol { list-style: decimal outside; margin: 0 0 15px 19px; } #container ul li { border-bottom: 1px solid #CCC; font-weight: normal; padding: 2px 5px; } #container ul li.even { background: #F9F9F9; } /* ========================================================================================== */ /* MAIN */ /* ========================================================================================== */ #main { float: left; width: 690px; } #main ul#galerie { width: auto; } #main ul#galerie li:first-child { padding-left: 0; } #main ul#galerie li { border: none; display: inline; margin: 0; padding: 0 1px; } #main ul#article_list { list-style: none; width: 80%; } #main ul#article_list li { background: url("/assets/images/link_arrow.gif") no-repeat left; border-bottom: 0; height: 15px; padding: 5px; position: relative; } #main ul#article_list li span { left: 20px; position: absolute; } #main ul#article_list li a { color: #18922E; font-weight: bold !important; left: 95px; position: absolute; font-weight: normal; } #main ul.zem_event_list { margin-top: -6px; width: 680px; } #main ul.zem_event_list li { background: url("/assets/images/termin_kalendar.gif") no-repeat 1px 6px; height: 15px; list-style: none; padding: 5px 0 5px 16px; position: relative; width: 665px; } #main ul.zem_event_list li.even { background-color: #EFEFEF; } #main ul.zem_event_list li p { left: 117px; margin-bottom: -3px; position: relative; width: 540px; } #main ul.zem_event_list li span { display: block; float: left; margin-left: 10px; } #main ul.zem_event_list li span.zem_event_time { background: url("/assets/images/termin_uhrzeit.gif") no-repeat left 0px; padding-left: 17px; } #main ul.zem_event_list li span.zem_event_name { font-weight: bold; } #main ul.zem_event_list li span.until { left: 10px; } #main dl.gallery { float: left; margin-right: 10px; } #main dl.gallery dd { position: relative; text-align: center; top: -13px; } #main img { border: 1px solid #DDD; margin-bottom: 15px; padding: 3px; } #main img.article_image { float: left; margin: 5px 13px 0 0; } #main img.centered { display: block; margin: 0 auto; margin-bottom: 15px; } #main iframe { border: none; height: 5000px; margin-bottom: 15px; width: 600px; } #main iframe h2.titel { border: 1px solid red;} #main blockquote { background: url(/assets/images/blockquote.gif) no-repeat left 3px; margin: 10px 0 10px; } #main blockquote h3 {margin-top: 0px !important; margin-bottom: 0 !important; margin-left: 47px; } #main blockquote p { margin-left: 4.1em; margin-top: 0 !important; } #main span.more { background: #18922E; color: #FFF; cursor: pointer; display: none; font-weight: bold; margin-bottom: 15px; padding: 5px 0 5px 5px; width: 684px; } #main table { border-top: 1px solid #2A7226; border-bottom: 1px solid #2A7226; border-left: 1px solid #2A7226; border-collapse: collapse; margin-bottom: 12px; width: 600px; } #main table th { background-color: #18922E;border: 1px solid #2A7226;color: #FFF;font-weight: bold;padding: 0.6em;text-align: center;} #main table th.left { text-align: left; text-transform: uppercase; width: 200px; } #main table th.ergebnis-center { width: 10%; } #main table th.tdth_left{ text-align: right; text-transform: none; } #main table tr.odd { background: #BADEB2; } #main table td { border: 1px solid #2A7226; padding: 0.6em; } #main table td.left { text-align: left; } #main table td.center { text-align: center; } #main table td.ergebnis-center { text-align: center; } #main table#trainingsplan { font-size: 12px; width: 680px; } #main table#trainingsplan th { font-size: 11px; } #main table#trainingsplan td { text-align: center; } #main table#trainingsplan td.rowspan { line-height: 35px; } #main table#trainingsplan td sup { font-size: 11px; } /* FUSSBALL */ #fussball #main ul#teams { height: 615px; width: 670px; } #fussball #main ul#teams li { background: #18922E; border-bottom: 1px solid #18922E; cursor: pointer; float: left; height: 199px; padding: 0; margin: 0 0 5px; width: 220px; } #fussball #main ul#teams li:hover { background: #11611F; border-bottom: 1px solid #11611F; } #fussball #main ul#teams li#herren { margin-right: 5px; } #fussball #main ul#teams li#damen { margin-right: 5px; } #fussball #main ul#teams li#cjunioren { margin-right: 5px; } #fussball #main ul#teams li#djuniorinnen { margin-right: 5px; } #fussball #main ul#teams li#fjunioren { margin-right: 5px; } #fussball #main ul#teams li h3 { margin: 0; padding: 7px 0 0; text-align: center; text-transform: uppercase; } #fussball #main ul#teams li h3 a:link, #fussball #main ul#teams li h3 a:visited, #fussball #main ul#teams li h3 a:hover, #fussball #main ul#teams li h3 a:active { color: #FFF; display: block; height: 23px; text-decoration: none; width: 220px; } #fussball #main ul#teams li span a { display: block; height: 169px; text-indent: -9999px; width: 218px; } #fussball #main ul#teams li#herren span a { background: url("/assets/images/fussball/herren.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#herren span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#damen span a { background: url("/assets/images/fussball/damen.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#damen span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#bjuniorinnen span a { background: url("/assets/images/fussball/b-juniorinnen.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#bjuniorinnen span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#cjunioren span a { background: url("/assets/images/fussball/c-junioren.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#cjunioren span a:hover {background-position: 2px 0; } #fussball #main ul#teams li#djuniorinnen span a { background: url("/assets/images/fussball/d-juniorinnen.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#djuniorinnen span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#ejunioren span a { background: url("/assets/images/fussball/e-junioren.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#ejunioren span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#fjunioren span a { background: url("/assets/images/fussball/f-junioren.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#fjunioren span a:hover { background-position: 2px 0; } #fussball #main ul#teams li#alteherren span a { background: url("/assets/images/fussball/alte-herren.jpg") no-repeat 2px -169px; } #fussball #main ul#teams li#alteherren span a:hover { background-position: 2px 0; } /* ARCHIV */ #archiv dl dt { background: #18922E; border: 1px solid #18922E; color: #FFF; cursor: pointer; font-weight: bold; padding: 5px; width: 80%; } #archiv dl dt { margin: 5px 0; } #archiv dl dt:first-child { margin-top: 0; } #archiv dl dd { line-height: 22px; } #archiv dl dd span.rssSubdate { display: block; float: left; width: 100px; } #archiv dl dd a:link, #archiv dl dd a:visited { color: #18922E; font-weight: bold; text-decoration: none; } #archiv dl dd a:hover, #archiv dl dd a:active { text-decoration: underline; } /* SUCHE */ #main .results { border-bottom: 1px solid #DDD; margin: 20px 0; } #main .results ul { margin: -5px 0 20px -5px; width: 90%; } #main .results ul li { border-bottom: 0; } #main .results ul li.published { font-style: oblique; } #main .results ul li.even { background: #FFF; } /* LINKS */ #links #main { min-height: 600px; } /* ARTIKEL */ #article #main { min-height: 581px; } /* ========================================================================================== */ /* SIDEBAR */ /* ========================================================================================== */ #sidebar { float: left; overflow: hidden; margin-left: 15px; width: 255px; } #sidebar img { border: none; margin-bottom: 10px; } #sidebar ul { list-style: disc; margin: 15px 0 15px 0; padding: 0 0 10px 0; width: 250px; } #sidebar ul li { border: none; padding: 0; } #sidebar ul.sidebarlist { list-style: none; margin: 0 0 10px; padding-left: 0; width: 238px; } #sidebar ul.sidebarlist li { border-bottom: 1px solid #DDD; padding: 4px 5px; } #sidebar ul.sidebarlist li.even { background: #EFEFEF; } #sidebar ul.sidebarlist li strong { color: #18922E; text-transform: uppercase; } #sidebar ul.support { border: none; list-style: none; margin: 0 0 5px 0; } #sidebar ul.support li a { border: 1px solid #18922E; display: block; height: 60px; margin-bottom: 10px; padding: 1px; width: 234px; } #sidebar ul.support li a#scheerer { background: url("/assets/images/sponsoren_scheerer.png") no-repeat 1px 1px; text-indent: -9999px; } #sidebar ul.support li a#lange { background: url("/assets/images/sponsoren_lange.png") no-repeat 1px 1px; text-indent: -9999px; } #sidebar ul.support li a#voba { background: url("/assets/images/sponsoren_voba.png") no-repeat 1px 1px; text-indent: -9999px; } #sidebar ul#sponsors li a:hover { background-position: 1px -60px; } #sidebar ul.zem_event_list { margin: 5px 0 10px; padding-left: 0; } #sidebar ul.zem_event_list li { background: #EEE; border-bottom: 1px dotted #AAA; display: block; height: 15px; list-style: none; margin: 0 0 5px; padding: 6px 5px 5px; position: relative; } #sidebar ul.zem_event_list li span { float: left; } #sidebar ul.zem_event_list li span.zem_event_date { background: url("/assets/images/termin_kalendar.gif") no-repeat left 0px; padding: 0 10px 0 20px; } #sidebar ul.zem_event_list li span.zem_event_name { font-weight: bold; } #sidebar ul.zem_event_list li a:link, #sidebar ul.zem_event_list li a:visited, #sidebar ul.zem_event_list li a:hover, #sidebar ul.zem_event_list li a:active { color: #000 !important } #sidebar ul.zem_event_list li a span.zem_event_date { font-weight: normal !important; } /* ========================================================================================== */ /* STARTPAGE */ /* ========================================================================================== */ #start #main #sticky { height: 190px; position: relative; } #start #main #sticky #sticky_gallery { float: left; height: 150px; width: 200px; overflow: hidden; } #start #main #sticky #sticky_gallery img { height: 140px; left: 0; top: 0; width: 190px; } #start #main #sticky p { margin: 0 0 5px 210px; padding-right: 20px; width: 464px; } #start #main #sticky ul { margin-left: 210px; width: 400px; } #start #main .entry { border-bottom: 1px solid #DDD; float: left; margin: 0 0 5px 0; padding-bottom: 4px; position: relative; } #start #main .entry h3 { margin: 0; } #start #main .entry p { line-height: 22px; margin-bottom: 25px; } #start #main .entry p.more { margin: -25px 0 0 1px; text-align: right; } #start #main .entry span.posted { bottom: 4px; color: #888; font-style: oblique; font-weight: bold; left: 0; position: absolute; } #start #main .entry img {float: left; margin: 5px 10px 0 0; } #start #main .news { border-right: 1px solid #DDD; float: left; height: 690px; padding-right: 20px; width: 310px; } #start #main .special { border-right: 0; padding: 0 0 0 20px; } #start #main .special dl { clear: both; position: relative; text-align: center; top: 10px; } #start #main .special dt img { margin-bottom: 5px; } #start #main #announcement { background: #E6EFC2; border: 1px solid #18922E; color: #18922E; margin: 10px 0; width: 100%; } #start #main #announcement h3, #start #main #announcement p { color: #18922E; font-size: 12px; font-weight: bold; padding: 0 !important; margin: 5px; text-align: center; } #start #main #announcement h3 { font-size: 18px; padding-top: 15px; } #start #main img.xmas { border: none; padding: 0; } #start #main span.xmas { color: #BBB; font-size: 11px; font-style: oblique; font-weight: bold; left: 525px; position: relative; top: -35px; } #start #main span.xmas a { color: #BBB; } #start #main span.xmas a:hover { color: #18922E; } /* ========================================================================================== */ /* GÄSTEBUCH */ /* ========================================================================================== */ #gaestebuch form#txpCommentInputForm fieldset { border: none; height: 30px; position: relative; } #gaestebuch form#txpCommentInputForm fieldset#fieldset_textarea { height: 160px; } #gaestebuch form#txpCommentInputForm fieldset#fieldset_submit { padding-top: 20px; } #gaestebuch form#txpCommentInputForm fieldset#fieldset_submit span { font-size: 13px; font-style: oblique; position: absolute; left: 200px; top: 4px; } #gaestebuch form#txpCommentInputForm label { color: #16822E; font-size: 13px; font-style: oblique; font-weight: bold; left: 0; position: absolute; top: 4px; } #gaestebuch form#txpCommentInputForm input#name, #gaestebuch form#txpCommentInputForm input#email, #gaestebuch form#txpCommentInputForm input#web, #gaestebuch form#txpCommentInputForm textarea { border: 1px solid #AFAFAF; display: block; left: 100px; font: normal 14px "MS Trebuchet", Arial, Helvetica, sans-serif; padding: 5px 3px 3px; position: absolute; width: 452px; } #gaestebuch form#txpCommentInputForm input#name:focus, #gaestebuch form#txpCommentInputForm input#email:focus, #gaestebuch form#txpCommentInputForm input#web:focus, #gaestebuch form#txpCommentInputForm textarea:focus { border: 1px solid #16822E; } #gaestebuch form#txpCommentInputForm textarea { height: 150px; } #gaestebuch form#txpCommentInputForm input#importantfield { border: none; display: block; height: 0; margin: 0 0 -3px -9999px; overflow: hidden; width: 0; } #gaestebuch #cpreview { border: 1px solid #AFAFAF; margin: 10px 0 20px; padding: 10px; width: 538px; } #gaestebuch h2#Kommentar { display: none; } #gaestebuch ul.comment li { border: none; margin: 5px 0; padding: 10px; width: 540px; } #gaestebuch ul.comment li.even { background: #EFEFEF; } #gaestebuch ul.comment li span.time, #gaestebuch ul.comment li span.divider, #gaestebuch ul.comment li span.name { display: block; float: left; font-weight: bold; margin-bottom: 10px; } #gaestebuch ul.comment li span.divider { margin: 0 5px; } #gaestebuch ul.comment li p { clear: both; } #gaestebuch ul.pagination { width: 600px; } #gaestebuch ul.pagination li { border: none; display: inline; } #gaestebuch ul.comments_error li { background: none !important; border: none !important; color: red; font-weight: bold; list-style: disc; margin-left: 12px; text-transform: uppercase; } /* ========================================================================================== */ /* FOOTER */ /* ========================================================================================== */ ul#footer { border-top: 1px solid #DDD; clear: both; color: #7F7F7F; font: normal 12px Arial, Helvetica, sans-serif; list-style: none; padding: 10px 0; width: 960px; } ul#footer li { border-bottom: none; border-right: 1px solid #7F7F7F; display: inline; margin: 0 2px; padding: 0 7px 0 0px; } ul#footer li:first-child { margin-left: 0; } ul#footer li a.feed { background: url("/assets/images/feed.png") no-repeat left; padding-left: 20px; } ul#footer li a:link, #footer li a:visited { color: #7F7F7F; font-weight: normal; text-decoration: none; } ul#footer li a:hover, #footer li a:active { text-decoration: underline;} /* ========================================================================================== */ /* JUGENDFUSSBALLTURNIER ANMELDEFORMULAR */ /* ========================================================================================== */ #anmeldung form#anmeldeformular { font-size: 12px; } #anmeldung form#anmeldeformular fieldset { border: none; margin: 0 0 10px; position: relative; } #anmeldung form#anmeldeformular label { display: block; margin-bottom: 2px; } #anmeldung form#anmeldeformular input[type="text"], #anmeldung select { border: 1px solid #AAA; padding: 5px; width: 400px; } #anmeldung form#anmeldeformular input#name, #anmeldung input#email, #anmeldung input#telefon, #anmeldung input#verein, #anmeldung input#franz { width: 400px; } #anmeldung form#anmeldeformular select { font-size: 1em; margin: 0; position: relative; width: 411px; } #anmeldung form#anmeldeformular input[type="input"] { cursor: pointer; } #anmeldung #errors, #anmeldung #success { position: absolute; left: 790px; top: 380px } #anmeldung #errors p { background: #FFBFC9; border: 1px solid #BF001E; color: #BF001E; font-size: 10px; font-weight: bold; margin-bottom: 5px; padding: 5px; } #anmeldung #success p { background: #97DF8B; border: 1px solid #18922E; color: #18922E; font-size: 10px; font-weight: bold; padding: 5px; } /* ========================================================================================== */ /* FUSSBALL.DE API */ /* ========================================================================================== */ #fussballdeAPI { border: none !important; width: 234px !important; } #fussballdeAPI { margin-bottom: 20px !important; overflow: hidden !important; position: relative !important; top: 10px !important; } #fussballdeAPI #edReiternavigation { display: none !important; } #fussballdeAPI #ergebnisdienst input,#fussballdeAPI #ergebnisdienst select,#fussballdeAPI #ergebnisdienst textarea { border: none !important; } #table th.edPlatz, #table th.edMannschaft, #table th.edSpiele, #table th.edPunkte { background: #18922E !important; color: #FFF !important; } #table th.edMannschaft, #table td.edMannschaft { width: 120px !important; } #table th.edGewonnen, #table th.edUnentschieden, #table th.edVerloren, #table th.edTorverh, #table th.edDifferenz, #table td.edGewonnen, #table td.edUnentschieden, #table td.edVerloren, #table td.edTorverh, #table td.edDifferenz { display: none !important; }