You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
830 lines
22 KiB
830 lines
22 KiB
2 years ago
|
/* Diese Datei enthält die Styles für den Navigationsrahmen und wird in HISinOne.css importiert*/
|
||
|
|
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* NAMENSKONVENTIONEN FÜR NEUE CSS STYLES */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*
|
||
|
|
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt
|
||
|
|
(z.B. "navi").
|
||
|
|
2. Namenskombinationen mit Unterstrich, falls inhaltliche Verbindung zu anderen
|
||
|
|
Styles besteht (z.B. "wizard_navi").
|
||
|
|
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung Nummerierung
|
||
|
|
einführen mit Unterstrich (z.B. "input_45" "input_2").
|
||
|
|
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 */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makro-Layout */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makronavigation */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Header mit Logo und Services */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Login-Info Zeile */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation Funktionsgruppen */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Breadcrumb */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigations - Baum */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation - Weggeklappt */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation - Wizard */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Content */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Fusszeile */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Sprungmenü */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* ANFANG CSS */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makro-Layout */
|
||
|
|
/*****************************************************************************/
|
||
|
|
#wrapper{
|
||
|
|
width: auto;
|
||
|
|
|
||
|
|
/* position:relative; */ /* wird für die footer Positionierung benötigt */
|
||
|
|
height:auto !important; /* alle browser */
|
||
|
|
height:100%; /* wird vom IE6 wie min-height behandelt */
|
||
|
|
min-height:100%; /* alle browser außer IE6 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*.divcontent { */
|
||
|
|
/* UmschließtNavigationsbaum und Inhalt*/
|
||
|
|
/* float:left; */
|
||
|
|
/* background-color: #FFFFFF; */
|
||
|
|
/* width: 100%; */
|
||
|
|
/* margin-bottom:5px; */
|
||
|
|
/* display:inline; */
|
||
|
|
/* overflow:auto; */
|
||
|
|
/*} */
|
||
|
|
|
||
|
|
.divcontent {
|
||
|
|
/* UmschließtNavigationsbaum und Inhalt*/
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom:5px;
|
||
|
|
padding:0em 0em 0.1em; /* bottom padding für den Abstand zum footer */
|
||
|
|
margin-top:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makronavigation */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*
|
||
|
|
### Makronavigation - Anfang ###
|
||
|
|
*/
|
||
|
|
#makronavigation {
|
||
|
|
/* Ausgeklapptes Menü*/
|
||
|
|
width: 200px;
|
||
|
|
float: left;
|
||
|
|
padding-left:2px;
|
||
|
|
padding-right:2px;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
#makronavigation .liste {
|
||
|
|
list-style-type: none;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-top: 0px;
|
||
|
|
padding-top: 0px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
padding-left: 0px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
border-top:1px dashed #F1F2F5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Erste Ebene*/
|
||
|
|
#makronavigation .liste li.first {
|
||
|
|
/*list-style-image: url(../images/icons/bullet_star.gif);*/
|
||
|
|
border-bottom:1px dashed #F1F2F5;
|
||
|
|
}
|
||
|
|
/* Zweite Ebene*/
|
||
|
|
#makronavigation .liste li.second {
|
||
|
|
padding-left: 1px;
|
||
|
|
border-left: solid 5px #F1F2F5;
|
||
|
|
background:#F1F2F5 url(../images/icons/background_text_yellow.gif) repeat scroll 0%;
|
||
|
|
|
||
|
|
border-bottom:1px dashed #F1F2F5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dritte Ebene*/
|
||
|
|
#makronavigation .liste li.third {
|
||
|
|
padding-left: 1px;
|
||
|
|
border-left: solid 5px #F1F2F5;
|
||
|
|
background: #ffffff
|
||
|
|
url(../images/icons/background_text_white.gif);
|
||
|
|
border-bottom:1px dashed #F1F2F5;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation .visited {
|
||
|
|
/* Klasse, welche den Link formatiert, wenn die Seite aktiv ist*/
|
||
|
|
/*background-color: #ffffff;*/
|
||
|
|
text-decoration:none;
|
||
|
|
display:block;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
padding-bottom: 4px;
|
||
|
|
padding-top: 3px;
|
||
|
|
color:#186090;
|
||
|
|
font-weight: bold;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#makronavigation .auflistung {
|
||
|
|
/* Klasse, welche den Link formatiert, wenn die Seite nicht aktiv ist*/
|
||
|
|
/*background-color: #ffffff;*/
|
||
|
|
text-decoration:none;
|
||
|
|
display:block;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-top: 0px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
padding-top: 3px;
|
||
|
|
color:#186090;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active {
|
||
|
|
background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%;
|
||
|
|
text-decoration: none;
|
||
|
|
display:block;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-top: 0px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
padding-top: 3px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation .auflistung img {
|
||
|
|
/*der Pfeil wird formatiert */
|
||
|
|
vertical-align:text-top;
|
||
|
|
padding-right:0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#min_navigation {
|
||
|
|
/* Eingeklapptes Menü */
|
||
|
|
float: left;
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.makromenueauf:link, .makromenueauf:visited {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
display: block;
|
||
|
|
width: 12px;
|
||
|
|
height: 135px;
|
||
|
|
background: url(../../QIS/images/buttons/menuaufblauObreit.gif);
|
||
|
|
}
|
||
|
|
|
||
|
|
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
background-image: url(../../QIS/images/buttons/menuaufrot.gif);
|
||
|
|
}
|
||
|
|
|
||
|
|
.makromenueauf span {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* "Navigation ausblenden"-Verweis */
|
||
|
|
.close_navigation:hover,
|
||
|
|
.close_navigation:focus,
|
||
|
|
.close_navigation:active{
|
||
|
|
background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close_navigation {
|
||
|
|
border-bottom:1px dashed #F1F2F5;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.submit_close_navigation {
|
||
|
|
overflow: visible;
|
||
|
|
background-position: left;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
font-size:100% !important;
|
||
|
|
background-color: transparent;
|
||
|
|
color:#186090;
|
||
|
|
padding:3px 0px 3px 18px;
|
||
|
|
border: 0;
|
||
|
|
text-align: left;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
margin-top: 0px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.submit_close_navigation:hover,
|
||
|
|
input.submit_close_navigation:focus {
|
||
|
|
background-position: left;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-color: #F1F2F5 ;
|
||
|
|
color:#186090;
|
||
|
|
padding:2px 0px 3px 18px;
|
||
|
|
text-decoration: none;
|
||
|
|
vertical-align: middle;
|
||
|
|
display:block;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
margin-top: 0px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.submit_close_navigation,
|
||
|
|
input.submit_close_navigation:focus,
|
||
|
|
input.submit_close_navigation:hover {
|
||
|
|
background-image: url(../images/icons/arrow_right_fat_blue.gif);
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation input.submit_close_navigation img {
|
||
|
|
/*der Pfeil bei "Navigation wegklappen" wird formatiert */
|
||
|
|
}
|
||
|
|
|
||
|
|
.menue_open {
|
||
|
|
margin-top:0px;
|
||
|
|
padding-top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menue_open:focus,
|
||
|
|
.menue_open:hover {
|
||
|
|
background-image: url(../images/icons/menuaufrot.gif);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Topmenü */
|
||
|
|
.nav, .nav ul {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav a {
|
||
|
|
display: block;
|
||
|
|
width:auto;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size:105% !important;
|
||
|
|
min-width:177px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topMenuLink{
|
||
|
|
background-color:#ffffff;
|
||
|
|
padding: 5px 10px 5px 10px;
|
||
|
|
margin: -0.5px 3px -0.5px -1px;
|
||
|
|
text-decoration: none;
|
||
|
|
border: 1px solid #F1F2F5;
|
||
|
|
white-space: nowrap;
|
||
|
|
cursor: pointer;
|
||
|
|
width:auto;
|
||
|
|
border:1px solid #d8e0e4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topMenuLink:focus,.topMenuLink:hover,.topMenuLink:active{
|
||
|
|
background: none;
|
||
|
|
background-color:#fff1cc;
|
||
|
|
padding: 5px 10px 5px 10px;
|
||
|
|
margin: -0.5px 3px -0.5px -1px;
|
||
|
|
text-decoration: none;
|
||
|
|
white-space: nowrap;
|
||
|
|
color:#014A7B;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
-moz-border-radius : 0;
|
||
|
|
border-radius : 0;
|
||
|
|
-webkit-box-shadow: 0 0 0 #fc7904;
|
||
|
|
-moz-box-shadow : 0 0 0 #fc7904;
|
||
|
|
-o-box-shadow : 0 0 0 #fc7904;
|
||
|
|
box-shadow : 0 0 0 #fc7904;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topMenuLinkHighlited{
|
||
|
|
background:#014a7b;
|
||
|
|
padding: 5px 10px 5px 10px;
|
||
|
|
margin: -0.5px 3px -0.5px -1px;
|
||
|
|
text-decoration: none;
|
||
|
|
border: 1px solid #014a7b;
|
||
|
|
white-space: nowrap;
|
||
|
|
cursor: pointer;
|
||
|
|
width:auto;
|
||
|
|
color:#ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topMenuLinkHighlited:focus,.topMenuLinkHighlited:hover{
|
||
|
|
background: none;
|
||
|
|
background-color:#fff1cc;
|
||
|
|
border: 1px solid #fff1cc;
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
-moz-border-radius : 0;
|
||
|
|
border-radius : 0;
|
||
|
|
-webkit-box-shadow: 0 0 0 #fc7904;
|
||
|
|
-moz-box-shadow : 0 0 0 #fc7904;
|
||
|
|
-o-box-shadow : 0 0 0 #fc7904;
|
||
|
|
box-shadow : 0 0 0 #fc7904;
|
||
|
|
color: #186090;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav .topMenuList {
|
||
|
|
float: left;
|
||
|
|
width:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Header mit Logo und Services */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
/*Header mit Logo und Services*/
|
||
|
|
.header_hisinone {
|
||
|
|
padding-top:3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_hisinone h1 {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_hisinone .logo{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_hisinone .logoPortal:hover,
|
||
|
|
.header_hisinone .logoPortal:focus {
|
||
|
|
background-position: left center !important ;
|
||
|
|
background-color: #FFF1CC !important ;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services{
|
||
|
|
float:right;
|
||
|
|
margin-top:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services ol{
|
||
|
|
list-style-type:none;
|
||
|
|
margin:0 0;
|
||
|
|
padding:0 0;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services li{
|
||
|
|
list-style-type:none;
|
||
|
|
margin:10px 0;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services span {
|
||
|
|
font-size:95%;
|
||
|
|
font-weight:normal;
|
||
|
|
color:#186090;
|
||
|
|
padding-left:0.1em;
|
||
|
|
padding-right:0.1em;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services a {
|
||
|
|
font-size:95%;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #186090;
|
||
|
|
text-decoration: none;
|
||
|
|
padding-left: 0.1em;
|
||
|
|
padding-right: 0.1em;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.services a:hover,
|
||
|
|
.services a:focus,
|
||
|
|
.services a:hover,
|
||
|
|
.services a:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Login-Info Zeile */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
.divloginstatus {
|
||
|
|
border-right: 1px solid #006AB3;
|
||
|
|
border-left: 1px solid #006AB3;
|
||
|
|
color: #FAFAFA;
|
||
|
|
padding: 2px 0px 2px 10px;
|
||
|
|
background: #006AB3;
|
||
|
|
margin-top: 4px;
|
||
|
|
position: relative;
|
||
|
|
min-height:1.4em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.divloginstatus_box {
|
||
|
|
/* background: transparent url(../images/icons/gradient_blue.gif) repeat-x scroll right top;
|
||
|
|
margin-top: 4px;
|
||
|
|
position: relative; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.divloginstatus_left {
|
||
|
|
/* background: transparent url(../images/icons/gradient_blue_left.gif) no-repeat scroll left top; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.linksStatusBar, .links3 {
|
||
|
|
line-height: 20px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
font-weight: bold;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.linksStatusBar:focus, .linksStatusBar:hover, .linksStatusBar:active,
|
||
|
|
.links3:focus, .links3:hover, .links3:active {
|
||
|
|
color: #186090;
|
||
|
|
background-color: #F1F2F5;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select_role {
|
||
|
|
/*background: #006AB3 url(../images/icons/gradient_blue.gif) repeat-x scroll left top;
|
||
|
|
color: #FAFAFA;*/
|
||
|
|
font-size:65%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*.select_role select:hover,
|
||
|
|
.select_role select:focus,
|
||
|
|
.select_role select:visited{
|
||
|
|
background: #006AB3;
|
||
|
|
color: #FAFAFA;
|
||
|
|
font-size:65%;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation Funktionsgruppen */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.divlinks {
|
||
|
|
color: #186090;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding: 3px 0px 5px 0px;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.linksMainMenu, .linksMainMenuVisited,
|
||
|
|
.links2, .links2visited {
|
||
|
|
font-size: 120%;
|
||
|
|
line-height: 24px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.linksMainMenu, .linksMainMenuVisited,
|
||
|
|
.links2, .links2visited {
|
||
|
|
color: #186090;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.linksMainMenuVisited, .links2visited{
|
||
|
|
background: #F1F2F5 url(../images/icons/verlauf_headline.gif) repeat-x scroll left bottom;
|
||
|
|
border:1px solid #7FB4D8;
|
||
|
|
font-weight:bold;
|
||
|
|
padding: 3px 1px 3px 3px;
|
||
|
|
text-decoration:none;
|
||
|
|
color:#186090;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.linksMainMenuVisited:hover, .linksMainMenuVisited:focus,
|
||
|
|
.links2visited:hover, .links2visited:focus {
|
||
|
|
background: #F1F2F5 url(../images/icons/verlauf_headline_invers.gif) repeat-x scroll left bottom;
|
||
|
|
border:1px solid #7FB4D8;
|
||
|
|
font-weight:bold;
|
||
|
|
padding: 3px 1px 3px 3px;
|
||
|
|
text-decoration:none;
|
||
|
|
color:#186090;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.linksMainMenu:focus, .linksMainMenu:hover, .linksMainMenu:active,
|
||
|
|
.links2:focus, .links2:hover, .links2:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
text-decoration: underline;
|
||
|
|
border:0px solid #7FB4D8;
|
||
|
|
padding: 2px 0px 3px 0px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Breadcrumb */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.divBreadcrumb {
|
||
|
|
font-size: 85%;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigations - Baum */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation - Weggeklappt */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Navigation - Wizard */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Sprungmenü */
|
||
|
|
/*****************************************************************************/
|
||
|
|
#makronavigation .auflistung .wizard_navi ul, #makronavigation .auflistung .wizard_navi ol {
|
||
|
|
float: none;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation .auflistung .wizard_navi li {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi {
|
||
|
|
width: 95%;
|
||
|
|
float: left;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding-right: 0.3em;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi ol {
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-position: outside;
|
||
|
|
margin: 0 0 20px 0;
|
||
|
|
padding: 0 0 0 0;
|
||
|
|
line-height: 15px;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Verschachtelte Seitengruppen */
|
||
|
|
.wizard_navi ol ol {
|
||
|
|
margin-left: 2em;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi li {
|
||
|
|
position: relative;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .page .visitable, .wizard_navi .page .active, .wizard_navi .page .inactive,
|
||
|
|
.wizard_navi .group .page .visitable, .wizard_navi .group .page .active, .wizard_navi .group .page .inactive {
|
||
|
|
padding: 3px;
|
||
|
|
padding-right: 0;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .page .visitable, .wizard_navi .page .active,
|
||
|
|
.wizard_navi .group .page .visitable, .wizard_navi .group .page .active {
|
||
|
|
border: 1px solid #7FB4D8;
|
||
|
|
background-color: #F1F2F5;
|
||
|
|
text-decoration:none;
|
||
|
|
color:#186090;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .page .inactive,
|
||
|
|
.wizard_navi .group .page .inactive {
|
||
|
|
border: 1px solid #7FB4D8;
|
||
|
|
background: white;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .group .visitable, .wizard_navi .group .active, .wizard_navi .group .inactive {
|
||
|
|
border: 1px solid #7FB4D8;
|
||
|
|
padding: 3px;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .group .visitable, .wizard_navi .group .active {
|
||
|
|
background: #F1F2F5;
|
||
|
|
background: #ddd;
|
||
|
|
text-decoration:none;
|
||
|
|
color: #186090;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_navi .group .inactive {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation .wizard_navi .valid {
|
||
|
|
padding-left: 18px;
|
||
|
|
height: 1%;
|
||
|
|
background-image: url(../images/icons/components/html/wizard/haken_transparent.gif);
|
||
|
|
background-position: 4px center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
#makronavigation .wizard_navi a:hover, #makronavigation .wizard_navi a:focus {
|
||
|
|
color: #186090;
|
||
|
|
background-color: #fff1cc;
|
||
|
|
line-height: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_stepnavigation {
|
||
|
|
display: block;
|
||
|
|
list-style-type: none;
|
||
|
|
padding: 0;
|
||
|
|
margin: 1em 0 0 0;
|
||
|
|
/* width: 11em; */
|
||
|
|
float: left;
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard_stepnavigation li {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Content */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.content {
|
||
|
|
background-color: #f1f2f5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content_max_portal {
|
||
|
|
padding:15px;
|
||
|
|
margin: 0px 0px 0px 4px;
|
||
|
|
/* height: 1%; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fix for IE 6 */
|
||
|
|
* html .content_max_portal {
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* .content_max_portal {
|
||
|
|
background-color: #f1f2f5;
|
||
|
|
padding:4px;
|
||
|
|
float:left;
|
||
|
|
display: block;
|
||
|
|
width: 78%;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.content_max {
|
||
|
|
background-color: #F1F2F5;
|
||
|
|
padding:4px;
|
||
|
|
display: block;
|
||
|
|
width: 97%;
|
||
|
|
margin: 0px 0px 0px 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Fusszeile */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.divFootSpacer {
|
||
|
|
padding-bottom: 7em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.divfoot {
|
||
|
|
position:absolute;
|
||
|
|
bottom: 20px; /* Positionierung unten */
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.divfoot_navigation {
|
||
|
|
border-right: 1px solid #006AB3;
|
||
|
|
border-left: 1px solid #006AB3;
|
||
|
|
color: #FAFAFA;
|
||
|
|
padding: 3px 0px 2px 10px;
|
||
|
|
background: #006AB3;
|
||
|
|
margin-top: 4px;
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.divfoot_navigation_box {
|
||
|
|
/* background: transparent url(../images/icons/gradient_blue.gif) repeat-x scroll right top;
|
||
|
|
margin-top: 4px;
|
||
|
|
clear: left; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.divfoot_navigation_left {
|
||
|
|
/* background: transparent url(../images/icons/gradient_blue_left.gif) no-repeat scroll left top; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.divfoot_logo {
|
||
|
|
padding-top: 6px;
|
||
|
|
clear: both;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Sprungmenü */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.unsichtbar {
|
||
|
|
position: absolute;
|
||
|
|
left: -3000px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Liste für Menüdarstellung mit Details im Contentbereich */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Textbox über der liste*/
|
||
|
|
.menu_text_yellow {
|
||
|
|
background: #ffffff url(../images/icons/background_text_yellow.gif);
|
||
|
|
color:#444444;
|
||
|
|
border: 1px solid #DFDFDF;
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
margin-left: 1.5em;
|
||
|
|
margin-right: 0em;
|
||
|
|
margin-top:1em;
|
||
|
|
padding: 1.5em 2.5em 1.5em 2.5em;
|
||
|
|
line-height: 1.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage {
|
||
|
|
/*list-style-image: url(/qisserver/ROOT/QIS/images/bullet_star.gif);*/
|
||
|
|
margin-left:10px;
|
||
|
|
padding-left:1em;
|
||
|
|
padding-right:2.5em;
|
||
|
|
padding-bottom: 1.5em;
|
||
|
|
font-weight: normal;
|
||
|
|
list-style-type: none;
|
||
|
|
/*border: 1px solid #DFDFDF;
|
||
|
|
border-top: 1px solid #DFDFDF;
|
||
|
|
background: #ffffff url(../images/icons/background_text_white.gif);*/
|
||
|
|
background-color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage li {
|
||
|
|
padding: 2px;
|
||
|
|
margin-top:0px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
border-bottom: 1px dashed #DFDFDF;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage a {
|
||
|
|
font-weight:bold;
|
||
|
|
text-decoration:underline;
|
||
|
|
font-size:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage .imageContainer{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage .linkContainer{
|
||
|
|
float:left;
|
||
|
|
margin-left:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage .pContainer{
|
||
|
|
margin-left:35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage p {
|
||
|
|
margin-top:0px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
color:#555555;
|
||
|
|
margin-top:3px;
|
||
|
|
padding-bottom:0.5em;
|
||
|
|
padding-right:10px;
|
||
|
|
text-align:justify;
|
||
|
|
line-height: 1.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ListingNavigationPage li.menu{
|
||
|
|
/*list-style-image: url('/HISinOne/images/icons/bullet_yellow.gif');*/
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
.ListingNavigationPage li.submenu{
|
||
|
|
/*list-style-image: url('/HISinOne/images/icons/arrow_down_small.gif');*/
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
/*anderer Hintergrund für Content im Menübereich */
|
||
|
|
.content_white{
|
||
|
|
background: #ffffff
|
||
|
|
url(../images/icons/background_text_white.gif);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*Bildgrössen*/
|
||
|
|
/* img {
|
||
|
|
height:16px;
|
||
|
|
} */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|