@import "content.css"; @import "slider.css"; @import url(https://fonts.googleapis.com/css?family=Merienda+One); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic); * { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } body, html { width: 100%; height: 100%; } .ce-clear { clear: both; } .publishSystemNotify { display: none; } iframe, iframe table, .elist { background-color: #FFF; } img { border: none; max-width: 100%; height: auto; } #responsiveShow, .nav_responsive { display: none; } .contrast2 { display: none; } .contrast { display: block; } /* Layout */ .alles { max-width:1080px; width: 100%; margin:0 auto; } #bg-weiss { background: url("../images/bg-weiss-trans.png") repeat scroll 0 0; height: 125px; left: 0; position: absolute; top: 0; width: 100%; z-index: 50; -webkit-box-shadow: 0 0 5px 0 #bfbfbf; box-shadow: 0 0 5px 0 #bfbfbf; } #content { float: left; width: 73.2%; } #contentbereich .kalenderFilterOption li::before { content: none; } #contentbereich .kalenderFilterOption li { padding-left: 0; } #footer { float: left; width: 100%; background: #fff; border-top: 1px solid #d55b35; padding-top: 25px; padding-bottom: 30px; color: #3a3a3a; font-size: 14px; font-weight: 300; } #footer .alles { position: relative; } #footer h4 { font-size: 22px; color: #d54235; font-family: Merienda One; font-style: italic; font-weight: 300; margin-bottom: 10px; } #footer table { line-height: 17px; } #footer01, #footer02 { float: left; width: 33%; margin-top: 15px; } #footer01 { margin-right: 6.7%; } #footer02 { width: 29%; margin-right: 15.7%; } #icon-baeume { background: url("../images/bg-wappen.png") no-repeat scroll left top; height: 620px; position: absolute; right: -197px; top: -469px; width: 423px; z-index: -1; } #kontrast-alles, #tourismus { background: url("../images/bg-tourismus.png") no-repeat scroll left top; float: left; font-family: Merienda One; font-size: 15px; padding: 7px 26px 13px 22px; width: 127px; } #kontrast-alles p, #tourismus a { background: url("../images/icon-tourismus.png") no-repeat scroll left top; color: #fff; float: left; font-family: Merienda One; font-style: italic; padding-left: 33%; padding-top: 1px; text-shadow: 0 0 2px #000000; } #kontrast-schrift { background: url("../images/bg-kontrast.png") no-repeat scroll left top; float: left; font-size: 15px; padding: 8px 16px 13px 22px; width: 158px; } #kontrast-alles p { float: left; background: none; padding: 0; } #kontrast-alles { background: none; padding: 0; width: 65%; } #kontrast-alles a { background: none; } #layout01 { float: left; position: relative; width: 100%; z-index: 51; } #layout02 { float: left; width: 100%; position: relative; height: 60px; } #layout03 { float: left; width: 100%; margin-top: 252px; padding-top: 45px; } #lbCaption { font-family: Merienda One; font-size: 16px; } #listView .galleryListPrevDiv { background-color: #ffd2c5 !important; } #listView .galleryListPrevNumber { background-color: #d54235 !important; } #listView .galleryListLeft { height: 156px !important; width: 235px !important; } #contentbereich #tableContainer #listView.listView .lineNrBlock .colNrBlock .galleryListPrevDiv .galleryListRight img { height: 90px !important; width: 135px !important; } #listView .galleryListPrevHeader { color: #323232 !important; font-family: Merienda One !important; } #listView .galleryListPrevDescLong { font-size: 15px !important; line-height: 19px !important; color: #323232 !important; } #listView .galleryListPrevArrow { color: #d54235 !important; } #galleryViewTable .colNrBlock { width: 169.8px !important; } #galleryViewTable .galleryTableDetailImg { max-height: 113px !important; min-height: 113px !important; } #galleryViewTable .galleryTableDetailDiv { height: 113px !important; } #tableView .galleryTablePrevNumber, #tableView .galleryTablePrevDesc { background-color: #d54235 !important; border: 1px solid #d54235 !important; } #tableView .galleryTablePrevImg, #tableView .galleryTablePrevDiv { max-height: 168px !important; min-height: 168px !important; } #links { width: 635px; float: right; margin-bottom: 38px; } #links a { text-decoration: none; } #logo { float: left; width: 37.4%; margin-top: 15px; } #logo-zwei-taeler { float: left; width: 13.6%; } #menuequick { float: left; width: 100%; color: #fff; margin-bottom: 13px; } #menuequick a { background: url("../images/menuequick-trenn.png") no-repeat scroll right top; color: #fff; font-family: Merienda One; font-size: 12px; font-style: italic; padding-right: 7.5%; text-shadow: 0 0 2px #000000; } #menuequick a:last-child { background: none; padding-right: 0; } #menuequick-suche { float: right; width: 222px; background: url(../images/bg-menuequick.png) no-repeat left top; padding: 7px 15px 12px 27px; } #slogan { position: absolute; right: 0; top: 0; width: 38.1%; } #slogan p { font-family: Merienda One; font-size: 34px; font-style: italic; color: #fff; line-height: 39px; -webkit-text-shadow: 0px 0px 6px #000; -moz-text-shadow: 0px 0px 6px #000; text-shadow: 0px 0px 6px #000; } #slogan a { background: #d54235 url("../images/slogan-punkte.png") no-repeat scroll 8% center; color: #fff; float: right; font-family: Merienda One; font-size: 17px; font-style: italic; margin-top: 23px; padding: 0 3% 0 11%; -webkit-box-shadow: 0 0 5px 1px #131313; box-shadow: 0 0 5px 1px #131313; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-decoration: none; } #slogan a:hover { text-decoration: none; transform: scale(0.9); -webkit-transition:: scale(0.9); -o-transition: scale(0.9); -moz-transition: scale(0.9); } #slogan .typo3-feedit-element a { background: none; margin-top: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #contentbereich .article span { font-size: inherit !important; } #contentbereich .article table { width: 100% !important; } #contentbereich .article p { font-weight: normal; } #wrap { margin: 0 auto; max-width: 1920px; width: 100%; } #wrap01 { float: left; width: 100%; margin-bottom: 110px; } #wrap02 { float: left; position: relative; width: 100%; } /* Kontrast */ .contrast2 a#normal.styleswitch { float: left; margin-left: 10px; padding: 1px 2.3px; width: 18%; } #kontrast { float: left; margin-left: 10px; padding: 1px 2.3px; width: 18%; } #kontrast a { color: #575759; float: left; font-size: 18px; font-weight: 400; padding: 0 4% 0 9%; } #kontrast .contrast a.styleswitch p { float: left; margin-right: 8px; } #kontrast .contrast2 a.styleswitch p { float: left; margin-right: 8px; } /* Kontrast Ende */ /* Schriftgröße */ #popUp{ color: #fff; display: none; left: -130px; padding: 15px; position: absolute; top: -9px; width: 298px; z-index: 10; } #popUp p { color: #ffffff !important; font-size: 17px !important; line-height: 23px; margin-bottom: 14px; margin-left: 0 !important; margin-right: 0 !important; } #schrift a:hover + #popUp{ display:block; } #popUp:hover{ opacity: 0.9; background:#d54235; display:block; -webkit-transition: background 0.4s ease-in; -moz-transition: background 0.4s ease-in; -ms-transition: background 0.4s ease-in; -o-transition: background 0.4s ease-in; transition: background 0.4s ease-in; } #popUp .button { background: #fff none repeat scroll 0 0; border: 1px solid #666; color: #000; float: none; height: auto; margin-right: 5px; padding: 0 5px; width: auto; } #schrift { float: right; margin-left: 0; position: relative; margin-top: 1px; } #schrift span { background: url("../images/icon-schrift.png") no-repeat scroll left top; float: left; height: 16px; width: 47px; } /*Schriftgröße Ende*/ /* Nachoben-Link und Drucken-Link */ #navlinks { bottom: 75px; position: absolute; right: 0; width: 21.6%; } #nachOben { float: right; font-size: 14px; color: #fff; font-weight: normal; width: 107px; border: 1px solid #d55b35; background: #fff; } #nachOben a { background: transparent url("../images/nachOben.png") no-repeat scroll 97.5% 3px !important; float: left; font-weight: 300; padding: 3px 8%; width: 84%; } #nachOben a:hover { background: url("../images/nachOben-hover.png") no-repeat scroll 97.5% 3px !important; color: #fff; text-decoration: none; } #drucken { float: left; font-size: 14px; color: #fff; font-weight: normal; width: 107px; border: 1px solid #d55b35; background: #fff; } #drucken a { background: url("../images/drucken.png") no-repeat scroll 88.5% 4px !important; float: left; font-weight: 300; padding: 3px 8%; width: 84%; } #drucken a:hover { background: url("../images/drucken-hover.png") no-repeat scroll 88.5% 4px !important; color: #fff; text-decoration: none; } #drucken:hover, #nachOben:hover { background: #d55b35; } #hilfe { float: left; padding-top: 9px; text-align: center; width: 15%; } #hilfe a { font-size: 10px; color: #fff; } #hilfe a:hover { color: #fff; } #mobile { float: left; padding-top: 9px; text-align: center; width: 28%; } #mobile a { font-size: 10px; color: #fff; } #mobile a:hover { color: #fff; } .csc-linkToTop { padding: 0 0 0 15px; } .csc-linkToTop a, #nachOben a, #drucken a, #nachOben a:hover, #drucken a:hover { border: none; } /* Suchbereich */ #suchbereich { float: left; width: 100%; } #suchbereich .bereich1 { float: left; width: 80%; /*260px*/ margin-left: 3px; } #suchbereich .suche { background: none repeat scroll 0 0 transparent; border: medium none; color: #fff; float: left; font-size: 17px; margin: 0; padding: 3px 4% 0; /*8px 4px 7px 9px*/ width: 95%; /*260px*/ font-family: Merienda One; font-style: italic; border-bottom: 1px solid #fff; text-shadow: 0 0 2px #000000; } #suchbereich .bereich2 { background: url("../images/suche.png") no-repeat scroll left top; float: right; height: 27px; width: 23px; margin-top: 4px; } #suchbereich .sucheAbsenden { height: 27px; width: 23px; } /* ######################### Hauptmenü ########################### */ #mainMenue { float: left; left: 0; position: absolute; top: 0; width: 100%; z-index: 49; } #menue ul li a .menuetext { color:#535353; font-size:15px; font-weight:300; } #menue ul li.menueebene0Active .menuetext, #menue ul li.menueebene0:hover .menuetext, #menue ul li.menueebene1Active .menuetext, #menue ul li.menueebene1:hover .menuetext, #menue ul li.menueebene2Active .menuetext, #menue ul li.menueebene2:hover .menuetext, #menue ul li.menueebene3Active .menuetext, #menue ul li.menueebene3:hover .menuetext, #menue ul li.menueebene4Active .menuetext, #menue ul li.menueebene4:hover .menuetext { color:#fff; } #menue { float: right; width: 100%; } #menue ul { margin: 0px; padding: 0px; float: right; width: 100%; } #menue ul#nav ul { visibility: hidden; } #menue ul#nav li:hover > ul { visibility: visible; } #menue ul li { background: #d54235 none repeat scroll 0 0; box-shadow: 0 0 5px 1px #636363; float: left; list-style-type: none; margin-left: 1%; padding: 10px 1.9% 5px; position: relative; width: 15.4%; z-index: 99; } #menue ul li.menueebene0Active, #menue ul li.menueebene0 { margin-left: 0; } #menue ul li a { color: #fff; display: block; font-size: 23px; font-weight: 600; text-align: center; text-transform: uppercase; border-bottom: 3px solid transparent; position: relative; } #menue ul li.hover, #menue ul li.menueebene0Active.hover, #menue ul li.menueebene0Active, #menue ul li.menueebene1Active.hover, #menue ul li.menueebene1Active, #menue ul li.menueebene2Active.hover, #menue ul li.menueebene2Active, #menue ul li.menueebene3Active.hover, #menue ul li.menueebene3Active, #menue ul li.menueebene4Active.hover, #menue ul li.menueebene4Active { background: #e04c19; /* height: 50px; */ } #menue ul li.menueebene0, #menue ul li.menueebene0Active { width: ; } #menue ul li.menueebene1, #menue ul li.menueebene1Active { width: ; } #menue ul li.menueebene2, #menue ul li.menueebene2Active { width: ; } #menue ul li.menueebene3, #menue ul li.menueebene3Active { width: ; } #menue ul li.menueebene4, #menue ul li.menueebene4Active { width: ; } #menue ul li.hover a, #menue ul li a:hover, #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a:hover, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a:hover, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a:hover, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a:hover, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover { text-decoration: none; padding-bottom: 15px; transition: none; } #menue ul li.hover a::after, #menue ul li.menueebene0Active a::after, #menue ul li.menueebene1Active a::after, #menue ul li.menueebene2Active a::after, #menue ul li.menueebene3Active a::after, #menue ul li.menueebene4Active a::after { background-color: #fff; bottom: 2px; content: ""; float: left; height: 3px; left: 0; position: absolute; width: 100%; transition: none; } #menue ul li ul { left: 0px; } #menue ul li.menueebene0 ul, #menue ul li.menueebene0Active ul, #menue ul li.menueebene1 ul, #menue ul li.menueebene1Active ul, #menue ul li.menueebene2 ul, #menue ul li.menueebene2Active ul, #menue ul li.menueebene3 ul, #menue ul li.menueebene3Active ul, #menue ul li.menueebene4 ul, #menue ul li.menueebene4Active ul { background-color: #7389B2; } /* Ebene 2 */ /*######### Nach entsprechendem Child wird das Li umgebrochen (Menü)###########*/ #menue ul#nav ul li:nth-child(4n+5) { clear: left; } #menue ul#nav ul li.clearleft { clear: left; } /*####################Ende##############*/ /* Main Navi - Subnavi */ #mainMenueSub ul li ul li.menueumbruch { clear: both; } #mainMenueSub { background: #e04c19 none repeat scroll 0 0; float: left; left: 0; position: absolute; top: 216px; width: 100%; z-index: 999; } #mainMenueSub ul { float: left; width: 100%; } #mainMenueSub ul li ul { padding: 20px 0 0; } #mainMenueSub ul .menueebene0, #mainMenueSub ul .menueebene0Active, #mainMenueSub ul .menueebene1, #mainMenueSub ul .menueebene1Active, #mainMenueSub ul .menueebene2, #mainMenueSub ul .menueebene2Active, #mainMenueSub ul .menueebene3, #mainMenueSub ul .menueebene3Active, #mainMenueSub ul .menueebene4, #mainMenueSub ul .menueebene4Active, #mainMenueSub ul .menueebene5, #mainMenueSub ul .menueebene5Active { display: none; margin: 0 auto; max-width: 1080px; width: 100% !important; } #mainMenueSub ul .menueebene0 .menueebene0Active, #mainMenueSub ul .menueebene0Active .menueebene0Active, #mainMenueSub ul .menueebene0 .menueebene0, #mainMenueSub ul .menueebene0Active .menueebene0, #mainMenueSub ul .menueebene1 .menueebene1Active, #mainMenueSub ul .menueebene1Active .menueebene1Active, #mainMenueSub ul .menueebene1 .menueebene1, #mainMenueSub ul .menueebene1Active .menueebene1, #mainMenueSub ul .menueebene2 .menueebene2Active, #mainMenueSub ul .menueebene2Active .menueebene2Active, #mainMenueSub ul .menueebene2 .menueebene2, #mainMenueSub ul .menueebene2Active .menueebene2, #mainMenueSub ul .menueebene3 .menueebene3Active, #mainMenueSub ul .menueebene3Active .menueebene3Active, #mainMenueSub ul .menueebene3 .menueebene3, #mainMenueSub ul .menueebene3Active .menueebene3, #mainMenueSub ul .menueebene4 .menueebene4Active, #mainMenueSub ul .menueebene4Active .menueebene4Active, #mainMenueSub ul .menueebene4 .menueebene4, #mainMenueSub ul .menueebene4Active .menueebene4, #mainMenueSub ul .menueebene5 .menueebene4Active, #mainMenueSub ul .menueebene5Active .menueebene5Active, #mainMenueSub ul .menueebene5 .menueebene5, #mainMenueSub ul .menueebene5Active .menueebene5 { display: none !important; } #mainMenueSub li { list-style: none outside none; } #mainMenueSub li ul li { float: left; margin-bottom: 40px; padding: 0 9% 0 0; text-align: left; width: 23.95%; } #mainMenueSub li ul li:nth-child(4) { padding-right: 0; } #mainMenueSub li ul li a { border-bottom: 1px solid #fff; color: #fff; float: left; font-size: 20px; font-style: italic; margin-bottom: 8px; padding-bottom: 2px; padding-top: 2px; text-decoration: none; width: 100%; } #mainMenueSub.yellow li ul li a { border-bottom: 1px solid #539913; } #mainMenueSub ul li ul li a:hover, #mainMenueSub ul li ul li a.act { text-decoration: none; color: #fff; } #mainMenueSub ul li ul li a.pfeilSubAct { text-decoration: none; color: #323232; } /* 3 Ebene */ #mainMenueSub ul li ul li ul { float: left; padding: 0; width: 100%; } #mainMenueSub ul li ul li ul li { float: left; margin: 0; width: 100%; padding: 0; } #mainMenueSub ul li ul li ul li a { border: medium none !important; background:none; float: left; font-size: 15px; height: auto; line-height: 20px; margin: 0; padding: 2px 0 2px 3%; text-align: left; text-decoration: none; color: #fff; padding: 0; } #mainMenueSub ul li ul li a:hover { text-decoration: none; color: #323232; } #mainMenueSub ul li ul li ul li a.l3-act, #mainMenueSub ul li ul li ul li a:hover { text-decoration: underline; color: #fff; } /* Subnavi */ .responsivenavi { display: none; } #subnavi { float: left; width: 100%; /*292px*/ background:#539913; } #subnavi h3 { font-size:22px; color:#fff; font-weight: normal; padding: 0 8%; margin-bottom: 10px; } /* Ebene 1 */ #subnavi ul { float: left; padding: 0px 0 0 0%; width: 100%; } #subnavi ul li { display: block; clear: both; float: left; position: relative; width: 100%; } #subnavi ul li:last-child { display: block; clear: both; float: left; position: relative; width: 100%; background: none; } #subnavi ul li a { padding: 5px 8% 5px 17%; font-size: 17px; text-decoration: none; float: left; width: 75%; clear: both; display: block; font-weight: normal; color: #fff; } #subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover { padding: 5px 8% 5px 17%; color: #fff; font-size: 17px; text-decoration: none; float: left; width: 75%; background: url(../images/subnavihover.jpg) left center no-repeat; } #subnavi ul li a:hover { font-weight: normal; } /* Ebene 2 */ #subnavi ul ul { border: medium none; float: left; padding: 2px 0; width: 100%; } #subnavi ul li ul { list-style: none; background: url(../images/subnavitrenner.png) top left no-repeat; } #subnavi ul li ul li { background: none; border: none; } #subnavi ul li ul li a { margin: 0; padding: 5px 4% 5px 24%; float: left; width: 72%; font-size: 15px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover { margin: 0; padding: 5px 4% 5px 24%; color: #eaeaea; float: left; width: 72%; font-size: 15px; font-weight: normal; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; background: #7389b2; } #subnavi ul li ul li a:hover { font-weight: normal; } /* Ebene 3 */ #subnavi ul ul ul { border: medium none; float: left; padding: 0px 0; width: 100%; border-bottom: none; background: none; } #subnavi ul li ul { list-style: none; } #subnavi ul li ul li ul li { } #subnavi ul li ul li ul li a { margin: 0; padding: 2px 4% 1px 35%; float: left; width: 61%; background-image: none; border: none; color: #EAEAEA; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover { margin: 0; padding: 2px 4% 1px 35%; color: #EAEAEA; border: none; text-decoration: none; font-weight: normal; float: left; width: 61%; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #subnavi ul li ul li ul li a:hover { font-weight: normal; } /* Headlines */ #contentbereich .imageDescription { display: block; } .imageContent { float: right; position: relative; padding-bottom: 0px; padding-left: 12px; padding-right: 0px; padding-top: 5px; } .imageDescriptionText { font-size: 11px; padding-left: 0px; width: 207px; color: #1a171b; text-align: right; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; } .wetterGrad { float: left; padding-left: 15px; } .typo3-editPanel { float: left; } .veranstaltungenBild, .veranstaltungenBild02 { float: left; margin: 0 10px 8px 0px; clear: both; border: 1px solid #D4D4D4; } .veranstaltungenBild02 { float: right; margin: 8px 0 0 10px; } #contentbereich .alpha-sitemap-chars { margin: 12px 0; background: #e5ebf5; border: 1px solid #99b2da; text-align: center; padding: 6px; } #contentbereich .alpha-sitemap-chars span { color: #cccccc; text-shadow: 1px 1px 3px #99b2da; font-size: 15px; } #contentbereich .alpha-sitemap-chars span a { color: #2f6d77; text-shadow: 1px 1px 3px #99b2da; font-size: 15px; } #contentbereich .alpha-sitemap-chars .active { color: #04378b; text-shadow: 1px 1px 3px #99b2da; font-size: 15px; } /** * Wird nur für Backendbenutzer angezeigt * width anpassen */ /* contentbereich */ .typo3-editPanel { background-color: #F1F1F1; border: 1px dotted #909090; clear: both; float: left; font-size: 11px; padding: 4px; width: 98.4%; } #homeBoxRight02 .typo3-editPanel { display: none; } /* contentInfobox */ .contentbereichInfobox .typo3-editPanel { margin: 5px 0 0 0; width: 587px; } /* rechte Randleiste */ .typo3-editPanel { } .typo3-editPanel-controls { float: left; margin-right: 4px; } .typo3-editPanel-controls .feedit-icon { margin: 0 4px 0 0; } .typo3-editPanel-label { float: left; color: #000000; font: 11px arial, tahoma, helvetica, sans-serif; padding: 2px 0 0 0; } #contentbereich .ce-gallery DIV.ce-row { margin-left: 0 !important; float: left; margin-top: 0px; } #contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column { padding-left: 0 !important; } #contentbereich .ce-textpic .ce-row { clear: both; margin-bottom: 15px; position: relative; } #bbw { float: left; width: 100%; } #bbw .blockganz { float:left; width:100%; } #bbw .blocklinks { float:left; width:47%; } #bbw .blockrechts { float:right; width:47%; } #bbw .mitarbeiterListe { float: left; width: 50%; } #bbw .lebenslagenbaum li { float: left; margin-right: 9%; width: 41%; } #bbw .lebenslagenbaum { float: left; width: 100%; } #bbw.lebenslagen .bbwFirstLetterblock { width: 79%; } .bbwFirstLetterblock, .bbwFirstLetterblockleistung { background: #F6F6F6; border: 1px dotted #6C6C6C; margin:4px 0 7px 0px; padding: 4px 0; text-align: center; float: left; width: 100%; } .bbwFirstLetterblockleistung a { text-shadow:1px 1px #ddd; } #bbw table { border: 1px solid #CFCFCF; border-collapse: collapse; margin: 0 0 15px 0px; max-width: 610px; text-align: left; width: 100%; } #bbw .formSelect option { padding: 5px; } #bbw table tbody tr th { background:#E0E0E0; border: 1px solid #CFCFCF; padding:5px; text-align:left; } #bbw table tbody tr td { background:#F9F9F9; border: 1px solid #CFCFCF; padding:5px; text-align:left; } #bbw table tbody tr.alt td { background: #FFFFFF; } #bbw table tbody tr:hover td { background: #f0f0f0; } #bbw img { border:1px solid #ccc; } .vCard { } /*Styles aus Stylesheet Typo3*/ /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } .csc-textpic-responsive, .csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after ce-textpic and after ce-row */ /* .ce-textpic, .ce-textpic .ce-row, ul.ce-uploads li { overflow: hidden; } */ /* Set padding for tables */ .ce-textpic .ce-gallery table { border-collapse: collapse; border-spacing: 0; } .ce-textpic .ce-gallery table tr td { padding: 0; vertical-align: top; } /* Settings for figure.removedbymigration and figcaption (HTML5) */ .ce-textpic .ce-gallery figure.removedbymigration, .ce-textpic figure.removedbymigration.ce-gallery { margin: 0; display: table; } /* Captions */ figcaption.image-caption { display: table-caption; } .image-caption { text-align: left; caption-side: bottom; } .image-caption-c .image-caption, .ce-gallery .image-caption-c { text-align: center; } .image-caption-r .image-caption, .ce-gallery .image-caption-r { text-align: right; } .image-caption-l .image-caption, .ce-gallery .image-caption-l { text-align: left; } /* Float the columns */ .ce-textpic .csc-textpic-imagecolumn { float: left; } /* Border just around the image */ .ce-textpic .ce-gallery.ce-border img { border: 2px solid black; padding: 0px 0px; } .ce-textpic .ce-gallery img { border: none; /*display: block;*/ } /* Space below each image (also in-between rows) */ .ce-textpic .ce-gallery .ce-column { margin-bottom: 10px; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child .ce-column { margin-bottom: 0; } /* colSpace around image columns, except for last column */ .csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .ce-column { margin-right: 10px; } .csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child, td.csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery { margin-right: 10px; } .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery { margin-left: 10px; } /* Positioning of images: */ /* Center (above or below) */ /* .ce-textpic.ce-center:not(.ce-intext) .ce-gallery, .ce-textpic.ce-center:not(.ce-intext) figure.removedbymigration.ce-gallery { overflow: hidden; } .ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-outer { position: relative; float: right; right: 50%; } .ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-inner { position: relative; float: right; right: -50%; } */ /* Right (above or below) */ .ce-textpic.ce-right:not(.ce-intext) .ce-gallery { float: right; } .ce-textpic.ce-right:not(.ce-intext) .ce-bodytext { clear: right; } /* Left (above or below) */ .ce-textpic.ce-left:not(.ce-intext) .ce-gallery { float: left; } .ce-textpic.ce-left:not(.ce-intext) .ce-bodytext { clear: left; } /* Left (in text) */ .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery { float: left; } /* Right (in text) */ .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery { float: right; } /* Right (in text, no wrap around) */ .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery { float: right; } /* Left (in text, no wrap around) */ .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery { float: left; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ol, .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.ce-uploads { padding: 0; } ul.ce-uploads li { list-style: none outside none; margin: 1em 0; } ul.ce-uploads img { float: left; margin-right: 1em; vertical-align: top; } ul.ce-uploads span { display: block; } ul.ce-uploads span.ce-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; }