@media all { /* >> Einstellungen des bodys */ html, body { height: 100%; margin: 0px; padding: 0px; } body { font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; color: #333; background: #4e4949; font-size: 13px; } /* << Einstellungen des bodys */ /* >> Fonts und Standardabstaende*/ td, p, div, dt, dd, dl, ul, ol { font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; color: #333; font-size: 13px; } em { font-style: normal; font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; color: #000; font-size: 22px; margin: 0px; margin-bottom: 10px; } h2 { font-size: 18px; margin-bottom: 8px; } h3 { font-size: 16px; margin-bottom: 6px; } h4 { font-size: 14px; margin-bottom: 5px; } h5 { font-size: 14px; margin-bottom: 5px; } h6 { font-size: 14px; margin-bottom: 5px; } p { text-align: left; font-size: 13px; margin: 0px; margin-bottom: 7px } div.elSpacer { margin-bottom: 8px; } img.block { display: block; } /* standard link definitions */ a, a:link, a:visited, a:hover { color: #285689; text-decoration: none; } a:hover { color: #6b8eb4; } a:visited { /* border-bottom: 1px dotted #285689; */ } /* << Fonts */ /* >> Standardeinstellungen der Haupttabelle */ table.mainTable { width: 100%; } /* Stammtabelle Inhaltzelle */ table.mainTable td.mtCont { height: 100%; } /* Stammtabelle erstes Designelement */ table.mainTable td.mtCont div.desEl1 { background: url(img/fbs_leftNavBg.gif) top left repeat-y; width: 914px; text-align: left; } /* Stammtabelle zweites Designelement */ table.mainTable td.mtCont div.desEl2 { height: 100%; } /* Stammtabelle drittes Designelement */ table.mainTable td.mtCont div.desEl3 { height: 100%; } /* Stammtabelle viertes Designelement */ table.mainTable td.mtCont div.desEl4 { height: 100%; } /* Einstellungen des Fusszeilelements */ table.mainTable td.footer div { padding-top: 5px; background: url(img/footerbg.gif) top left no-repeat; width: 914px; } table.mainTable td.footer div div { padding-top: 0; background: url(img/footerbgDesEl.gif) left bottom no-repeat; padding-bottom: 47px; } /* Standard Footer text */ table.mainTable td.footer div div table td.text div.footerNormal { background: transparent; padding-top: 5px; padding-bottom: 4px; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; } /* Footer text fuer den Druck */ table.mainTable td.footer div div table td.text div.footerPrint { display: none; } /* << Standardeinstellungen der Haupttabelle */ /* >> Globaler Ebenencontainer */ div.gloLayShell { position: absolute; left: auto; top: auto; z-index: 100; width: 914px; } /* Homelinkcontainer 1 */ div.gloLayShell div.hLink1 { position: absolute; left: 10px; top: 38px; z-index: 20; } /* Homelinkcontainer Platzhalter 1 */ div.gloLayShell div.hLink1, div.gloLayShell div.hLink1 img { width: 285px; height: 35px; } /* Homelinkcontainer 2 */ div.gloLayShell div.hLink2 { display: none; position: absolute; left: 184px; top: 24px; z-index: 30; } /* Homelinkcontainer Platzhalter 2 */ div.gloLayShell div.hLink2, div.gloLayShell div.hLink2 img { width: 56px; height: 65px; } /* Lang switcher container*/ div.lSwitcherCont { position: absolute; right: 10px; top: 5px; z-index: 40; } /* Lang switcher Auswahlfeld*/ div.lSwitcherCont select, div.lSwitcherCont select option { font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #fff; filter: alpha(opacity=70%); -moz-opacity: 0.7; background: #072056; } /* quick search Container */ div.qSCont { width: 185px; position: absolute; left: 17px; top: 10px; z-index: 50; } /* << Globaler Ebenencontainer */ /* >> Header tables */ div.headerImg { width: 914px; } div.headerImg table { width: 914px; } div.headerImg td.img1 { background: url(img/shadowLeftVert.gif) top left repeat-y; padding-left: 8px; } div.headerImg td.img1 img { height: 107px; width: 293px; } div.headerImg td.img1 img { background: url(img/head_1.jpg) top left no-repeat; } div.headerImg td.img2, div.headerImg td.img2 img { height: 107px; width: 345px; } div.headerImg td.img2 img { background: url(img/head_2.jpg) top left no-repeat; } div.headerImg td.img3 { background: url(img/shadowRightVert.gif) top right repeat-y; padding-right: 8px; } div.headerImg td.img3 img { height: 107px; width: 260px; text-align: right; } div.headerImg td.img3 img { background: url(img/head_3.jpg) top left no-repeat; } /* << Header tables */ /* >> Print header */ div.printHeader { display: none; } /* << Print header */ /* >> topnav */ /* Ausserer Container */ div.topNavCont { position: absolute; left: auto; top: 7px; z-index: 31; width: 914px; text-align: right; } /* Altenativer Container */ div.topNavCont div.outerDes1 { margin-left: auto; width: 680px; } /* Linke Spalte der inneren Tabelle */ div.topNavCont div.outerDes1 table td.desColLeft { } /* Navigationsspalte der inneren Tabelle */ div.topNavCont div.outerDes1 table td.tnCol { width: 100%; } /* Rechte Spalte der inneren Tabelle */ div.topNavCont div.outerDes1 table td.desColRight { } /* Linker Navigationsplatzhalter */ div.topNavCont div.outerDes1 table td.tnCol table.topnav td.spcLeft { width: 100%; } /* Navigationstabelle */ div.topNavCont div.outerDes1 table td.tnCol table.topnav { margin-right: 10px; } /* Rechter Navigationsplatzhalter */ div.topNavCont div.outerDes1 table td.tnCol table.topnav td.spcRight { } /* Navigation Designelement 1*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal { } /* Navigation Designelement 2*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 { } /* Navigationstabelle Eintrag normal*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElHere div.des1 div.des2, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:link, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:visited, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:hover { display: block; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; background: url(img/topNavButt2.gif) top right no-repeat; padding: 0 8px 0 0; } div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElHere div.des1 div.des2 span, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:link span, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:visited span, div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:hover span { display: block; background: url(img/topNavButt1.gif) top left no-repeat; padding: 1px 2px 3px 10px; } /* Navigationstabelle Eintrag hover*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a:hover { } /* Navigationstabelle Eintrag hier*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElHere div.des1 div.des2 { font-weight: bold; } /* Navigationstabelle inneres Designelement normal*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElNormal div.des1 a span { } /* Navigationstabelle inneres Designelement hier*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td div.desElHere div.des1 div.des2 span { } /* Navigationstabelle Seperatorzelle*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td.sep { padding: 0px 2px 0px 2px ; } /* Navigationstabelle Seperatorbild*/ div.topNavCont div.outerDes1 table td.tnCol table.topnav td.sep img { } /* << topnav */ /* >> trail */ /* Container fuer die Brotkruemel */ div.trailCont { position: absolute; left: auto; top: 0; width: 914px; z-index: 41; } /* Altenativer Container */ div.trailCont div { position: absolute; left: 195px; top: 150px; text-align: left; width: 524px; } div.trailCont div table div { position: static; left: auto; top: auto; width: auto; } /* Linke Spalte der inneren Tabelle */ div.trailCont div table td.desColLeft img { } /* Brotkruemelspalte der inneren Tabelle */ div.trailCont div table td.trCol { width: 100%; } /* Rechte Spalte der inneren Tabelle */ div.trailCont div table td.desColRight { } /* Linker Brotkruemelplatzhalter */ div.trailCont div table td.trCol table.trail td.spcLeft { width: 10px; } /* Rechter Brotkruemelplatzhalter */ div.trailCont div table td.trCol table.trail td.spcRight { } /* Brotkruemeleintrag ausserer Kontainer Home normal*/ div.trailCont div table td.trCol table.trail td.home div.normal { } /* Brotkruemeleintrag ausserer Kontainer Home here*/ div.trailCont div table td.trCol table.trail td.home div.here { font-weight: bold; } /* Brotkruemeleintrag Home normal*/ div.trailCont div table td.trCol table.trail td.home div.here div, div.trailCont div table td.trCol table.trail td.home div.normal a:link, div.trailCont div table td.trCol table.trail td.home div.normal a:visited, div.trailCont div table td.trCol table.trail td.home div.normal a:hover { display: block; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 10px; color: #000; border-bottom: none; } /* Brotkruemeleintrag Home hover*/ div.trailCont div table td.trCol table.trail td.home div.normal a:hover { color: #1616aa; } /* Brotkruemeleintrag innerer Kontainer Home normal*/ div.trailCont div table td.trCol table.trail td.home div.normal span { display: block; } /* Brotkruemeleintrag innerer Kontainer Home here*/ div.trailCont div table td.trCol table.trail td.home div.here span { display: block; font-weight: bold; } /* Brotkruemeleintrag ausserer Kontainer Eintrag normal*/ div.trailCont div table td.trCol table.trail td.item div.normal { } /* Brotkruemeleintrag ausserer Kontainer Eintrag here*/ div.trailCont div table td.trCol table.trail td.item div.here { font-weight: bold; } /* Brotkruemeleintrag Eintrag normal*/ div.trailCont div table td.trCol table.trail td.item div.here div, div.trailCont div table td.trCol table.trail td.item div.normal a:link, div.trailCont div table td.trCol table.trail td.item div.normal a:visited, div.trailCont div table td.trCol table.trail td.item div.normal a:hover { display: block; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; border-bottom: none; } /* Brotkruemeleintrag Eintrag hover*/ div.trailCont div table td.trCol table.trail td.item div.normal a:hover { color: #1616aa; } /* Brotkruemeleintrag innerer Kontainer Eintrag normal*/ div.trailCont div table td.trCol table.trail td.item div.normal span { display: block; } /* Brotkruemeleintrag innerer Kontainer Eintrag here*/ div.trailCont div table td.trCol table.trail td.item div.here span { display: block; font-weight: bold; } /* Brotkruemeleintrag Seperatorzelle */ div.trailCont div table td.trCol table.trail td.sep { padding: 2px 4px 0 4px; } /* Brotkruemeleintrag Seperatorbild */ div.trailCont div table td.trCol table.trail td.sep img { width: 10px; height: 8px; background: url(img/trailSep.gif) top left no-repeat; } /* << trail */ /* >> content outer*/ div.contOuterContainer { text-align: left; } /* Aussere Tabelle des Inhalts */ div.contOuterContainer table.contOut { width: 100%; background: #eff0f2 url(img/rightShadow_vert.gif) top right repeat-y; } /* Navigationsspalte auf der linken Seite */ div.contOuterContainer table.contOut td.tLeftCol { width: 197px; background: url(img/leftNavBg.gif) top left repeat-y; } /* Navigationsspalte Platzhalterbild */ div.contOuterContainer table.contOut td.tLeftCol img.spc { width: 197px; } /* Platzhalterspalte zwischen Navigation und Inhalt */ div.contOuterContainer table.contOut td.spcLeft { width: 20px; vertical-align: top; display: none; } /* Platzhalterbild zwischen Navigation und Inhalt */ div.contOuterContainer table.contOut td.spcLeft img.spc { display: none; width: 20px; height: 500px; } /* Inhaltspalte für die innere Inhaltstabelle*/ div.contOuterContainer table.contOut td.cont { width: 100%; background: url(img/contBgTop.jpg) left top no-repeat; padding-right: 8px; } /* << content outer*/ /* >> edit content */ div.editModeShell { } div.editModeShell div.emD1 { /width: 100%; padding-left: 10px; padding-top: 65px; padding-right: 8px; } /* << edit content */ /* >> content shell */ /* Inhalts Container */ div.contShell { } /* Inhalts Tabelle */ div.contShell table.contTable { width: 100%; } /* Inhaltsspalte */ div.contShell table.contTable td.cont { width: 100%; padding-left: 10px; padding-top: 65px; } /* Platzhalter zum Teaser */ div.contShell table.contTable td.spcRight, div.contShell table.contTable td.spcRight img { width: 4px; } /* Platzhalter zum Teaser */ div.contShell table.contTable td.spcLeft, div.contShell table.contTable td.spcLeft img { width: 4px; } /* Teaser Spalte rechts*/ div.contShell table.contTable td.tCol { background: url(img/rightTeaserBg.gif) top left repeat-y; width: 189px; } /* Teaser Spalte links*/ div.contShell table.contTable td.tLeftCol { } /* << content shell */ /* >> edit content */ div.editModeShell { } div.editModeShell div.emD1 { } /* << edit content */ /* >> left navigation */ /* Navigationscontainer */ div.navMainShell { padding-top: 0; margin-bottom: 15px; } /* Navigation Designcontainer 1 */ div.navMainShell div.des1 { padding-left: 14px; } /* Navigation Designcontainer 2 */ div.navMainShell div.des2 { width: 174px; } /* Gruppencontainer fuer jede Ebene */ div.navShell0, div.navShell1, div.navShell2, div.navShell3 { } div.navShell1 { } div.navShell1 { background: url(img/fbs_subNav.gif) top left repeat-y; margin-left: 4px; margin-top: -9px; margin-bottom: 14px; } div.navShell2, div.navShell3 { padding: 2px 0px 3px 9px; } /* Innerer Gruppencontainer fuer jede Ebene */ div.navShell0 div.inner, div.navShell1 div.inner, div.navShell2 div.inner, div.navShell3 div.inner { } div.navShell1 div.inner { padding: 8px 0 3px 0; width: 168px; background: url(img/subNavBottCorners.gif) left bottom no-repeat; } div.navShell2 div.inner, div.navShell3 div.inner { padding: 0; width: auto; background: transparent; } /* Ausserer Navigationselement Container*/ div.itemOut0, div.itemOut1, div.itemOut2, div.itemOut3 { } div.itemOut0 { position: relative; z-index: 2; } /* Innerer Navigationselement Container */ div.itemOut0 div.itemInner, div.itemOut1 div.itemInner, div.itemOut2 div.itemInner, div.itemOut3 div.itemInner { } /* Einstellungen fuer die 1. Ebene der Navigation */ div.itemOut0 div.itemInner div.here, div.itemOut0 div.itemInner a.normal:link, div.itemOut0 div.itemInner a.normal:visited, div.itemOut0 div.itemInner a.normal:hover, div.itemOut0 div.itemInner a.inPath:link, div.itemOut0 div.itemInner a.inPath:visited, div.itemOut0 div.itemInner a.inPath:hover { display: block; /width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 12px; color: #7a1526; text-decoration: none; line-height: 14px; background: url(img/leftNavButtonBottom.gif) -348px 100% no-repeat; margin-bottom: 3px; border-bottom: none; } div.itemOut0 div.itemInner div.here span, div.itemOut0 div.itemInner a.normal:link span, div.itemOut0 div.itemInner a.normal:visited span, div.itemOut0 div.itemInner a.normal:hover span, div.itemOut0 div.itemInner a.inPath:link span, div.itemOut0 div.itemInner a.inPath:visited span, div.itemOut0 div.itemInner a.inPath:hover span { display: block; padding: 6px 10px 7px 13px; background: url(img/leftNavButtonTop.gif) -348px 0 no-repeat; } /* Einstellungen fuer die 1. Ebene der Navigation fuer im Pfad*/ div.itemOut0 div.itemInner a.inPath:link, div.itemOut0 div.itemInner a.inPath:visited, div.itemOut0 div.itemInner a.inPath:hover { font-weight: normal; background-image: url(img/leftNavButtonBottom.gif); background-position: 0 100%; color: #fff; } div.itemOut0 div.itemInner a.inPath:link span, div.itemOut0 div.itemInner a.inPath:visited span, div.itemOut0 div.itemInner a.inPath:hover span { background-image: url(img/leftNavButtonTop.gif); background-position: 0 0; color: #fff; } /* Einstellungen fuer die 1. Ebene der Navigation beim ueberfahren mit der Maus*/ div.itemOut0 div.itemInner a.normal:hover { background-image: url(img/leftNavButtonBottom.gif); background-position: -174px 100%; } div.itemOut0 div.itemInner a.normal:hover span { background-image: url(img/leftNavButtonTop.gif); background-position: -174px 0; } /* Einstellungen fuer die 1. Ebene der Navigation fuer hier*/ div.itemOut0 div.itemInner div.here { font-weight: bold; background-image: url(img/leftNavButtonBottom.gif); background-position: 0 100%; color: #fff; } div.itemOut0 div.itemInner div.here span { background-image: url(img/leftNavButtonTop.gif); background-position: 0 0; color: #fff; } /* Einstellungen fuer die 2. Ebene der Navigation */ div.itemOut1 div.itemInner div.here, div.itemOut1 div.itemInner a.normal:link, div.itemOut1 div.itemInner a.normal:visited, div.itemOut1 div.itemInner a.normal:hover, div.itemOut1 div.itemInner a.inPath:link, div.itemOut1 div.itemInner a.inPath:visited, div.itemOut1 div.itemInner a.inPath:hover { display: block; /width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #000; padding: 2px 5px 2px 19px; margin-left: 1px; margin-right: 1px; margin-top: 2px; margin-bottom: 2px; text-decoration: none; background: url(img/navBulletNormal.gif) 6px 4px no-repeat; border-bottom: none; } /* Einstellungen fuer die 2. Ebene der Navigation fuer im Pfad*/ div.itemOut1 div.itemInner a.inPath:link, div.itemOut1 div.itemInner a.inPath:visited, div.itemOut1 div.itemInner a.inPath:hover { background-image: url(img/navBulletHere.gif); } /* Einstellungen fuer die 2. Ebene der Navigation beim ueberfahren mit der Maus*/ div.itemOut1 div.itemInner a.normal:hover { background-image: url(img/navBulletHover.gif); } /* Einstellungen fuer die 2. Ebene der Navigation fuer hier*/ div.itemOut1 div.itemInner div.here { font-weight: bold; background-image: url(img/navBulletHere.gif); } /* Einstellungen fuer die 3. Ebene der Navigation */ div.itemOut2 div.itemInner div.here, div.itemOut2 div.itemInner a.normal:link, div.itemOut2 div.itemInner a.normal:visited, div.itemOut2 div.itemInner a.normal:hover, div.itemOut2 div.itemInner a.inPath:link, div.itemOut2 div.itemInner a.inPath:visited, div.itemOut2 div.itemInner a.inPath:hover { display: block; /width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #000; padding: 2px 5px 2px 21px; margin-left: 1px; margin-right: 1px; margin-top: 2px; margin-bottom: 2px; text-decoration: none; background: url(img/navBulletNormal.gif) 8px 4px no-repeat; border-bottom: none; } /* Einstellungen fuer die 3. Ebene der Navigation fuer im Pfad*/ div.itemOut2 div.itemInner a.inPath:link, div.itemOut2 div.itemInner a.inPath:visited, div.itemOut2 div.itemInner a.inPath:hover { background-image: url(img/navBulletHere.gif); } /* Einstellungen fuer die 3. Ebene der Navigation beim ueberfahren mit der Maus*/ div.itemOut2 div.itemInner a.normal:hover { background-image: url(img/navBulletHover.gif); } /* Einstellungen fuer die 3. Ebene der Navigation fuer hier*/ div.itemOut2 div.itemInner div.here { font-weight: bold; background-image: url(img/navBulletHere.gif); } /* Einstellungen fuer die 4. Ebene der Navigation */ div.itemOut3 div.itemInner div.here, div.itemOut3 div.itemInner a.normal:link, div.itemOut3 div.itemInner a.normal:visited, div.itemOut3 div.itemInner a.normal:hover, div.itemOut3 div.itemInner a.inPath:link, div.itemOut3 div.itemInner a.inPath:visited, div.itemOut3 div.itemInner a.inPath:hover { display: block; /width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #000; padding: 2px 5px 2px 23px; margin-left: 1px; margin-right: 1px; margin-top: 2px; margin-bottom: 2px; text-decoration: none; background: url(img/navBulletNormal.gif) 10px 4px no-repeat; border-bottom: none; } /* Einstellungen fuer die 4. Ebene der Navigation fuer im Pfad*/ div.itemOut3 div.itemInner a.inPath:link, div.itemOut3 div.itemInner a.inPath:visited, div.itemOut3 div.itemInner a.inPath:hover { background-image: url(img/navBulletHere.gif); } /* Einstellungen fuer die 4. Ebene der Navigation beim ueberfahren mit der Maus*/ div.itemOut3 div.itemInner a.normal:hover { background-image: url(img/navBulletHover.gif); } /* Einstellungen fuer die 4. Ebene der Navigation fuer hier*/ div.itemOut3 div.itemInner div.here { font-weight: bold; background-image: url(img/navBulletHere.gif); } /* << left navigation */ /* >> paragraphs */ td.paragraphImageText { text-align: left; font-size: 11px; } h3.paraSubtitle, h4.paraAdditionalField1, h4.paraAdditionalField2 { font-style: normal; font-weight: bold; font-size: 15px; text-align: left; margin: 0px; margin-bottom: 6px; } h4.paraAdditionalField1, h4.paraAdditionalField2 { font-size: 13px; margin-top: 0px; margin-bottom: 4px; } img.clearAll { display: block; clear: both; visibility: hidden; } ul { list-style-type: square; } table.paraImgFloat, table.paraImgFloat td.img { width: 1%; } table.paraImgFloat td.img img, table.paraImgFixed td.img img { margin-top: 4px; } table.paraImgFixed { width: 100%; } table.paraImgFixed td.img { width: 1%; } table.contTable td.cont p { margin: 0px; margin-bottom: 10px; } td.para_link a img { width: 8px; height: 9px; border: 0px; background: url(img/stdArrow.gif) bottom left no-repeat; } /* paragraph panel mode */ div.paraSubtitlePanelShell { /width: 100%; border-top: 1px solid #777c83; border-left: 1px solid #777c83; border-right: 1px solid #777c83; border-bottom: 1px solid #000; background: #a1041f; } div.paraSubtitlePanelShell div.des1 { /width: 100%; border-bottom: 2px solid #88a5c5; } div.paraSubtitlePanelShell div.des1 h3 { /width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 12px; color: #fff; margin: 0px; padding: 3px 6px 3px 7px; } div.panelContentOuterShell { /width: 100%; margin-bottom: 12px; } div.panelContentShell { /width: 100%; border: 1px solid #777c83; padding: 5px 5px 5px 5px; background: #dee7f0; } /* << paragraphs */ /* >> teaser rechts*/ /* Teasercontainer der Teaserspalte */ div.contShell table.contTable td.tCol div.tCont { /width: 100%; padding-top: 10px; padding-right: 7px; padding-left: 8px; background: url(img/rightTeaserTopBg.gif) top right no-repeat; } /* Teasercontainer Platzhalter */ div.contShell table.contTable td.tCol div.tCont img.spc { width: 174px; } /* Teaser Titelcontainer */ div.tCont div.titleCont { position: relative; top: 8px; z-index: 33; } /* Teaser Titelcontainer Designcontainer */ div.tCont div.titleCont div { background: url(img/tTitleBgBottom.gif) left bottom no-repeat; } /* Teaser Titel */ div.tCont div.titleCont div h2 { font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 12px; line-height: 14px; color: #4e4949; margin: 0px; background: url(img/tTitleBgTop.gif) left top no-repeat; padding: 5px 11px 7px 11px; } /* Teaser Untertitel */ h3.teaserSubtitle { font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #4e4949; margin: 0px; margin-bottom: 5px; } /* Aeusserer Teasercontainer */ div.tCont div.teaserOut { /width: 100%; padding: 0 4px 0 4px; margin-bottom: 12px; } /* Teaser Designcontainer 1*/ div.tCont div.teaserOut div.des1 { /width: 100%; border-top: 1px solid #777c83; background: url(img/fbs_tCont.gif) left top repeat-y; } /* Teaser Designcontainer 2*/ div.tCont div.teaserOut div.des2 { /width: 100%; background: url(img/tContBgBottom.gif) left bottom no-repeat; padding: 12px 5px 5px 5px; } /* Teaser Schrifteinstellungen */ div.tCont div.teaserOut p, div.tCont div.teaserOut ul, div.tCont div.teaserOut li, div.tCont div.teaserOut ol, div.tCont div.teaserOut div, div.tCont div.teaserOut table td { font-size: 11px; } /* Teaser Bildtabelle Fix*/ table.teaserImgFixed { width: 100%; } table.teaserImgFixed td.img { width: 1px; } table.teaserImgFixed td.img img { margin-top: 4px; } /* Teaser Bildtabelle Float*/ table.teaserImgFloat, table.teaserImgFloat td.img { width: 1%; } table.teaserImgFixed td.img img, table.teaserImgFloat td.img img { margin-top: 4px; } /* Teaser mehr Linkcontainer */ div.tCont div.teaserOut div.more { font-size: 11px; text-align: right; } /* Teaser mehr Linkbild */ div.tCont div.teaserOut div.more a img { width: 8px; height: 10px; border: 0px; vertical-align: middle; background: url(img/stdArrow.gif) bottom left no-repeat; } /* Teaser mehr Link */ div.tCont div.teaserOut div.more a:link, div.tCont div.teaserOut div.more a:visited, div.tCont div.teaserOut div.more a:hover { text-decoration: none; } /* << teaser */ /* >> teaser links*/ /* Teasercontainer der Teaserspalte */ td.tLeftCol div.tLeftCont { /width: 100%; padding-top: 15px; background: url(img/leftNavTopBg.gif) top right no-repeat; } /* Teasercontainer Platzhalter */ td.tLeftCol div.tLeftCont img.spc { width: 174px; } td.tLeftCol div.tLeftCont div.teaserMainOuter { padding: 0; margin-left: 14px; } /* Teaser Titelcontainer */ div.tLeftCont div.titleCont { position: relative; top: 8px; z-index: 33; } /* Teaser Titelcontainer Designcontainer */ div.tLeftCont div.titleCont div { background: url(img/tTitleBgBottom.gif) left bottom no-repeat; } /* Teaser Titel */ div.tLeftCont div.titleCont div h2 { font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 12px; line-height: 14px; color: #4e4949; margin: 0px; background: url(img/tLeftTitleBgTop.gif) left top no-repeat; padding: 5px 11px 7px 11px; } /* Teaser Untertitel */ h3.teaserSubtitle { font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; color: #4e4949; margin: 0px; margin-bottom: 5px; } /* Aeusserer Teasercontainer */ div.tLeftCont div.teaserOut { /width: 100%; padding: 0 4px 0 4px; margin-bottom: 12px; } /* Teaser Designcontainer 1*/ div.tLeftCont div.teaserOut div.des1 { /width: 100%; border-top: 1px solid #777c83; margin-right: 9px; background: url(img/fbs_tCont.gif) left top repeat-y; } /* Teaser Designcontainer 2*/ div.tLeftCont div.teaserOut div.des2 { /width: 100%; background: url(img/tLeftContBgBottom.gif) left bottom no-repeat; padding: 12px 5px 5px 5px; } /* Teaser Schrifteinstellungen */ div.tLeftCont div.teaserOut p, div.tLeftCont div.teaserOut ul, div.tLeftCont div.teaserOut li, div.tLeftCont div.teaserOut ol, div.tLeftCont div.teaserOut div, div.tLeftCont div.teaserOut table td { font-size: 11px; } /* Teaser Bildtabelle Fix*/ table.teaserImgFixed { width: 100%; } table.teaserImgFixed td.img { width: 1px; } table.teaserImgFixed td.img img { margin-top: 4px; } /* Teaser Bildtabelle Float*/ table.teaserImgFloat, table.teaserImgFloat td.img { width: 1%; } table.teaserImgFixed td.img img, table.teaserImgFloat td.img img { margin-top: 4px; } /* Teaser mehr Linkcontainer */ div.tLeftCont div.teaserOut div.more { font-size: 11px; text-align: right; } /* Teaser mehr Linkbild */ div.tLeftCont div.teaserOut div.more a img { width: 8px; height: 10px; border: 0px; vertical-align: middle; background: url(img/stdArrow.gif) bottom left no-repeat; } /* Teaser mehr Link */ div.tLeftCont div.teaserOut div.more a:link, div.tLeftCont div.teaserOut div.more a:visited, div.tLeftCont div.teaserOut div.more a:hover { text-decoration: none; } /* << */ /* >> linklist */ /* Tabelle der Linkliste */ div.linklist { margin-bottom: 4px; margin-left: 8px; } /* Linklistentitel */ div.linklist h4 { display: list-item; list-style: url(img/trailSep.gif); font-weight: normal; font-size: 13px; margin: 0px; margin-left: 13px; margin-bottom: 1px; } div.linklist h4 a { } /* Linklistenbeschreibung */ div.linklist div { font-size: 11px; margin-left: 13px; } /* << linklist */ /* >> linklist im rechten teaser bereich */ div.tCont div.linklist { padding: 0 5px; margin-bottom: 4px; } /* << */ /* >> linklist im linken teaser bereich */ div.tLeftCont div.linklist { padding: 0 12px 0 17px; margin-bottom: 4px; } /* << */ /* >> bibliographie */ /* Bibliografie Tabelle */ table.bibliographie { width: 100%; } /* Bibliografie Tabelle Trennlinie */ table.bibliographie tr.line td { border-top: 1px solid #000; } /* Bibliografie Tabelle Buchtitel */ table.bibliographie td h3 { font-size: 14px; margin: 0px; margin-top: 2px; margin-bottom: 2px; } /* Bibliografie Tabelle Buchtiteluntertitel */ table.bibliographie td div.subtitle { font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 3px; } /* Bibliografie Tabelle Buchbeschreibung */ table.bibliographie td p.desc { font-size: 11px; } /* Bibliografie Buchinformationen Author*/ table.bookInfo th.author { font-size: 14px; padding-bottom: 3px; } /* Bibliografie Buchinformationen */ table.bookInfo { width: 200px; border: 1px solid #777c83; background: #abc4df; } /* Bibliografie Buchinformationen Titel */ table.bookInfo th { text-align: left; font-size: 10px; padding-right: 5px; padding-left: 2px; padding-top: 2px; } /* Bibliografie Buchinformationen Wert */ table.bookInfo td { text-align: left; font-size: 10px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; } /* << bibliographie */ /* >> glossary */ /* Glossartabelle */ table.glossary { width: 100%; } /* Glossartabelle Titel*/ table.glossary th { color: #7a1526; font-size: 14px; padding-bottom: 3px; } /* Glossartabelle Trennlinie*/ table.glossary td.line { background: #efefef; } /* Glossartabelle Trennlinienplatzhalter*/ table.glossary td.line img { display: block; width: 100%; margin-bottom: 1px; background: #666; height: 1px; } /* Glossartabelle Beschreibung*/ table.glossary td p { font-size: 13px; } /* Glossartabelle Bilduntertitel*/ table.glossary td div.subtitle { font-size: 11px; text-align: left; } /* Glossartabelle mehr Link Tabelle*/ table.glossary td table.more { width: 100%; } /* Glossartabelle mehr Link*/ table.glossary td table.more td a:link, table.glossary td table.more td a:visited, table.glossary td table.more td a:hover { font-size: 12px; background: url(img/stdArrow.gif) top left no-repeat; padding-left: 10px; } /* << glossary */ /* >> pager */ /* Blaetterelement Tabelle */ table.pager { } /* Blaetterelement Tabellenspalte */ table.pager td { vertical-align: middle; } /* Blaetterelement erste Seite Bild aktiv*/ table.pager td.firstActive, table.pager td.firstPassive { padding-right: 3px; } table.pager td.firstActive a img { width: 13px; height: 12px; margin: 0px 3px 0px 0px; background: url(img/pagerfirstPageArrowActive.gif) top left no-repeat; border: 0px; } /* Blaetterelement erste Seite Bild passive*/ table.pager td.firstPassive img { width: 13px; height: 12px; margin: 0px 3px 0px 0px; background: url(img/pagerfirstPageArrowPassive.gif) top left no-repeat; } /* Blaetterelement vorherige Seite Bild aktiv*/ table.pager td.previousActive a img { width: 7px; height: 12px; margin: 0px 3px 0px 0px; background: url(img/pagerPreviousPageArrowActive.gif) top left no-repeat; border: 0px; } /* Blaetterelement vorherige Seite Bild passive*/ table.pager td.previousPassive img { width: 7px; height: 12px; margin: 0px 3px 0px 0px; background: url(img/pagerPreviousPageArrowPassive.gif) top left no-repeat; } /* Blaetterelement naechste Seite Bild aktiv*/ table.pager td.nextActive a img { width: 7px; height: 12px; margin: 0px 0px 0px 3px; background: url(img/pagerNextPageArrowActive.gif) top right no-repeat; border: 0px; } /* Blaetterelement naechste Seite Bild passive*/ table.pager td.nextPassive img { width: 7px; height: 12px; margin: 0px 0px 0px 3px; background: url(img/pagerNextPageArrowPassive.gif) top right no-repeat; } /* Blaetterelement letzte Seite Bild aktiv*/ table.pager td.lastActive, table.pager td.lastPassive { padding-left: 3px; } table.pager td.lastActive a img { width: 13px; height: 12px; margin: 0px 0px 0px 3px; background: url(img/pagerLastPageArrowActive.gif) top right no-repeat; border: 0px; } /* Blaetterelement letzte Seite Bild passive*/ table.pager td.lastPassive img { width: 13px; height: 12px; margin: 0px 0px 0px 3px; background: url(img/pagerLastPageArrowPassive.gif) top right no-repeat; border: 0px; } /* Blaetterelement Seitenzahlen normal*/ table.pager td.item a { display: block; font-size: 12px; margin-bottom: 1px; padding: 0 2px 0 2px; } /* Blaetterelement Seitenzahlen normal*/ table.pager td.item span { font-size: 12px; font-weight: bold; } /* Blaetterelement Designelement */ table.pager td.desEl img { width: 1px; height: 11px; margin: 0 3px 0 3px; background: #666; border-right: 1px solid #fff; } /* << pager */ /* >> page pager */ /* Tabelle fuer des Blaetterelement in Inhaltsobjekten*/ table.pagerPagerShell { width: 100%; margin-bottom: 12px; } /* Seitenzahlprompt des Blaetterelement in Inhaltsobjekten*/ table.pagerPagerShell td.hits { text-align: right; } /* Seitenzahl des Blaetterelement in Inhaltsobjekten*/ table.pagerPagerShell td.hits span { color: #9f0000; } /* Blaetterelementzelle*/ table.pagerPagerShell td.pager { } /* << page pager */ /* >> quick search */ /* quick search Formular */ div.qSCont form { margin: 0px; padding: 0px; } /* quick search Tabelle */ div.qSCont form table { width: 100%; } /* quick search Tabellenzelle des Textelements*/ div.qSCont form table td.text { width: 100%; } /* quick search Textelement*/ div.qSCont form table td.text input { width: 100%; font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; font-size: 12px; border: 1px solid #777f89; } /* quick search Tabellenzelle des Buttonelements*/ div.qSCont form table td.button { padding-left: 5px; } /* quick search Buttonelement*/ div.qSCont form table td.button input { } /* << quick search */ /* >> search */ /* Standard Suchelemente Tabelle */ table.stdSearch { width: 400px; } /* Standard Suchelemente Tabelle Eingabeelement*/ table.stdSearch td input { border: 1px solid #000; padding-left: 3px; width: 100%; } /* Standard Suchelemente Tabelle Eingabeelement*/ table.stdSearch td input.button { border: 1px solid #000; background: #a1041f; color: #fff; margin-left: 10px; width: 70px; cursor: hand; cursor: pointer; } /* Standard Suchelemente Trennlinie*/ img.searchLine { margin: 5px 0px 10px 0px; background: #000; width: 100%; } /* Standard Suchelemente Resultattabelle*/ table.results { width: 100%; } /* Standard Suchelemente Resultate Treffer Prompt*/ table.results td div.totalHits { font-weight: bold; } /* Standard Suchelemente Resultate Treffer*/ table.results td div.totalHits span { color: #9f0000; } /* Standard Suchelemente Resultatelemente Link*/ table.results td div.link a { font-weight: bold; } /* Standard Suchelemente Resultatelemente Trefferprompt*/ table.results td div.link span.hits { font-size: 11px; } /* Standard Suchelemente Resultatelemente Trefferzahl*/ table.results td div.link span.hits span { font-size: 11px; color: #9f0000; font-weight: bold; } /* Standard Suchelemente Resultatelemente Trefferzahl*/ table.results td div.text { font-size: 11px; margin-bottom: 15px; } /* Standard Suchelemente Texthervorhebung in den Suchtexten*/ table.results td div.text span { font-weight: bold; padding: 0px 2px 0px 2px; } /* << search */ /* >> Photo detail */ table.phoDetailShell { margin-top: 15px; } table.phoDetailShell td.contCol { } table.phoDetailShell td.spcLeft, table.phoDetailShell td.spcRight { width: 50%; } /* << Photo detail */ /* >> formular */ /* Fehlermeldungen des Formulars */ ul.error li { color: #9f0000; font-weight: bold; } /* Meldung bei erfolgreichem Senden des Formulars */ div.success { color: #147803; font-weight: bold; margin: 5px 0px 10px 0px; } /* Formulareinstellungen */ form.formular { margin: 0px; margin-top: 20px; } /* << formular */ /* >> horizontal line */ div.horzLine { background: url(img/dottedLineHorz.gif) top left repeat-x; margin-top: 5px; margin-bottom: 15px; } /* << horizontal line */ /* >> Fotogalerie */ table.phoGalShell { margin-top: 10px; margin-bottom: 12px; } table.phoGalShell tr td { vertical-align: top; text-align: center; padding: 5px; } table.phoGalShell tr td div.imgOuter { background: #a2a6b0 url(img/fbs_phgalR.gif) top right repeat-y; } table.phoGalShell tr td div.imgOuter div.outDes1 { } table.phoGalShell tr td div.imgOuter div.outDes1 div.imgDes { margin: 2px 6px 2px 2px; } table.phoGalShell tr td div.imgOuter div.outDes1 div.imgNum { background: url(img/phgalTL.gif) top left no-repeat; } table.phoGalShell tr td div.imgOuter div.outDes1 div.imgNum div.des1 { text-align: center; padding: 3px 2px 2px 2px; background: url(img/phgalTR.gif) top right no-repeat; } table.phoGalShell tr td div.imgOuter div.imgNum div.des1 span { font-size: 9px; color: #a1041f; } table.phoGalShell tr td div.imgOuter div.outDes1 div.fSize { background: url(img/phgalBL.gif) left top no-repeat; } table.phoGalShell tr td div.imgOuter div.outDes1 div.fSize div.des1 { background: url(img/phgalBR.gif) right top no-repeat; text-align: right; padding: 2px 13px 6px 2px; } table.phoGalShell tr td div.imgOuter div.outDes1 div.fSize div.des1 span { font-size: 9px; color: #a1041f; } table.phoGalShell tr td div.titleOuter { } table.phoGalShell tr td div.titleOuter div.des1 { text-align: center; } table.phoGalShell tr td div.titleOuter div.inner { margin-left: auto; margin-right: auto; } table.phoGalShell tr td div.titleOuter div.inner span { font-family: Geneva, Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 9px; } /* << Fotogalerie */ /* >> Fotogalerie detail popup */ html, body.photoDetail { height: 100%; } body.photoDetail { overflow: auto; } div.pdMainDesCont1 { height: 100%; } div.pdMainDesCont1 div.md2, div.pdMainDesCont1 div.md3, div.pdMainDesCont1 div.md4 { height: 100%; } div.pagerDesCont1 { height: 100%; } div.pagerDesCont1 div.d2, div.pagerDesCont1 div.d3, div.pagerDesCont1 div.d4 { white-space: nowrap; height: 100%; } div.pagerDesCont1 div.leftPagerItem, div.pagerDesCont1 div.rightPagerItem { position: fixed; /position: absolute; top: 0; left: 0; z-index: 21; width: 140px; background: #b5bcc6; height: 100%; } div.pagerDesCont1 div.rightPagerItem { left: auto; right: 0; z-index: 22; } div.pagerDesCont1 div.leftPagerItem div.d1 { height: 100%; } div.pagerDesCont1 div.leftPagerItem div.d1, div.pagerDesCont1 div.leftPagerItem div.d2, div.pagerDesCont1 div.leftPagerItem div.d3, div.pagerDesCont1 div.leftPagerItem div.d4 { } div.pagerDesCont1 div.leftPagerItem div.d1, div.pagerDesCont1 div.rightPagerItem div.d1 { } div.pagerDesCont1 div.rightPagerItem div.d1 { height: 100%; } div.pagerDesCont1 div.rightPagerItem div.d1, div.pagerDesCont1 div.rightPagerItem div.d2, div.pagerDesCont1 div.rightPagerItem div.d3, div.pagerDesCont1 div.rightPagerItem div.d4 { } div.pagerDesCont1 div.leftPagerItem div.d2, div.pagerDesCont1 div.rightPagerItem div.d2 { text-align: center; height: auto; padding: 10px; } div.pagerDesCont1 div.leftPagerItem div.d1 { border-right: 1px solid #000; } div.pagerDesCont1 div.rightPagerItem div.d1 { border-left: 1px solid #000; } div.pagerDesCont1 div.centerPagerItem { padding-left: 140px; padding-right: 140px; height: 100%; } div.pagerDesCont1 div.centerPagerItem div.d1, div.pagerDesCont1 div.centerPagerItem div.d2, div.pagerDesCont1 div.centerPagerItem div.d3, div.pagerDesCont1 div.centerPagerItem div.d4 { } div.pagerDesCont1 div.centerPagerItem div.d4 { text-align: center; } div.pagerDesCont1 div.centerPagerItem div.d4 div.imgShell { padding: 10px; } div.pagerDesCont1 div.centerPagerItem div.d4 img { width: 100%; } div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems { background: url(img/fbsPhotoDetailRaster.gif) top left repeat-x; padding-top: 4px; padding-right: 6px; padding-bottom: 10px; height: 24px; } div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems div.d1, div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems div.d2, div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems div.d3 { text-align: right; } div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems div.d3 a img { height: 26px; width: 26px; margin-top: 1px; border: none; background: url(img/fullImgIcon.gif) top left no-repeat; } div.pagerDesCont1 div.centerPagerItem div.d4 div.servItems div.d3 a:hover img { margin-right: 1px; margin-top: 0; margin-bottom: 1px; } div.pagerDesCont1 div.centerPagerItem div.d4 div.title { border-bottom: 1px solid #000; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 13px; padding: 10px; background: #e2e2e2; } div.pagerDesCont1 div.centerPagerItem div.d4 div.title div.d3 { white-space: normal; } div.pagerDesCont1 div.centerPagerItem div.d4 div.title div.d3 table.tTable { width: 100%; } div.pagerDesCont1 div.centerPagerItem div.d4 div.title div.d3 table.tTable td { text-align: center; } div.pagerDesCont1 div.centerPagerItem div.d4 div.help { position: fixed; /position: absolute; bottom: 0; right: 0; z-index: 31; width: 139px; background: #a0a3a8 url(img/dottedLineHorz.gif) top left repeat-x; } div.pagerDesCont1 div.centerPagerItem div.d4 div.help div.d3 table.hTable td { text-align: left; width: 139px; padding: 3px; white-space: normal; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; } /* << Fotogalerie detail popup */ /* >> JQuery Lightbox plugin 0.5 */ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; font-size: 11px; margin-bottom: 4px; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 11px; } #lightbox-secNav-btnClose { width: 26px; float: right; padding-bottom: 0.7em; } /* << */ /* >> Standardformular mit darueberligenden Titeln */ div.kontaktFormShell, div.terminFormShell, div.anmeldenFormShell{ width: 350px; margin-left: 40px; } div.kontaktFormShell div.section, div.terminFormShell div.section, div.anmeldenFormShell div.section{ } div.kontaktFormShell div.pmt, div.terminFormShell div.pmt, div.anmeldenFormShell div.pmt{ font-family: Arial, Verdana, Helvetica, XHelvetica, sans-serif; color: #666; font-size: 12px; } div.kontaktFormShell div.pmt span, div.terminFormShell div.pmt span, div.anmeldenFormShell div.pmt span{ display: none; padding-left: 3px; } div.kontaktFormShell div.pmt1 span, div.kontaktFormShell div.pmt2 span, div.kontaktFormShell div.pmt7 span, div.terminFormShell div.pmt3 span, div.terminFormShell div.pmt5 span, div.terminFormShell div.pmt6 span, div.terminFormShell div.pmt7 span, div.terminFormShell div.pmt11 span, div.anmeldenFormShell div.pmt1 span, div.anmeldenFormShell div.pmt2 span, div.anmeldenFormShell div.pmt3 span, div.anmeldenFormShell div.pmt5 span{ display: inline; color: #f00; } div.kontaktFormShell div.field, div.terminFormShell div.field, div.anmeldenFormShell div.field{ margin-bottom: 10px; } div.kontaktFormShell div.field input, div.kontaktFormShell div.field textarea, div.kontaktFormShell div.field input:focus, div.kontaktFormShell div.field textarea:focus, div.terminFormShell div.field input, div.terminFormShell div.field textarea, div.terminFormShell div.field input:focus, div.terminFormShell div.field textarea:focus, div.anmeldenFormShell div.field input, div.anmeldenFormShell div.field textarea, div.anmeldenFormShell div.field input:focus, div.anmeldenFormShell div.field textarea:focus{ width: 100%; border: 1px solid #88a5c5; font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 13px; } div.kontaktFormShell div.field input:focus, div.kontaktFormShell div.field textarea:focus, div.terminFormShell div.field input:focus, div.terminFormShell div.field textarea:focus, div.anmeldenFormShell div.field input:focus, div.anmeldenFormShell div.field textarea:focus{ background: #fafeff; } div.kontaktFormShell div.submit, div.terminFormShell div.submit, div.anmeldenFormShell div.submit{ text-align: right; } div.kontaktFormShell div.submit input, div.terminFormShell div.submit input, div.anmeldenFormShell div.submit input{ border: 1px solid #787c85; background: #bdc1ca; color: #000; cursor: hand; cursor: pointer; } /* << */ /* >> Appointment table */ div.appointmentTable{ margin-bottom: 12px; } div.appointmentTable table.outer{ border-left: 1px solid #eff0f2; border-top: 1px solid #eff0f2; } div.appointmentTable table.outer th, div.appointmentTable table.outer td{ font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; border-right: 1px solid #eff0f2; border-bottom: 1px solid #eff0f2; font-weight: normal; padding: 5px; vertical-align: top; background: #fff; } div.appointmentTable table.outer td{ padding-right: 12px; white-space: nowrap; background: #e1e1e1; } div.appointmentTable table.outer th{ width: 100%; text-align: right; } div.appointmentTable table.outer th p{ font-family: Verdana, Arial, Helvetica, XHelvetica, sans-serif; font-size: 11px; margin: inherit; text-align: left; } /* << */ /* >> Cubdata */ div.clubdata{ } div.clubdata table td{ vertical-align: top; } div.clubdata div{ padding: 2px 15px 3px 20px; font-size: 11px; margin-bottom: 4px; } div.clubdata div.name, div.clubdata div.strasse, div.clubdata div.ort, div.clubdata div.tel, div.clubdata div.fax, div.clubdata div.mobil, div.clubdata div.email, div.clubdata div.url{ background: url(img/nameIcon.gif) left top no-repeat; } div.clubdata div.strasse{ background-image: url(img/strasseIcon.gif); } div.clubdata div.ort{ background-image: url(img/ortIcon.gif); } div.clubdata div.tel{ background-image: url(img/telefonIcon.gif); } div.clubdata div.fax{ background-image: url(img/faxIcon.gif); } div.clubdata div.mobil{ background-image: url(img/handyIcon.gif); } div.clubdata div.email{ background-image: url(img/mailIcon.gif); } div.clubdata div.url{ background-image: url(img/urlIcon.gif); } div.clubdata div.name, div.clubdata div.strasse, div.clubdata div.ort, div.clubdata div.tel, div.clubdata div.fax, div.clubdata div.mobil{ white-space: nowrap; } div.clubdata div.email, div.clubdata div.url{ overflow: hidden; } /* << */ dl { clear: both; margin: 12px 0 15px; } dl dt, dl dd { padding: 4px 5px; } dl dt { padding-left: 12px; border: 1px solid #666; background: #ccc url(img/stdArrow.gif) 3px 4px no-repeat; } dl dd { border: 1px solid #666; border-top: none; background: #fff; margin: 0 0 12px 15px; } }