/*****************************************************************************/
/* HINWEIS */
/*****************************************************************************/
/*
Um bei den CSS-Dateien von HISinOne, in die derzeit noch von vielen verschiedenen
Personen viele neue Styles eingefügt werden, Unübersichtlichkeit und mehrfaches
Entwickeln von gleichen Styles zu vermeiden, wurde folgendes Verfahren für das
künftige Einchecken von CSS-Styles festgelegt:
- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden
- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die
Projektgruppe Oberflächendesign geprüft, ggf. freigegeben und in die
HISinOne.css übernommen.
*/
/*****************************************************************************/
/* import der Styles für Navigation im Contentbereich */
@import "HISinOneMikroNavigation.css";
/* import der Styles für Navigationsrahmen */
@import "HISinOneFrame.css";
/* import der Styles für Fehlermeldungen */
@import "HISinOneErrorMessages.css";
/* import der Styles für Skin */
@import "HISinOneSkin.css";
/* import der Styles für Styleguide */
@import "HISinOneStyleguide.css";
/* import der neuen Styles, die noch nicht in die HISinOne.css übernommen sind */
@import "HISinOneExperimental.css";
/*****************************************************************************/
/* NAMENSKONVENTIONEN FÜR NEUE CSS STYLES */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt
(z.B. "navi").
2. Namenskombinationen entweder:
- mit Unterstrich (z.B. "wizard_navi"),
- in Kamelschreibweise(lowerCamelCase) (z.B. "columnFullSize")
falls inhaltliche Verbindung zu anderen Styles besteht.
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung muß
der Unterschied durch Zusatz kennzeichnet werden, z.B.:
- "columnLeft55": 55% Breite
- "box_blue_bg_white": Farbzuweisung
- "input_3_Chars": inputfield Größe für 3 Buchstaben
4. Globale Selektoren sind am Anfang einer Rubrik aufgeführt, damit man sofort
sehen kann, welche Elemente dieser Rubrik global Einfluß haben.
5. Bitte die neuen CSS entsprechend dem Inhaltsverzeichnis einsortieren,
falls neue Inhalte eingebracht werden, neue Überschrift für Inhalte auch im
Inhaltsverzeichnis ablegen.
*/
/*****************************************************************************/
/* INHALTSVERZEICHNIS */
/*****************************************************************************/
/*****************************************************************************/
/* Body */
/*****************************************************************************/
/*****************************************************************************/
/* Überschriften */
/*****************************************************************************/
/*****************************************************************************/
/* Absätze */
/*****************************************************************************/
/*****************************************************************************/
/* Abstandhalter */
/*****************************************************************************/
/*****************************************************************************/
/* Allgemeine Container */
/*****************************************************************************/
/*****************************************************************************/
/* Container Buttons und Icons ueber Karteikarten */
/*****************************************************************************/
/*****************************************************************************/
/* Formularfelder / Anordnung von Gruppen von Fieldsets */
/*****************************************************************************/
/*****************************************************************************/
/* Boxes */
/*****************************************************************************/
/*****************************************************************************/
/* Fieldsets */
/*****************************************************************************/
/*****************************************************************************/
/* Input */
/*****************************************************************************/
/*****************************************************************************/
/* Bedienelemente in Fieldsets */
/*****************************************************************************/
/*****************************************************************************/
/* Mehrspaltigkeit in Fieldsets */
/*****************************************************************************/
/*****************************************************************************/
/* Zweispaltige Eingabezeilen */
/*****************************************************************************/
/*****************************************************************************/
/* Tabellen */
/*****************************************************************************/
/*****************************************************************************/
/* Listen */
/*****************************************************************************/
/*****************************************************************************/
/* Bilder */
/*****************************************************************************/
/*****************************************************************************/
/* Farben */
/*****************************************************************************/
/*****************************************************************************/
/* Textformatierung */
/*****************************************************************************/
/*****************************************************************************/
/* ANFANG CSS */
/*****************************************************************************/
/*****************************************************************************/
/* Body */
/*****************************************************************************/
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype'); font-weight: bold; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype'); font-style: italic; }
body {
color: #186090;
background-color: #FFFFFF;
font-family: "Open Sans", arial, Helvetica,sans-serif !important;
/* margin-top: 5px; */
font-size: 82.5%;
}
html,body {
height: 100%;
}
/*****************************************************************************/
/* Überschriften */
/*****************************************************************************/
h1 {
font-size: 150%;
font-weight: normal;
margin: 0;
padding: 0;
}
h2 {
font-size: 120%;
color: #006ab2;
font-weight: bold;
margin: 0.1em 0em 0.3em 0em;
white-space: nowrap;
}
h3 {
font-size: 110%;
color: #186090;
font-weight: bold;
margin: 0;
}
h3 .navi_cards_left {
clear: both;
display: block;
font-size: 95%;
padding-top: 0.4em;
}
h4 {
font-size: 100%;
text-decoration: none;
font-weight: normal;
list-style-type: none;
list-style-image: none;
margin-left: 0px;
padding: 0;
margin-bottom: 10px;
margin-top: 10px;
}
h5 {
font-size: 100%;
color: #186090;
font-weight: bold;
margin: 0.1em 0em 0.3em 0em;
}
/* DEPRECATED */
.h1 {
font-weight: 600;
color: #186090;
}
/* DEPRECATED */
.h2 {
padding-left: 10px;
font-weight: 600;
color: #006ab2;
}
.pathHeader {
font-size: 100%;
font-weight: normal;
float: left;
}
/*****************************************************************************/
/* Absätze */
/*****************************************************************************/
p {
margin-top: 0.5em;
margin-bottom: 0.4em;
line-height: 1.4em;
}
p.first {
margin-top: 0;
}
p.last {
margin-bottom: 0;
}
p.nospace {
margin-top: 0;
margin-bottom: 0;
}
.treePath {
margin: 0;
padding: 0;
padding-bottom: 0.4em;
}
/*****************************************************************************/
/* Abstandhalter */
/*****************************************************************************/
.clearer, .clearerSpaceAboveHalfEm {
clear: both;
line-height: 0;
height: 0;
overflow: hidden;
display: block;
margin: 0px;
padding: 0px;
}
/* Fix IE 7 (and IE5) */
*+html .clearer {
margin: -3px;
padding: -3px;
}
/* Fix IE 7 (and IE5) */
* html .clearer {
margin: -3px;
padding: -3px;
}
.clearerSpaceAboveHalfEm {
padding-top: 0.5em;
}
.floatRight {
float: right;
}
.spacerImageTable {
width: 16px;
height: 16px;
margin: 1px;
padding: 1px;
margin-right: 4px;
}
.imagePathSeparator {
margin-right: 7px;
margin-left: 3px;
}
/*****************************************************************************/
/* Allgemeine Container */
/*****************************************************************************/
.infobox {
padding: 1em;
margin-bottom: 0.3em;
background-color: white;
}
.messages-infobox {
width: 55%;
min-width: 350px;
}
.infobox a,.infobox a:visited,.infobox a:active,.infobox a:hover {
text-decoration: underline;
cursor: pointer;
}
.infobox ul,.infobox ol {
list-style-type: decimal;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.infobox p {
height: 1%;
padding: 0;
font-weight: bold;
}
.infobox p.wide {
padding-bottom: 0.5em;
}
.infobox p.extrawide {
padding-bottom: 1em;
}
/**
* HISinOne - component: two-column-layout
*/
.two-column-layout {
float: left;
width: 100%;
position: relative;
}
.two-column-layout .layout-column-1 {
position: relative;
float: left;
width: 48.5%;
}
.two-column-layout .layout-column-2 {
position: relative;
float: right;
width: 48.5%;
}
/**
* HISinOne - component: content-sidebar-layout
*/
.content-sidebar-layout {
float: left;
width: 100%;
}
.content-sidebar-layout .layout-content {
margin-right: 21.5em;
/* IE 7 - visibility hack */
height: 1%;
}
.content-sidebar-layout .layout-sidebar {
float: right;
width: 20em;
}
/**
* HISinOne - component: named box
*/
.named-box {
clear: left;
margin-bottom: 1em;
background: transparent
url(../images/icons/cm.alu/boxes/rounded/metal/box-bl.gif)
bottom left repeat-x;
}
.named-box dl.named-box-container {
background: transparent
url(../images/icons/cm.alu/boxes/rounded/metal/box-tr.gif) top
right no-repeat;
height: 1%;
margin: 0;
}
.named-box dl.named-box-container dt.named-box-title {
font-weight: bold;
font-size: 1.05em;
color: white;
background: transparent
url(../images/icons/cm.alu/boxes/rounded/metal/box-tl.gif) top
left repeat-x;
padding: 10px 0 8px 1em;
margin-right: 10px;
}
.named-box dl.named-box-container dd.named-box-content {
margin: 0;
padding: 0.5em 1em 1.1em 1em;
background: transparent
url(../images/icons/cm.alu/boxes/rounded/metal/box-br.gif)
bottom right no-repeat;
height: 100%; /* Fix for IE 7 */
}
.named-box ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.named-box ul li {
margin-bottom: 0.3em;
}
.named-box .last,.alu-page .last {
margin-bottom: 0;
}
/*****************************************************************************/
/* Container Buttons und Icons ueber Karteikarten */
/*****************************************************************************/
.buttonsTop {
margin: 0px;
padding: 0em 0.2em 0em 0em;
}
.buttonsTopLineBeneath {
margin: 0px;
padding: 0em 0em 0.2em 0em;
border-bottom: 1px dotted #7FB4D8;
}
.buttonsTopLeft {
margin: 0px;
padding: 0px;
float: left;
}
.buttonsTopRight {
margin: 0px;
padding: 0px;
float: right;
}
/*****************************************************************************/
/* Container Buttons und Icons unter Dialogen / Karteikarten */
/*****************************************************************************/
.buttonsBottom {
margin: 0px;
padding: 4px 0.2em 2px 0.2em;
margin-bottom: 2px;
}
.buttonsBottomLineAbove {
margin: 0px;
border-top: 1px dotted #7FB4D8;
padding: 4px 0.2em 2px 0.2em;
margin-bottom: 2px;
}
.buttonsBottomLeft {
margin: 0px;
padding: 0px;
float: left;
}
.buttonsBottomRight {
margin: 0px;
padding: 0px;
float: right;
}
/*****************************************************************************/
/* Formularfelder / Anordnung von Gruppen von Fieldsets */
/*****************************************************************************/
form {
margin:0px;
padding:0px;
}
.columnFullSize,.columnLeft55,.columnHalfLeft,.columnHalfRight,
.columnOneThirdLeft,.columnOneThirdRight,.columnTwoThirdLeft,.columnTwoThirdRight,.columnOneThirdLeft28,.columnOneThirdRight28,
.columnOneQuarterLeft,.columnThreeQuarterRight,.columnOneQuarterLeft_1024,.columnThreeQuarterRight_1024,
.columnTwoThirdLeft_1024, .columnTwoThirdRight_1024,.columnOneThirdLeft_1024,.columnOneThirdRight_1024
{
margin: 0;
padding: 0;
/* float: left; */
}
.columnLeft55,.columnHalfLeft,.columnHalfRight,
.columnOneThirdLeft,.columnOneThirdRight,.columnTwoThirdLeft,.columnTwoThirdRight,.columnOneThirdLeft28,.columnOneThirdRight28,
.columnOneQuarterLeft,.columnThreeQuarterRight,.columnOneQuarterLeft_1024,.columnThreeQuarterRight_1024,
.columnTwoThirdLeft_1024, .columnTwoThirdRight_1024,.columnOneThirdLeft_1024,.columnOneThirdRight_1024
{
/* float: left; */
}
/* Einspaltige Anordnung von Fieldsets */
.columnFullSize {
width: 98.5%;
min-width: 950px;
/* clear: both; */
}
.columnLeft55 {
width: 55%;
min-width: 496px;
}
/* Fix for IE 6 */
* html .columnLeft55 {
width: 500px;
}
/* Zweispaltige Anordnung von Fieldsets - Linke und rechte Spalte */
.columnHalfLeft,.columnHalfRight {
width: 49%;
min-width: 465px;
margin: 0px;
}
/* Fix for IE 6 */
* html .columnHalfLeft,* html .columnHalfRight {
width: 445px;
}
.columnTwoThirdLeft,.columnTwoThirdRight {
width: 62%;
min-width: 570px;
}
/* Fix for IE 6 */
* html .columnTwoThirdLeft,* html .columnTwoThirdRight {
width: 570px;
}
.columnOneThirdLeft,.columnOneThirdRight {
width: 36%;
min-width: 320px;
}
/* Fix for IE 6 */
* html .columnOneThirdLeft,* html .columnOneThirdRight {
width: 320px;
}
/* Layout ist optimiert für eine Bildschirmbreite von 1024 px */
.columnTwoThirdLeft_1024,.columnTwoThirdRight_1024 {
/* width: 53%;
min-width: 520px; */
width: 66%;
float: left;
}
/* Fix for IE 6 */
* html .columnTwoThirdLeft_1024,* html .columnTwoThirdRight_1024 {
width: 510px;
}
.columnOneThirdLeft_1024,.columnOneThirdRight_1024 {
/* width: 30%;
min-width: 150px; */
width: 33%;
float:left;
}
/* Fix for IE 6 */
* html .columnOneThirdLeft_1024,* html .columnOneThirdRight_1024 {
width: 150px;
}
/* ENDE von Layout ist optimiert für eine Bildschirmbreite von 1024 px */
.columnOneThirdLeft28,.columnOneThirdRight28 {
width: 28%;
min-width: 300px;
}
/* Fix for IE 6 */
* html .columnOneThirdLeft28,* html .columnOneThirdRight28 {
width: 280px;
}
.columnOneQuarterLeft {
width: 24%;
min-width: 220px;
}
/* Fix for IE 6 */
* html .columnOneQuarterLeft {
width: 200px;
}
.columnThreeQuarterRight {
width: 74%;
min-width: 650px;
}
/* Fix for IE 6 */
* html .columnThreeQuarterRight {
width: 640px;
}
/* Layout ist optimiert für eine Bildschirmbreite von 1024 px */
.columnThreeQuarterLeft_1024,.columnThreeQuarterRight_1024 {
width: 74%;
min-width: 550px;
}
/* Fix for IE 6 */
* html .columnThreeQuarterLeft_1024,* html .columnThreeQuarterRight_1024 {
width: 550px;
}
.columnOneQuarterLeft_1024,.columnOneQuarterRight_1024 {
width: 25%;
min-width: 150px;
}
/* Fix for IE 6 */
* html .columnOneQuarterLeft_1024,* html .columnOneQuarterRight_1024 {
width: 155px;
}
/* ENDE von Layout ist optimiert für eine Bildschirmbreite von 1024 px */
/* Zweispaltige Anordnung von Fieldsets - Linke Spalte */
.columnHalfLeft,.columnOneThirdLeft,.columnTwoThirdLeft,.columnOneThirdLeft28,.columnOneQuarterLeft
{
padding-right: 0.2em;
}
/*****************************************************************************/
/* Boxes */
/*****************************************************************************/
/*--Spezialangaben für den Internet Explorer 7--*/
*+html .boxStandard:hover, .box_red_bg_grey:hover, .box_blue_bg_white:hover, .box_green_bg_grey:hover, .box_grey_bg_white:hover, .box_noheader_bg_white:hover {
z-index: 990;
}
*+html .boxStandard, .box_red_bg_grey, .box_blue_bg_white, .box_green_bg_grey, .box_grey_bg_white, .box_noheader_bg_white {
/* position: relative; */
}
.boxStandard, .box_red_bg_grey, .box_blue_bg_white, .box_green_bg_grey, .box_grey_bg_white, .box_noheader_bg_white {
/* clear: left; */
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.boxStandard {
border:1px solid #ededed;
}
.box_blue_bg_white {
border:1px solid #ededed;
}
.box_container {
height: 1%;
margin: 0;
}
.box_blue_bg_white .box_container {
}
.boxStandard .box_container {
}
.box_title {
font-weight: bold;
padding: 1px 0px 1px 6px;
margin-right: 10px;
font-size:105%;
}
.box_blue_bg_white .box_title {
}
.boxStandard .box_title {
}
.box_content {
margin: 0px;
padding: 0.5em 0.1em 0.6em 0.1em;
height: 100%; /* Fix for IE 7 */
}
.box_blue_bg_white .box_content {
}
.boxStandard .box_content {
}
.box_title h2 {
margin: 5px;
font-size: 105%;
border: none;
}
.box_blue_bg_white .box_title h2,
.box_red_bg_grey .box_title h2,
.box_green_bg_grey .box_title h2 {
margin: 5px;
font-size: 105%;
color: #fff;
}
.boxStandard .box_closed_left,.box_blue_bg_white .box_closed_left {
padding: 0;
margin-top: 0px;
margin-left: -6px;
margin-bottom: -1px;
margin-right: -10px;
height: 8px;
}
.boxStandard .box_closed_right,.box_blue_bg_white .box_closed_right {
margin: 0;
padding: 0;
height: 8px;
}
.boxStandard .box_bottom_right,.box_blue_bg_white .box_bottom_right {
width: 100%;
height: 9px;
font-size: 9px;
float: left;
}
.boxStandard .box_bottom_left,.box_blue_bg_white .box_bottom_left {
width: 100%;
height: 9px;
float: left;
}
/* rote Box für Fehler und Konflikte */
.box_red_bg_grey {
border:1px solid #E54F0D;
background-color: #FCF8F6;
}
.box_red_bg_grey .box_title {
}
.box_red_bg_grey .box_container {
}
.box_red_bg_grey .box_content {
}
.box_red_bg_grey .box_closed_left {
padding: 0;
margin-top: 0px;
margin-left: -6px;
margin-bottom: -1px;
margin-right: -10px;
height: 8px;
}
.box_red_bg_grey .box_closed_right {
margin: 0;
padding: 0;
height: 8px;
}
.box_red_bg_grey .box_bottom_right {
width: 100%;
height: 9px;
font-size: 9px;
float: left;
}
.box_red_bg_grey .box_bottom_left {
width: 100%;
height: 9px;
float: left;
}
/* grüne Box für Master/Detail */
.box_green_bg_grey {
border:1px solid #72B96A;
background-color: #FBFCF7;
}
.box_green_bg_grey .box_title {
}
.box_green_bg_grey .box_container {
}
.box_green_bg_grey .box_content {
}
.box_green_bg_grey .box_closed_left {
padding: 0;
margin-top: 0px;
margin-left: -6px;
margin-bottom: -1px;
margin-right: -10px;
height: 8px;
}
.box_green_bg_grey .box_closed_right {
margin: 0;
padding: 0;
height: 8px;
}
.box_green_bg_grey .box_bottom_right {
width: 100%;
height: 9px;
font-size: 9px;
float: left;
}
.box_green_bg_grey .box_bottom_left {
width: 100%;
height: 9px;
float: left;
}
/* weiße Box für Texte und Informationen */
.box_grey_bg_white {
border:1px solid #ededed;
}
.box_grey_bg_white .box_title {
}
.box_grey_bg_white .box_container {
}
.box_grey_bg_white .box_content {
padding: 0.5em 1em 1em 1em;
line-height: 1.3em;
}
.box_grey_bg_white .box_closed_left {
padding: 0;
margin-top: 0px;
margin-left: -6px;
margin-bottom: -1px;
margin-right: -10px;
height: 8px;
}
.box_grey_bg_white .box_closed_right {
margin: 0;
padding: 0;
height: 8px;
}
.box_grey_bg_white .box_bottom_right {
width: 100%;
height: 9px;
font-size: 9px;
float: left;
}
.box_grey_bg_white .box_bottom_left {
width: 100%;
height: 9px;
float: left;
}
/* Box OHNE KOPF/ÜBERSCHRIFT mit weißem Hintergrund*/
.box_noheader_bg_white {
border:1px solid #ededed;
}
.box_noheader_bg_white .box_title {
}
.box_noheader_bg_white .box_container {
}
.box_noheader_bg_white .box_content {
padding: 0.3em 1em 1em 0.3em;
line-height: 1.3em;
}
.box_noheader_bg_white .box_closed_left {
padding: 0;
margin-top: 0px;
margin-left: -6px;
margin-bottom: -1px;
margin-right: -10px;
height: 8px;
}
.box_noheader_bg_white .box_closed_right {
margin: 0;
padding: 0;
height: 8px;
}
.box_noheader_bg_white .box_bottom_right {
width: 100%;
height: 9px;
font-size: 9px;
float: left;
}
.box_noheader_bg_white .box_bottom_left {
width: 100%;
height: 9px;
float: left;
}
/*****************************************************************************/
/* Fieldsets */
/*****************************************************************************/
fieldset,.fieldsetCollapsibleSizeHalf,.fieldsetCollapsibleSizeFull,.fieldsetStatic
{
margin: 0 0 0.1em 0;
border: 1px solid #7FB4D8;
}
fieldset,.fieldsetCollapsibleSizeHalf,.fieldsetCollapsibleSizeFull,.fieldsetStatic
{
border-top: 0px solid #F1F2F5; /* wegen Darstellungsfehler im IE */
}
fieldset h2 {
font-size: 105%;
margin: 0.2em 0.2em 0.8em 0.4em;
border: none;
padding: 0;
}
.fieldsetCollapsibleSizeHalf,.fieldsetHeadlineSizeHalf {
min-width: 500px;
max-width: 500px;
width: 45%;
}
/* Fix for IE 6 */
* html .fieldsetCollapsibleSizeHalf,.fieldsetHeadlineSizeHalf {
width: 500px;
}
.fieldsetCollapsibleSizeFull {
width: auto;
}
.fieldsetHeadlineSizeFull,.fieldsetHeadlineSizeHalf,.fieldsetStaticHeadline
{
background: url(../images/icons/verlauf_headline.gif) repeat-x
scroll left bottom;
border: 1px solid #7FB4D8;
margin: 5px 0px 0px 0px;
padding: 2px 0.5% 2px 0.5%;
}
.fieldsetHeadlineSizeFull h2,.fieldsetHeadlineSizeHalf h2,.fieldsetStaticHeadline h2
{
font-size: 115%;
margin: 0px 0px 0px 22px;
}
.fieldsetStaticHeadline h2 {
margin: 0px 0px 0px 0.2em;
}
.fieldsetHeadlineHeaderLink:hover,.fieldsetHeadlineHeaderLink:focus {
background-color: #EFDFC2;
text-decoration: underline;
}
.fieldsetHeadlineCollapseButton {
float: left;
top: 0.2em;
margin-right: 0.5em;
position: relative;
}
.fieldsetHeadlineCollapseLink {
float: left;
top: 0.4em;
margin-right: 0.5em;
position: relative;
cursor: pointer;
}
.fieldsetPaddedContent {
padding: 1em;
}
legend {
background-color: #FFFFFF;
font-size: 110%;
border: 1px solid #006AB3;
padding: 2px 20px 2px 20px;
margin: 2px 5px 5px 5px;
}
.fieldsetCollapsibleSizeHalf legend,.fieldsetCollapsibleSizeFull legend,.fieldsetNoBorder legend,.fieldsetStatic legend
{
display: none;
}
fieldset ol {
list-style-type: none;
margin: 0px;
padding: 0px;
}
fieldset ol li,fieldset ol li.withLineAbove,fieldset ol li.withLineBelow,fieldset ol li.withDottedLineAbove
{
margin-bottom: 0.2em;
/*display: block;*/
/* clear: left; Anzeigefehler im Firefox beseitigen */
clear: both;
}
fieldset ol li.withLineAbove {
border-top: 1px solid #7FB4D8;
padding-top: 0.2em
}
fieldset ol li.withLineBelow {
border-bottom: 1px solid #7FB4D8;
padding-bottom: 0.2em
}
fieldset ol li.withDottedLineAbove {
margin-top: 0.5em;
margin-bottom: 0em;
border-top: 1px dotted #7FB4D8;
padding-top: 0.5em;
padding-bottom: 0.2em
}
fieldset ol li.withSpaceAbove {
margin-top: 0.7em;
margin-bottom: 0.2em;
}
fieldset ol li.withSpaceBelow {
margin-top: 0.2em;
margin-bottom: 0.7em;
margin: 0px;
padding-bottom: 2em;
}
/* LABEL */
label,.labelAsDiv {
width: 30%;
}
fieldset ol li label,fieldset ol li label.label_82,fieldset ol li label.label_60,.labelAsDiv
{
text-align: right;
float: left;
margin-right: 5px;
margin-top: 5px;
}
fieldset ol li .labelAsDiv_75 {
width: 75%;
float: left;
margin-right: 5px;
margin-top: 5px;
margin-top: 0px;
}
fieldset ol li .noLabelContentLine_50 {
width: 50%;
margin: 10px 0px 10px 0px;
padding-bottom: 4px;
padding-top: 5px;
display:inline;
}
/* IE 6 fix */
* html fieldset ol li .noLabelContentLine_50 label {
text-align: left;
width: 10%;
}
fieldset ol li .noLabelContent, fieldset ol li .noLabelContentLine {
width: 69%;
float: right;
padding: 0px;
margin: 0px;
padding-bottom: 4px;
}
fieldset ol li .noLabelContentLine label, fieldset ol li .noLabelContentLine_50 label
{
float: none;
margin-right: 0px;
margin-top: 0px;
padding-right: 3px;
}
/* IE 6 fix */
* html fieldset ol li .noLabelContentLine label {
text-align: left;
width: 10%;
}
fieldset ol li label.label_82 {
width: 82%;
}
fieldset ol li label.label_48 {
width: 48%;
}
fieldset ol li label.label_40 {
width: 200px;
}
fieldset ol li label.label_60 {
width: 60%;
}
fieldset ol li label.label_top_position_100,fieldset ol li label.label_top_position_marked
{
float: none;
display: block;
width: 100%;
text-align: left;
}
fieldset ol li label.label_top_position_marked {
width: 50%;
margin: 1em 0em 0em 0em;
font-weight: bold;
background-color: #ffffff;
border-top: 1px dotted #7FB4D8;
border-right: 1px dotted #7FB4D8;
border-left: 1px dotted #7FB4D8;
font-size: 100%;
padding: 0.2em 0em 0.2em 3px;
}
fieldset ol li label.labelInLine {
float: none;
vertical-align: baseline;
margin: 0em 0.5em 0em 0.7em;
}
.labelNoFloat {
float: none;
margin-top: 5px;
}
fieldset ol li .labelAsDiv {
margin-top: 5px;
}
fieldset td label {
margin-right: 5px;
padding-top: 3px;
}
/* fieldset ol li .input_45 {
width: 45%;
color: #186090;
margin: 1px;
padding: 1px;
height: 1.3em;
}*/
fieldset td .input_45 {
color: #186090;
width: 45%;
}
.fieldsetNoBorder {
border: none;
padding: 0px 7px 0px 7px;
}
.fieldsetNoBorderWhite {
border: none;
padding: 0px 7px 0px 7px;
background-color: #FFF;
}
.fieldsetBorderRight {
border: none;
border-right: 1px solid #7FB4D8;
padding-left: 7px;
padding-right: 7px;
}
.fieldsetBorderLeft {
border: none;
border-left: 1px solid #7FB4D8;
padding-left: 7px;
padding-right: 7px;
}
.fieldsetNoBorder .legend {
border: none;
background-color: transparent;
font-size: 120%;
font-weight: bold;
margin: 0px;
padding: 10px 0px 0px 0px;
}
.fieldsetDottedLineAbove {
margin: 0.5em 0 0 0;
border: none;
border-top: 1px dotted #7FB4D8;
padding-top: 0.5em;
padding-bottom: 0.2em;
padding-left: 0px;
}
.line_above {
border: none;
border-top: solid 1px grey;
}
.overflowAuto {
margin: 0;
padding: 0;
overflow: auto;
float: left;
width: 100%;
}
.overflowAutoNoFloat {
margin: 0;
overflow: auto;
float: none;
width: 100%;
padding: 2px;
}
/*****************************************************************************/
/* Input */
/*****************************************************************************/
label {
cursor: pointer;
}
.noinputText { /* einfacher Text neben einem Label */
line-height: 2em;
}
.input,.inputchanged,.inputnew,.inputerror,.inputselected,.noinput,.inputsuccess
{
margin-bottom: 0px;
}
span .input {
margin-bottom: 0px;
white-space: nowrap;
}
input:focus,select:focus,textarea:focus {
background-color: #fff1cc;
}
input,select,textarea {
color: #186090;
font-family: "Open Sans", arial, Helvetica,sans-serif;
margin: 1px;
padding: 1px;
}
input:hover,input:focus,input:active {
background-color: #fff1cc;
}
.checkbox:active {
background-color: #fff1cc;
}
/* INPUT - TEXTFELD */
.input_standard,.input_standard_readonly,.input_8,.input_25,.input_30,.input_33,.input_45,.input_87,.input_98,.input_date,.input_2_Chars,.input_3_Chars,.input_4_Chars
{
font-size: 1em;
}
.input_standard,.input_standard_readonly {
width: 60%;
}
/*fuer Eingaben bis zu 4 Zeichen*/
.input_8 {
width: 8%;
}
/* IE 6 fix */
* html .input_8 {
width: 3em;
}
.input_25 {
width: 25%;
}
.input_30 {
width: 30%;
}
.input_33 {
width: 33%;
}
.input_45 {
width: 45%;
}
.input_87 {
width: 87%;
}
.input_98 {
width: 98%;
}
.input_date {
width: 5.5em;
}
/*fuer Eingaben bis zu 2 Zeichen, abhaengig von der Schriftgroesse*/
.input_2_Chars {
width: 1.5em;
}
/*fuer Eingaben bis zu 3 Zeichen, abhaengig von der Schriftgroesse*/
.input_3_Chars {
width: 2em;
}
/*fuer Eingaben bis zu 4 Zeichen, abhaengig von der Schriftgroesse*/
.input_4_Chars {
width: 2.5em;
}
/*fuer Eingaben bis zu 5 Zeichen, abhaengig von der Schriftgroesse*/
.input_5_Chars {
width: 3em;
}
.input_standard_readonly,.input_standard_readonly:hover,.input_standard_readonly:focus
{
background-color: #EFEFEF;
border: 1px solid #999999;
height: 1.3em;
}
/* DROPDOWN */
select {
font-size: 1em;
border: 1px solid #DDDDDD;
margin-top: 2px;
max-width: 540px;
padding: 3px;
}
.dropdown_standard {
width: 61%;
}
.dropdown_autoWidth {
width: auto;
}
.dropdown_97 {
width: 97%;
}
.dropdown_46 {
width: 46%;
}
.dropdown_26 {
width: 26%;
}
.dropdown_24 {
width: 24%;
}
.dropdown_17 {
width: 17%;
}
.dropdown_1_char {
width: 3.1em;
}
/* SHUTTLE */
.labelPicklistChooseFrom {
display: block;
width: 100%;
text-align: left;
margin: 0;
margin-left: 1px;
}
.labelPicklistSelected {
display: block;
width: 100%;
text-align: left;
margin-left: 1px;
}
.shuttle_100 {
width: 100%;
margin: 0;
padding: 0;
}
.inputPicklist {
width: 88%;
}
.inputPicklist_100 {
width: 100%;
margin-top: 5px;
}
.picklistShuttle {
float: left;
width: 44%;
margin: 5px;
}
.picklistShuttleButtons {
float: left;
padding-top: 2em;
}
.picklistShuttleButtonsVertical {
text-align: center;
margin-right: 3em;
}
.dropdown_3em {
width: 3em;
}
.labelAsDiv_95 {
width: 95%;
margin-left: 5px;
}
/* TEXTAREA */
.textarea_standard,.textarea_45,.textarea_98,.mceEditor,.fckEditor {
font-size: 1em;
font-family: "Open Sans", arial, Helvetica,sans-serif;
}
.textarea_standard {
width: 60%;
}
.textarea_45 {
width: 45%;
}
.textarea_98,.mceEditor,.fckEditor {
width: 98%;
}
.label .jsf {
text-align: right;
}
.input .error {
outline-color: red;
outline-style: solid;
outline-width: thin;
}
/* RADIOBUTTON */
.radiobutton {
white-space: nowrap;
/* margin-left:31%; */
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
padding: 0px;
}
.radiobutton p {
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
padding: 0px;
}
.radiobutton label {
float: none;
}
/* IE 6 fix */
* html .radiobutton label {
text-align: left;
width: 10%;
}
.radioButtonslineDirection {
float: none;
}
/* CHECKBOX */
.checkbox {
white-space: nowrap;
font-size: 1em;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
padding: 0px;
}
.checkbox p {
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
padding: 0px;
}
.checkbox label {
float: none;
}
/* IE 6 fix */
* html .checkbox label {
text-align: left;
width: 10%;
}
.checkboxlineDirection {
float: none;
}
/*****************************************************************************/
/* Bedienelemente in Fieldsets */
/*****************************************************************************/
.commandLinkWithIconAndText,.commandLinkWithIconAndText:visited {
color: #186090;
margin-left: 0.5em;
margin-right: 0.9em;
}
.commandLinkWithIconAndText:hover,.commandLinkWithIconAndText:focus {
color: #333;
background-color: #FFF1CC;
}
.commandLinkWithIconAndText img {
margin-right: 7px;
}
/*****************************************************************************/
/* Mehrspaltigkeit in Fieldsets */
/*****************************************************************************/
/* 1. Spalte */
.div_left {
float: left;
}
/* folgende Spalte/n */
.div_left_margin_left {
float: left;
margin-left: 10px;
}
/*****************************************************************************/
/* Tabellen */
/*****************************************************************************/
.row {
float: left;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}
.left {
float: left;
width: 25%;
}
.right {
float: left;
white-space: nowrap;
}
.colLeft {
float: left;
width: 50%;
}
.colRight {
float: right;
width: 50%;
}
.listRowEven {
background-color: #EFEFEF;
}
.listRowEvenHover {
/* background-color: #EFEAB3; */
background-color: #FFFABF;
}
.listRowOdd {
background-color: #FFFFFF;
}
.listRowOddHover {
background-color: #FFFABF;
}
/* DEPRECATED */
.table td {
border: 0.5pt none;
line-height: 2em;
padding: 0px 3px 0px 3px;
/* vertical-align: top; */
}
.tableWithSelect td {
border: 0.5pt none;
line-height: 2em;
padding: 0px 3px 0px 3px;
}
.tableWithBorder,.tableWithSelect,.table {
border: 2px solid #fff;
width: 99.97%;
border-spacing: 1px;
margin: 0;
margin-bottom: 0.5em;
background-color: #F1F2F5;
}
th.tableHeader, table.treeTable th,
table.treeTableWithIcons th {
font-weight: bold;
padding: 3px 5px 4px;
text-align: left;
vertical-align: top;
}
/* Links im tableHeader */
th.tableHeader a,th.tableHeader a:visited {
color: #186090;
text-decoration: underline;
}
th.tableHeader a:hover,th.tableHeader a:focus {
color: #333;
text-decoration: underline;
background-color: #FFF1CC;
}
/* Tree als Tabelle */
table.treeTable,
table.treeTableWithIcons {
width: 100%;
/* clear auskommentiert 2008-12-09 cordes */ /* clear: both; */
/* margin: 5px 0px 0px 0px;*/
border: 0px solid #7FB4D8;
/* border: 1px solid #DFDFDF;
border-right:none;
border-left:none;
border-collapse: collapse; */
padding-bottom: 0.6em;
}
table.treeTable tr,
table.treeTableWithIcons tr {
border: 1px solid #DFDFDF;
}
table.treeTable th,
table.treeTableWithIcons th {
text-align: left;
background-color: #f1f2f5;
}
table.treeTable td,
table.treeTableWithIcons td {
vertical-align: top;
border-bottom: 1px solid #EFEFEF;
padding: 3px;
}
table.treeTable tr,
table.treeTableWithIcons tr {
background-color: white;
}
table.treeTable tr.treeTableCellLevel1,
table.treeTableWithIcons tr.treeTableCellLevel1 {
background-color: #EFF9FF;
}
table.treeTable tr.treeTableCellLevel2,
table.treeTableWithIcons tr.treeTableCellLevel2 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel3,
table.treeTableWithIcons tr.treeTableCellLevel3 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel4,
table.treeTableWithIcons tr.treeTableCellLevel4 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel5,
table.treeTableWithIcons tr.treeTableCellLevel5 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel6,
table.treeTableWithIcons tr.treeTableCellLevel6 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel7,
table.treeTableWithIcons tr.treeTableCellLevel7 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel8,
table.treeTableWithIcons tr.treeTableCellLevel8 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel9,
table.treeTableWithIcons tr.treeTableCellLevel9 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel10,
table.treeTableWithIcons tr.treeTableCellLevel10 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel11,
table.treeTableWithIcons tr.treeTableCellLevel11{
background-color: white;
}
table.treeTable tr.treeTableCellLevel12,
table.treeTableWithIcons tr.treeTableCellLevel12 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel13,
table.treeTableWithIcons tr.treeTableCellLevel13 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel14,
table.treeTableWithIcons tr.treeTableCellLevel14 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel15,
table.treeTableWithIcons tr.treeTableCellLevel15 {
background-color: white;
}
table.treeTable td.treeTableCellLevel1,
table.treeTableWithIcons td.treeTableCellLevel1 {
}
table.treeTable td.treeTableCellLevel2,
table.treeTableWithIcons td.treeTableCellLevel2 {
padding-left: 16pt;
}
table.treeTable td.treeTableCellLevel3,
table.treeTableWithIcons td.treeTableCellLevel3 {
padding-left: 32pt;
}
table.treeTable td.treeTableCellLevel4,
table.treeTableWithIcons td.treeTableCellLevel4 {
padding-left: 48pt;
}
table.treeTable td.treeTableCellLevel5,
table.treeTableWithIcons td.treeTableCellLevel5 {
padding-left: 64pt;
}
table.treeTable td.treeTableCellLevel6,
table.treeTableWithIcons td.treeTableCellLevel6 {
padding-left: 80pt;
}
table.treeTable td.treeTableCellLevel7,
table.treeTableWithIcons td.treeTableCellLevel7 {
padding-left: 96pt;
}
table.treeTable td.treeTableCellLevel8,
table.treeTableWithIcons td.treeTableCellLevel8 {
padding-left: 112pt;
}
table.treeTable td.treeTableCellLevel9,
table.treeTableWithIcons td.treeTableCellLevel9 {
padding-left: 128pt;
}
table.treeTable td.treeTableCellLevel10,
table.treeTableWithIcons td.treeTableCellLevel10 {
padding-left: 144pt;
}
table.treeTable td.treeTableCellLevel11,
table.treeTableWithIcons td.treeTableCellLevel11 {
padding-left: 160pt;
}
table.treeTable td.treeTableCellLevel12,
table.treeTableWithIcons td.treeTableCellLevel12 {
padding-left: 186pt;
}
table.treeTable td.treeTableCellLevel13,
table.treeTableWithIcons td.treeTableCellLevel13 {
padding-left: 202pt;
}
table.treeTable td.treeTableCellLevel14,
table.treeTableWithIcons td.treeTableCellLevel14 {
padding-left: 218pt;
}
table.treeTable td.treeTableCellLevel15,
table.treeTableWithIcons td.treeTableCellLevel15 {
padding-left: 234pt;
}
table.treeTable tr.treeTableCellLevel2,
table.treeTableWithIcons tr.treeTableCellLevel2 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel3,
table.treeTableWithIcons tr.treeTableCellLevel3 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel4,
table.treeTableWithIcons tr.treeTableCellLevel4 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel5,
table.treeTableWithIcons tr.treeTableCellLevel5 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel6,
table.treeTableWithIcons tr.treeTableCellLevel6 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel7,
table.treeTableWithIcons tr.treeTableCellLevel7 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel8,
table.treeTableWithIcons tr.treeTableCellLevel8 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel9,
table.treeTableWithIcons tr.treeTableCellLevel9 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel10,
table.treeTableWithIcons tr.treeTableCellLevel10 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel11,
table.treeTableWithIcons tr.treeTableCellLevel11 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel12,
table.treeTableWithIcons tr.treeTableCellLevel12 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel13,
table.treeTableWithIcons tr.treeTableCellLevel13 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel14,
table.treeTableWithIcons tr.treeTableCellLevel14 {
background-color: white;
}
table.treeTable tr.treeTableCellLevel15,
table.treeTableWithIcons tr.treeTableCellLevel15 {
background-color: white;
}
table.treeTable td.treeTableCellLevel1,
table.treeTableWithIcons td.treeTableCellLevel1 {
}
table.treeTable td.treeTableCellLevel2,
table.treeTableWithIcons td.treeTableCellLevel2 {
padding-left: 2.5%;
}
table.treeTable td.treeTableCellLevel3,
table.treeTableWithIcons td.treeTableCellLevel3 {
padding-left: 5%;
}
table.treeTable td.treeTableCellLevel4,
table.treeTableWithIcons td.treeTableCellLevel4 {
padding-left: 7.5%;
}
table.treeTable td.treeTableCellLevel5,
table.treeTableWithIcons td.treeTableCellLevel5 {
padding-left: 10%;
}
table.treeTable td.treeTableCellLevel6,
table.treeTableWithIcons td.treeTableCellLevel6 {
padding-left: 12.5%;
}
table.treeTable td.treeTableCellLevel7,
table.treeTableWithIcons td.treeTableCellLevel7 {
padding-left: 15%;
}
table.treeTable td.treeTableCellLevel8,
table.treeTableWithIcons td.treeTableCellLevel8 {
padding-left: 17.5%;
}
table.treeTable td.treeTableCellLevel9,
table.treeTableWithIcons td.treeTableCellLevel9 {
padding-left: 20%;
}
table.treeTable td.treeTableCellLevel10,
table.treeTableWithIcons td.treeTableCellLevel10 {
padding-left: 22.5%;
}
table.treeTable td.treeTableCellLevel11,
table.treeTableWithIcons td.treeTableCellLevel11 {
padding-left: 25%;
}
table.treeTable td.treeTableCellLevel12,
table.treeTableWithIcons td.treeTableCellLevel12 {
padding-left: 27.5%;
}
table.treeTable td.treeTableCellLevel13,
table.treeTableWithIcons td.treeTableCellLevel13 {
padding-left: 30%;
}
table.treeTable td.treeTableCellLevel14,
table.treeTableWithIcons td.treeTableCellLevel14 {
padding-left: 32.5%;
}
table.treeTable td.treeTableCellLevel15,
table.treeTableWithIcons td.treeTableCellLevel15 {
padding-left: 35%;
}
table.treeTable td img.treeNavigation {
margin: 0;
margin-right: 9px;
padding: 0;
float: left;
}
table.treeTable td input.treeNavigation {
margin: 0;
margin-right: 9px;
padding: 0;
float: left;
}
table.treeTable .invisible,
table.treeTableWithIcons .invisible {
display: none;
}
table.treeTable tr:hover,
table.treeTableWithIcons tr:hover { /* background-color: #FFF1CC; */
background-color: #FFFABF;
}
table.treeTable a, table.treeTable a:visited,
table.treeTableWithIcons a, table.treeTableWithIcons a:visited {
color: #186090;
text-decoration: underline;
}
table.treeTable a:hover, table.treeTable a:focus,
table.treeTableWithIcons a:hover, table.treeTableWithIcons a:focus {
text-decoration: underline;
background-color: #FFFFFF;
}
/* Links im scroller */
table.scroller a,table.scroller a:visited {
color: #186090;
text-decoration: underline;
margin-left: 0.1em;
}
table.scroller a:hover,table.scroller a:focus {
color: #333;
text-decoration: underline;
background-color: #FFF1CC;
}
table.scroller {
float: left;
}
table.scroller .activePage {
font-weight: bold;
background-color: #ffffff;
border: 1px solid #7FB4D8;
}
/* Bilder vor Texten in Tabellenspalten */
.image_table {
vertical-align: text-bottom;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 1px;
padding-right: 2px;
}
td.prozent
{
empty-cells:show;
font-style:italic;
color:#999999;
}
/*****************************************************************************/
/* Listen */
/*****************************************************************************/
/**
* Kategorie-Listen zur semantischen korrekten Gruppierung von Listen mit Titel, Zeit, Inhalt und Optionen.
* Wird z. B. für Alumni-Gruppenankündigungen verwendet.
**/ /* Übergeordnete Kategorie-Liste */
.category_list {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.category_list dd {
margin-left: 0;
padding-left: 0;
}
/* IE 6 fix */
* html .category_list dd {
height: 1%;
}
.category_list dt {
background-color: #ECF8FE;
color: #003970;
clear: both;
padding: 4px;
margin-bottom: 0;
}
.category_list dt a {
font-weight: bold;
color: #0000aa;
padding: 2px 0;
}
/* Kategorie-Liste */
.category_item_list {
position: relative;
background: white 7px 9px no-repeat;
padding: 0;
margin: 0 0 10px 0;
float: left;
display: inline;
min-width: 100%;
width: 100%;
}
/* Fix for IE 6 */
* html .category_item_list {
width: auto;
}
.category_item_list dt {
color: #186090;
padding: 7px 10px 0 10px;
padding-left: 44px;
margin-bottom: 0;
background-color: white;
background: transparent
url(../images/icons/components/html/category_item_list/edge_white_tl.gif)
top left no-repeat;
}
.category_item_list dd.timestamp {
margin-left: 44px;
margin-top: -2px;
padding-right: 10px;
color: #585858;
font-size: 0.8em;
}
.category_item_list dd.content {
padding-right: 10px;
padding-bottom: 0.5em;
margin-left: 44px;
margin-top: 3px;
color: #555;
font-size: 0.9em;
text-align: justify;
background-color: white;
}
.category_item_list dd {
padding-left: 0;
}
.category_item_list dd.options {
float: left;
padding-bottom: 3px;
margin: 0;
width: 100%;
background: transparent
url(../images/icons/components/html/category_item_list/edge_white_br.gif)
right bottom no-repeat;
font-size: 0.9em;
}
.category_item_list dd.options ul {
float: right;
list-style-type: none;
padding: 0;
margin: 0;
}
.category_item_list dd.options ul li {
float: left;
margin-left: 0.5em;
}
.category_item_list dd .read {
background:
url(../images/icons/components/html/category_item_list/bullet_go_transparent.png)
left center no-repeat;
padding-left: 18px;
}
.category_item_list dd .read:hover {
background-image:
url(../images/icons/components/html/category_item_list/bullet_go.png)
;
}
.category_item_list dd a {
color: #1f3f9f;
}
.category_item_list dd a:hover {
color: blue;
}
.category_item_list dd.options a {
padding-left: 22px;
}
.category_item_list a.content_report {
background: transparent
url(../images/icons/components/html/category_item_list/exclamation_transparent.png)
left center no-repeat;
}
.category_item_list a.content_hide {
background: transparent
url(../images/icons/components/html/category_item_list/layers_transparent.png)
left center no-repeat;
}
.category_item_list a.content_hide:hover {
background-image:
url(../images/icons/components/html/category_item_list/layers.png)
;
}
.category_item_list a.content_report:hover {
background-image:
url(../images/icons/components/html/category_item_list/exclamation.png)
;
}
/* TreePath Liste */
.treePath ul,.treePath ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.treePath ul li,.treePath ol li {
float: left;
padding-left: 20px;
margin-left: 4px;
background: transparent url(../images/icons/next.gif) left center
no-repeat;
}
.treePath ul li.first_node,.treePath ol li.first_node {
padding-left: 0;
margin-left: 0;
background: none;
}
/* Einfache Liste über 2 Ebenen */
.listNoStyleLevel1 {
list-style-type: none;
font-weight: bold;
}
.listNoStyleLevel2 {
list-style-type: none;
padding-top: 10px;
padding-bottom: 16px;
font-weight: normal;
}
.listNoStyleLevel2 li {
border-bottom: dashed 1px #ccc;
padding: 2px;
}
.listNoStyleLevel2 li.marked {
background-color: #fff;
padding: 2px;
}
/* Liste mit Aufzählungsgraphiken
wurde von .newsListing_frontpage aus QisDesign.css übernommen*/
.listStyleIconLevel1 {
/*list-style-image: url(/qisserver/ROOT/QIS/images/bullet_star.gif);*/
padding-top: 3px;
margin-top:0px;
padding-left:2em;
padding-bottom: 16px;
padding-top:0px;
font-weight: normal;
list-style-position:outside;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
/*background: #ffffff url(../images/icons/background_text_white.gif);*/
background-color: #ffffff;
}
.listStyleIconLevel1 li {
padding: 2px;
margin-top:0px;
border-bottom: 1px dashed #DFDFDF;
}
.listStyleIconLevel1 a {
font-size:100%;
font-weight:bold;
text-decoration:underline;
}
.listStyleIconLevel1 p {
color:#555555;
margin-bottom:0px;
margin-top:3px;
padding-bottom:0.5em;
padding-right:10px;
text-align:justify;
}
.listStyleIconLevel1 li.bullet_yellow {
list-style-image: url('/HISinOne/images/icons/bullet_yellow.gif');
}
.listStyleIconLevel1 li.arrow_down_small {
list-style-image: url('/HISinOne/images/icons/arrow_down_small.gif');
}
.listStyleIconLevel1 li.book_open {
list-style-image: url('/HISinOne/images/icons/book_open.gif');
}
li.warning {
list-style-image: url('/HISinOne/images/icons/warning.gif');
}
li.date_warning {
list-style-image: url('/HISinOne/images/icons/date_warning.gif');
}
/*****************************************************************************/
/* Bilder */
/*****************************************************************************/
/*Mit style="vertical-align:text-top" erreichen Sie in einem ![]()
-Tag das Gleiche wie mit align="top",
mit style="vertical-align:middle" das Gleiche wie in standardkonformen Browsern mit align="middle",
und mit style="vertical-align:text-bottom" das Gleiche wie mit align="bottom".*/
img {
border: none
}
.imagebottom {
vertical-align: text-bottom;
}
.imagemiddle {
vertical-align: middle;
}
.imagetop {
vertical-align: text-top;
}
.calendarImage {
cursor: pointer;
margin-left: 2px;
margin-right: 4px;
}
.pictures_portal_border {
margin-left: 0px;
margin-top: 1em;
margin-bottom: 1px;
padding: 0px;
border:1px solid #DFDFDF;
}
.picture {
background: #ffffff
url(../images/icons/background_text_white.gif);
border: 1px solid #DFDFDF;
padding: 5px;
}
/*****************************************************************************/
/* Farben */
/*****************************************************************************/
.color_white {
background-color: #FFFFFF;
}
.color_pale_yellow {
background-color: #FFFCDF;
}
.color_pale_rose {
background-color: #FFF1CC;
}
.color_pale_green {
background-color: #E7EFD1;
}
.color_pale_grey {
background-color: #EFEFEF;
}
.color_pale_blue {
background-color: #EFF9FF;
}
.color_font_green {
color: #669933;
}
/*****************************************************************************/
/* Sonstiges */
/*****************************************************************************/
/**
* Angepasster Container für Baumdarstellung der Gruppenhierarchie in ALU.
*
* TODO: Baumkomponente erzeugt bisweilen sehr ungeeignetes Markup. Markup sollte angepasst und
* der untenstehende Container verallgemeinert werden.
*/
.cm_alu_grouptree_container {
padding: 0 1em;
}
.cm_alu_grouptree_container table tr {
line-height: 1.7em;
position: relative;
background-color: #fff;
}
.cm_alu_grouptree_container table.depth_0 tr {
background-color: #ddd;
}
.cm_alu_grouptree_container table.depth_1 tr {
background-color: #F4F6F7;
}
.cm_alu_grouptree_container table.depth_2 tr {
background-color: #fff;
}
.cm_alu_grouptree_container table td {
width: auto;
}
.cm_alu_grouptree_container table tr .options {
text-align: right;
}
/* Filter: This css-rule only applies to IE 7 (and IE5) */
*+html .cm_alu_grouptree_container table tr .options {
position: relative;
right: 0;
padding-right: 2.3em;
}
.cm_alu_grouptree_container table tr:hover,.cm_alu_grouptree_container table tr:hover .options,.cm_alu_grouptree_container table.depth_0 tr:hover,.cm_alu_grouptree_container table.depth_1 tr:hover,.cm_alu_grouptree_container table.depth_2 tr:hover
{
background-color: #F7E9D3;
}
/* Fix for IE 6 */
* html .cm_alu_grouptree_container {
width: 100%;
}
/* Fix for IE 6 */
* html .cm_alu_grouptree_container table tbody tr,* html .cm_alu_grouptree_container table.depth_0 tbody tr,* html .cm_alu_grouptree_container table.depth_1 tbody tr
, * html .cm_alu_grouptree_container table.depth_2 tbody tr {
width: 100%;
}
/**
* Angepasster Container für Gruppen, bei denen eine Anmeldungsbestätigung aussteht
*/
.cm_alu_pending_groups_container {
padding: 0;
margin: 0;
}
.cm_alu_pending_groups_container dt {
margin: 0;
padding-top: 1px;
padding-bottom: 3px;
}
.cm_alu_pending_groups_container dd {
padding: 0;
margin: 0;
}
.cm_alu_pending_group {
width: 100%;
float: left;
position: relative;
background: white;
color: #555;
padding: 0.7em 0 0.7em 0;
margin: 0;
font-size: 0.9em;
text-align: justify;
}
.cm_alu_pending_group dl {
margin-left: 3em;
}
.cm_alu_pending_group dt,.cm_alu_pending_group dd {
margin-bottom: 0.2em;
padding: 0;
background-color: white;
line-height: 1.5em;
font-size: 1em;
}
.cm_alu_pending_group dt {
color: #186090;
float: left;
width: 8em;
}
.cm_alu_pending_group dd {
padding-left: 8em;
float: none;
}
.cm_alu_pending_group ul.options {
float: right;
list-style-type: none;
padding: 0 10px 0 0;
margin: 0;
}
.cm_alu_pending_group ul.options li {
float: left;
margin-left: 0.5em;
}
.cm_alu_pending_group ul.options li a {
padding-left: 20px;
}
.cm_alu_pending_group a.cancel_group_registration {
background: transparent
url(../images/icons/cm.alu/portal/groups/cancel_group_registration_inactive.png)
left center no-repeat;
}
.cm_alu_pending_group a:hover .cancel_group_registration {
background: transparent
url(../images/icons/cm.alu/portal/groups/cancel_group_registration.png)
left center no-repeat;
}
/**
* Abgerundeter, barrierefreier Knopf mit fixer Breite.
*
* Die vorliegende Style-Definition erfordert folgendes Markup:
*
*
* Überschrift
* Inhalt
*
*
* Der Knopf ist duch folgende Style-Klassen anpassbar (aktuell im Stil "check"):
*
*
* Überschrift
* Inhalt
*
*
**/
.rounded_button_1 {
background: transparent
url(/qisserver/img/components/html/roundedbutton/bg-bottom.gif) left
22px no-repeat;
display: block;
width: 270px;
color: #DD4400;
text-decoration: none;
margin-bottom: 11px;
}
.rounded_button_1 span {
background: transparent
url(/qisserver/img/components/html/roundedbutton/bg-bottom.gif) bottom
left no-repeat;
padding: 0 20px 10px 20px;
text-align: justify;
font-size: 80%;
color: #186090;
display: block;
cursor: pointer;
position: relative;
top: 11px;
}
body .rounded_button_1_check strong {
background-image:
url(/qisserver/img/components/html/roundedbutton/bg-top-check.gif);
width: 215px !important;
width: 270px;
padding-left: 45px;
}
.rounded_button_1 strong {
background: transparent
url(/qisserver/img/components/html/roundedbutton/bg-top.gif) top left
no-repeat;
height: auto !important;
height: 20px;
min-height: 20px;
margin-bottom: -11px;
width: 250px !important;
width: 270px;
display: block;
color: #DD4400;
font-size: 125%;
line-height: 1em;
padding: 30px 0 0.3em 20px;
text-align: left;
cursor: pointer;
}
.rounded_button_1:hover {
background-position: 100% 22px;
}
.rounded_button_1:hover span {
background-position: 100% bottom;
color: white;
}
body .rounded_button_1_check:hover strong {
background-position: -270px top;
}
.rounded_button_1:hover strong {
background-position: 100% top;
color: #DD4400;
text-decoration: underline;
}
/**
* Definition für Bearbeiten-Links (z. B. neu, bearbeiten, löschen)
* TODO: Verallgemeinerung notwendig
*/
.editlink_addsubject {
background: transparent
url(../images/icons/cm.alu/table_add.png) center left
no-repeat;
}
.editlink_editsubject {
background: transparent url(../images/icons/edit.gif) center left
no-repeat;
}
.editlink_deletesubject {
background: transparent
url(../images/icons/cm.alu/table_delete.png) center left
no-repeat;
padding-left: 20px;
}
.editlink_deletestudycourse {
background: transparent
url(../images/icons/cm.alu/application_delete.png) center left
no-repeat;
}
.editlink_addstudycourse {
background: transparent
url(../images/icons/cm.alu/application_add.png) center left
no-repeat;
padding-left: 20px;
height: auto !important;
height: 16px;
min-height: 16px;
}
/**
* Rechtsausgerichtete Liste von Aktionslinks
*/
ul.editlinks {
list-style-type: none;
float: right;
clear: both;
margin: 0.5em 0.5em 0.5em 0.5em;
}
ul.editlinks li {
float: left;
margin-left: 1em;
}
ul.editlinks li a {
padding-left: 20px;
height: auto !important;
height: 16px;
min-height: 16px;
}
/**
* Clearing und Margin wegen neuer Style-Definitionen hinzugefügt.
* columns sind "gefloated".
* TODO: wird entfernt nach Umstellung auf neue Styles
*/
.summary h2 {
clear: left;
}
.summary .columnLeft55 {
margin-bottom: 1em;
}
/**
* Definition für Aufzählungen einer Zusammenfassung (z. B. bei Alumni-Selbstregistrierung)
*/
.summary ol li {
float: left;
clear: left;
}
/**
* Bearbeiten-Link in Blöcken von Zusammenfassungs-Seiten (z. B. bei Alumni-Selbstregistrierung)
*/
.summary .editlink {
background: transparent
url(../images/icons/cm.alu/application_form_edit.png) center
left no-repeat;
padding-left: 20px;
height: auto !important;
height: 16px;
min-height: 16px;
float: right;
clear: both;
margin: 1em 0.5em 0.5em 0.5em;
}
.summary ul.required_documents {
list-style-type: none;
margin: 1em 0 0 2px;
padding: 0;
}
.summary ul.required_documents li a {
background: transparent center left no-repeat;
padding-left: 20px;
height: auto !important;
height: 16px;
min-height: 16px;
line-height: 1.5em;
}
.summary ul.required_documents li a:link {
background-image: url(../images/icons/cm.alu/report.png);
}
.summary ul.required_documents li a:visited {
background-image: url(../images/icons/cm.alu/report.png);
}
.summary ul.usertypes {
list-style-type: none;
margin: 1em 1em 0 2em;
padding: 0;
}
.summary ul.usertypes li {
background: transparent url(../images/icons/cm.alu/vcard.png)
center left no-repeat;
padding-left: 20px;
height: auto !important;
height: 16px;
min-height: 16px;
line-height: 1.5em;
}
.summary label {
width: 15em;
margin-top: 0;
margin-right: 1em;
font-weight: bold;
cursor: default;
}
.summary .textarea {
margin-left: 16em;
width: auto;
display: block;
}
.pageinfoSizeHalf {
width: 55%;
margin-bottom: 1em;
}
/**
* Styles für ALU-Ankündigungen
**/
.cm_alu_announcement {
background-image: url(../images/icons/cm.alu/announcement.png);
}
.cm_alu_announcement_category dt a {
background: url(../images/icons/cm.alu/group.png) left center
no-repeat;
padding-left: 22px;
}
.alu-page .category_item_list {
margin-bottom: 0;
}
/*****************************************************************************/
/* ALU - global definitions */
/*****************************************************************************/
.alu-page {
background-color: white;
float: left;
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
}
.alu-page .alu-content {
margin: 0 1em;
}
/* Fix for IE 6 italic bug */
* html .alu-page p em {
overflow: hidden;
height: 1%;
width: 100%;
}
form .defaultbutton {
/* muss noch in den allgem. Abschnitt verschoben werden */
display: block;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
position: absolute;
top: -9999px;
left: -9999px;
}
.alu-page p {
padding: 0;
margin: 0;
}
.alu-page li.error p.error {
margin-left: 31%;
}
.alu-page p.wide {
margin-bottom: 0.5em;
}
.alu-page p.stanza {
margin-bottom: 1em;
}
.alu-page .content-section {
margin-bottom: 2em;
overflow: auto;
}
.alu-page h1 {
margin-bottom: 1em;
}
.alu-page .infobox {
margin-bottom: 1.5em;
}
.alu-page .buttonstop {
clear: left;
width: auto;
}
.alu-page .invisibleText {
display: block;
position: absolute;
left: -9999px;
top: -1000px;
height: 0;
width: 0;
overflow: hidden;
line-height: 0;
}
.alu-page table {
width: 100%;
}
.alu-page table.scroller {
width: auto;
}
/*****************************************************************************/
/* ALU selfregistration */
/*****************************************************************************/
.alu-page-selfregistration .wizard_stepnavigation {
margin: 1em 0 0 0;
width: 100%;
border-top: 1px dashed #9EC6E2;
padding-top: 1em;
}
.alu-page-selfregistration .content-sidebar-layout .layout-content {
margin-right: 25em;
}
.alu-page-selfregistration .content-sidebar-layout .layout-sidebar {
width: 20em;
}
.alu-page-selfregistration .named-box-content ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.alu-page-selfregistration .named-box-content ol li {
margin-bottom: 0.2em;
display: block;
clear: left;
}
.alu-page-selfregistration .named-box-content ol li p.error {
margin-left: 30%;
padding-left: 0.6em;
margin-bottom: 0.5em;
}
.alu-page-selfregistration .named-box-content ol li label {
float: left;
width: 30%;
margin-right: 0.5em;
text-align: right;
}
.alu-page-selfregistration .named-box-content ol li {
line-height: 1.6em;
}
.alu-page-selfregistration ol li input.input_standard {
width: 58%;
padding: 2px 0;
text-indent: 2px;
}
.alu-page-selfregistration .named-box-content ol li textarea {
width: 57.5%;
}
.alu-page-selfregistration .named-box-content ol li .input_date {
width: 5.5em;
padding: 2px 0;
text-indent: 2px;
}
.alu-page-selfregistration .named-box-content ol li .input_checkbox {
width: auto;
margin-top: 0.4em;
}
.alu-page-selfregistration .named-box-content ol li select {
width: 58%;
}
.alu-page-selfregistration .layout-sidebar .named-box-content p {
line-height: 2em;
text-align: justify;
}
.alu-page-selfregistration .errorset * {
color: #CC3300;
}
.alu-page-selfregistration .errorset p.error {
margin-top: 1em;
font-weight: bold;
}
.alu-page-selfregistration ul.editlinks {
float: none;
display: block;
text-align: right;
margin: 1em 0 0 0;
/*
position: absolute;
top: 0;
right: 0;
*/
}
.alu-page-selfregistration ul.editlinks li {
float: none;
}
/*****************************************************************************/
/* ALU - page: portal */
/*****************************************************************************/
.alu-page-portal .alu-content .layout-content {
margin-right: 23em;
}
.alu-page-portal .alu-content .layout-sidebar {
width: 20em;
}
.alu-page-portal .layout-sidebar .information-list li {
background: transparent left center no-repeat;
padding-left: 22px;
}
.alu-page-portal .layout-sidebar .information-list .new-messages {
background-image: url(../images/icons/cm.alu/email_add.png);
}
.alu-page-portal .layout-sidebar .information-list .contact-requests {
background-image: url(../images/icons/cm.alu/user_wait.png);
}
.alu-page-portal .layout-sidebar .information-list .groups {
background-image:
url(../images/icons/cm.alu/chart_organisation.png);
}
.alu-page-portal .layout-sidebar .information-list .member-groups {
background-image: url(../images/icons/cm.alu/tick.png);
}
.alu-page-portal .layout-sidebar .information-list .open-registration {
background-image: url(../images/icons/cm.alu/hourglass.png);
}
.alu-page-portal .layout-content .welcome-text {
font-size: 1.4em;
margin-bottom: 0.5em;
}
/*****************************************************************************/
/* Webmailer */
/*****************************************************************************/
/* --- common styles --- */
a.link-with-icon {
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
line-height: 16px;
}
/* --- toolbar --- */
ul.toolbar {
background: #ddd url(../images/icons/cm.alu/list-gradient.png)
top left repeat-x;
border-bottom: 1px solid #ccc;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
line-height: 30px;
}
ul.toolbar li {
display: inline;
padding: 0 0 0 0.3em;
}
ul.toolbar li select {
border: 1px solid #ccc;
}
* html ul.toolbar li select {
margin: 0.3em 0;
vertical-align: middle;
}
*+html ul.toolbar li select {
vertical-align: middle;
}
ul.toolbar li select option {
padding-right: 0.3em;
}
ul.toolbar li.execute-action a {
background-image: url(../images/icons/cm.alu/bullet_go.png);
}
ul.toolbar li.refresh a {
background-image:
url(../images/icons/cm.alu/arrow_refresh_small.png);
}
ul.toolbar li.write-message a {
background-image: url(../images/icons/cm.alu/email_edit.png);
}
ul.toolbar li.replay-message a {
background-image: url(../images/icons/cm.alu/email_go.png);
}
ul.toolbar li.delete-message a {
background-image: url(../images/icons/cm.alu/email_delete.png);
}
ul.toolbar li.edit-message a {
background-image: url(../images/icons/cm.alu/email_edit.png);
}
ul.toolbar li.show-message a {
background-image: url(../images/icons/cm.alu/email_go.png);
}
/* webmailer specific */
div.webmailer ul.toolbar li.last-item {
position: absolute;
right: 0.3em;
top: 0;
}
/* --- webmailer --- */
div.webmailer {
border: 1px solid #ccc;
float: left;
margin-bottom: 2em;
position: relative;
width: 100%;
line-height: 150%;
}
/* --- mailbox --- */
div.webmailer dl.mailbox {
float: left;
margin: 0;
width: 20%;
}
div.webmailer dl.mailbox dt {
background: #eee;
border-top: 1px solid white;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid white;
padding: 0.2em 0.2em 0.2em 0.3em;
color: #333;
font-weight: bold;
}
div.webmailer dl.mailbox dd {
border-right: 1px solid #ccc;
margin: 0;
padding: 0;
}
div.webmailer dl.mailbox dd ul {
margin-left: 1em;
padding: 0;
list-style-type: none;
line-height: 200%;
height: auto !important;
height: 20em;
min-height: 20em;
}
div.webmailer dl.mailbox dd ul li a {
background-image: url(../images/icons/cm.alu/folder.png);
color: #333;
line-height: 200%;
text-decoration: none;
}
div.webmailer dl.mailbox dd ul li a.folder-inbox {
background-image: url(../images/icons/cm.alu/folder_table.png);
}
div.webmailer dl.mailbox dd ul li a.folder-drafts {
background-image: url(../images/icons/cm.alu/folder_edit.png);
}
div.webmailer dl.mailbox dd ul li a.folder-sent {
background-image: url(../images/icons/cm.alu/folder_go.png);
}
div.webmailer dl.mailbox dd ul li a.folder-trash {
background-image: url(../images/icons/cm.alu/bin_empty.png);
}
/* --- messages --- */
div.webmailer table {
border-left: 1px solid #ccc;
margin-left: -1px;
float: left;
width: 80%;
}
div.webmailer table caption {
display: none;
}
div.webmailer table thead tr th {
background: #eee;
border-top: 1px solid white;
border-bottom: 1px solid #ccc;
color: #333;
font-weight: bold;
text-align: left;
}
div.webmailer table thead tr th,div.webmailer table tbody tr td {
border-left: 1px solid white;
padding: 0.2em 0.2em 0.2em 0.3em;
}
div.webmailer table thead tr th input,div.webmailer table tbody tr td input
{
display: block;
margin: 0 auto;
}
div.webmailer table tbody tr.alt {
background: #f2f7f8;
}
div.webmailer table tbody tr.selected {
background: #fbf4f0;
}
div.webmailer table tbody tr:hover {
background: #f7e9d3;
cursor: pointer
}
div.webmailer table tbody tr td a.new-message {
background-image: url(../images/icons/cm.alu/bullet_star.png);
background-position: left top;
padding-left: 16px;
}
div.webmailer table tbody tr td ul,div.webmailer table tbody tr td ul.message-actions
{
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
div.webmailer table tbody tr td ul li,div.webmailer table tbody tr td ul.message-actions li
{
float: left;
margin-right: 0.5em;
}
div.webmailer table tbody tr td ul.message-actions li.delete-message {
margin-right: 0;
}
div.webmailer table tbody tr td ul.message-actions li.replay-message a {
background-image: url(../images/icons/cm.alu/email_go.png);
}
div.webmailer table tbody tr td ul.message-actions li.delete-message a {
background-image: url(../images/icons/cm.alu/email_delete.png);
}
div.webmailer table tbody tr td ul.message-actions li.edit-message a {
background-image: url(../images/icons/cm.alu/email_edit.png);
}
div.webmailer table tbody tr td ul.message-actions li.show-message a {
background-image: url(../images/icons/cm.alu/email_go.png);
}
/* --- table-informations --- */
div.webmailer dl.table-informations {
background: #eee url(../images/icons/cm.alu/border-white.gif)
top left repeat-y;
border-top: 1px solid #ccc;
border-bottom: 1px solid white;
clear: both;
margin: 0;
width: 100%;
color: #333;
font-weight: bold;
font-size: 85%;
line-height: 16px;
text-align: right;
}
div.webmailer dl.table-informations dt,div.webmailer dl.table-informations dd
{
display: inline;
margin: 0 0.3em 0 0;
font-weight: normal;
}
/* --- message --- */
div.message {
border: 1px solid #ccc;
clear: both;
width: 100%;
line-height: 150%;
}
div.message div.message-head {
background: #eee;
border-bottom: 1px solid #ccc;
padding: 1em;
}
div.message div.message-head dl {
margin: 0;
padding: 0;
}
div.message div.message-head dl dt {
float: left;
font-weight: bold;
}
div.message div.message-head dl dd {
margin-left: 7em;
}
div.message div.message-head dl dd ul {
list-style-type: none;
padding: 0;
margin: 0;
}
div.message div.message-head dl dd ul li {
display: inline;
margin-right: 0.5em;
padding: 0;
}
*+html div.message div.message-head dl dd ul li {
background: url(../images/icons/cm.alu/comma.png) right bottom
no-repeat;
margin-right: 0.5em;
}
div.message div.message-head dl dd ul li.last-item {
background-image: none;
}
div.message div.message-head dl dd ul li:after {
content: "\201A";
}
div.message div.message-head dl dd ul li.last-item:after {
content: "";
}
div.message div.message-body {
background: white;
max-height: 250px;
min-height: 150px;
overflow: auto;
padding: 1em;
}
/* --- write-message --- */
div.message-form {
background: #eee;
border: 1px solid #ccc;
clear: both;
margin-bottom: 1em;
width: 100%;
line-height: 150%;
}
div.message-form fieldset {
border: none;
margin: 0;
padding: 1em 1.5em 0.5em 1.5em;
position: relative;
display: block;
}
div.message-form fieldset legend {
display: none;
}
div.message-form dl {
margin-top: 0;
padding-top: 0;
clear: left;
}
div.message-form dl dt {
float: left;
width: 6em;
padding-left: 0;
font-weight: bold;
}
div.message-form dl dt.last-item {
display: block;
position: absolute;
width: 0;
height: 0;
overflow: hidden;
top: -9999px;
left: -9999px;
}
div.message-form dl dd {
margin-left: 8em;
}
div.message-form dl dd.last-item {
margin: 0;
padding: 0;
}
div.message-form .webmailer-recipient-list {
list-style-type: none;
padding: 0;
clear: right;
}
div.message-form .webmailer-recipient-list li {
display: inline;
padding-right: 1em;
font-weight: bold;
background: transparent url(../images/icons/cm.alu/user.png) top
left no-repeat;
padding-left: 20px;
}
div.message-form fieldset .message-subject {
background: white;
border: 1px solid #ccc;
width: 100%;
}
div.message-form fieldset .message-content {
background: white;
border: none;
border: 1px solid #ccc;
display: block;
margin: 0;
padding: 0;
width: 100%;
}
div.message-form fieldset ol li.last-item label {
display: none;
}
/* --- addressbook --- */
div.addressbook {
width: 100%;
min-width: 500px;
padding: 1em 0 0 0;
}
div.addressbook table.table {
margin: 0;
border: none;
}
/* Recipientslist */
div.recipientslist {
border: 1px solid #ccc;
float: left;
margin: 0 0 1em 0;
overflow: hidden;
width: 100%;
line-height: 150%;
}
div.recipientslist table {
width: 100%;
}
div.recipientslist table thead th {
background: #eee;
border-top: 1px solid white;
border-bottom: 1px solid #ccc;
color: #333;
font-weight: bold;
text-align: left;
}
div.recipientslist table thead th.recipienttype {
text-align: center;
}
div.recipientslist table thead th abbr {
border-bottom: 1px dotted;
font-weight: bold;
}
div.recipientslist table thead th,div.recipientslist table tbody td {
border-left: 1px solid white;
padding: 0.2em 0.2em 0.2em 0.3em;
}
div.recipientslist table tbody tr.alternate {
background: #f2f7f8;
}
div.recipientslist table tbody tr:hover {
background: #f7e9d3;
cursor: pointer;
}
div.recipientslist table tfoot tr td {
background: #eee;
border-top: 1px solid #ccc;
border-left: 1px solid white;
border-bottom: 1px solid white;
padding-right: 0.3em;
color: #333;
font-weight: bold;
font-size: 85%;
line-height: 16px;
}
div.recipientslist table tbody tr td input {
display: block;
margin: 0 auto;
}
div.recipientslist table tfoot tr td dl {
display: inline;
font-weight: normal;
}
div.recipientslist table tfoot tr td dl dt,div.recipientslist table tfoot tr td dl dd
{
display: inline;
margin-left: 0.3em;
}
/*****************************************************************************/
/* Kalender */
/*****************************************************************************/
/* Default attributes of DIV containing table container for entire calendar.
* You probably don't want to alter this style.
*/
.jscalendar-DB-div-style {
z-index: +99999;
position: absolute;
visibility: hidden;
}
/* Default attributes of table container for entire calendar */
.jscalendar-DB-table-style {
font-family: "Open Sans", arial, Helvetica,sans-serif;
font-size: 11px;
border-width: 2px;
border-style: solid;
border-color: #7fb4d8;
background-color: #fffcdf;
}
/* Default attributes used in calendar title (month and year columns).*/
.jscalendar-DB-title-style {
padding: 2px;
font-family: "Open Sans", arial, Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
/* Default attributes used in calendar title background.*/
.jscalendar-DB-title-background-style { /* background-color: #fffcdf;
background-color: #006AB3; */
}
/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, jscalendar-DBich must be edited if you need to change them. */
.jscalendar-DB-title-control-normal-style { /* border-style: solid;
border-width: 1px;
border-color: #7fb4d8;
border-style: none;
background-color: #0000aa;
background-color: #006ab3; */
}
/* Moused-over (selected) appearance of controls in calendar title. */
.jscalendar-DB-title-control-select-style {
border-style: solid;
border-width: 1px;
border-color: #7fb4d8;
color: #fff;
background-color: #006ab3;
background-color: #0000aa;
}
/* Default attributes of drop down lists (month and year). */
.jscalendar-DB-dropdown-style {
font-family: "Open Sans", arial, Helvetica,sans-serif;
font-size: 11px;
border-width: 1px;
border-style: solid;
border-color: #a0a0a0;
background-color: #FFFFDD;
}
/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-select-style {
background-color: #FFCC99;
}
/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-normal-style {
background-color: inherit;
}
/* Default attributes of calendar body (weekday titles and numbers). */
.jscalendar-DB-body-style {
background-color: #FFFFFF;
font-family: "Open Sans", arial, Helvetica,sans-serif;
font-size: 10px;
border-top: 1px solid #7fb4d8;
border-bottom: 1px solid #7fb4d8;
}
/* Attributes of current day in calendar body. */
.jscalendar-DB-current-day-style {
color: red;
font-weight: bold;
text-decoration: none;
}
/* Attributes of end-of-week days (Sundays) in calendar body. */
.jscalendar-DB-end-of-weekday-style {
color: #909090;
color: #666;
text-decoration: none;
}
/* Attributes of all other days in calendar body. */
.jscalendar-DB-normal-day-style {
color: black;
text-decoration: none;
}
a.jscalendar-DB-normal-day-style:hover,a.jscalendar-DB-normal-day-style:focus,a.jscalendar-DB-end-of-weekday-style:hover,a.jscalendar-DB-end-of-weekday-style:focus
{
background-color: #FFF1CC;
text-decoration: none;
}
.jscalendar-DB-would-be-selected-day-style {
background-color: #EEEEEE;
}
/* Attributes of border around selected day in calendar body. */
.jscalendar-DB-selected-day-style {
border-style: solid;
border-width: 1px;
border-color: #7fb4d8;
}
/* Default attributes of designated holidays. */
.jscalendar-DB-holiday-style {
background-color: #FFDDDD;
}
.jscalendar-DB-today-lbl-style {
color: black;
}
/* Attributes of today display at bottom on calendar */
.jscalendar-DB-today-style {
color: #186090;
background-color: #fffcdf;
text-decoration: underline;
}
a.jscalendar-DB-today-style:hover,a.jscalendar-DB-today-style:focus {
color: #333;
background-color: #FFCC99;
text-decoration: none;
}
/* Attributes of week number division (divider.gif) */
.jscalendar-DB-weeknumber-div-style {
background-color: #7fb4d8;
}
/*****************************************************************************/
/* Textformatierung */
/*****************************************************************************/
.text_white {background-color: #FFFFFF;
}
.text_yellow {
background: #ffffff url(../images/icons/background_text_yellow.gif);
color:#444444;
}
.text_white,.text_yellow {
border: 1px solid #DFDFDF;
margin-bottom: 0.2em;
margin-left: 0;
margin-right: 0;
padding: 0.2em;
line-height: 1.3em;
}
.fieldset_text {
background: #ffffff
url(../images/icons/background_text_white.gif);
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
margin-bottom: 0.6em;
margin-left: 0em;
margin-right: 0em;
padding: 1em 1em 1em 0.5em;
}
.einrichtung_test {
background-color: red;
}
.table_caption {
font-size: 120%;
margin: 0.4em 0em 0em 0em;
background-color: #FFF;
padding: 0.2em 0 0 0.2em;
white-space: normal;
}
.textFixed,
.textFixed:hover {
background-color: #E7EFD1;
border: 1px solid #DFDFDF;
padding: 2px 2px 2px 2px;
margin-bottom: 4px;
margin-top: 1px;
width:60%;
display: inline;
float: left;
}
/* Fix for IE 6 */
* html .textFixed,
* html.textFixed:hover {
margin-left:2px;
width:61%;
}
.invisibleText {
display: block;
position: absolute;
left: -9999px;
top: -1000px;
height: 0;
width: 0;
overflow: hidden;
line-height: 0;
}
.noDisplay {
display:none;
}
.textMarkerGrey {
background-color: #EFEFEF;
border: 1px solid #999999;
height: 1.3em;
padding-left: 3px;
padding-right: 3px;
}
.dojoDialog{
margin-top:40px;
padding:15px !important;
background:none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #B6C2B9 !important;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 8px #CCCCCC; /* FF3.5+ */
-webkit-box-shadow: 1px 1px 8px #CCCCCC; /*Saf3+, Chr*/
box-shadow: 1px 1px 8px #CCCCCC; /*Op10.5, IE 9, FF4*/
}
.dialogUnderlay{
background-color: #000 !important;
opacity: 0.05 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
cursor: not-allowed;
}
input.clsButtonStyle,
input.sichtBtn,
input.clsButtonStylePflicht {
font-family: "Open Sans", arial, Helvetica,sans-serif;
overflow: visible;
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid;
font-size:100% !important;
font-weight: normal;
background-color: #E3E6EE;
border-color :#D4D4D4;
color: #186090;
cursor: pointer;
padding:4px 2px;
min-height:24px !important;
}
input.clsButtonStyle:hover,
input.clsButtonStyle:focus,
input.sichtBtn:hover,
input.sichtBtn:focus,
input.clsButtonStylePflicht:hover,
input.clsButtonStylePflicht:focus{
background-color: #fff1cc;
border-color: #efd9ab;
text-decoration: none;
-webkit-box-shadow: 0 0 3px #fc7904;
-moz-box-shadow : 0 0 3px #fc7904;
-o-box-shadow : 0 0 3px #fc7904;
box-shadow : 0 0 3px #fc7904;
}
/**
* Author: Monente
* Datum: 3.3.2017
* Zweck: welcome BI
*/
.welcome_text {
float: left;
margin-top: 80px;
padding-left: 4px;
padding-right: 4px;
width: 75%;
}
.headline {
display: table;
margin-left: 20px;
width: 90%;
}
.headline .square1 {
background-color: #66a6d1;
}
.headline .square2 {
background-color: #3388c1;
}
.headline .square3 {
background-color: #006ab2;
margin-bottom: 0;
}
.headline .square {
height: 40px;
margin-bottom: 7px;
width: 40px;
}
.headline .squareBox {
margin-right:20px;
}
.headline .headlineText {
display: table-cell;
vertical-align: middle;
width: 100%;
line-height:1.6em;
}