/******************************************************/ /* default styles for extension "tx_indexedsearch" */ /******************************************************/ #content .tx-indexedsearch a { /* padding-left:10px; background:url(../img/pfeil_link.gif) no-repeat 1px 3px; font-weight: bold;*/ } #content .tx-indexedsearch .tx-indexedsearch-browsebox { margin: 0px 0px 15px 0px; } #content .tx-indexedsearch .tx-indexedsearch-browsebox UL { /* |*/overflow: hidden;/**/ list-style: none; text-align: center; padding: 0px 0px 0px 4px ; margin: 0px 0px 0px 0px !important ; } #content .tx-indexedsearch .tx-indexedsearch-browsebox UL LI { display:inline; margin:0px; padding:0px; background:none; } #content .tx-indexedsearch .tx-indexedsearch-browsebox UL LI a { line-height:25px; border:1px solid #7F358C; font-size: 11px; text-decoration:none; font-weight:normal; text-align:center; padding:2px 4px 2px 4px ; background:none; margin: 0px 3px 0px 0px; color:#666666; } #content .tx-indexedsearch .tx-indexedsearch-browsebox UL LI a:hover { text-decoration:none; font-weight:normal; background:#f8f2fa; color:#000000; } #content .tx-indexedsearch .tx-indexedsearch-browsebox UL LI.tx-indexedsearch-browselist-currentPage a, #content .tx-indexedsearch .tx-indexedsearch-browsebox UL LI.tx-indexedsearch-browselist-currentPage a:hover { background:#7F358C; color:#fff; border:1px solid #7F358C; font-size: 12px; text-decoration:none; font-weight:normal; text-align:center; padding:2px 4px 2px 4px ; margin: 0px 3px 0px 0px; } #content .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { /*margin-left:15px;*/ margin-bottom:0px; } #content .tx-indexedsearch input { width:180px; /*height:22px;*/ border:1px solid #bdb9b4; background:#ffffff; color: #333; float: left; font: 13px/16px 'PTSansRegular',Arial,sans-serif; padding:3px 3px 3px 3px; margin-left:15px; } #content .tx-indexedsearch select { width:180px; height:20px; border: 1px solid #F17C12; background:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:3px; margin-left:15px; } #content .tx-indexedsearch input#tx_indexedsearch_extResume { width:18px; height:18px; border: none; background:none; padding: 0px 0px 3px 0px; } #content .tx-indexedsearch td { /*padding-bottom:5px;*/ } #content .tx-indexedsearch input.tx-indexedsearch-searchbox-button { width:115px; /*height:22px;*/ border: none; background:#bbb; font: 14px/19px 'PTSansRegular',Arial,sans-serif; letter-spacing:0px; padding: 3px 0px 0px 0px; color: #333; margin-left:15px; margin-top:10px; margin-bottom:10px; cursor:pointer; } #content .tx-indexedsearch input.tx-indexedsearch-searchbox-button:hover { background:#aaa} #content .tx-indexedsearch-searchbox form table {margin-bottom:10px;} #content .tx-indexedsearch-searchbox form a { padding-left:19px; background:url(../img/ic_suche.gif) no-repeat 7px 4px; font-weight:bold; line-height: 17px; } #content .tx-indexedsearch table { /*font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:15px;*/ font: 13px/19px 'PTSansRegular',Arial,sans-serif; } #content .tx-indexedsearch-rules { font-style:italic } #content .tx-indexedsearch-rules h2 { margin-top:20px; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; /*font-style:italic; */ } .tx-indexedsearch .tx-indexedsearch-noresults { /*text-align:center;*/ font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { padding-top:5px; font-style:normal; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:none; padding:5px 0px 0px 0px; font-size:10px; color:#8F957C; line-height:13px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info a { font-style:normal; } /* td.tx-indexedsearch-info { visibility:hidden; height:5px; overflow:hidden; padding:0; margin:0; }*/ /* td.tx-indexedsearch-info .tx-indexedsearch-path { visibility:visible;}*/ .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; } .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; } .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; } /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */ .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; } .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; } .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; } .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; } .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; } .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#f1f1f0;} .tx-indexedsearch-result-number {background:#f1f1f0;} #content .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a { margin-left:0px; font-weight:bold} .tx-indexedsearch-percent {background:#f1f1f0; padding-right:5px;} /******************************************************/ /* default styles for extension "tx_cssstyledcontent" */ /******************** CONTENT ******************/ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid black; padding: 0px 0px; } DIV.csc-textpic-imagewrap { padding: 0px 0px 0px 0px;} DIV.csc-textpic IMG { border: none; } /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; } /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0 !important; padding: 0 !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; /*margin: 0 0 15px 0 !important; */ margin: 0 20px 15px 0 !important; padding: 0 !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-imagerow-last UL LI { margin-bottom:5px !important; } /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */ DL.csc-textpic-image { margin: 0; } DL.csc-textpic-image DT { margin: 0; display: inline; } DL.csc-textpic-image DD { margin: 0; } /* Clearer */ DIV.csc-textpic-clear { clear: both; } /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right:20px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 20px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 20px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:8px 0px 5px 0px; padding:0px; font-size:12px; line-height:16px; color:#666666; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; } /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 15px; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; } DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; padding:0px; margin:0px;} /* Hinzugefuegt Floss, Ausgleich für IE 5.5/6*/ DIV.csc-textpic DIV.csc-textpic-imagerow DL.csc-textpic-image { margin-right: 20px; /* MUSS OHNE !important SEIN!*/ } DIV.csc-textpic-above { /*margin-bottom: 10px;*/ margin-top: 12px; } /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 20px !important; margin-bottom: 5px; margin-top: 5px; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 20px !important; margin-bottom: 5px; margin-top: 5px; } /***************** RIGHT ***********************/ #right DIV.csc-textpic { /*margin-top: 15px; */ } #right DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, #right DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, #right DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right:12px; } /* Pictures on right, add margin on left */ #right DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, #right DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, #right DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 12px; } /* Pictures centered, add margin on left */ #right DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 12px; } #right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:8px 0px 5px 0px; padding:0px; font-size:11px; line-height:16px; color:#666666; } #right DIV.csc-textpic-above { /*margin-bottom: 10px;*/ margin-top: 15px; } #right DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, #right DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 12px !important; margin-bottom: 0px; margin-top: 1px; } #right DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, #right DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 12px !important; margin-bottom:0px; margin-top: 1px; margin-right:10px; } #right DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-top: 1px; margin-bottom: 5px; } /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; } /* Center (above or below) */ DIV.csc-textpic-center { text-align: center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; } /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; padding-bottom: 8px;} DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; margin-top:4px; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; } /****************** S I T E M A P *******************/ #content .csc-sitemap { margin-left:0px; /*line-height:11px;*/ } /* 3. Ebene ausblenden */ #content .csc-sitemap ul li ul li ul {display:none;} #content .csc-sitemap ul li { padding:0; list-style:none; margin:7px 0px 7px 13px; } #content .csc-sitemap ul li a { /*display:block;*/ color:#7F358C; padding: 0px 0px 0px 21px; margin-bottom:10px; font-weight:bold; font-size:16px; /*text-transform:uppercase;*/ background: url(../img/lipo_sitemap_1.gif) 0px 3px no-repeat; } #content .csc-sitemap ul li ul li a { padding: 0px 0px 0px 15px; margin-bottom:10px; background: url(../img/lipo_sitemap_2.gif) 0px 5px no-repeat; font-weight:normal; font-size:14px; text-transform:none; color:#333; display: block; } #content .csc-sitemap ul li ul li ul li a { padding: 0px 0px 0px 15px; margin-bottom:10px; background: url(../img/lipo_sitemap_3.gif) 0px 5px no-repeat; font-weight:normal; font-size:13px; color:#777; } #content .csc-sitemap ul li a:hover, #content .csc-sitemap ul li ul li a:hover, #content .csc-sitemap ul li ul li ul li a:hover { text-decoration:underline; } /* grafischer Header */ h2.imageheader { height:35px; background-repeat:no-repeat; padding: 0; margin: 0px 0px 0px -1px ; } h2.imageheader strong{ display:none; } /******* Menue der Unterseiten *****/ #content ul.csc-menu { padding: 0 0 8px 0; margin: 0px 0px 0px 10px; } #content ul.csc-menu li { padding: 0px 0px 0px 17px; margin-bottom:7px; background: url(../img/listpoint.gif) 0px 6px no-repeat; list-style:none; } #content ul.csc-menu li a, #content ul.csc-menu li a:hover{ padding:0; font-weight: bold; } #content dl.csc-menu dd { padding:0; margin: 0px 0px 10px 13px; list-style:none; } #content dl.csc-menu dt { padding: 3px 0px 0px 0px; margin: 0px 0px 4px 0px; list-style:none; } #content dl.csc-menu dt a { padding-left:13px; background:url(../img/pfeil_link_menu.gif) no-repeat 0px 3px; font-weight: bold; } #content_rechts ul.csc-menu li { padding:0; margin: 0px 0px 7px 0px; list-style:none; } #content_rechts ul.csc-menu li a, #content_rechts ul.csc-menu li a:hover{ display:block; padding-left:13px; background:url(../img/lipo_csc_menu.gif) no-repeat 0px 3px; font-weight: bold; } /*#content_rechts dl.csc-menu dd { padding:0; margin: 0px 0px 10px 13px; list-style:none; } #content_rechts dl.csc-menu dt { padding: 3px 0px 0px 0px; margin: 0px 0px 4px 0px; list-style:none; } #content_rechts dl.csc-menu dt a { padding-left:13px; background:url(../img/pfeil_link_menu.gif) no-repeat 0px 3px; font-weight: bold; }*/ /****************** T A B E L L E N *******************/ /*table.contenttable { padding:0; margin-top:10px; border-spacing:1; }*/ #content table.contenttable { border-spacing:0px; /* fuer firefox */ border-collapse:collapse; /* fuer IE */ margin-bottom:7px; padding:0px; font-size:14px; } #content table.contenttable caption { text-align:left; font-size:14px; } #content table.contenttable p { margin-bottom:0px; } #content table.contenttable td { padding: 3px 20px 3px 0px; vertical-align:top; } #content table.contenttable th { text-align:left; padding: 3px 20px 3px 0px; vertical-align:top; } #content table.tabelle_breit { width:100%; } #content table.tabelle_breit, #content table.tabelle_flex { padding:0; font-size:13px; margin-top:10px; border-spacing:2px; /* fuer firefox */ border-collapse:separate; /* fuer IE */ } #content table.tabelle_breit p, #content table.tabelle_flex p { margin-bottom:0px; } #content table.tabelle_breit th, #content table.tabelle_flex th { padding: 3px 10px 3px 10px; background:#F2F2F1; text-align:left; } #content table.tabelle_breit td, #content table.tabelle_flex td { padding: 5px 10px 5px 10px; background:#f2f2f1; } #content table.tabelle_breit tr.tr-odd td, #content table.tabelle_flex tr.tr-odd td { padding: 5px 10px 5px 10px; background:#fbfbfb; } #content table td.align-right { text-align:right } #content table.contenttable#tabelle_breit { width:100%; } #content table.contenttable#tabelle_breit, #content table.contenttable#tabelle_flex { padding:0; font-size:13px; margin-top:10px; border-spacing:2px; /* fuer firefox */ border-collapse:separate; /* fuer IE */ } #content table.contenttable#tabelle_breit p, #content table.contenttable#tabelle_flex p { margin-bottom:0px; } #content table.contenttable#tabelle_breit th, #content table.contenttable#tabelle_flex th { padding: 3px 10px 3px 10px; background:#F2F2F1; text-align:left; } #content table.contenttable#tabelle_breit td, #content table.contenttable#tabelle_flex td { padding: 5px 10px 5px 10px; background:#f2f2f1; } #content table.contenttable#tabelle_breit tr.tr-odd td, #content table.contenttable#tabelle_flex tr.tr-odd td { padding: 5px 10px 5px 10px; background:#fbfbfb; } #c301 { -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } /****************************************************************/ /******************** RESPONSIVE STYLES *********************/ /****************************************************************/ /* basierend auf http://t3n.de/magazin/responsive-webdesign-typo3-flexibles-typo3-232727/*/ @media only screen and (max-width:995px) { /* flexible Medien*/ img, embed, object, video { max-width: 100%; height: auto; width: auto; } /* CSS-Styled-Content Regeln überschreiben */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI, DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: none; display: inline-block; vertical-align: top; } DIV.csc-textpic-above DIV.csc-textpic-imagewrap, DIV.csc-textpic-below DIV.csc-textpic-imagewrap { float: none; display: inline-block; vertical-align: top; width: 100% !important; } DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline-block; } DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image { display: block; } /* optional */ /* Golden Grid Layout für Bild im Text*/ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { max-width: 45%;} DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { max-width: 45%;} DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { max-width: 45%;} DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { max-width: 45%;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { max-width: 100%;} DIV.csc-textpic-intext-right-nowrap .csc-textpic-text, DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { /*margin-left: 40%;*/ } /* CSS Styled Content Regeln überschreiben */ DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption { display: block; } DIV.csc-textpic-left .csc-textpic-imagewrap { float: none; } DIV.csc-textpic DIV.csc-textpic-imagecolumn { display: inline-block; float: none; vertical-align: top; } /*.csc-default {clear: both;}*/ DIV.csc-textpic-above DIV.csc-textpic-imagewrap img { /* width:150px;*/ } .table_test { /* display:block; width:100%; overflow:auto;*/ } /* Bildergalerie */ DIV.csc-textpic-imagerow { width:100% !important; } } /* ENDE 995 px*/ @media only screen and (max-width:480px) { DIV.csc-textpic.csc-textpic-intext-right-nowrap DIV {margin-right:0 !important;} DIV.csc-textpic.csc-textpic-intext-left-nowrap DIV {margin-left:0 !important;} } @media only screen and (max-width:320px) { #content table.contenttable { table-layout:fixed;} /* Alle Spalten gleich gross */ #content table.contenttable td { /* Trennung innerhalb des Wortes, nicht auf meinem FF zu sehen */ word-break:break-all; word-wrap:break-word; } #content table.contenttable th { word-break:break-all; word-wrap:break-word; } }