body { margin: 0 ; padding: 0 ; background: #ffffff ; background-image: url(../images/background.gif) ; background-position: top left ; font-family: Verdana,Arial,Helvetica,sans-serif ; font-size: 10pt ; color: #000000 ; } a { color: #dd0000 ; text-decoration: underline; } a.footerlink { color: #2651a8 ; text-decoration: underline; } a.smal { font-size: 11px ; text-decoration: underline; } a.oben { color: #000000; text-decoration: none; } td { font-family: Verdana,Arial,Helvetica,sans-serif ; font-size: 10pt ; color: #000000 ; } .dataxs { font-size: 11px ; } /* allgemeine Headline ------------------------------------ */ .headline { margin-top: -1px ; font-size: 18px ; color: #000000 ; } /* allgemeine Subheadline --------------------------------- */ .subheadline { clear: both ; color: #000000 ; background-image: url(../images/hdl_background_blau.gif) ; padding: 0 0 0 15px ; background-position: left ; background-repeat: no-repeat ; font-weight: bold ; font-size: 10pt ; border-bottom: 1px solid #1a62b0 ; border-top: 1px solid #1a62b0 ; margin: 0 0 20px 0 ; } /* Subheadline für Regeln und Zeichen --------------------- */ .subheadlineregel { clear: both ; color: #000000 ; background-color: #eeeeee ; padding: 5px 0 5px 5px ; /*background-image: url(../images/hdl_background_blau.gif) ;*/ /*background-position: left ; */ /*background-repeat: no-repeat ; */ font-weight: bold ; font-size: 10pt ; border-bottom: 1px solid #1a62b0 ; border-top: 1px solid #1a62b0 ; margin: 0 0 20px 0 ; } .subheadlinethin { clear: both ; color: #1a62b0 ; color: #000000 ; background-image: url(../images/hdl_background_blau.gif) ; padding: 0 0 0 15px ; background-position: left ; background-repeat: no-repeat ; font-size: 10pt ; font-weight: normal ; border-bottom: 1px solid #1a62b0 ; border-top: 1px solid #1a62b0 ; margin: 0 0 20px 0 ; } /* Bei Klassenauzaehlung ---------------------------------- */ .beitragspacer { clear: both ; height: 40px ; } .left { float: left ; } .right { float: right ; } .cleaner { clear: both ; height: 1px ; } /* ######################################################## */ /* Tabellenersatz ----------------------------------------- */ /* Vereinsheim */ .spalte100 { width: 500px ; float: left ; } .spalte100xsr { width: 500px ; font-size: 11px ; text-align: right ; float: left ; } .spalte75 { width: 375px ; float: left ; } .spalte50 { width: 250px ; float: left ; } .spalte50xs { width: 250px ; font-size: 11px ; float: left ; } /* .spalte50c { width: 250px ; text-align: center ; float: left ; } */ .spalte50r { width: 250px ; text-align: right ; float: left ; } .spalte50xsr { width: 250px ; font-size: 11px ; text-align: right ; float: left ; } .spalte25xs { font-size: 11px ; background-color: #eeeeee ; width: 125px ; float: left ; } .spalte12 { background-color: #eeeeee ; width: 62px ; float: left ; } .spalte12xs { background-color: #eeeeee ; width: 62px ; font-size: 11px ; float: left ; } .spaltencleaner { clear: both ; } /* ######################################################## */ ul.verschoben { margin:20px 0 0 100px ; } ul.aufzaehlung { list-style-type: decimal ; } /* für pflegbare Seitenausgabe ---------------------------- */ .seitenansichtcontent { margin: 20px 0 0 0 ; width: 500px ; } /* ######################################################## */ /* GRUND-LAYOUT ------------------------------------------- */ /* ######################################################## */ /* ######################################################## */ /* Seitenplatzhalter -------------------------------------- */ #container { padding: 0 ; margin: 0 ; width: 760px ; } /* Datum / Verein ----------------------------------------- */ #top { position: relative ; margin: 0 0 30px 0 ; width: 760px ; } #topleft { margin: 5px 0 0 20px ; position: relative ; float: left ;} #topright { margin: 5px 0 0 0 ; position: relative ; float: right ;} /* Bildleiste oben ---------------------------------------- */ #bilderleiste { position: relative ; width: 740px ; height: 98px ; margin: 5px 0 0 20px ; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 8px 0 0 0 ; background-color: #ffffff ; } .bilderright { padding-left: 11px ; float: right ; } /* Navigation Hauptverein --------------------------------- */ #navitop { position: relative ; width: 740px ; margin-left: 20px ; border-bottom: 1px solid #000000 ; background-color: #d1e0ef ; } #navitopin { position: relative ; width: 740px ; height: 18px ; padding-top: 4px ; padding-bottom: 4px ; border-top: 2px solid #ffffff ; border-bottom: 2px solid #ffffff ; } #navitopinleft { position: relative ; float: left ; } #navitopinright { position: relative ; float: right ; } /* Links für Hauptverein - Menü --------------------------- */ a.vnavitop { color: #000000 ; text-decoration: none ; } a.vnavitop:link, a.vnavitop:visited, a.vnavitop:activ { color: #000000 ; text-decoration: none ; } a.vnavitop:hover { color: #000000 ; background: #ffffff ; text-decoration: underline overline ; } a.vnavitopclick { color: #000000 ; background: #ffffff ; text-decoration: underline overline ; } a.vnavitopclick:link, a.vnavitopclick:visited, a.vnavitopclick:activ { color: #000000 ; background: #ffffff ; text-decoration: underline overline ; } /* Menueplatzhalter --------------------------------------- */ #navi { position: relative ; margin: 0 ; width: 220px ; /*background: #dddddd ;*/ float: left ; } .hptmenuehalter { position: relative ; width: 220px ; padding: 4px 2px 4px 25px ; background-color: #1a62b0 ; border-top: 1px solid #1a62b0; border-bottom: 1px solid #1a62b0; margin: 0 0 10px 0 ; } .hptmenuehalterclick { position: relative ; width: 220px ; padding: 4px 2px 4px 25px ; background-color: #d1e0ef ; background-image: url(../images/menueclick_background.gif) ; background-position: left ; background-repeat: no-repeat ; border-top: 1px dashed #1a62b0; border-bottom: 1px dashed #1a62b0; /*border-right: 1px dashed #1a62b0; */ margin: 0 0 10px 0 ; } /* Links für Hauptmenue ----------------------------------- */ a.menue { color: #ffffff ; font-weight: bold ; font-size: 12px; text-decoration: none ; } a.menue:link, a.menue:visited, a.menue:activ { color: #ffffff ; font-weight: bold ; text-decoration: none ; } a.menue:hover { color: #ffffff ; font-weight: bold ; text-decoration: underline ; } a.menueclick { color: #185596 ; font-weight: bold ; font-size: 12px; text-decoration: none ; } a.menueclick:link, a.menueclick:visited, a.menueclick:activ { color: #185596 ; font-weight: bold ; text-decoration: none ; } /* -------------------------------------------------------- */ .submenuehalter { position: relative ; width: 200px ; padding: 2px 0 2px 25px ; } .submenuehalterclick { position: relative ; width: 200px ; background: #ffffff ; padding: 2px 0 2px 25px ; } .subsubmenuehalter { position: relative ; width: 200px ; padding: 2px 0 2px 30px ; } .subsubmenuehalterclick { position: relative ; width: 200px ; background: #ffffff ; padding: 2px 0 2px 30px ; } /* SubmenueLinks ------------------------------------------ */ a.submenue { font-size: 12px; color: #000000 ; text-decoration: none ; } a.submenue:link, a.submenue:visited, a.submenue:activ { color: #000000 ; text-decoration: none ; } a.submenue:hover { color: #000000 ; text-decoration: underline ; } a.submenueclick { font-size: 12px; color: #000000 ; text-decoration: underline ; } a.submenueclick:link, a.submenueclick:visited, a.submenueclick:activ { color: #000000 ; text-decoration: underline ; } /* ######################################################## */ /* Contentplatzhalter ------------------------------------- */ #content { position: relative ; margin: 0 0 0 40px ; padding: 0 ; width: 500px ; background-color: #ffffff ; float: right ; } /* Template Content-Abschluss --------- */ .fussabschluss { height: 40px ; clear: both ; } /* ################################################ */ /* Footerplatzhalter ----------------- */ #bottom { clear: both ; position: relative ; padding-top: 20px ; width: 760px ; } #bottomleft { position: relative ; width: 185px ; text-align: center ; float: left ;} #bottomspacer { position: relative ; width: 75px ; float: left ;} #bottommiddle { position: relative ; width: 400px ; border-top: 1px solid #000000; font-size: 10px ; float: left ;} #bottomright { position: relative ; width: 100px ; border-top: 1px solid #000000; font-size: 10px ; text-align: right ; float: left ;} /* ######################################################## */ /* ######################################################## */ /* ######################################################## */ /* ################################################ */ /* ------------------------------------------------ */ /* Alles "AKTUELLE" aus der DB -------------------- */ .newstop { width: 500px ; } .newstoplinks { padding: 0 0 5px 0 ; font-size: 11px ; float: left ; } .newstoprechts { padding: 0 0 5px 0 ; font-size: 11px ; float: right ; } .newsheadline { clear: both ; color: #1a62b0 ; /*color: #CC0000 ;*/ background-image: url(../images/newshdl_background.gif) ; padding: 0 0 0 15px ; background-position: left ; background-repeat: no-repeat ; font-weight: bold ; font-size: 10pt ; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin: 0 0 20px 0 ; } .newscontent { width: 500px ; } .newsfooter { width: 500px ; height: 15px ; background: #eeeeee ; } .newsfooterlinks { font-size: 11px ; float: left ; } .newsfooterrechts { font-size: 11px ; float: right ; } .newsspacer { clear: both ; } /* ################################################ */ /* ------------------------------------------------ */ /* ################################################ */ /* Renntermine ------------------------------------ */ .renntermine { margin: 0 0 5px 0 ; float: left ; position: relative ; background-color: #ffffff ; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; width: 500px ; } .renntermineinn { float: left ; position: relative ; background-color: #eeeeee ; margin: 2px 0 2px 0 ; width: 500px ; } .renntermineinnclick { float: left ; background-image: url(../images/marker_rot.gif) ; background-position: left ; background-repeat: no-repeat ; position: relative ; background-color: #ffeeee ; margin: 2px 0 2px 0 ; width: 500px ; } .rennterminlinks { position: relative ; color: #cc0000 ; font-weight: bold ; float: left ; width: 100px ; } .rennterminmitte { position: relative ; float: left ; width: 350px ; } .rennterminrechts { position: relative ; text-align: right ; float: right ; width: 50px ; font-size: 11px ; } .rennterminzusatzfeld { position: relative ; margin-left: 100px ; color: #aaaaaa ; font-size: 10px ; } .renntermincontent { margin: 20px 0 0 0 ; width: 500px ; } .rennterminfooter { float: left ; margin: 20px 0 40px 0 ; width: 500px ; background-color: #eeeeee ; text-align: right ; font-size: 11px ; } .renntermincleaner { clear: both ; height: 18px ; } /* ################################################ */ /* ------------------------------------------------ */ /* Fahrerliste ------------------------------------ */ /* ################################################ */ /* Gruppenanzeige */ /* ------------------------------------ */ .fahrerliste { margin: 0 0 10px 90px ; } /* Fahrerkurzauflistung */ /* ------------------------------------ */ .bildlisteplatzhalter { margin-left: 20px ; background-color: #ffffff ; width: 150px ; float: left ; } .fahrerlistename { float: left ; margin: 110px 0 0 0 ; font-size: 10pt ; } a.fahrernamelink { font-size: 10pt ; color: #1a62b0 ; text-decoration: underline ; } /* Fahrervorstellung / ausführlich */ /* ------------------------------------ */ .bildplatzhalter { background-color: #ffffff ; width: 150px ; float: left ; } .fahrername { position: relative ; color: #1a62b0 ; background-image: url(../images/newshdl_background.gif) ; padding: 0 0 0 15px ; background-position: left ; background-repeat: no-repeat ; font-size: 10pt ; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin: 0 0 20px 0 ; width: 350px ; font-size: 10pt ; float: left ; } .fahrerbeschreibung { position: relative ; margin: 0 0 0 0 ; width: 350px ; font-size: 10pt ; float: left ; } .fahrercleaner { clear: both ; height: 25px ; } /* Fahrer-Filmstreifen ------------------------------------ */ /* -------------------------------------------------------- */ .filmstreifen { background-image: url(../images/filmstreifen_grau.gif) ; background-position: top left ; height: 22px ; width: 500px ; } .filmstreifenbottom { clear: both ; background-image: url(../images/filmstreifen_grau.gif) ; background-position: top left ; height: 22px ; width: 500px ; } .streifenplatzhalter { background-color: #eeeeee ; height: 75px ; width: 500px ; float: left ; } .streifenbilder { background-color: #000000 ; /*border: 1px solid #bbbbbb ; */ height: 75px ; width: 75px ; padding: 8px 0 0 0 ; /*margin: 0 5px 0 5px ; */ float: left ; } .streifenbilderhoch { background-color: #000000 ; /*border: 1px solid #bbbbbb ; */ height: 75px ; width: 75px ; padding: 0 0 0 9px ; /*margin: 0 5px 0 5px ; */ float: left ; } .streifenanfang { width: 30px ; float: left ; } .streifenspacer { width: 10px ; float: left ; } /* ################################################ */ /* ------------------------------------------------ */ /* ANSPRECHPARTNER -------------------------------- */ /* ################################################ */ .ansprechpartnerlinks { margin: 0 0 0 20px ; width : 150px ; float: left ; } .ansprechpartnerrechts { margin: 40px 0 0 0 ; width: 310px ; float: left ; } /* ausführliche Auflistung (Radsport) --------------------- */ .ansprechpartnerrechtsblock { margin: 0 0 0 0 ; width: 310px ; float: left ; } .ansprechpartnerListungS { margin-bottom: 4px ; /*background-color: #eeeeee ;*/ float: left ; font-size: 11px ; width: 90px ; } .ansprechpartnerListungL { margin-bottom: 4px ; /*background-color: #eeeeee ;*/ float: left ; font-size: 11px ; width: 220px ; } .ansprechpartnerListungXXL { margin-bottom: 4px ; /*background-color: #eeeeee ;*/ float: left ; font-size: 11px ; width: 310px ; } /* Für alle Passbilder im Internetprojekt ----------------- */ .passbild { padding: 3px ; background-color: #ffffff ; border-style: solid ; border-color: #1a62b0 ; border-width: 1px ; /*width: 110px ;*/ float: left ; } /* ################################################ */ /* KLASSEN ---------------------------------------- */ /* ################################################ */ .bild150r { float: right ; padding: 3px 3px 3px 3px ; border-style: solid ; border-color: #1a62b0 ; border-width: 1px ; background-color: #ffffff ; /*width: 150px ;*/ } /* ################################################ */ /* BILDERGALERIE ----------------------------*/ /*###########################################*/ A.VERZEICHNIS { font-size: 10pt; color: #CC0000; text-decoration: underline; } A.VERZEICHNIS:link, A.VERZEICHNIS:visited, A.VERZEICHNIS:activ { font-size: 10pt; color: #CC0000; text-decoration: underline; } A.VERZEICHNIS:hover { text-decoration: underline; } .GRAU { color: #DDDDDD ; } .BILDREIHE { padding-left: 5px ; border: 1px solid #EEEEEE ; background-color: #FFFFFF ; text-align: center ; width: 485px ; height: 75px ;} .BILDSPACERQUER { margin: 7px; padding-top: 8px; border: 1px solid #DDDDDD ; background-color: #EEEEEE ; width: 75px; height: 75px; text-align: center; float: left ; } LABEL.GALERIELABEL { border: 1px solid #2651A8; background-color: #FAF3E2 ; width: 120px ; height: 35px ; margin: 3px; padding: 3px; padding-top: 7px ; float: left; text-align: right; } .GALERIESELECTLANG { width: 220px; border: 1px solid #2651A8; background-color: #FEFEFE; margin: 5px; } .GALERIESELECTBESCHRIFTUNG { background-color: #FAF3E2 ; border: 1px solid #2651A8; display: block ; text-align: center; float: left; width: 240px; height: 35px; margin: 3px; } .GALERIESUBMITRECHTS { height: 35px ; width: 110px ; margin-left: 5px ; margin-top: 2px ; float: left; } .BILDSPACER { margin: 8px; border: 1px solid #DDDDDD ; background-color: #EEEEEE ; width: 75px; height: 75px; text-align: center; float: left ; } A.GALERIE { font-size: 22pt; text-decoration: none; color: #CC0000; } .BILDBESCHREIBUNG { padding: 5px ; width: 250px; border: 1px solid #DDDDDD ; background-color: #DDDDDD ; text-align: left ;} .CLEAR { clear: both; } /*###########################################*/ /* Linkliste -------------------------------------- */ /* ################################################ */ .linkgesamt { background-color: #eeeeee ; width: 500px ; float: left ; } .linklinks { padding: 2px 0 2px 10px ; font-size: 10pt ; float: left ; } .linkrechts { padding: 2px 10px 2px 0 ; font-size: 11px ; float: right ; } .linklogo { float: left ; padding: 5px 0 0 20px ; } .linkspacer { clear: both ; height: 40px ; } /* ################################################ */