/******************************************************************************/ /* Liferay */ /******************************************************************************/ /* Global */ a { color: #000000; text-decoration: none; } a:hover { text-decoration: underline; } html { min-height:100.02%;} body { background-color: #F6FDF6; border: 0; text-align: center; font-family: Verdana; font-size:11px; padding: 0 0 20px 0; margin: 0 0 20px 0; margin-bottom:20px; } body * { font-size: 1em; } .font-xx-small { font-size: 0.7em; } .font-x-small { font-size: 0.8em; } .font-small { font-size: 0.9em; } .font-large { font-size: 1.1em; } .font-x-large { font-size: 1.2em; } .font-xx-large { font-size: 1.3em; } form { margin: 0; padding: 0; } select { border-color: #CCCCCC; border-style: solid; border-width: 1px; } ul { list-style-type: none; margin: 5px 0 10px 20px; padding: 0; } img { border: 0; margin: 0; padding: 0 } input, button, select { font-size: 0.8em; } textarea { font-family: Arial; font-size: 1em; } .form-button { border-color: #6699CC; border-style: solid; border-width: 1px; } .form-button-hover { border-bottom: solid 1px #6699CC; border-left: solid 1px #FFFFFF; border-right: solid 1px #6699CC; border-top: solid 1px #FFFFFF; } .form-text { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .tree-js-pop-up DIV { background-color: #D3D3D3; border: 2px Outset #FFFFFF; display: none; padding: 4px; position: absolute; text-align: left; z-index: 10; } /* Alpha */ .alpha { background-color: #6699CC; } .alpha-gradient { background: url(/html/themes/kig/color_schemes/09/portlet_title_bg_gradient.gif) repeat-x; } .alpha-neg-alert { color: #FF0000; } .alpha-pos-alert { color: #007F00; } .alpha-separator { background: url(/html/themes/kig/color_schemes/09/portlet_title_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.alpha { background: none; color: #000000; text-decoration: none; } A.alpha:hover { color: #000000; text-decoration: underline; } FONT.alpha { background: none; color: #4A517D; } /* Beta */ .beta { background-color: #B6CBEB; } .beta-gradient { background: url(/html/themes/kig/color_schemes/09/portlet_menu_bg_gradient.gif) repeat-x; } .beta-neg-alert { color: #FF0000; } .beta-pos-alert { color: #007F00; } .beta-separator { background: url(/html/themes/kig/color_schemes/09/portlet_menu_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.beta { background: none; color: #000000; text-decoration: none; } A.beta:hover { color: #000000; text-decoration: underline; } FONT.beta { background: none; color: #000000; } /* Gamma */ .gamma { background-color: #FFFFFF; } .gamma-gradient { background: url(/html/themes/kig/color_schemes/09/portlet_bg_x.gif) repeat-x; } .gamma-neg-alert { color: #FF0000; } .gamma-pos-alert { color: #007F00; } .gamma-tab { border-bottom: 1px solid #B6CBEB; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding-bottom: 27px; padding-left: 0px; } .gamma-tab ul, .gamma-tab li { background: #F6F6F6; border: 1px solid #CCCCCC; border-bottom: 1px solid #B6CBEB; color: #CCCCCC; display: inline; float: left; line-height: 22px; list-style-type: none; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } .gamma-tab ul.current, .gamma-tab li.current { background: #FFFFFF; border: 1px solid #B6CBEB; border-bottom: 1px solid #FFFFFF; color: #000000; } .gamma-tab li a { color: #777777; } .gamma-tab li.current a { color: #000000; } .gamma-tab li.toggle { background: none; border: 0px; float: right; margin-right: 0px; padding-right: 0px; } A.gamma { background: none; color: #000000; text-decoration: none; } A.gamma:hover { color: #000000; text-decoration: underline; } FONT.gamma { background: none; color: #000000; } /* Bg */ .bg { background-color: #FFFFFF; } .bg-neg-alert { color: #FF0000; } .bg-pos-alert { color: #007F00; } A.bg { background: none; color: #000000; text-decoration: none; } A.bg:hover { color: #000000; text-decoration: underline; } FONT.bg { color: #000000; } /******************************************************************************/ /* Liferay Layout CSS */ /******************************************************************************/ #layout-outer-side-decoration { width:880px; border:1px; border-style:solid; border-color:#025602; /* grüner Rand */ margin-top:10px; margin-bottom:20px; margin-left: auto; margin-right: auto; background-color:#FFFDE4; min-height: 98%; } #layout-box { background-color: #FFFFFF; text-align: left; width: 100%; } #layout-top-banner { height: 120px; position: relative; text-align: left; z-index: 3; } #layout-user-menu { position: absolute; text-align: right; top: 30px; right: 20px; } #layout-user-menu form { margin-top: 5px; text-align: right; } #layout-my-places { position: absolute; text-align:right; top:50px; right: 0; width: 400px; background-color:#FFFFFF; z-index:2; } #layout-my-places ul { background-color: #FFFFFF; border: 1px solid #6699CC; position: absolute; text-align: left; right: 0; top: 0; margin: 0; } #layout-my-places ul li { padding: 2px; } #layout-nav-container { background:#CC0000; border-width:0px 0px 1px 0px; border-style:solid; border-color:#FFFFFF; position: relative; z-index: 2; height:21px; width:880px; } .layout-nav-tabs-box { padding-left:20px; } #layout-global-search { } #layout-global-search input{ padding:0px 0px 1px 2px; position:absolute; right:50px; top:3px; vertical-align:top; font-size:10px; font-family:Verdana; overflow:visible; } #layout-global-search input { right:20px; border:0px; } #layout-global-search input.form-text { right:40px; border: 1px solid #CCCCCC; } #layout-language-select{ position: absolute; text-align: right; top:100px; right:20px; color:#025602; } #layout-language-select a{ color:#025602; } #layout-nav-more-menu { background-color: #FFFFFF; border: 1px solid #6699CC; position: absolute; text-align: left; left: 0px; top: 26px; margin: 0; width: 80px; } #layout-nav-more-menu li { padding: 2px 2px 2px 5px; } .layout-tab, .layout-tab-selected { color:#CCCCCC; font-weight:bold; } .layout-tab-selected a{ color:#FFFFFF; text-decoration:none; } .layout-tab-selected a:hover{ color:#FFFFFF; text-decoration:none; } .layout-tab a{ color:#CCCCCC; text-decoration:none; } .layout-tab a:hover{ color:#FFFFFF; text-decoration:none; } .layout-tab-sep{ background-color:#CC0000; font-size:16px; font-weight:normal; color:#FFFFFF; height: 21px; float:left; position:relative; } .layout-tab span, .layout-tab-selected span { position: relative; top: 3px; } .layout-tab-separator { background: url(/html/themes/kig/color_schemes/09/portlet_title_bg_y.gif) repeat-y; font-size: 0; float: left; height: 15px; margin-top: 5px; width: 1px; } #layout-content-container { background-color:#FFFDE4; padding-bottom:20px; } #layout-content-outer-decoration { z-index: 0; } /* Column Layout */ #layout-bottom-container { text-align: left; } .layout-add-select-style { } .portal-add-content { background-color: #FFFFFF; border: 3px solid #6699CC; padding: 8px; } #layout-column_column-1, #layout-column_column-2, #layout-column_column-3, #layout-column_column-4, #layout-column_column-5 { min-height: 75px; } .layout-column-highlight { background: url(/html/themes/kig/images/common/diagonal-lines.gif) scroll repeat; } /******************************************************************************/ /* Portlet CSS */ /******************************************************************************/ /* Liferay Portlet */ .portlet-dragging-placeholder { background-color: #F6FDF6; } #portlet-place-holder DIV { background-color: #B6CBEB; } .portlet-loading { background: url(/html/themes/kig/images/progress_bar/loading_animation.gif) no-repeat top center; margin-top: 10px; padding-top: 40px; text-align: center; } .portlet-container { background-color: #FFFFFF; position: relative; } .portlet-box { border: 1px solid #6699CC; margin-top: 1px; } .portlet-minimum-height { } .portlet-header-bar { border: 1px solid #6699CC; background: url(/html/themes/kig/color_schemes/09/button_gradient.gif) scroll repeat-x center left; position: relative; } .portlet-borderless-container { position: relative; } .portlet-borderless-bar { text-align: left; font-size: 0.8em; } .portlet-wrap-title { height: 20px; position: relative; } .portlet-title { color: #4A517D; font-weight: bold; position: absolute; top: 3px; left: 5px; } .portlet-small-icon-bar { padding-left: 2px; position: absolute; top: 1px; right: 2px; } .portlet-top-decoration { background: url(/html/themes/kig/color_schemes/09/portlet_corner_ul.gif) no-repeat top left; height: 5px; } .portlet-top-decoration DIV { background: url(/html/themes/kig/color_schemes/09/portlet_corner_ur.gif) no-repeat top right; height: 5px; } .portlet-top-decoration DIV DIV { background: #FFFFFF; border-top: 1px solid #6699CC; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-inner-top { margin: 0 auto 0 auto; } .portlet-bottom-blank { margin-bottom: 5px; } .portlet-bottom-decoration { } .portlet-bottom-decoration DIV { } .portlet-bottom-decoration DIV DIV { } .portlet-bottom-decoration-2 { } .portlet-bottom-decoration-2 DIV { } .portlet-bottom-decoration-2 DIV DIV { } /* Fonts */ .portlet-font { color: #000000; } .portlet-font A { color: #000000; } .portlet-font-dim { color: #C4C4C4; } /* Messages */ .portlet-msg-status { color: #000000; font-style: italic; } .portlet-msg-info { color: #000000; } .portlet-msg-error { color: #FF0000; } .portlet-msg-alert { color: #FF0000; font-style: italic; } .portlet-msg-success { color: #007F00; } /* Sections */ .portlet-section-header { background: #CC0000; color: #FFFFFF; font-weight: bold; } .portlet-section-header A { color: #FFFFFF; } .portlet-section-body { color: #025602; background: #F6FDF6; } .portlet-section-body-hover, TR.portlet-section-body:hover { color: #CC0000; background: #F6FDF6; } .portlet-section-body A { color: #025602; } .portlet-section-body-hover A, TR.portlet-section-body:hover A { color: #CC0000; } .portlet-section-alternate { color: #025602; background: #F6FDF6; } .portlet-section-alternate-hover, TR.portlet-section-alternate:hover { color: #CC0000; background: #F6FDF6; } .portlet-section-alternate A { color: #025602; } .portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A { color: #CC0000; } .portlet-section-selected { color: #7AA0EC; background: #FAFCFE; } .portlet-section-selected-hover, TR.portlet-section-selected:hover { color: #00329A; background: #C0D2F7; } .portlet-section-selected A { color: #7AA0EC; } .portlet-section-selected-hover A, TR.portlet-section-selected:hover A { color: #00329A; } .portlet-section-subheader { background: #91AEE8; color: #405278; padding: 2px; } .portlet-section-footer { color: #000000; } .portlet-section-text { color: #000000; } /* Forms */ .portlet-form-label { color: #000000; } .portlet-form-input-field { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .portlet-form-button { background: url(/html/themes/kig/color_schemes/09/button_gradient.gif) repeat-x; border-color: #6699CC; border-style: solid; border-width: 1px; } .portlet-icon-label { color: #000000; } .portlet-dlg-icon-label { color: #000000; } .portlet-form-field-label { color: #000000; } .portlet-form-field { color: #000000; } /******************************************************************************/ /* Display Tag Library */ /******************************************************************************/ TR.even { background-color: #B6CBEB; color: #000000; } TR.odd { background-color: #FFFFFF; color: #000000; } /******************************************************************************/ /* Messaging Styles /******************************************************************************/ #messaging-main-div { left: 0; position: absolute; text-align: left; top: 0; z-index: 10; } #messaging-main-div div.msg-chat-box { background-color: white; border: 1px solid black; padding: 10px; text-align: left; } #messaging-main-div div.msg-chat-area { border: 1px solid gray; height: 100px; margin: 5px 0 5px 0; padding: 5px; } /****************************************************************************/ /* KIG /****************************************************************************/ /* Header */ .kig-rose-img{ position:absolute; top:0; left:0; } .kig-schriftzug-img{ position:absolute; top:39px; left:130px; } /********************************/ /* KIG Home /********************************/ /* Toolbox */ .kig-toolbox{ width:860px; position: absolute; top:-130px; left:0px; text-align:right; z-index:3; color:#025602; } .kig-toolbox a{ color:#025602; } /* Key-Visual */ .kig-home-column-1 { width: 880px; vertical-align: top; padding: 0px 0px 10px 0px; } /* Contentbereich */ .kig-home-column-2{ width: 630px; vertical-align: top; padding-left:20px; padding-right:10px; /* background-color:#0000FF; */ } /* Herzlich Willkommen ... */ .kig-home-column-2-top{ /* entfällt */ border-width:0px 0px 1px 0px; border-style:dashed; border-color:#CCCCCC; padding-bottom:10px; } /* Aktuelles */ .kig-home-column-2-header{ /* entfällt */ font-size:14px; font-weight:bold; color:#CC0000; padding-top:6px; } /* Aktuelles Spalte 1 */ .kig-home-column-2-1{ /* entfällt */ width: 305px; vertical-align: top; /* padding-right:20px; */ /* background-color:#FF0000; */ } /* Aktuelles Spalte 2 */ .kig-home-column-2-2{ /* entfällt */ width: 305px; vertical-align: top; /* background-color:#00FF00; */ } /* Teaser rechts */ .kig-home-column-3{ /* entfällt */ width: 200px; vertical-align: top; /* background-color:#FF0000; */ } /* Spaltenteiler gestrichelt */ .kig-home-column-spacer-left { width: 9px; border-width: 0px 1px 0px 0px; border-style: dashed; border-color: #CCCCCC; } .kig-home-column-spacer-right { width: 10px; } /********************************/ /* KIG Einseiter + Sitemap /********************************/ /* Navigation */ .kig-einseiter-column-2{ width: 200px; vertical-align: top; /* background-color:#0000FF; */ } /* Content-Bereich */ .kig-einseiter-column-3{ width:540px; vertical-align: top; padding-right:120px; /* background-color:#0000FF; */ } .kig-sitemap-column-3{ width:640px; vertical-align: top; padding-right:20px; /* background-color:#0000FF; */ } .kig-zweispalter-column-3{ width:650px; vertical-align: top; padding-right:10px; /* background-color:#0000FF; */ } /********************************/ /* KIG Mehrseiter /********************************/ /* Navigation */ .kig-mehrseiter-column-2{ width: 200px; vertical-align: top; /* background-color:#0000FF; */ } /* Content-Bereich */ .kig-mehrseiter-column-3{ width:440px; vertical-align: top; /* background-color:#0000FF; */ } /* Teaser-Bereich */ .kig-mehrseiter-column-4{ width:200px; vertical-align: top; /* background-color:#0000FF; */ } .kig-dreispalter-column-3{ width:380px; vertical-align: top; /* background-color:#0000FF; */ } /* Teaser-Bereich */ .kig-dreispalter-column-4{ width:240px; vertical-align: top; padding-right:10px; /* background-color:#0000FF; */ } /********************************/ /* KIG Zweispalter /********************************/ .kig-twocolumn-image { /* Ränder Bilder vorerst deaktiviert (10.06.07 cm) border-color:#CCCCCC; border-width:1px; border-style:solid; */ } .kig-twocolumn-image-caption { font-size: 10px; margin-top:5px; width:240px; /* background-color:#0000FF; */ } .kig-twocolumn-verticalspacer { margin-bottom: 10px; } .kig-twocolumn-column-1{ width: 310px; vertical-align: top; /* background-color:#0000FF; */ } .kig-twocolumn-column-2{ width: 320px; vertical-align: top; /* background-color:#0000FF; */ } /********************************/ /* KIG Artikel /********************************/ .kig-home-top-header{ font-size: 14px; font-weight: bold; color: #CC0000; padding-bottom:6px; } .kig-home-top-body{ line-height:16px; } .kig-theology-header{ font-size: 14px; font-weight: bold; color: #CC0000; padding-bottom:6px; } .kig-theology-body{ line-height:16px; padding-bottom:6px; } .kig-home-image{ /* * grauer Rand um Bilder entfernt 10.06.2007 * border-color:#CCCCCC; border-width:1px; border-style:solid; ***********************************************/ } .kig-home-more a{ font-weight:bold; color:#666666; background-image:url(/html/themes/kig/images/ext-kig/arrow_grey.gif); background-repeat:no-repeat; background-position:left 3px; padding-left:10px; } .kig-home-more a:hover{ font-weight:bold; color:#CC0000; text-decoration:none; background-image:url(/html/themes/kig/images/ext-kig/arrow_red.gif); } .kig-home-aktuelles-header{ font-size: 11px; font-weight: bold; color: #CC0000; padding-bottom:6px; padding-top:0px; } .kig-home-aktuelles-copy{ line-height:16px; margin-top:6px; padding-bottom:6px; } .kig-home-teaser-header{ font-size: 11px; font-weight: bold; color: #CC0000; padding-bottom:6px; padding-right:20px; } .kig-home-teaser-copy{ line-height:16px; margin-top:6px; padding-bottom:6px; padding-right:20px; } .kig-home-teaser-bottom-decoration{ border-width:0px 0px 1px 0px; border-color:#CCCCCC; border-style:dashed; padding-bottom:10px; margin-bottom:10px; } .kig-einseiter-header{ font-size: 14px; font-weight: bold; color: #CC0000; padding-bottom:6px; } .kig-einseiter-copy{ line-height:16px; margin-top:6px; padding-bottom:6px; } .kig-mehrseiter-header{ font-size: 14px; font-weight: bold; color: #CC0000; padding-bottom:6px; } .kig-mehrseiter-copy{ line-height:16px; margin-top:6px; padding-bottom:6px; } .kig-weiteres-header{ font-size: 11px; font-weight: bold; color: #CC0000; padding-bottom:6px; padding-right:20px; } .kig-weiteres-link { margin-left:10px; text-indent:-10px; } .kig-weiteres-link a{ color:#333333; background-image:url(/html/themes/kig/images/ext-kig/arrow_grey.gif); background-repeat:no-repeat; background-position:left 3px; padding-left:10px; line-height:16px; } .kig-weiteres-link a:hover{ color:#CC0000; text-decoration:none; background-image:url(/html/themes/kig/images/ext-kig/arrow_red.gif); } .kig-navigation-top{ background-color:#CC0000; padding:3px 0px 3px 20px; font-size:11px; font-weight:bold; } .kig-navigation-top a{ color:#FFFFFF; } .kig-navigation-top a:hover{ color:#CCCCCC; text-decoration:none; } .kig-navigation-1{ padding:3px 0px 3px 10px; margin-left:10px; height: } .kig-navigation-1 a:hover{ color:#CC0000; text-decoration:none; } .kig-navigation-2{ padding:3px 0px 3px 10px; margin-left:30px; } .kig-navigation-2 a:hover{ color:#CC0000; text-decoration:none; } .kig-navigation-3{ padding:3px 0px 3px 10px; margin-left:50px; } .kig-navigation-3 a:hover{ color:#CC0000; text-decoration:none; } .kig-nav-selected{ background-image:url(/html/themes/kig/images/ext-kig/arrow_red.gif); background-repeat:no-repeat; background-position:0px 6px; } .kig-nav-selected a{ color:#CC0000; text-decoration:none; } .kig-navigation-separator{ width:200px; margin:0px; padding:0px; } .kig-sitemap-column{ vertical-align:top; width:200px; } .kig-sitemap-toplevel{ vertical-align:top; color:#CC0000; font-weight:bold; padding:3px 0px 3px 0px; margin-right:20px; width:180px; } .kig-sitemap-toplevel a{ color:#CC0000; padding-left:20px; } .kig-sitemap-toplevel a:hover{ color:#999999; text-decoration:none; } .kig-sitemap-sublevel{ vertical-align:top; } .kig-sitemap-sublevel a{ color:#333333; } .kig-sitemap-sublevel a:hover{ color:#CC0000; text-decoration:none; } .kig-event-diocese { font-weight:bold; font-size:13px; padding-top:14px; } .kig-event-veranstaltung { font-weight:bold; font-size:11px; line-height:16px; padding-top:6px; } .kig-event-ort { font-size:11px; line-height:16px; } .kig-event-zeit { font-size:11px; color:#CC0000; line-height:16px; } .kig-event-beschreibung { font-size:11px; line-height:16px; } .kig-event-beschreibung-popup { font-size:11px; line-height:16px; }