/* Standard-CSS fuer www.bett-club.de*/ /* Farben Hintergrundfarbe dunkel: #42463e Hintergrundfarbe hell: #72986d hellgrün: #ccff33 mittelgrün: #00cc00 orange: ff6633 blue: 66ffff yellow: hellgrau: #aaaca8 hellgelb: #ffff66 */ /* Schriften Schriftfamilie: Arial, Helvetica, Sans-Serif Schriftgroessen: head_01: head_02: head_03: Fliesstext: Bildunterschrift: Randbemerkungen: */ HTML {HEIGHT: 100%} HTML, body, div, p, h1, h2, h3, ul, ol, span, a, form, img, li {scrollbar-track-color: #72786d; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color: #42463e; scrollbar-shadow-color: #000000; scrollbar-face-color: #42463e; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #ffffff; MARGIN: 0px; PADDING: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; LINE-HEIGHT: 145%} body {TEXT-ALIGN: center; BACKGROUND-COLOR: #42463e} A.normal:link {COLOR: #ccff33; TEXT-DECORATION: none} A.normal:visited {COLOR: #ccff33; TEXT-DECORATION: none} A.normal:hover {COLOR: #00cc00; BACKGROUND: #ccff33; TEXT-DECORATION: none} A.normal:active {COLOR: #ccff33; TEXT-DECORATION: none} A.programm:link {FONT-WEIGHT: bold; COLOR: #42463e; TEXT-DECORATION: none} A.programm:visited {FONT-WEIGHT: bold; COLOR: #42463e; TEXT-DECORATION: none} A.programm:hover {FONT-WEIGHT: bold; COLOR: #00cc00; BACKGROUND: #ccff33; TEXT-DECORATION: none} A.programm:active {FONT-WEIGHT: bold; COLOR: #42463e; TEXT-DECORATION: none} A.gesamtprogramm:link {FONT-WEIGHT: bold; PADDING-TOP: 1px; LINE-HEIGHT: 20px; COLOR: #ffffff; TEXT-DECORATION: none} A.gesamtprogramm:visited {FONT-WEIGHT: bold; COLOR: #aaaca8; TEXT-DECORATION: none} A.gesamtprogramm:hover {FONT-WEIGHT: bold; COLOR: #ccff33; TEXT-DECORATION: none} A.gesamtprogramm:active {FONT-WEIGHT: bold; COLOR: #ff6633; TEXT-DECORATION: none} A.programmbox:link {COLOR: #42463e; TEXT-DECORATION: none} A.programmbox:visited {COLOR: #42463e; TEXT-DECORATION: none} A.programmbox:hover {COLOR: #42463e; TEXT-DECORATION: none} A.programmbox:active {COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemContent:link {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; LINE-HEIGHT: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemContent:visited {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; LINE-HEIGHT: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemContent:hover {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; LINE-HEIGHT: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemContent:active {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; LINE-HEIGHT: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemHeader:link {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LINE-HEIGHT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemHeader:visited {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LINE-HEIGHT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemHeader:hover {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LINE-HEIGHT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemHeader:active {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LINE-HEIGHT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-DECORATION: none} A.pboxItemTeaser:link {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none} A.pboxItemTeaser:visited {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none} A.pboxItemTeaser:hover {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none} A.pboxItemTeaser:active {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none} A.galerie:link {FONT-WEIGHT: bold; COLOR: #42463e; TEXT-DECORATION: none} A.galerie:visited {COLOR: #42463e; TEXT-DECORATION: none} A.galerie:hover {COLOR: #ff6633; BACKGROUND: #ccff33; TEXT-DECORATION: none} A.galerie:active {COLOR: #ff6633; TEXT-DECORATION: none} A.album:link {FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none} A.album:visited {COLOR: #aaaca8; TEXT-DECORATION: none} A.album:hover {COLOR: #ccff33; TEXT-DECORATION: none} A.album:active {COLOR: #ff6633; TEXT-DECORATION: none} A.footer:link {COLOR: #ffffff; TEXT-DECORATION: none} A.footer:visited {COLOR: #ffffff; TEXT-DECORATION: none} A.footer:hover {COLOR: #42463e; BACKGROUND: #aaaca8; TEXT-DECORATION: none} A.footer:active {COLOR: #ccff33; TEXT-DECORATION: none} H1 {FONT-SIZE: 18px; PADDING-BOTTOM: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff} .gruen {COLOR: #ccff33} .baseline {PADDING-TOP: 1px; LINE-HEIGHT: 20px} .shortdistance {LINE-HEIGHT: 14px} H2 {FONT-SIZE: 16px; LINE-HEIGHT: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff} H3 {FONT-SIZE: 15px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #ffffff} H4 {FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #ffffff} H5 {FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; COLOR: #ffffff} P {FONT-SIZE: 12px; FONT-WEIGHT: normal; LINE-HEIGHT: 1.4em; COLOR: #ffffff} .middle {FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 1.4em; COLOR: #ffffff} .small {FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 1.2em; COLOR: #ffffff} .smallest {FONT-SIZE: 10px; FONT-WEIGHT: normal; LINE-HEIGHT: 1.2em; TEXT-TRANSFORM: uppercase} .minimal {FONT-SIZE: 10px; FONT-WEIGHT: normal; LINE-HEIGHT: 1.2em} .gruen {COLOR: #ccff33; FONT-WEIGHT: bold} .right {text-align: right} .left {text-align: left} .hellgruen {BACKGROUND-COLOR: #ccff33; COLOR: #000000; FONT-WEIGHT: bold} .mittelgruen {BACKGROUND-COLOR: #00cc00; FONT-WEIGHT: bold} .orange {BACKGROUND-COLOR: #ff6633; FONT-WEIGHT: bold} .blue {BACKGROUND-COLOR: #66ffff; FONT-WEIGHT: bold; Color: #42463e} .yellow {BACKGROUND-COLOR: #ffff66; FONT-WEIGHT: bold; Color: #42463e} B {FONT-WEIGHT: bold;} I {FONT-STYLE: italic} UL {BACKGROUND-COLOR: white; COLOR: #39989C} LI {BACKGROUND-COLOR: white; COLOR: #39989C} /*gesamte Seite*/ #wrapall {WIDTH: 751px; MARGIN: 0 auto; TEXT-ALIGN: left; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff} /*header: Kalender, Navigation, Bild, Logo*/ #header {WIDTH: 751px; border-Bottom: 1px solid; border-color: #ffffff; PADDING: 0px} #kalender {MARGIN-TOP: 0px; MARGIN-LEFT: 0px; BACKGROUND-COLOR: #72786d} /*content*/ #container {WIDTH: 751px} /*Spalte 3 rechts*/ #c-right {WIDTH: 200px; float: right;} #c-right H1, H2, H3, H4, H5, p {padding-left: 5px; padding-right: 5px;} div > img {padding-left: 5px;} /*Spalte 1 und 2*/ #contentwrapper {WIDTH: 551px; float: left} /*Spalte 1 links*/ #c-left {WIDTH: 148px; float: left} #c-left H1, H2, H3, H4, H5, p {padding-left: 5px; padding-right: 5px;} /*Spalte 2 Mitte*/ #c-main {WIDTH: 401px; float: right; border-left: 1px dashed #fff; border-right: 1px dashed #fff} #c-main H1, H2, H3, H4, H5, p {padding-left: 7px; padding-right: 7px;} #c-main img {PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} /*Sonderfall: Spalte Mitte und rechte Spalte*/ #c-both {WIDTH: 601px; float: right; border-left: 1px dashed #fff; padding-left: 0px} #c-both H1, H2, H3, H4, H5, p {padding-left: 7px; padding-right: 7px;} /*footer*/ #footer {clear:both;} #footer p {padding-top: 2px; padding-bottom: 4px; BACKGROUND-COLOR: #aaaca8; FONT-SIZE: 11px; FONT-WEIGHT: normal; border-top: 1px solid; border-Bottom: 1px solid; border-color: #ffffff;} /*Programm*/ .programmboxwrap {BACKGROUND-COLOR: #f5f5f5} /*Tag*/ .pboxItemDay {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e;} /*Datum*/ .pboxItemDate {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 28px; LINE-HEIGHT: 28px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e;} /*Klassifikation*/ .pboxItemTeaser {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 10px; PADDING-TOP: 0px; COLOR: #42463e; TEXT-TRANSFORM: uppercase} /*Inhalt*/ .pboxItemHeader {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; LINE-HEIGHT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e} /*Inhalt*/ .pboxItemContent {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; LINE-HEIGHT: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #42463e} /*Grenzlinie*/ .pboxBorder {BORDER-LEFT: #42463e 1px solid;} /*Einzelveranstaltung, Farbfeld*/ #lifebox {WIDTH: 194px; MARGIN-LEFT: 3px; MARGIN-RIGHT: 3px; MARGIN-BOTTOM: 0px; BACKGROUND-COLOR: #ccff33; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} .lifeboxItem-1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px} .lifeboxItem-1 p {FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #42463e} .lifeboxItem-2 {PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 80px} .lifeboxItem-2 img {PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #42463e; VERTICAL-ALIGN: bottom} .lifeboxItem-3 {PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} .lifeboxItem-3 img {PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #42463e; VERTICAL-ALIGN: bottom} /*Galerie Alle Alben*/ #galeriebox {WIDTH: 387px; PADDING-RIGHT: 7px; PADDING-LEFT: 7px} /*Galerie*/ #galerieboxwrap {WIDTH: 387px; BACKGROUND-COLOR: #f5f5f5; HEIGHT: 85px} /*Box 1 - Foto*/ #gboxItem-1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 117px; float: left; BACKGROUND-COLOR: transparent} #gBoxItem-1 img {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} /*Box 2 - Inhalt*/ #gboxItem-2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 270px; float: right; BACKGROUND-COLOR: transparent} #gBoxItem-2 p {PADDING-RIGHT: 5px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px} .gboxItemDate {FONT-SIZE: 10px; COLOR: #42463e} .gboxItemHeader {FONT-SIZE: 12px; COLOR: #42463e; FONT-WEIGHT: bold} .gboxItemContent {FONT-SIZE: 11px; COLOR: #42463e} /*Box 3 - Copyright*/ #gboxItem-3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 270px; float: right; BACKGROUND-COLOR: transparent} #gBoxItem-3 p {FONT-SIZE: 10px; COLOR: #42463e} .gboxItemFoot {FONT-SIZE: 10px; COLOR: #42463e} /*Galerie Einzelalbum*/ #abox {WIDTH: 401px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px} /*Galerie Einzelalbum Zeile*/ .aboxItem {PADDING-RIGHT: 7px; PADDING-LEFT: 7px; padding-bottom: 3px; BACKGROUND-COLOR: transparent} .aboxItem img {padding-left: 0px; padding-right: 0px} /* star html hack fuer IE */ * html # selector {BACKGROUND-COLOR: #aaaca8; FONT-SIZE: 11px; FONT-WEIGHT: normal; height: 21px; border-top: 1px solid; border-Bottom: 1px solid; border-color: #ffffff; width: 752px}