#bildergal ul{margin: 0 0 0 20px;} #dumpprev{ position: absolute; right: 0px; top: 0px; width: 400px; height: 90%; border: 1px solid #EFEFEF; } /* RESET */ 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; font-family: Georgia;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a{ text-decoration: none; color: #5e8ac6; } .clear{ clear: both; height: 0px; } .left{ float:left; } .right{ float: right; } /*MAIN*/ body { background: url('../images/body_bg.gif') repeat 0 0; font-family: arial, verdana;} #container{ width: 980px; margin: 0 auto 50px auto; } #top_menu{ width: 981px; height: 77px; margin: 10px 0 0 0; } #header{ width: 980px; clear: both; height: 391px; background: url(../images/header_wrap.png) no-repeat 0 0; margin: -10px 0 0 0; } #pane_wrapper{ position: absolute; width: 930px; height: 330px; margin: 30px 0 0 25px; } #main_menu{ width: 257px; height: 330px; position: absolute; margin: 30px 0 0 720px; z-index: 2; } #flowtabs{ position: absolute; margin: 3px 0 0 0; } #content_wrapper{ background: url(../images/content_bg_repeat.jpg) repeat-y 0 0; margin: 0px auto 0px auto; width: 980px; } #content_wrap{ background: url(../images/content_bg.jpg) no-repeat 0 0; min-height: 572px; } #footer{ background: url(../images/footer_bg.jpg) no-repeat 0 0; margin: 50px auto 0 auto; padding: 0 0 0 0; width: 981px; height: 141px; } /*margin: 94px auto 0 auto; */ /*MAIN MENU*/ .btn{ width: 258px; height: 110px; margin: 0px; padding: 0px; } .btn h2{ position: absolute; text-indent: -3000px; } .btn a{ display: block; height: 100%; width: 100%; } .arrow{ width: 48px; height: 44px; position: absolute; margin: 66px 0 0 0px; display: none; background: url(../images/arrow_normal.gif) no-repeat 0 0; } .current .arrow{ display: block; } .current:hover .arrow{ display: block; background: url(../images/arrow_left.gif) no-repeat 0 0;} #btn_verein{ background: url(../images/main_menu.png) no-repeat 0 0; } #btn_verein.current{ background: url(../images/main_menu.png) no-repeat -258px 0px; } #btn_fussball{ background: url(../images/main_menu.png) no-repeat 0px -110px; } #btn_fussball.current{ background: url(../images/main_menu.png) no-repeat -258px -110px; } #btn_radsport{ background: url(../images/main_menu.png) no-repeat 0px -220px; } #btn_radsport.current{ background: url(../images/main_menu.png) no-repeat -258px -220px; } /*MENU*/ #top_menu ul{ width: 961px; float:right; padding: 0 20px 0 0; } #top_menu ul li.btn { text-indent: -3000px; height: 77px; margin: 2px 0px; float: right; background: url(../images/topmenu2.png) no-repeat top left; } #top_menu ul li#bilder.btn { background-position: 0 0; width: 79px; height: 77px; } #top_menu ul li#gaestebuch.btn { background-position: 0 -127px; width: 95px; height: 77px; } #top_menu ul li#impressum.btn { background-position: 0 -254px; width: 97px; height: 77px; } #top_menu ul li#kleiderboerse.btn { background-position: 0 -381px; width: 111px; height: 77px; } #top_menu ul li#kontakt.btn { background-position: 0 -508px; width: 87px; height: 77px; } #top_menu ul li#links.btn { background-position: 0 -635px; width: 71px; height: 77px; } #top_menu ul li#shop.btn { background-position: 0 -1013px; width: 92px; height: 77px; } #top_menu ul li#sponsorbtn.btn { background-position: 0 -762px; width: 97px; height: 77px; } #top_menu ul li#home.btn { float: left; margin: 0 0 0 30px; background-position: 0 -889px; width: 89px; height: 77px; } #sub_menu{ width: 180px; height: 330px; position: absolute; z-index: 2; margin: 30px 0 0 770px; } #sub_menu ul li{ margin: 0px; padding: 2px; text-align: right; background: #AFD2FF; font-size: 95%; border-bottom: 2px solid #000;} /*#sub_menu ul li:hover{ padding: 1px 1px 0 1px; border: 1px solid #EEE; border-bottom: 2px solid #000; }*/ #sub_menu ul li.active a { color: green; } /*#sub_menu ul li ul{ position: absolute; width: 180px; padding: 0 4px 4px 4px; top: 0px; right: 3000px; height: 327px;}*/ #sub_menu ul li ul, #sub_menu ul li ul li ul {display: none;} /*#sub_menu ul li:hover ul{ right: 176px; }*/ #sub_menu ul li ul li a{ color: green; } /*#sub_menu ul li ul li ul{ top: 0px; margin: -3000px 0 0 0; position: absolute; width: 180px; padding: 0 4px 4px 4px; height: 327px; }*/ #sub_menu ul li ul li:hover ul{ margin: 0px; } #jssub { position: absolute; width: 920px; margin: 190px 0 0 -740px; overflow: hidden} #jssub ul li { width: 100px; text-align: center; height: 44px; padding: 2px; float: right; font-size: 80%; border-bottom: 1px solid #000; margin: 6px; list-style-type: none; background: #FFF; } #jssub ul li { -moz-box-shadow: 0px 0px 6px #000; -moz-border-radius: 4px; } #jssub li ul li { display: none; } #jssub li a { display: block; height: 100%; width: 100%;} #jssub li:hover { background: #AFD2FF; } #jssub li:hover a { color: #FFF; } #jssub li:hover ul { position: absolute; display: block; width: 200px; height: 200px;left: 0px; top: 0px; margin: 0px; } #main_menu ul li ul { width: 160px; z-index: -1; margin: 0px; display: none; } #main_menu ul li:hover ul { display: block; -moz-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; } #main_menu ul li ul li{ background: #5f8cc8; border: 1px solid #ccc; height: 20px; width: 126px; margin: 4px auto; padding: 5px 20px 0 6px; } #main_menu ul li ul li:hover { border: 1px solid #FFF; background: #1d4d92; } #main_menu ul li ul li a{ color: #FFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; } /*SCROLLABLE*/ #flowtabs{ margin: 2px 0 0 0; } #flowtabs ul {right: 25px; top: -1px; color: #FFF; display: none; position: absolute; z-index: -1; width: 230px; min-height: 105px; padding: 0; background: url(../images/opacity_white_80.png) repeat 0 0; } #flowtabs li:hover ul{ right: 253px; display: block; } #flowpanes { width: 930px; height: 390px; margin: -30px 0 0 25px; position:relative; overflow:hidden; clear:both; } #flowpanes div { float:left; display:block; width:930px; font-size:14px; } #flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; } #flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; } /*SPONSOREN LAUFBAND*/ #sponsoren { position: absolute; margin: 5px 0 0 30px; width: 920px; height: 90px; overflow: hidden; background: #FFF; } #sponsoren .items { width:20000em; position:absolute; } #sponsoren .items div { float: left; } #sponsoren .items div a { width: 184px; display: block; float: left; text-align: center; } /*#sponsoren ul { width: 23000em; }*/ /*#sponsoren ul li { float: left; width: 186px; text-align: center;}*/ /*Startseite Top Article*/ #toparticle { margin: 0 0 5px 0; } #toparticle h1 { width: 570px; line-height: 1.1em; } #toparticle h2 { font-size: 120%; color: #5E8AC6; } #toparticle h3 { clear: both } a.top_readon { margin: 20px 0 20px 0; float: right; } .article_date{ color: #666; margin: 0 0 15px 0;} #sidebar{ width: 245px; padding: 50px 0 0 5px; } #short_text{ margin: 40px 0 0 0; } .short_article{ width: 214px; height: 250px; margin: 10px 2px 0 2px; float: left; overflow: hidden; padding: 0 4px; line-height: 1.0; text-align: left;} .short_article h2 { font-size: 18px; color: #000;padding: 3px 0 3px 0; } .short_article h3 { font-size: 14px; color: #888; margin: 0 0 5px 0; } .short_article .text { min-height: 10px; } .short_article .text div img { display: none; } .short_article .text h1{ font-size: 100%; } .short_article .text h2{ font-size: 100%; } .short_article .readon{ text-align: right; padding: 5px 0 0 0; } .short_article div, .short_article div p { font-weight: normal; } .date { color: #9F9F9F; font-size: 0.9em; margin: 0 5px 0 0; text-align: right; line-height: 1.1em; width: 550px;} /*News*/ #news_text{ margin: 40px 0 0 0; } .news_article{ width: 650px; min-height: 80px; margin: 0; float: left; overflow: hidden; padding: 0 0 15px 0 ; line-height: 1.0; text-align: left; } .news_article h2 { font-size: 18px; color: #000; padding: 8px 0 0 0; } .news_article h3 { font-size: 14px; color: #888; margin: 0 0 5px 0; } .news_article .text{ min-height: 50px; } .news_article .text h2{ font-size: 120%; padding: 0px; margin: 0.3em 0;} .news_article .readon{ text-align: right; padding: 3px 0 0 0; } .createdate { color: #9F9F9F; font-size: 0.9em; margin: 0 5px 0 0; text-align: left; line-height: 1.1em; width: 550px;} /*Team Uebersicht*/ #team_view { margin: 15px 0 0 0; } #team_view .team_text { width: 350px; } #team_view .team_text_left { float: left; width:110px; } #team_view .team_text_right { float: left; width: 240px; } #team_view .col { float: left; width: 110px;} #team_view .field { float: left;} #team_text_sponsor { float: left; } #team_text_sponsor .logo { float: left; margin: 0 30px 0 0;} #team_text_sponsor .team_text_bottom { float: left; } /*CONTENT*/ #content #article_pic { float: right; margin: 7px 7px 0 7px; } #content #article_pic img{ float: right; } #content #article_pic p { text-align : right; line-height: 15px; padding: 5px; clear: right; margin: 0px;} #content{ font-family: 'Yanone Kaffeesatz', arial, serif; width: 680px; padding: 20px 0 0 40px; line-height: 1.5; text-align: justify; } #content h1{ font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 30px; margin: 0 0 5px 0px; color: #000; } #content #bilder {float: right; width: 300px; padding: 6px 0 5px 15px; text-align: right; } #content #bilder a{ display: block; } #content #more_pics{ margin: -30px 5px 0 0; } #content_pics { margin: 0 0 0 0; } #content_pics .img_wrap, #folderlist li, #piclist li { width: 150px; height: 99px; border: 2px solid #FFF; background: #FFF; text-align: center; float: left; margin: 7px; overflow: hidden;} #content_pics .img_wrap.marked { border-color: red; } #content_pics .img_wrap, #folderlist li, #piclist li { -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; } #content_pics .img_wrap .admin_rotate { position: absolute; display: none; } #content_pics .img_wrap:hover .admin_rotate { display: block; margin: 70px 0 0 -16px; } #content_pics .img_wrap .admin_del { position: absolute; display: none; } #content_pics .img_wrap:hover .admin_del { display: block; margin: -10px 0 0 -10px; } #content_pics .img_wrap .admin_settop { position: absolute; display: none; } #content_pics .img_wrap:hover .admin_settop { display: block; margin: 70px 0 0 135px; } .content_inhalt p {margin-bottom: 0.8em;} .content_inhalt h2 {margin: 0.6em 0 0.2em 0; font-size: 24px;} .content_inhalt h3 {margin: 0.6em 0 0.2em 0; font-size: 20px;} .content_inhalt ul {margin-bottom: 0.8em; list-style: square;} .content_inhalt ul li {margin: 0 0 0.3em 20px; } .content_inhalt .blank {margin-bottom: 0em; list-style: none;} .content_inhalt .blank {margin: 0px; } /*CONTENT Paginate*/ .ditto_previous_link {font-size: 1.1em;} .ditto_page {font-size: 1.1em; padding: 0 5px;} .ditto_currentpage {font-size: 1.1em; padding: 0 5px;} .ditto_next_link {font-size: 1.1em;} /*Vorstandschaft*/ #vorstandschaft { width: 80%; margin: 0 auto;} #vorstandschaft ul { list-style-type: none; } #vorstandschaft ul li { float: left; width: 48%; background: #F9F9F9; margin: 5px;} #vorstandschaft ul li:hover {background: #F3F3F3;} #vorstandschaft ul li a { display: block; width: 100%; height: 100%;} #vorstandschaft ul li img { float: left; height: 70px; overflow: hidden; } #vorstandschaft ul li h3 { padding: 8px 0 0 20px; float: left; width: 180px; } #vorstandschaft .vorstandschaft_position { width: 100%; border: 1px solid #999; margin: 0 0 20px 0; -moz-border-radius: 4px; background: #FFF; overflow: hidden; -moz-box-shadow: 0px 0px 5px #222; } #vorstandschaft .vorstandschaft_position h2 { padding: 0 0 0 10px; line-height: 30px; background: #5e8ac6; color: #FFF; font-size: 22px; } /*Vorstandsmitglieder*/ #vorstandsmitglieder { width: 80%; border: 1px solid #5E8AC6; margin: 70px auto 0 auto; padding: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 0px 5px #5E8AC6; } #vorstandsmitglieder .details { margin: 0 0 0 30px; } #vorstandsmitglieder h2 { font-size: 36px; } #vorstandsmitglieder .detail_field { width: 100px; float: left; } #vorstandsmitglieder .detail_field2 { width: 230px; float: left; } #vorstandsmitglieder .details ul li { clear: both; padding: 15px 0; } #link_back { margin: 30px 0 0 75px; font-size: 16px; } /*KADER*/ #kader { width: 80%; margin: 0 auto;} #kader ul { list-style-type: none; } #kader ul li { float: left; width: 48%; background: #F9F9F9; margin: 5px;} #kader ul li:hover {background: #F3F3F3;} #kader ul li a { display: block; width: 100%; height: 100%;} #kader ul li img { float: left; height: 70px; overflow: hidden; } #kader ul li h3 { padding: 30px 0 0 20px; float: left; } #kader .kader_position { width: 100%; border: 1px solid #999; margin: 0 0 20px 0; -moz-border-radius: 4px; background: #FFF; overflow: hidden; -moz-box-shadow: 0px 0px 5px #222; } #kader .kader_position h2 { padding: 0 0 0 10px; line-height: 30px; background: #5e8ac6; color: #FFF; font-size: 22px; } /*Spieler*/ #spieler { width: 80%; border: 1px solid #5E8AC6; margin: 70px auto 0 auto; padding: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 0px 5px #5E8AC6; } #spieler .details { margin: 0 0 0 30px; } #spieler h2 { font-size: 36px; } #spieler .detail_field { width: 100px; float: left; } #spieler .detail_field2 { width: 230px; float: left; } #spieler .details ul li { clear: both; padding: 15px 0; } #link_back { margin: 30px 0 0 75px; font-size: 16px; } /*bilder-Uebersicht*/ #bilder_uebersicht { width: 98%; margin: 0 auto;} #bilder_uebersicht ul { list-style-type: none; } #bilder_uebersicht ul li { float: left; width: 48%; background: #F9F9F9; margin: 5px; line-height: 1.0em; } #bilder_uebersicht ul li:hover {background: #F3F3F3;} #bilder_uebersicht ul li a { display: block; width: 100%; height: 100%; line-height: 1.2em;} #bilder_uebersicht .event_imgwrap { float: left; width: 120px; overflow: hidden; text-align: center; } #bilder_uebersicht ul li img { height: 80px; overflow: hidden; } #bilder_uebersicht ul li h3 { padding: 0 0 0 10px; float: left; width: 180px; text-align: left; } #bilder_uebersicht .kader_position { width: 100%; border: 1px solid #999; margin: 0 0 20px 0; -moz-border-radius: 4px; background: #FFF; overflow: hidden; -moz-box-shadow: 0px 0px 5px #222; } #bilder_uebersicht .kader_position h2 { padding: 0 0 0 10px; line-height: 30px; background: #5e8ac6; color: #FFF; font-size: 22px; } #bilder_uebersicht .date { float: left; padding: 5px 0 0 10px; width: 180px;} /*Sponsoren-Uebersicht*/ #sponsoren_uebersicht { width: 80%; margin: 0 auto;} #sponsoren_uebersicht ul { list-style-type: none; } #sponsoren_uebersicht ul li { float: left; width: 48%; background: #F9F9F9; margin: 5px;} #sponsoren_uebersicht ul li:hover {background: #F3F3F3;} #sponsoren_uebersicht ul li a { display: block; width: 100%; height: 100%;} #sponsoren_uebersicht .sponsoren_imgwrap { float: left; width: 112px; overflow: hidden; text-align: center; } #sponsoren_uebersicht ul li img { height: 70px; overflow: hidden; } #sponsoren_uebersicht ul li h3 { padding: 0 0 0 10px; float: left; width: 130px; text-align: left; } #sponsoren_uebersicht .kader_position { width: 100%; border: 1px solid #999; margin: 0 0 20px 0; -moz-border-radius: 4px; background: #FFF; overflow: hidden; -moz-box-shadow: 0px 0px 5px #222; } #sponsoren_uebersicht .kader_position h2 { padding: 0 0 0 10px; line-height: 30px; background: #5e8ac6; color: #FFF; font-size: 22px; } /*Sponsor*/ #sponsor { width: 80%; border: 1px solid #5E8AC6; margin: 70px auto 0 auto; padding: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 0px 5px #5E8AC6; } #sponsor .details { margin: 0 0 0 30px; } #sponsor h2 { font-size: 36px; } #sponsor .detail_field { width: 100px; float: left; } #sponsor .detail_field2 { width: 380px; float: left; } #sponsor .details ul li { clear: both; padding: 10px 0; } #sponsor .details ul li ul{ width: 370px; } #sponsor .details ul li ul li{ clear: both; padding: 0; list-style-type: square; list-style-position: inside; text-align: left;} #sponsor .sponsor_pic_left { padding: 0 0 0 20px;} #link_back { margin: 30px 0 0 75px; font-size: 16px; } /*Tabellen im Content*/ #content table { width: 600px; } #content tr { border-bottom: 1px solid #D0D0D0; } #content tr:hover { background: #AFD2FF; } #content tr:first-child { background: #E9E9E9;} #content tr:first-child:hover { background: #E9E9E9;} #content tr td { border-right: 1px solid #D0D0D0; padding-left: 5px;} /*Kontaktdaten*/ #kontaktdaten .row { width: 100%; height: 25px;} #kontaktdaten .first_col { width: 140px;} #kontaktdaten .second_col { width: 80px;} #kontaktdaten .third_col { width: 200px;} #kontaktdaten .fourth_col { width: 130px;} #kontaktdaten .fifth_col { width: 130px;} #print { float: left; margin: 0 30px 0 10px;} #print img { width: 20px; } #sharing { width: 420px; margin: 0 auto 0 auto; border: 1px solid grey; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #sharing legend { margin-left: 20px; padding: 5px; } /*SIDEBAR*/ #search{ margin: -29px 0 30px 20px; padding: 2px 0 0 0; } #search input{ width: 192px; border: none; background: none; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 16px; text-align: right; } #sidebar h3{ color: #FFF; font-size: 18px; font-family: 'Yanone Kaffeesatz', arial, serif; background: url(../images/flag.png) no-repeat 0 0; width: 221px; height: 41px; text-align: right; padding: 8px 20px 0 0; } #webcam img{margin: 0 0 10px 35px;} #info{ width: 227px; margin: 14px 0 10px 10px; font-family: 'Yanone Kaffeesatz', arial, serif; } #info .infos{ margin: -20px 0 0 0; } #info .info_top{ background: url(../images/info_top.png) no-repeat 0 0; height: 49px; width: 231px; } #info .info_mid{ background: url(../images/info_repeat.png) repeat-y 0 0; width: 231px; padding: 15px 0 0 0; } #info .info_bot{ background: url(../images/info_bot.png) no-repeat 0 0; height: 91px; width: 231px; margin: -45px 0 0 0; } #info .text{ position: relative; width: 200px; margin: -5px 0 0 0; } #info p{ padding: 0 0 0 18px; } #info h4{ font-size: 120%; padding: 32px 0 0 15px; } #login_sidebar { width: 210px; list-style: none; margin: 0 0 110px 18px; font-family: 'Yanone Kaffeesatz', arial, serif; color: #FFFFFF;} #login_sidebar ul li { width: 150px; height: 1.8em; float: left; color: FFFFFF; line-height: 1.5em; } #login_sidebar ul li a{ color: #FFFFFF; } #login_sidebar .abmelden { width: 200px; text-align: right;} #rasen { width: 215px; margin: 0 0 15px 0;} #rasen img { margin: 0 0 10px 35px; } #rasen p { font-family: 'Yanone Kaffeesatz', arial, serif; color: #FFFFFF; text-align: right; } /*Login*/ #reg { width: 510px; list-style: none; margin: 0 0 0 15px; font-family: 'Yanone Kaffeesatz', arial, serif; } #reg li { width: 45%; float: left; } /*KALENDER*/ #events{ margin: 0 12px 50px 0; clear: both; } #navi { position: absolute; margin: 10px 0 0 165px;} a.nav { margin: 0 10px; background: url(../images/navi.png) no-repeat 0 0; width: 14px; height: 20px; display: block; float: left; margin: 0 2px; cursor: pointer; } #left { background-position: 0 0;} #today { background-position: -14px 0;} #right { background-position: -28px 0;} .cal { display: none; } .cal.active { display: block; } #events table { background: url(../images/event_bg.png) no-repeat 0 0; border-collapse: collapse; margin: 10px 0px 10px 12px; font-size: 14px; width: 211px; } #events td, th { width: 30px; height: 30px; text-align: center; vertical-align: middle; background: url(../images/cells.png); color: #444; position: relative; } #events td.month, td.empty_td, th{ background: none; } #events td.month{ width: 90px; } #events th { height: 30px; font-weight: bold; font-size: 14px; } #events td:hover, th:hover { background-position: 0px -81px; color: #222; } #events td.date_has_event { background-position: 162px 0px; color: white; } #events td.date_has_event:hover { background-position: 162px -81px; } #events td.padding { background: url(../images/calpad.jpg); } #events td.today { background-position: 81px 0px; color: white; } #events td.today:hover { background-position: 81px -81px; } #events .events { position: relative; margin: 0px 0 0 -120px; } #events .events ul { text-align: left; position: absolute; display: none; z-index: 1000; padding: 15px 10px 15px 10px; background: #E7ECF2 url(../images/popup.png) no-repeat; color: white; border: 1px solid white; font-size: 15px; width: 200px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 8px 8px #333; } #events .events li { padding-bottom: 5px; margin: 0 0 10px 0; } #events .events li span { display: block; font-size: 12px; text-align: left; color: #555; } #events .events li span.title { font-weight: bold; color: #222; } #sidebar a.more_events { position: absolute; color: #FFF; margin: 0px 24px 6px 110px; font-family: 'Yanone Kaffeesatz', arial, serif; } #events .calendar { float: left; width: 210px; height: 240px; margin: 5px;} #events .calendar table{ margin: 0; } #events .calendar div{ background: #B0BAC9; } #icons {float: right; margin: -50px 15px 0 0px; } #icons li{ float: left; } #icons li a { margin: 0 10px; } #icons img { width: 50px; } /*Kalender LIST */ .event_head { font-weight: bold; width: 665px; background: #5E8AC6; color: #FFF; padding: 2px; } .event_wrapper { margin: 8px 0; clear: left; background: #CFCFCF; } .event_date { float: left; width: 63px; padding: 5px 3px 3px 10px; } .event_events {float:left; width: 590px; } .event_time { border-bottom: 1px solid #9F9F9F; border-left: 1px solid #9F9F9F; background: #DEDEDE; margin: 0 0 0 5px; padding: 3px 0 3px 10px; } .event_team {font-size: 110%; margin: 0 0 0 10px; } .event_match { color: #000; margin: 0 0 0 10px; } .event_link_wrapper { float: right; margin: 0 5px 0 0 } .event_link { font-size: 90%; } /*Preloader*/ .QOverlay { background: url('../images/body_bg.gif') repeat-x 0 0; z-index: 9999; } .QLoader { background: #FFF; height: 1px; } /* Tabelle für Spielplan*/ /*Tabelle ----------------------------------------------------------*/ #table_spielplan{ font-size: 16px; text-align: left; } #table_spielplan .row{ padding: 3px 0 0 0; border-bottom: 1px solid #A0A0A0; height: 48px; } #table_spielplan .row:hover{ background: #AFD2FF; } #table_spielplan .first:hover{ background: none; } #table_spielplan .first{ font-weight: bold; font-size: 110%; padding: 0 0 6px 0; background: none; } #table_spielplan .first .first_col{ padding: 15px 0 0 15px; text-align: left; } #table_spielplan .first .second_col{ padding: 15px 0 0 0; text-align: left; } #table_spielplan .first .fourth_col{ padding: 15px 0 0 0; text-align: left; } #table_spielplan .table_date{ font-weight: bold; } #table_spielplan .table_time{ color: #888; font-size: 95%; } #table_spielplan .first_col{ width: 130px; text-align: right; padding: 0; } #table_spielplan .second_col{ width: 170px; padding: 0 0 0 15px; } #table_spielplan .third_col{ width: 50px; text-align: center; padding: 0; } #table_spielplan .fourth_col{ width: 170px; padding: 0; } #table_spielplan .fifth_col{ width: 20px; text-align: right; font-weight: bold; padding: 0; } #table_spielplan .sixth_col{ width: 10px; text-align: center; padding: 0; } #table_spielplan .seventh_col{ width: 20px; text-align: left; font-weight: bold; padding: 0; } #table_spielplan .eightth_col{ width: 80px; padding: 0 0 0 15px; } #table_spielplan .spieltyp { position: absolute; margin: 16px 0 0 0; } /*Spielbericht*/ #spielbericht { margin: 20px 0 0 0; } #spiel_pic { margin: 0 20px 0 0; } /* Tabelle für Event-Uebersicht*/ /*Tabelle ----------------------------------------------------------*/ #table_event{ font-size: 16px; text-align: left; } #table_event .row{ padding: 3px 0 0 0; border-bottom: 1px solid #A0A0A0; height: 48px; } #table_event .row:hover{ background: #AFD2FF; } #table_event .first:hover{ background: none; } #table_event .first{ font-weight: bold; font-size: 110%; padding: 0 0 6px 0; background: none; } #table_event .first .first_col{ padding: 15px 0 0 15px; text-align: left; } #table_event .first .second_col{ padding: 15px 0 0 0; text-align: left; } #table_event .first .third_col{ padding: 15px 0 0 15px; text-align: left; } #table_event .table_date{ font-weight: bold; } #table_event .table_time{ color: #888; font-size: 95%; } #table_event .first_col{ width: 130px; text-align: right; padding: 0; } #table_event .second_col{ width: 240px; padding: 0 0 0 15px; } #table_event .third_col{ width: 200px; padding: 0 0 0 15px; } #table_event .fourth_col{ width: 50px; padding: 0 0 0 15px; } #table_event .spieltyp { position: absolute; margin: 16px 0 0 0; } /*Event Bericht*/ #eventbericht { margin: 20px 0 0 0; } #eventbericht .article_date { width: 200px; float: left; } #eventbericht .v_ort { width: 470px; float: left;} #spiel_pic { margin: 0 20px 0 0; } /*SNIPPETS*/ #AS_top{ background: url(../images/AS_top.png) no-repeat 0 0; width: 348px; height: 44px; position: absolute; top: -44px; } #AS_bottom{ background: url(../images/AS_bottom.png) no-repeat 0 0; width: 348px; height:35px; position: absolute; bottom: -35px; } #ajaxSearch_output { position: absolute; width: 348px; margin: -8px 0 0 -105px; background: url(../images/AS_repeat.png)repeat-y 0 0; z-index: 99; font-family: 'Yanone Kaffeesatz', arial, serif;} #current-search-results{ padding: 0 22px 0 15px; position: relative; } .AS_ajax_result{ margin: 0 0 10px 0; } .ajaxSearch_highlight { color: red; } /*---------Galerie------------------*/ #docPics_pagetitle{ width: 100%; text-align: center; } #docPics_pagetitle h2 { font-size: 24px; } #folderlist li { height: 120px; padding: 0 0 25px; } #folderlist li img { height: 120px; overflow: hidden; } #folderlist p { background: #FFF; margin: -5px 0px 0 0; } #folderlist ul { list-style: none; } /*#folderlist { width: 100%; } #folderlist li.head { border: none; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0px; clear: both; } #folderlist img { height: 60px; position: relative; } #folderlist ul {clear: both; } #folderlist li { width: 90px; text-align: center; padding: 2px; border: 1px solid #2F2F2F; float: left; margin: 0 5px; } #piclist { width: 100%; margin: 20px 0 0 0; overflow: hidden; } #piclist li { float: left; height: 20px; }*/ /*Gästebuch*/ #sid_guestbook { margin: 40px 0 0 140px; width: 450px; } #entries { clear: left; width: 100%; margin: 20px 0 0 0;} #error { color: red; font-size: 125%; width: 220px; margin: 20px 0 0 -50px;} .gb_headline { padding: 5px; background: #5E8AC6; height: 20px; color: #FFF; font-size: 110%;} .gb_comment { clear: both; border: 1px solid #333; padding: 5px; margin: 0 0 20px 0; } #gb_wrap .date { font-size: 85%; color: #FFF; float: right; } .gb_headline .gb_delbtn { border: 1px solid red; background: #FFF; padding: 0px 4px; color: red; margin: 0 10px 0 0; } #gbook_info { font-size: 140%; text-align: center; } #gb_wrap .navi a { padding: 0 3px; font-size: 105%;} #sid_guestbook input, #sid_guestbook textarea { border: 1px solid #5E8AC6; } #sid_guestbook input:focus, #sid_guestbook textarea:focus { border: 2px solid #5E8AC6 } #gb_wrap .navi a.active { text-decoration: underline; font-size: 130%; font-weight: bold; } #submenu{ width: 929px; margin: 0 auto; padding: 5px 0 0 0;} /*#submenu ul li { float: left; border: 0px solid #FFF; border-bottom: 0px; background: #578ACB; margin: 0 2px; font-size: 12px; font-weight: bold;}*/ #submenu ul li { padding: 0px 5px 0 0; float: left; background: url(../images/submright.png) no-repeat right 0; margin: 1px 2px 0 1px; font-size: 12px; font-weight: bold;} #submenu ul li:hover { } #submenu ul li a { color: #FFF; float: left; padding: 10px 5px 6px 10px;} #submenu ul li div.submleft { margin: 0; float: left; background: url(../images/submleft.png) no-repeat 0 0; } #submenu ul li ul { position: absolute; -moz-box-shadow: 0px 1px 5px #000; width: 155px; margin: 28px 0 0 1px; display: none; background: #FFF; } #submenu ul li:hover ul { display: block; } #submenu ul li ul li { background: #EFEFEF; border: none; -moz-box-shadow: 0px 0px 2px #000; font-size: 12px; width: 146px; margin: 2px 0px 2px 1px; position: relative; clear: both; } #submenu ul li ul li div.submleft {background: none; } #submenu ul li ul li:hover { background: #FFF; } #submenu ul li ul li div.submleft a { color: #000; display: block; width: 100%; height: 100%; } #submenu ul li ul li ul { position: absolute; z-index: 99; -moz-box-shadow: 2px 1px 4px #000; width: 155px; left: -3000px; top: -30px; } #submenu ul li ul li:hover > ul { left: 150px; } /*Ajax Search Results*/ .ajaxSearch_paging { font-size: 120%; margin: 10px 0; display: block; } .ajaxSearch_result { margin: 10px 0; background: #EFEFEF; padding: 5px; border: 1px solid #DFDFDF; } .ajaxSearch_result a.ajaxSearch_resultLink { font-size: 120%; text-decoration: underline; } /*sonstiges*/ .B_currentCrumb { font-size: 120%; text-decoration: underline; } #ajaxSearch_submit{width: 60px!important;float:right; margin: 5px 27px 0 0;} .btn2, a.btn2, input.btn2 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 6px 15px 6px 15px; line-height: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #444; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); border: 1px solid #bbb; border-bottom-color: #aaa; background: #f5f5f5!important; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ccc))!important; background: -webkit-linear-gradient(top, #fff, #f5f5f5 2px, #ccc 30px)!important; background: -moz-linear-gradient(top, #f5f5f5, #ccc)!important; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ccc');*/ } .btn2:hover, .btn2:focus, input.btn2:hover, input.btn2:focus { color: #111; border-color: #aaa; text-decoration: none; background: #E9E9E9!important; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb))!important; background: -moz-linear-gradient(top, #eee, #bbb)!important; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#(#eee)', endColorstr='#(#bbb)');*/ } .btn2:active, input.btn2:active { position: relative; top: 1px; color: #777; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f5f5f5))!important; background: -moz-linear-gradient(top, #ccc, #f5f5f5)!important; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#f5f5f5');*/ } @media print { #top_menu, #header, #sidebar, #footer, #breadcrumbs, #submenu, #facebook, #print { display: none; } #content { width: 100%; padding: 0px; margin: 0px; font-family: arial, verdana; font-size: 18px; } #content table { width: 98%; } #table_spielplan .row { width: 100%; height: 50px; } #table_spielplan .first_col { width: 150px; } #table_spielplan .second_col { width: 260px; } #table_spielplan .third_col { width: 80px; } #table_spielplan .fourth_col { width: 300px; } #kontaktdaten .row { width: 100%; height: 30px; } #kontaktdaten .first_col { width: 220px; } #kontaktdaten .second_col { width: 110px; } #kontaktdaten .third_col { width: 280px; } #kontaktdaten .fourth_col { width: 170px; } #kontaktdaten .fifth_col { width: 170px; } }