/* HÖV:
   CI Schreibweisen:
   Pantone-Rot #910039;
   hell Pantone-Rot #EBB0C5;
   sehr hell Pantone-Rot #F0CEDA;		

   hell grau: #E8E8E8;
   dunkel grau: #AAAAAA;
   gelb-grau: #F7F3E1 
   
   ACHTUNG: In dieser Definitionsdatei immer die HOEV-Farbwerte verwenden 
*/


/* Hauptfarbe des Layouts*/
.main_color{
    color:#910039 !important;
}

a.main_color{
    color:#910039 !important;
}

/* Hauptfarbe des Layouts (als Hintergrundfarbe) */
.main_bg_color{
    background-color:#910039;
}

/* Linkfarbe */
a.link_color{
    color:#EBB0C5 !important;
}

.link_color{
    color:#EBB0C5;
}

.pantone_sehrhell{
    color:#F0CEDA;
}

.n-dt-grey tbody tr {
    background-color: #f2f2f2 !important;
}

body {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    text-align: justify;
    color: #000000;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

.footer * {
    color: #aaa;
    font-size: 11px;
}

.footer a {
    color: #910039;
    padding-right: 4px;
}

.footer a:hover {
    color: #aaa;
}

form {
    margin-top: 0;
    padding-top: 0;
}

.em {
    font-weight: bold;
}
.popup {
    background-color: #ffffff;
}

.desktop {
    padding: 0;
    margin-bottom: 0;
    position: relative;
}

/** --------------------------------------------------------------------------**/
/** Globale - Eigenschaften für alle Elemente. **/
a {
    font-size: 11px;
    text-decoration: none;
    color: #910039;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
    color: white;
}

table td {
    font-size: 12px;
    /*padding-bottom: 2px;*/
}

/** -------------------------------------------------------------------------- **/
/** Neues Layout für den öffentlichen Bereich **/

.oeffentlich {
    background-color:	white;
    margin-left:		auto;
    margin-right:		auto;
    width:				1024px;
    height:				768px;
    text-align:			center;
}

.oeffentlich_menu {
    width:				280px;
    height:				768px;
    padding-left:		14px;
    float:				left;
    vertical-align:		top;
    text-align:			justify;
}

.oeffentlich_menu a{
    color: 				#EBB0C5;
}

.oeffentlich_hintergrund {
    width:				730px;
    height:				768px;
    float:				left;
    position:			relative;
    /* Hier wird festgelegt, dass der CMS-Text im Flattersatz linksbündig angezeigt wird */
    text-align:		left;
}


.oeffentlich_hintergrund_logo {
    background-image:	url(/pics/layout/OE.png);
    top:				320px;
    left:				140px;
    width:			555px;
    height:			448px;
    opacity: 		.5;
    filter:     alpha(opacity=50);
    position:		absolute;
}

.oeffentlich_content_hintergrund {
    width:				405px;
    height:				768px;
    margin-left:	95px;
    opacity:			.7;
    filter: 			alpha(opacity=70);
}

.oeffentlich_content_scrollbar {
    width:             395px;
    height:            668px;
    top:               0;
    left:	           100px;
    margin-top:        100px;
    padding-left:      10px;
    position:          absolute;
    overflow:	       auto;
    font-size:         12px;
}

.oeffentlich_content {
    width: 365px;
}

/** Textfarbe auf hellem Hintergrund */
.oeffentlich_foreground_light p, .oeffentlich_foreground_light h6 {
    color: 				black;
}

/** Textfarbe auf dunklem Hintergrund */
.oeffentlich_foreground_dark, .oeffentlich_foreground_dark p, .oeffentlich_foreground_dark h6 {
    color: 				white;
}

.logo {
    width:				129px;
    height:				60px;
    display:			block;
    background-image:	url(/pics/layout/logo_weiss_grau.png);
}

.public_menu {
    margin-left:		0;
    padding-top:		50px;
    padding-left:		0;
    padding-right:		10px;
    font-size: 			12pt;
    text-align:			left;
}

.public_menu ul {
    margin-top:			0;
    margin-left: 		0;
    padding-left:		0;
    clear:				both;
}

.public_menu ul li {
    list-style-type: 	none;
}

.public_menu ul li a{
    font-size: 			12px;
}

.public_menu ul li a span {
    vertical-align:		top;
    padding-left:		10px;
    display:			block;
}

.menu-link-main-closed a{
    color: 				white;
}

.menu-link-main a span{
    font-size: 			14px;
    font-weight: 		bold;
}

.menu-link {
    padding: 			2px;
    clear:				both;
}

.menu-link span {

}

.menu-link-closed {
}

.menu-link-closed a:hover {
    color:				white;
}

.menu-link-open {
}

.menu-link-open a:hover {
    color:				white;
}

.public_menu .menu-link-selected {
    background-color:	white;
    min-height:			15px;
}

.public_menu .menu-link-selected a {
    color:				#910039;
}

.public_menu .menu-link-selected a:hover {
    color:				#910039;
}

/** ------------------------------------------------------------------------- **/

#menu .menu-link-selected {
    color: #ffffff !important;
    display: list-item;
    list-style-image:url(/pics/layout/menu_pfeil.gif);
    margin-left:17px;
}


/** -------------------------------------------------------------------------**/

/** ------------------------------------------------------------------------- **/

#n-menu-nav .menu-link-selected a {
    color:              white;
}
#n-menu-nav li.menu-link-closed a {
    color:              #EBB0C5;
}
#n-menu-nav  .menu-link-open a {
    color:              white;
}



/** -------------------------------------------------------------------------**/

/** Content-Bereich im öffentlichen Bereich */

/** Akkordion aus dem CMS über jquery realisiert */
/** (jquery css-class werden hier entsprechend des Layouts überschrieben.) */
/**.ui-state-active .ui-state-active .ui-widget-content {
	background: 	transparent;
	border: 		none;	
} **/

div.ui-accordion {
    background-color: transparent;
}

.cms_field h3.ui-accordion-header {
    border: none;
    background: transparent;
    padding-left: 28px;
}

.cms_field div.ui-accordion div.ui-accordion-content {
    background: transparent;
    border: 0;
    padding: 0;
    padding-left: 28px;
    font-size: 12px;
}

/**
.ui-accordion-content-active {
	background: 	transparent;
	border: 		none;
}

.ui-accordion-header {
	border: none;
	background:transparent;
	
}

.ui-accordion .ui-accordion-content {
	background: 	transparent;
	border : 		none;
	padding: 		0;
	padding-left:	28px;
	font-size:		12px;
}

.ui-accordion-content {
	background: 	transparent;
}
**/

/** Aufklapppunkte ungeöffent mit dunklem Hintergrund */
.oeffentlich_foreground_dark .ui-state-default a, .oeffentlich_foreground_dark .ui-state-default a:link, .oeffentlich_foreground_dark .ui-state-default a:visited {
    color: #cfbbc3;
    /*#f7dfe8;*/
}

/** Aufklapppunkte ungeöffent mit hellem Hintergrund */
.oeffentlich_foreground_light .ui-state-default a, .oeffentlich_foreground_light .ui-state-default a:link, .oeffentlich_foreground_light .ui-state-default a:visited {
    color: #910039;
}

/** Aufklapppunkte geöffnet mit dunklem Hintergrund */
.oeffentlich_foreground_dark .ui-state-active a, .oeffentlich_foreground_dark .ui-state-active a:link, .oeffentlich_foreground_dark .ui-state-active a:visited {
    color:white;
}

/** Aufklapppunkte geöffnet mit hellem Hintergrund */
.oeffentlich_foreground_light .ui-state-active a, .oeffentlich_foreground_light .ui-state-active a:link, .oeffentlich_foreground_light .ui-state-active a:visited {
    color:black;
}

.oeffentlich_foreground_dark .ui-accordion-content li {
    color:white;
}

.oeffentlich_foreground_light .ui-accordion-content li {
    color:dark;
}

.oeffentlich_foreground_light .ui-state-default .ui-icon {
    background-image: url("/style/jqueryui/images/ui-icons_910039_256x240.png");
    margin-top: -9px;
}

.oeffentlich_foreground_light .ui-state-active .ui-icon {
    background-image: url("/style/jqueryui/images/ui-icons_FFFFFF_256x240.png");
    margin-top: -9px;
}

.oeffentlich_foreground_dark .ui-state-default .ui-icon {
    background-image: url("/style/jqueryui/images/ui-icons_cfbbc3_256x240.png");
    margin-top: -9px;
}

.oeffentlich_foreground_dark .ui-state-active .ui-icon {
    background-image: url("/style/jqueryui/images/ui-icons_000000_256x240.png");
    margin-top: -9px;
}


.oeffentlich_content_scrollbar .ui-icon-triangle-1-s {
    background-position: -82px -144px;
}

.oeffentlich_content_scrollbar .ui-icon-triangle-1-e {
    background-position: -82px -144px;
}



.ui-widget h3 {
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    text-align: left;
}

.ui-tabs .ui-tabs-nav li .ui-icon.ui-icon-close {
    margin-top: 2px;
}

/** Titel der Tabs mit größerer Schrift */
.ui-tabs a {
    font-size: 12px;
}

.ui-tabs .ui-tabs-panel {
    background: #F2F2F2;
}

.ui-tabs .ui-tabs-nav .ui-state-disabled {
    display: none;
}

.tab-plus, .tab-plus * {
    cursor: pointer;
}

.ui-tabs ul li.tab-plus ul {
    display: none;
    position: absolute;
    z-index: 999;

    padding: 0;
    margin-left: -7.7px;
}

.ui-tabs li.tab-plus li {
    float: left;
    border: 0;
}

.ui-tabs li.tab-plus li a {
    background: #EBE7E6 !important;
    text-align: left;
    height: auto;
    line-height: 1;
    width: auto;
    padding: 8px 20px 8px 22px;
    border: 1px solid #D0D0D0;
    border-top: none;
    margin-right: 0;
}

.ui-tabs > ul > li a {
    outline: 0; /* blauen Rand weg bei aktivem Tab */
}​



/** Akkordion Ende */


#mitglieder table {
    background-color:	transparent !important;
}

/** --------------------------------------------------------------------------**/
/** CSS - Eigenschaften für das Hauptmenü am rechten Rand **/
#menu {
    MARGIN: 0;
    MARGIN-TOP: -1px;
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    FONT-WEIGHT: bold;
    WIDTH: 200px;
    BACKGROUND-COLOR: #FFFFFF;
}

#menuBlockProperties {
    margin-left: 1px;
    margin-top: 4px;
    width: 10px;
    height: 10px;
}

#menu .blocks {
    BACKGROUND-COLOR: transparent;
    width: 16px;
    height: 25px;
    FONT-SIZE: 4px;
}

#menu .blocks .active {
    BACKGROUND-COLOR: #ffffff;
}

#menu .blocks .normal {
    BACKGROUND-COLOR: #910039;
}

/** MenuItem für einzeilige Namen **/
.menuItem {
    max-height: 27px;
    line-height: 24px;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 10px;
    padding-bottom: 0;
    background-color: rgb(255, 255, 255);
    background-repeat: repeat-x;
    background-position: bottom left;
}

.headerBalken {
    background-repeat: repeat-x;
}

/** MenuItem für zweizeilige Namen (Anzahl Zeichen für Umbruch siehe MenuRenderer MENUITEM_CHARS_PER_LINE) **/
.menuItemMultiline {
    padding-top: 2px;
    padding-bottom: 6px;
    padding-left: 10px;
    line-height: 14px;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#menuItemDark {
    background-color: #910039;
    color: #EBB0C5;
}

#menuItemLight {
    background-color: #EBB0C5;
    color: #910039;
    padding-left: 12px;
}

#menu a:hover {
    color:             white;
    text-decoration:   none;
}

#menuItemDark a {
    color: #EBB0C5;
}

#menuItemLight a {
    color: #910039;
}

#menuItemEntrySpace {
    min-height: 25px;
}

.menuItemEntryBigPadding div{
    padding-left: 30px;
}

/** Eigenschaften für das Menü im Kopfbereich der Seite. **/
.headermenu {
    vertical-align:        baseline;
    background-color:      #ffffff;
    font-family:           verdana, arial, helvetica, sans-serif;
    font-size:             12px;
    background-color:      #ffffff;
    color:                 #aaaaaa;
    padding-right:         5px;
}

.footermenu {
    vertical-align: middle;
    text-align: justify;
    background-color: #ffffff;
    font-size: 11px;
    background-color: #ffffff;
    color: #aaaaaa;
}

.headermenu a {
    color: #aaaaaa;
    TEXT-DECORATION: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.headermenu a:hover {
    TEXT-DECORATION: none;
    color: #910039;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.footermenu a {
    color: #aaaaaa;
    TEXT-DECORATION: none;
    font-weight: normal;
}

.footermenu a:hover {
    TEXT-DECORATION: none;
    color: #910039;
    font-weight: normal;
}

/** Zur Blocksatzausrichtung **/
.headermenuItem {
    margin-right: 1px;
}

/** Eigenschaften für das Top-Menü im den Oberbereichen im Mitgliederbereich. **/
#topMenu {
    height: 25px;
    background-color: #910039;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#topMenuItem a {
    text-decoration: none;
    color: #EBB0C5;
    cursor: pointer;
}

#topMenuItem a:hover {
    color:         white;
}

#topMenuItem {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    height: 25px;
    line-height: 23px;
    vertical-align: middle;
    border-left: 1px solid #dddddd;
    margin-left: -1px;
    color: #EBB0C5;
    cursor: pointer;
}

#topMenuItemEntrySpace {
    display: inline-block;
    font-size: 11px;
    height: 25px;
    padding-left: 6px;
    padding-right: 4px;
}

/** --------------------------------------------------------------------------**/
/** Layout für das neue Menue */
#n-menu-nav-container {
    height:25px;
    background-color: #910039;
    padding:0;
    margin:0;
    cursor:pointer;
}

#n-menu-nav {
    margin:0;
    padding:0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size:   10px;
    z-index:900;
}

#n-menu-nav ul {
    display:none;
    margin:0;
    padding:0;
    min-width:220px;
    position:absolute;
    top:24px;
    left:0;
    height:25px;
    line-height:23px;
    vertical-align:middle;
    z-index:900;
}

#n-menu-nav li {
    float:left;
    list-style: none outside none;
    margin: 0 0;
    padding: 6px 7px 0 7px;
    vertical-align: middle;
    height: 18px;
    position: relative;
    border-left: 1px solid #dddddd;
    margin-left:-1px;
    cursor:pointer;
    z-index:900;
}

#n-menu-nav li > a {
    color:#EBB0C5;
    white-space:nowrap;
}

#n-menu-nav li > img {
    margin-top:-5px;
}

#n-menu-nav li:hover > a, #n-menu-nav li[dynamic="true"]:hover > a {
    color:#fff;
}
#n-menu-nav li:hover > div {
    background-color:#fff;
}

#n-menu-nav li[rollout="true"]:hover > ul, #n-menu-nav li[rollout_ever="true"]:hover > ul {
    display:block;
}

#n-menu-nav ul li {
    float: none;
    margin: 0;
    padding: 2px 7px 4px 7px;
    height: 20px;
    border-top: 1px solid #dddddd;
    background-color: #910039;
    cursor:pointer;
    z-index:900;
    position:relative;
}


#n-menu-nav ul ul {
    top: 1px;
    left: 219px;
    z-index:910;
}

#n-menu-nav ul ul li, #n-menu-nav li[dynamic="true"] {
    background-color:#910039;
}

#n-menu-nav ul ul li > a, #n-menu-nav li[dynamic="true"] > a {
    color:#910039;
}

/** Farbeigenschaften **/
.colorwhite, #colorwhite {
    background-color: #ffffff;
}

/** Farbeigenschaften **/
.colorwhite {
    BACKGROUND-COLOR: #ffffff;
}

.colorlight {
    BACKGROUND-COLOR: #EBB0C5;
}

.colordark {
    BACKGROUND-COLOR: #910039;
}

.colorgray {
    BACKGROUND-COLOR: #E8E8E8;
}

.colorlightgray {
    BACKGROUND-COLOR: #F2F2F2;
}

/** --------------------------------------------------------------------------**/
/** Layoutangaben für die Login-Seiten im öffentlichen bereich! **/

.loginerror {
    margin-top:     70px;
    height:         40px;
}

.login {
    position       : relative;
    margin-top     : 30px;
    margin-left    : auto;
    margin-right   : auto;
    max-width      : 200px;
    min-width      : 170px;
    font-size      : 12px;
    font-weight    : bold;
    color          : #000000;
}

.login div{
    margin-top     : 5px;
    text-align     : left;
}

.login input {
    width          : 192px;
}

div#login {
    float          : right;
    text-align     : center;
    min-width      : 0;
    padding-top    : 0;
    padding-bottom : 0;
    padding-left   : 3px;
    padding-right  : 3px;
}


/** --------------------------------------------------------------------------**/
/** Layoutangaben für die CMS-Seiten im öffentlichen bereich! **/

.cms_headline {
    color:			black;
    font-size:		16pt;
    text-align:		left;
    margin-bottom:  60px;
}

/** Tabelle über den gesamten CMS-Bereich **/
.cms_table {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
}

/** Tabellenzeile für die Seitenüberschrift. **/
.cms_table .cms_headline_row {
    background-color: #AAAAAA;
    height: 26px; /** Muss 1 Pixel mehr sein als MenuItem **/
}

/** Zelle in der die Seitenüberschrift steht. **/
.cms_table .cms_headline_row .cms_title {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    padding-left: 10px;
    border-bottom: 1px solid #ffffff;
}

/** Zeile in der der Inhalt der CMS-Seite steht. **/
.cms_table .cms_row {
    font-size: 10px;
    text-align: left;
    text-decoration: none;
    font-style: normal;
}

/** Zelle in die der Inhalt der CMS-Seite eingefügt wird. **/
.cms_table .cms_row .cms_text {
    font-weight: normal;
    color: #000000;
    background-color: transparent;
}


/** Kursivtext auf Hilfeseiten. **/
.cms-help-itatext {
    color: #00538d;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    font-style: italic;
}

/** --------------------------------------------------------------------------**/
/** Styles für den CMS-Inhalt und Content im Mitgliederbereich. **/

.cms_field p {
    padding: 0;
    margin: 0;
}

.cms_field li {
    text-align: left;
}

.cms_field h1 {
    padding-top: 0;
    margin-top: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #910039;
}

.cms_field h2 {
    padding-top: 0;
    margin-top: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;
    MARGIN-LEFT: 2px;
}

.cms_field h3 {
    padding-top: 0;
    margin-top: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
}

/** REWORK Aus irgendeinem Grund nimmt er im CMS-Editor für eine überschrift
    h6 und nicht h1 oder h2 wie man annehmen würde */
.cms_field h6 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
    FONT-SIZE: 20px;
    LINE-HEIGHT: 20px;
}

/** --------------------------------------------------------------------------**/
/** Layoutangaben für den Content im Mitgliederbereich. **/
.content_row .content_text p {
}

/** --------------------------------------------------------------------------**/
/** Layoutangaben für den Content im Mitgliederbereich. **/
/** Zelle in der die content_table eingefügt wird. **/

/** Tabelle, welche den gesamten Content beinhaltet. **/
.content_table {
    font-size: 12px;
    margin: 0;
    position: relative;
}

/** Zeile in der der Seitentitel angezeigt wird. **/
.content_table .content_headline_row {
    background-color: #AAAAAA;
    padding-top: 2px;
    height: 26px; /** Muss 1 Pixel mehr sein als MenuItem **/
}

/** Zelle in der der Seitentitel angezeigt wird. **/
.content_table .content_headline_row .content_title {
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    padding-left: 10px;
    padding-top: 4px;
    border-bottom: 1px solid #ffffff;
    vertical-align: middle;
}

/** Zelle in dem der Content dargestellt wird. **/
.content_table .content_row .content_text {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 15px;
    color: #000000;
    font-size: 12px;
}

/** Zelle in dem der Content dargestellt wird. **/
.content_table .content_row .content_text .navigateButtons img {
    line-height: 40px;
}

/** Fetter Text innerhalb des Content-Bereiches. **/
.content_table .content_row .content_text b {
    color: #910039;
    font-size: 12px;
}

/** Bildstile für die CMS-Seiten. **/
#cmsimg {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

#cmsimgbig {
    width: 384px;
    height: auto;
    margin: 0;
    margin-bottom: 5px;
}

#cmsimgpeople {
    width: 135px;
    height: 135px;
    margin: 0;
    margin-right: 10px;
}

#cmsicon {
    float: left;
    width: 18px;
    height: 18px;
    margin: 0;
    margin-right: 10px;
    border: 0 solid #ffffff;
    vertical-align: middle;
}

/* Smaller text used for validation-errors and exception-traces */
.small-text {
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
    font-style: normal;
}

.itatext {
    color: #000000;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
    font-style: italic;
}

/* used as information text in forms */
.infotext {
    color: #910039;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
    font-style: italic;
}

/* used for italic text in cms */
.cms-itatext {
    color: #910039;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    font-style: italic;
}


/** --------------------------------------------------------------------------**/
/** Definition von Schaltflächen im Portal. **/
/* Underline, wenn Hover */
.SelectableButton a:hover,a.SelectableButton:hover,input.SelectableButton:hover
{
    color: white !important;
    text-decoration: underline !important;
}

/** Links in der farbigen Schriftart. **/
.SelectableButton a,a.SelectableButton {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: white !important;
}

/** Definition der Schaltfläche. **/
.SelectableButton,input.SelectableButton,a.SelectableButton {
    border-right: #787878 1px solid;
    border-top: #EBB0C5 1px solid;
    border-bottom: #787878 1px solid;
    border-left: #EBB0C5 1px solid;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    min-width: 100px;
    background-color: #910039;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 11px !important;
    font-weight: bold;
    color: #ffffff !important;
}

.n-button {
    border-right: #E8E8E8 1px solid;
    border-top: #EBB0C5 1px solid;
    border-bottom: #E8E8E8 1px solid;
    border-left: #EBB0C5 1px solid;
    background-color:#910039;
    line-height:15px;
    padding-top:2px;
    padding-bottom: 2px;
}



.SelectableButtonBackground {
    background-color: #910039;
}

/** --------------------------------------------------------------------------**/
.SelectableButtonDisabled {
    BORDER-RIGHT: #AAAAAA 2px solid;
    BORDER-TOP: #AAAAAA 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 3px;
    MARGIN-BOTTOM: 1px;
    BORDER-LEFT: #AAAAAA 1px solid;
    COLOR: #AAAAAA;
    BORDER-BOTTOM: #AAAAAA 2px solid;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    min-width: 100px;
    font-style: normal;
    line-height: 20px;
    font-variant: normal;
    text-align: center;
    FONT-COLOR: #AAAAAA;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.link-imitat {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

th.link-imitat a:hover {
    text-decoration: none;
    color: white;
}

h1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

h2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;
    MARGIN-LEFT: 2px;
}

h3 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

.form-label-small {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-ALIGN: left;
}

.form-label {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-ALIGN: left;
}

.form-label-big {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    FONT-FAMILY: Tahoma, Arial;
    TEXT-ALIGN: left;
}

.form-field {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: 1px solid Gray;
    BORDER-BOTTOM: 1px solid Gray;
    BORDER-TOP: 1px solid Gray;
    BORDER-RIGHT: 1px solid Gray;
    FONT-FAMILY: 'Tahoma', Arial;
    margin-top: 1px;
    margin-bottom: 1px;
    BACKGROUND-COLOR: #ffffff;
}

.form-field-number {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    TEXT-ALIGN: right;
    BORDER-LEFT: 1px solid Gray;
    BORDER-BOTTOM: 1px solid Gray;
    BORDER-TOP: 1px solid Gray;
    BORDER-RIGHT: 1px solid Gray;
    FONT-FAMILY: Tahoma, Arial;
    margin-top: 1px;
    margin-bottom: 1px;
    BACKGROUND-COLOR: #ffffff;
}

.form-value {
    font-weight: normal;
    font-size: 12px;
    font-family: Tahoma, Arial;
    border-bottom: 1px solid #aaaaaa;
    padding-top: 3px;
}

.form-field-disabled {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-TOP: none;
    BORDER-RIGHT: none;
    BORDER-LEFT: none;
    BORDER-BOTTOM: 1px solid Silver;
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Arial;
}

.form-field-number-disabled {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    TEXT-ALIGN: right;
    BORDER-TOP: none;
    BORDER-RIGHT: none;
    BORDER-LEFT: none;
    BORDER-BOTTOM: 1px solid Silver;
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Arial;
}

/* Standard horizontal space between two form fields */
.form-sep {
    padding-left: 30px;
}

/* Ladeanimation */
#loadAnim {
    left: 0;
    offset: 0px;
    margin-left: -11px;
}

/* Big horizontal space between two form fields */
.form-sep-big {
    padding-left: 60px;
}

/* Standard vertical space between two form fields (empty line) */
.form-sep-vertical {
    height: 10px;
}

/* Big vertical space between two form fields (empty line) */
.form-sep-vertical-big {
    height: 20px;
}

.form-buttons {

}

/** Style für die Check-Box-Liste **/
.form-checkboxlist-edit {
    border: 1px ridge #aaaaaa;
    background-color: #FFFFFF;
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
    padding: 2px;
}

.form-checkboxlist-display {
    border: 1px ridge #aaaaaa;
    background-color: #FFFFFF;
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
    padding: 2px;
}

/** Style für die CheckBoxen in der Liste. **/
.form-checkboxlist-checkbox {
    padding-top: 0;
    padding-bottom: 0;
    FONT-SIZE: 8px;
    FONT-FAMILY: Tahoma, Arial;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    hspace: 0px;
}

/* Table for listing search-results */
.list-table {
    border-style: none;
    border-spacing: 2px;
    border-collapse: separate;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #F2F2F2;
}

.list-table a {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

.list-table a:hover {
    text-decoration: none;
    color: #999999;
}

.list-table tr th {
    BACKGROUND-COLOR: #aaaaaa;
    vertical-align: top;
    text-align: left;
}

.list-table tfoot > tr > td {
    vertical-align: top;
    text-align: left;
}

.list-table tr {
    BACKGROUND-COLOR: #ffffff;
    text-align: left;
}

.list-table tr.hover:hover {
    BACKGROUND-COLOR: #ffdde9 !important;
    cursor: pointer;
}

.list-table tr.even-row {
    BACKGROUND-COLOR: #ededed !important;
}

.list-table tr.odd-row {
    BACKGROUND-COLOR: #ffffff !important;
}

.list-table tr.even-row-hover {
    BACKGROUND-COLOR: #ededed !important;
}

.list-table tr.odd-row-hover {
    BACKGROUND-COLOR: #ffffff !important;
}

.list-table tr.even-row-hover:hover {
    BACKGROUND-COLOR: #f5dfe8 !important;
    cursor: pointer;
}

.list-table tr.odd-row-hover:hover {
    BACKGROUND-COLOR: #f7e1e9 !important;
    cursor: pointer;
}

.list-table .output-field {
    font-weight: normal;
    font-size: 13px;
    font-family: tahoma, arial, sans-serif;
    border-bottom: 0;
}

/* Primefaces ui-datatable
   ACHTUNG: Unter Chrome wird dieser Wert irgendwie auf overflow:hidden gesetzt, so dass die ganze Tabelle unsichtbar ist.
            Darum hier so setzten, dass der initiale Wert den der Browser für das Element hat gesetzt bleibt.
*/
.ui-datatable-tablewrapper {
    overflow: initial;
}


.hover a:hover {
    COLOR: #000000;
}

.even-row-hover a:hover {
    COLOR: #000000;
}

.odd-row-hover a:hover {
    COLOR: #000000;
}


/* Table for displaying mulitple items in a form or details-Page */
.form-table {
    border-style: none;
    border-spacing: 1px;
    border-collaps: collaps;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #ffffff;
    color: #000000;
}

.form-table a {
    font-weight: bold;
    font-size: 11px;
}

.form-table tr {

}

.form-table tr th {
    BACKGROUND-COLOR: #aaaaaa;
    vertical-align: top;
    font-weight: bold;
    color: #000000;
}

.form-table tr td {
    BACKGROUND-COLOR: #eeeeee;
    text-align: left;
}

/* Table for editing mulitple items in a form or details-Page */
.form-edit-table {
    border-style: none;
    border-spacing: 1px;
    border-collaps: collaps;
    font-size: 12px;
}

.form-edit-table tr {

}

.form-edit-table tr th {
    BACKGROUND-COLOR: #aaaaaa;
    vertical-align: top;
    font-weight: bold;
}

.form-edit-table tr td {
    text-align: left;
    BORDER-BOTTOM: 1px solid Silver;
}

/* table inside cms */
.cms-table {
    TEXT-ALIGN: left;
    font-size: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 30px;
}

.cms-table td {
    vertical-align: top;
    padding-top: 7px;
    padding-left: 10px;
}

.cms_field li {
    padding: 	5px;
}

.tabPane {

}

.novedia-tab-control-class {
    width: 100%;
    margin: 0 10px 0 0;
}

.novedia-tab-control-class .tab-row {
    z-index: 1;
    cursor: pointer;
}

.novedia-tab-control-class .tab-row .tab {
    font: bold 8pt sans-serif;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    min-width: 100px;
    cursor: pointer;
    display: inline;
    border-top: 1px solid #AAAAAA;
    border-right: 2px solid #910039;
    border-left: 1px solid #AAAAAA;
    border-bottom: 0;
    margin: 8px 0 1px 6px;
    padding: 2px 5px 3px 5px;
    background: ActiveBorder;
    z-index: 1;
    position: relative;
    top: 0;
    background-color: #F2F2F2;
}

.novedia-tab-control-class .tab-row .tab.selected {
    border-top: 1px solid #AAAAAA;
    border-right: 2px solid #910039;
    border-left: 1px solid #AAAAAA;
    border-bottom: 0;
    font-weight: bold;
    z-index: 3;
    padding: 2px 6px 5px 6px;
    margin: 1px 0 -4px 6px;
    top: -2px;
    background-color: #F2F2F2;
}

.novedia-tab-control-class .tab-row .tab.hover {
    text-decoration: underline;
}

.tab-page-container {
    margin: 0 10px 0 10px !important;
}

.novedia-tab-control-class .tab-page {
    clear: both;
    border-top: 1px solid #AAAAAA;
    border-right: 2px solid #910039;
    border-bottom: 2px solid #910039;
    border-left: 1px solid #AAAAAA;
    background: ThreeDHighlight;
    background-color: #F2F2F2;
    z-index: 2;
    position: relative;
    top: -2px;
    color: WindowText;
    font: Message-Box;
    padding: 10px;
    margin-top: 4px;
}

/** --------------------------------------------------------------------------**/
/** Definition des Klasse für eine Multipane. **/
.novedia-multipane-control-class {
    position: relative;
    width: 100%;
    margin: 0 10px 0 0;
    z-index: 0;
    background-color: #ffffff;
}

/** Zeile in der der Titel des Blattes angezeigt wird. **/
.novedia-multipane-control-class .multipane-row {
    margin-bottom: 5px;
    border-color: #AAAAAA;
    z-index: 5;
}

/** Statischer Span für den Inhalt der Titelzeile. **/
.novedia-multipane-control-class .multipane-row .multipane-row-static {
    z-index: 3;
    margin: 2px 5px -2px 0;
}

.multipane-title {
    padding-top: 4px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    min-width: 100px;
    display: inline;
    border-top: 1px ridge #aaaaaa;
    border-right: 1px ridge #aaaaaa;
    border-left: 1px ridge #aaaaaa;
    border-bottom: 0 ridge #aaaaaa;
    border-style: ridge;
    float: left;
    z-index: 5;
    white-space: nowrap;
    position: absolute;
    top: 0;
    background-color: #eeeeee;
}

.novedia-multipane-control-class .multipage {
    clear: both;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    z-index: 1;
    position: relative;
    top: -2px;
    color: WindowText;
    font: Message-Box;
    margin: -4px 0 0 0;
    padding: 10px;
}

/** --------------------------------------------------------------------------**/
/** Definition des Klasse für eine NavView. **/
.navview_control {
    width: 100%;
    margin: 0 10px 0 0;
    background-color: #F2F2F2;
}

/** Zeile in der der Titel des Blattes angezeigt wird. **/
.navview_control .navview_row {
    z-index: 10;
    margin-bottom: -0px;
    margin-top: 0;
    margin-left: -2px;
    margin-right: 5px;
    border-color: #AAAAAA;
    cell-padding: 0px;
    cell-spacing: 0px;
    height: 28px;
}

/** Statischer Span für den Inhalt der Titelzeile. **/
.navview_control .navview_row .navview_row_title {
    height: 28px;
}

.navview_control .navview_row .navview_row_title .navview_title {
    height: 28px;
    padding-top: 4px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    min-width: 100px;
    border-top: 1px ridge #aaaaaa;
    border-right: 1px ridge #aaaaaa;
    border-left: 1px ridge #aaaaaa;
    border-bottom: 0 ridge #aaaaaa;
    white-space: nowrap;
    top: 0;
    background-color: #FFFFFF;
}

.navview_control .navview_row .navview_row_title .navview_buttons {
    border: 0 ridge #aaaaaa;
    margin: 0;
}

.navview_control .navview_control_page {
    z-index: 2;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    color: WindowText;
    margin: -2px 0 0 0;
    padding: 10px;
}

/** --------------------------------------------------------------------------**/
/** Definition der Klassen für eine LineView. **/
.lineview_head_td {
    font-size: 12px;
    color: #910039;
    font-weight: bold;
}

/** --------------------------------------------------------------------------**/
#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

#popupContact {
    display: none;
    position: fixed;
    _position: absolute;
    height: 300px;
    width: 400px;
    background: #ffffff;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}

#popupContact h1 {
    text-align: left;
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
}

@media print {
    .showOnPrint {
        Color: #000000;
    }
}

/** --------------------------------------------------------------------------**/
/** STYLES für die Popup-Boxen **/ /** Graufärbung des Hintergrunds **/
#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity = 75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight >   document.body.offsetHeight ?
		document.body.scrollHeight :   document.body.offsetHeight +   'px');
    width: expression(document.body.scrollWidth >   document.body.offsetWidth ?
		document.body.scrollWidth :   document.body.offsetWidth +   'px');
}

/** Das Popup-Fenster selbst. **/
#TB_window {
    font: 11px verdana, arial, helvetica, sans-serif;
    overflow: hidden;
    position: fixed;
    z-index: 102;
    color: #000000;
    display: none;
    border-top: 6px solid #EBB0C5;
    border-left: 6px solid #EBB0C5;
    border-right: 6px solid #910039;
    border-bottom: 6px solid #910039;
    text-align: left;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
}

* html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 -   parseInt(this.offsetHeight/ 2) +   (
		TBWindowMargin =   document.documentElement &&  
		document.documentElement.scrollTop ||   document.body.scrollTop ) +  
		'px' );
}

#TB_ajaxContent {
    clear: both;
    padding: 0;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
    padding: 0;
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_ajaxContent p {
    padding: 5px 0 5px 0;
}

* html #TB_load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 -   parseInt(this.offsetHeight/ 2) +   (
		TBWindowMargin =   document.documentElement &&  
		document.documentElement.scrollTop ||   document.body.scrollTop ) +  
		'px' );
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight >   document.body.offsetHeight ?
		document.body.scrollHeight :   document.body.offsetHeight +   'px');
}

.pinpad-table {
    border: 1px solid #EBB0C5;
    border-right-color: #910039;
    border-bottom-color: #910039;
    background-color: #eeeeee;
}

.map_outline {
    border: #910039 1px solid;
    margin-top: 5px;
}

.highlight {
    background-color: #D2DFEA;
    cursor: default;
    text-decoration: none;
    color: #000000;
}

.highlight a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}

.htmlEditable {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    border: 1px solid Gray;
    FONT-FAMILY: Tahoma, Arial;
    margin-top: 1px;
    margin-bottom: 1px;
    BACKGROUND-COLOR: #ffffff;
}

.cmsEdit {
    position: absolute;
    top: 5px !important;
    left: -20px !important;
}

/*.cmsEditPublic {
	position: absolute;
	top: 5px !important;
	left: -20px !important;
}
*/
.cmsEditHeadline {
    position: absolute; /* Absolute zum Form-Tag! */
    top: 0;
    left: -30px;
    width: 20px;
}

/* Bildauswahl im CMS */
div.picList img:hover {
    background-color: red;
}

div.picList {
    background-color: rgb(255, 255, 255);
    width: 780px;
}

div.picList img {
    border: 1px solid #cccccc;
    border-right: 2px #000000;
    border-bottom: 2px #000000;
    cursor: pointer;
    padding: 2px;
    margin: 2px;
}

.max-height-50px {
    max-height: 50px;
    width: expression(this.height > 50 ? 50 : true);
}

.nowrap {
    white-space: nowrap;
}

.vertical-align-middle {
    vertical-align:middle;
}

/** Formatierung der struts-errors und messages */

/** Abstand nach allen Meldungen zur Maske unten und sakalierung auf volle Breite */
.h_messagesTable {
    padding-bottom:15px;
    width: 100%;
}

/** Zweite Regel damit die in der h-messageTable enthaltenen tables auf 100% skaliert werden */
#messages, #messages table {
    width: 100%;
}

#messages_info, #messages_error, #messages_success, #messages_fatal {
    border-spacing:0;
}

/** Damit mehrere Fehlermeldungen zwischeneinander Abstand haben */
#messages table td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.n-message {
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}

.n-message-small {
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
}

.h_error, .h_info, .h_success, .h_task {
    vertical-align: middle;
    border: 2px solid #dbdbdb;
    padding: 10px 10px;
}

.h_error {
    background-color: rgba(244, 210, 222, 0.34);
}

/* Fügt vor dem h_error als eigenes Element das Icon ein. */
.h_error::before {
    content: url(/icons/icon_struts_error.gif);
    padding-right: 10px;
}

.h_info {
    background-color: #CEDDED;
}

.h_info::before {
    content: url(/icons/icon_struts_hinweis.gif);
    padding-right: 10px;
}

.h_success {
    background-color: #D1EDCE;
}

.h_success::before {
    content: url(/icons/icon_struts_message.gif);
    padding-right: 10px;
}

.h_task {
    background-color: #FCEFD7;
}

.h_task::before {
    content: url(/icons/icon_struts_aufgabe.gif);
    padding-right: 10px;
}


.errorIcon {
    background: url(/icons/icon_struts_error.gif) no-repeat 0 1px;
    padding-left: 26px;
    vertical-align: middle;
}

.infoIcon {
    background: url(/icons/icon_struts_hinweis.gif) no-repeat 0 1px;
    padding-left: 20px;
    vertical-align: middle;
}

.successIcon {
    background: url(/icons/icon_struts_message.gif) no-repeat 0 1px;
    padding-left: 20px;
    vertical-align: middle;
}

.taskIcon {
    background: url(/icons/icon_struts_aufgabe.gif) no-repeat 0 1px;
    padding-left: 20px;
    vertical-align: middle;
}


a.icon_excel_following {
    text-align: left;
    vertical-align: bottom;
    line-height: 22px;   /* wichtig für align des Textes und muss gleich der height sein */

    height: 22px;
    width: 100px;
    background: url(/icons/icon_type_excel.gif) no-repeat 75px 0;

    margin-top: 1px;
    margin-right: 2px;
    margin-left: 5px;
}



/* Definiert die Styles für den Ausdruck. Es kann z.B. definiert werden,
   dass bestimmte Klassen/Ids angezeigt/ausgeblendet werden sollen */
@media print {
    .hideOnPrint {
        display: none;
    }
    #blendMenuInOut {
        display: none;
    }
    .SelectableButton {
        display: none;
    }
    .tokenizer .tokenizer_stretcher {
        display: none;
    }
    .tokenizer .tab_stop {
        display: none;
    }
    .tokenizer .tokenizer_input {
        display: none;
    }
    .tokenizer .dropDownButton {
        display: none;
    }
    .tokenizer .dropDownButton a {
        display: none;
    }
    .cmsEdit {
        display: none;
    }
    .cmsEditHeadline {
        display: none;
    }
}

/**
 * Styles für die Wissensdatenbank
 */
.wissen_volltext p {
    margin-bottom:0 !important;
}

.wissen_themengebiet {
    font-family: arial, helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    width:740px;
    margin-bottom:20px;
    margin-top:10px;
}

.wissen_rechtsbereich {
    font-family: arial, helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

.wissen_titel{
    font-family: arial, helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #910039;
}

.wissen_treffertext {
    font-style: italic;
    padding: 7px 0 8px;
}

.wissen_treffer {
    font-weight: bold;
    color: #910039;
}

.input_readonly{
    display: block;
    height: 14px;
    width:100%;
    font-weight: normal;
    font-size: 12px;
    font-family: Tahoma, Arial;
    border-bottom: 1px solid #aaaaaa;
    padding-top: 3px;
}

.input_readonly_bold {
    display: block;
    height: 14px;
    width:100%;
    font-weight: bold;
    font-size: 12px;
    font-family: Tahoma, Arial;
    border-bottom: 1px solid #aaaaaa;
    padding-top: 3px;
}

td.paginator_page > a {
    font-size: 18px;
    padding-left: 6px;
    padding-right: 6px;
}

.paginator_active_page {
    font-size: 20px;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
    border-bottom: 1px solid #000000;
}

.headerLeft{
    text-align: left;
}



/**** Neue JSF Styles ****/

.label {
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    color: #484848;
    padding-right: 3px;
}

/* Damit Text und Icon auf einer Höhe sind */
.label, .label * {
    vertical-align: middle;
}

.output-field {
    font-weight: normal;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    border-bottom: 1px solid #aaaaaa;
}

ul.output-field {
    border: none;
}

.output-field-no-underline {
    font-weight: normal;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
}

.money-output-field {
    font-weight: normal;
    font-size: 12px;
    font-family: arial, sans-serif;
    border-bottom: 1px solid #aaaaaa;
}

.input-field, .input-field input {
    font-weight: normal;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    color: #000000;
    z-index: 1;
}

.money-input-field {
    font-weight: normal;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: right;
    color: #000000;
    z-index: 1;
}

.label-black {
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    color: #000000;
    padding-right: 3px;
}

.label-big  {
    font-weight: bold;
    color: #484848;
    font-size: 13px;
    clear: both;
}

.label-big-black  {
    font-weight: bold;
    color: #000000;
    font-size: 13px;
    clear: both;
}

.label-verybig  {
    font-weight: bold;
    color: #484848;
    font-size: 14px;
    clear: both;
}

.label-verybig-black  {
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    clear: both;
}

.label-large  {
    font-weight: normal;
    color: #484848;
    font-size: 16px;
    clear: both;
}

.label-small {
    font-weight: normal;
    color: #484848;
    font-size: 10px;
    clear: both;
}

.font-big  {
    font-weight: bold;
    font-size: 14px;
}


.boldtext {
    font-weight: bold;
    color: #910039;
    font-size: 12px;
    clear: both;
}

.bigboldtext {
    font-weight: bold;
    color: #910039;
    font-size: 14px;
    clear: both;
}

.boldtextblack {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    clear: both;
}

.bigboldtextblack {
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    clear: both;
}

.verybigboldtextblack {
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    clear: both;
}

.deactivatedtext {
    color: #888888;
}



/* ACHTUNG: Die Regel: span.input-field > input wird für den primefaces-Datepicker benötigt, bei der unsere styleClass 'inputField'
   statt an das Textfeld an ein span darum herum gesetzt wird */
select.input-field, textarea.input-field, input.input-field, input.money-input-field, div.selectManyCheckbox, span.input-field > input, .ui-selectonemenu-filter.ui-inputfield {
    border: 2px solid #d5d5d5;
    background-color: #ffffff;
    box-shadow: none;
}

/** Rahmen für Eingabefelder die den Focus haben
    ACHTUNG: bei Comboboxen kann man nicht die Backgroundfarbe ändern wenn sie fokussiert sind. Darum Rahmen
    ACHTUNG: Die Regel: span.input-field > input:focus wird für den primefaces-Datepicker benötigt, bei der unsere styleClass 'inputField'
    statt an das Textfeld an ein span darum herum gesetzt wird */
select.input-field:focus, textarea.input-field:focus, input.input-field:focus, input.money-input-field:focus, span.input-field > input:focus, .ui-selectonemenu-filter.ui-inputfield:focus {
    outline: none;
    box-shadow: none;
    border-color: rgba(130, 0, 44, 0.39);
}

/* Rote Hintergrundfarbe für Pflichtfelder ohne Inhalt
   ACHTUNG: ist für das primefaces-selectOneMenu, bei dem die select-Box durch ein div gerendert wird
*/
select.error-required, textarea.error-required, input.error-required, div.error-required {
    background-color: rgb(243, 231, 235) !important;
}

/* Knopf */
.button, .button-small {
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px !important;
    font-family: verdana, arial, helvetica, sans-serif !important;
    font-weight: bold !important;
    color: white !important;
    background-color: rgb(105, 105, 105) !important;
    text-align: center;
    cursor: pointer;
    height: 15px;
}

.button:hover, .button-small:hover {
    background-color: #910039 !important;
}

.button {
    margin-right: 12px;
    font-size: 12px !important;
    padding: 6px 7px !important;
    min-width: 40px;
}

.button-small {
    margin-right: 11px;
    font-size: 11px !important;
    padding: 4px 6px !important;
}

.button > *, .button-small > * {
    vertical-align: bottom;
}

.button img {
    /*  Height des Buttons sind 15px (mit padding eine Gesambuttonhöhe von 27px).
        Die normalen Icons haben eine Höhe von 22px, die nicht in den normalen Contentbereich von 15px Höhe passen.
        Die fehlende Differenz von 7 px muss das Bild nach oben und unten gleichmäßig über seine Margin vom umgebenden Padding klauen. */
    height: 22px; /* typische Iconhöhe forcieren*/
    margin-top: -3.5px;
    margin-bottom: -3.5px;
}

.button-small img {
    /*  Height des Buttons sind 15px (mit padding eine Gesambuttonhöhe von 23px).
        Die kleinen Icons haben eine Höhe von 18px, die nicht in den normalen Contentbereich von 15px Höhe passen.
        Die fehlende Differenz von 3 px muss das Bild nach oben und unten gleichmäßig über seine Margin vom umgebenden Padding klauen. */
    height: 18px; /* typische Iconhöhe forcieren*/
    margin-top: -1.5px;
    margin-bottom: -1.5px;
}

/* Overlay-Area ist rechtsbündig, deshalb benötigen die Buttons links und nicht rechts einen Abstand zum jeweils nächsten Button. */
.overlay-area .button {
    margin-right: 0;
    margin-left: 12px;
}

.overlay-area .button-small {
    margin-right: 0;
    margin-left: 11px;
}


.overlay-area {
    position: relative;
}

.overlay-area > div {
    position: absolute;
    top: 0;
    right: 0;
}



/* Primefaces ui.menubutton als HÖV-Button */
.ui-menubutton.hoev-menubutton button {
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold !important;
    color: white !important;
    background-color: rgb(105, 105, 105);
    text-align: center;
    cursor: pointer;

    padding: 0;
    box-sizing: border-box; /* die meisten (alle?) Browser haben dieses Box-Modell eh als User-Agent-Stylesheet per default */
    height: 27px; /* button-Tags nutzen das border-box Modell */
    border: 0 none transparent;

    font-size: 12px;
    min-width: 40px;

    text-shadow: none;
}

.ui-menubutton.hoev-menubutton button:focus {
    outline: 0; /* macht den blauen Rand um den Button weg, wenn er angeklickt wird */
}

.ui-menubutton.hoev-menubutton button:hover {
    background-color: #910039;
}


.ui-menubutton.hoev-menubutton button > * {
    vertical-align: bottom;
}

/* Neuer Info-Button mit Tooltip - jQueryUI */
.iconWithTooltip {
    vertical-align: middle;
    margin-left: 1px;
    margin-bottom: 3px;
}

.ui-tooltip-content {
    padding: 10px;
    padding-left: 5px;
}


/* Tabelle mit Daten */
.data-table, .data-table table:first-child {
    border: 0 none transparent;
    border-style: none;
    border-spacing: 2px;
    border-collapse: separate;
    background-color: #F2F2F2 !important;
}

.data-table thead th,
.data-table tbody td,
.data-table tfoot td {
    padding: 4px;
}

.data-table .ui-state-default {
    color: black;
    text-shadow: none;
}

.data-table table:first-child th, .data-table table:first-child td {
    border-style: none;
}

.data-table, .data-table * {
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
}

.data-table a, .data-table a * {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.data-table a:hover {
    text-decoration: none;
    color: #999;
}

/* Unterstrich in Tabelle nicht anzeigen */
.data-table .output-field,
.data-table .money-output-field  {
    border-bottom: 0;
}

.data-table th, .data-table th * {
    vertical-align: top;
    text-align: left !important;
/*    color: white;    TODO Bei Gelegenheit mal umstellen auf weiße Schrift in Tabellenköpfen - Pfeile sollten aber dann auch weiss sein und Schrift einen Punkt größer */
    background-color: #aaa !important;
    font-weight: bold !important;
    font-size: 10px;
}

.data-table tfoot > tr > td {
    vertical-align: top;
    text-align: left;
    background: #dcdcdc !important;
}

.data-table tr {
    vertical-align: top;
    text-align: left;
    background: #fff;
}

.data-table tr.hover:hover { /* wo wird das genutzt? */
    cursor: pointer;
    background: #ffdde9 !important;
}

.data-table tr:nth-child(even) {
    background: #ededed !important;
}

.data-table tr:nth-child(odd) {
    background: #fff !important;
}

.data-table tr:nth-child(even):hover {
    background: #f5dfe8 !important;
    cursor: pointer;
}

.data-table tr:nth-child(odd):hover {
    background: #f7e1e9 !important;
    cursor: pointer;
}


/* Reine Anzeigetabelle ohne Rahmungen */
.simple-table {
    border-style: none;
    border-spacing: 2px;
    border-collapse: separate;
    background-color: #F2F2F2;
}
.simple-table, .simple-table * {
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
}

/* Unterstrich in Tabelle nicht anzeigen */
.simple-table .output-field,
.simple-table .money-output-field  {
    border-bottom: 0;
}

.simple-table th {
    vertical-align: top;
    text-align: left;
    background-color: #F2F2F2;
    font-weight: bold;
}

.simple-table td {
    vertical-align: top;
    text-align: left;
    background-color: #F2F2F2;
}


.message_paddings {
    padding: 6px;
    padding-left: 10px;
    padding-right: 15px;
}

.message_info {
    background-color: #CEDDED;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
}

.message_task {
    background-color: #FCEFD7;
    font-size: 14px !important;
    font-family: verdana, arial, helvetica, sans-serif;
}

.message_blinker {
    background-color: pink;
    font-size: 16px !important;
    font-family: verdana, arial, helvetica, sans-serif;

    /** Das ist der css-Standard für Blinken */
    animation-name: blinker;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    /** Das ist proprietär für bestimmten Browser */
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

/** Das ist der css-Standard für Blinken */
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/** Das ist proprietär für bestimmten Browser */
@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/** Das ist proprietär für bestimmten Browser */
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}






/*** override primefaces style ***/

/* Font Awesome-Icons innerhalb von Buttons (z.B. <p:menuButton />) besser vertikal zum Button-Text ausrichten */
.ui-button-text-icon-left .ui-icon.fa {
    margin-top: -5px;
}

/* Knopf bei primefaces-Datepicker */
.ui-datepicker-trigger {
    left: 2px;
    vertical-align: top;
}

.ui-inputfield, .ui-widget, .ui-state-default, .ui-corner-all, .hasDatepicker {
    border-radius: 0;
    background-image: none;
    background-color: #ffffff;
    border-bottom-style: inset;
    box-shadow: none;
    font-size: 12px;
    font-weight: normal;
    padding:1px;
    font-family: tahoma, arial, sans-serif;
}

.ui-widget-content .ui-state-highlight {
     text-shadow: none;
}

.ui-tooltip {
    border: 0 none transparent;
    background-color: transparent; /*  Korrigiert die obigen Einstellungen für Tooltips, die auch .ui-widget sind. */
}

/** Korrigiert die obigen Einstellungen für Tooltips, die auch .ui-widget sind.
    Vermutlich wurde obige Einstellung vorschnell für alle .ui-widget gemacht. */
.ui-tooltip.ui-tooltip-top {
    border-radius: 0;
    background-image: none;
    background-color: transparent;
    border-bottom-style: none;
}


/** Korrigiert die obigen Einstellungen für Tooltips, die auch .ui-widget sind.
    Vermutlich wurde obige Einstellung vorschnell für alle .ui-widget gemacht. */
.ui-tooltip .ui-tooltip-text {
    border-radius: 0;
    background-image: none;
    border-bottom-style: none;
}

.ui-tooltip-text ul {
    padding-inline-start: 15px;
    padding-inline-end: 5px;
}

/** Damit p:commandlink nicht unterstrichen und mit weißem Hintergrund ist */
.ui-commandlink {
    background-color: transparent;
    border-bottom-style: none;
}

/** (jquery css-class hier überschreiben, weil der Hintergrund des Tabs sonst weiß ist) */
.ui-tabs, .ui-widget-content .ui-state-active  {
    background: #F2F2F2;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
    border-bottom: 1px solid #a8a8a8;
    top: 1.1px;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: 1px solid white;
}

.ui-messages-error,.ui-message-error {
    color: #D8000C;
    background-color: #fff !important;
}

.ui-progressbar .ui-widget-header {
    background-color:#c2d4e4;
    background-image:none;
    border-radius:0px;
}

.ui-progressbar-label {
    color: #000000;
}

tr.ui-selectonemenu-item {
    height: 25px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    top: 8px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #aaaaaa;
    background: inherit;
    background-color: rgb(170, 170, 170);
    color: white;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    box-shadow: none;
}

.ui-state-focus {
    border-color: rgba(130, 0, 44, 0.39);
}

.ui-accordion .ui-accordion-header {
    padding-left: 2.5em;
    height: 26px;
    margin-top: 8px;
    line-height: 26px;
    vertical-align: middle;
}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header * {
    overflow: hidden;
}

.ui-accordion .ui-accordion-header * {
    vertical-align: middle;
    max-height: 26px;
}

.ui-accordion .ui-accordion-header > img {
    margin-right: 5px;
}

.ui-accordion .ui-accordion-header .hoev-accordion-actions {
    float: right;
}

.ui-accordion .ui-accordion-header .hoev-accordion-actions > img {
    margin-left: 5px;
}

.n-accordionpane-container .ui-accordion .ui-accordion-header {
    line-height: inherit;
}


/** PrimeFaces Upload-Komponente */
.ui-fileupload-simple {
    width: 100%;
    max-width: 470px;
    height: 30px;
    border-bottom: 1px solid #aaaaaa;
}

.ui-fileupload-simple .ui-button {
    position: absolute;
    right: 0;
    text-shadow: none;
    border: 0 none transparent;
    padding: 0;

    border-radius: 5px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold !important;
    font-size: 12px;
    color: white !important;
    background-color: rgb(105, 105, 105);
}

.ui-fileupload-simple .ui-button .ui-button-text {
    height: 15px;
    padding: 6px 7px;
    min-width: 40px;
}

.ui-fileupload-simple .ui-button .ui-icon {
    display: none;
}

.ui-fileupload-simple .ui-button:hover {
    background-color: #910039;
}

.ui-fileupload-simple .ui-fileupload-filename {
    position: absolute;
    bottom: 5px;
}

/** ACHTUNG: Das Input-Element an der MultiUpload-Componente hat eine große Ausdehnung über ihren Bereich hinaus.
    Dadurch kann man anderen Componenten unterhalb der MultiUploads nicht anklicken.
    Das input-Element müsste eigentlich gar nicht sichtbar sein - es wird intern verwendet,
    um die Einzelnen Files zum Server zu schicken.
    Es schadet also nicht, wenn wir es mit dieser Regel verbergen. */
input[type="file"][multiple="multiple"] {
    display: none;
}

/*** Override fancybox for custom display of Dialog Title ***/
.fancybox-title {
    font-weight: bold !important;
    color: #5c5c5c !important;
    font-size: 16px !important;
    padding: 10px !important;
    padding-left: 16px !important;
}

.ui-dialog-content > .ui-icon {
    display: none;
}

.fancybox-skin {
    background-color: #E8E8E8 !important;
}


/* normalerweise sind Buttons linksbündig, deswegen ist die Margin zum Nachbarn rechts definiert */
.hoev-button {
    margin-right: 12px;
}

.hoev-button a {
    color: white;
}

/** Für font-awesome Icons */
.font-icon {
    color: #6C6C6C;
    font-size:16px;
    vertical-align:middle;
}

.font-icon:hover {
    color: #aaaaaa;
    font-size:16px;
    vertical-align:middle;
}

.font-icon-greyedout {
    color: #9f9f9f;
    font-size:16px;
    vertical-align:middle;
}



/* Accordion Actions sind rechtsbündig, deswegen ist die margin zum Nachbarn links definiert */
.hoev-accordion-actions .hoev-button {
    margin-right: 0;
    margin-left: 5px;
}

.ui-accordion-header .hoev-button a {
    vertical-align: top;
    color: white;
    text-shadow: none;
}

.ui-accordion-header .hoev-button img {
    vertical-align: bottom;
}

.ui-accordion-header .hoev-button span {
    vertical-align: text-bottom;
}

.ui-accordion .ui-accordion-content {
    padding-bottom: 15px;
}

#flexPaperViewHeader {
    width: 880px;
    max-width: 95%;
}

/* untere margin der Seite, damit der Cookie-Banner nichts verdeckt */
body {
    margin-bottom: 50px;
}

/* Dient dem Ausgrauen von Elementen.
Sollte differenziert für verschiedene Elemente definiert werden, weil Ausgrauen einer Tabellenzeile
etwas anderes bedeuten kann als das Ausgrauen einer Checkbox. Wenn man es hier differenziert deklariert,
dann kann man es dafür im HTML einheitlich mit der Klasse .grey-out anwenden. */
tr.grey-out * { /* absichtlich nur für tr wegen Differenzierung (s.o.) */
    color: darkgrey;
}

/*
Das hier ist unglücklich, was das CSS-Design angeht:
    - Es sollte eine eigene Klasse "icon" geben, die für grundsätzliche Icon-Formatierungen wie hier gedacht ist
    - Diese eigene grundsätzliche icon-Klasse kann dann auch bestimmte andere Formmatierungen bekommen, wenn sie bspw. in einer data-Table ist (.data-table .icon {...})
    - dem Icon auf der xhtml-Seite werden dann am Ende 2 oder mehr Klassen zugewiesen: die icon-Klasse und die z.B. die icon_details-Klasse
    - Die Bequemlichkeit, dass man nachher nur eine Klasse zuweisen muss, zählt nicht, weil es diametral dem ganzen Konzept von CSS zuwider läuft. Eine solche Herangehensweise ist genau das Gegenteil von dem, was CSS ausmacht.
    - extrem gut umgesetzt ist dies bspw. bei den Fontawesome-Klassen
    - die Kombination von Eigenschaften findet auf der xhtml-Seite durch (kaskadierte) Anwedung mehrer Styles statt und nicht hier im CSS selbst

    idealerweise sieht ein Icon dann nachher so aus:
    <a href="#" class="icon icon_details"/>
    d.h. Kombination der allgemeinen Eigenschaften eines Icons (icon-Klasse) und der speziellen Eigenschaften eines Details-Icons (icon_detail) darf erst auf der xhtml-Seite stattfinden,
    um die volle Stärke von CSS am Ende ausschöpfen zu können und das CSS auch wartbar zu halten
    Es ist extrem wichtig für jeden kleinteiligen Aspekt eine eigene CSS-Klasse zu haben und diese nicht bereits im CSS zu "Monster-Klassen zu verwurschteln".

    Das Folgende sollte möglichst komplett rausfliegen:
*/
.icon_details,
.icon_edit,
.icon_edit_metadata,
.icon_remove,
.icon_delete,
.icon_open,
.icon_delete,
.icon_refuse,
.icon_anonymize,
.icon_melden,
.icon_weiterleiten,
.icon_ablegen,
.icon_new,
.icon_check,
.icon_betrag_eingegangen,
.icon_status_erfolgt,
.icon_status_erfolgt_disabled,
.icon_status_zurueck,
.icon_status_zurueck_disabled
{
    margin-top: 1px; /* wenn Icons inline-block wären, dann würde die vertikale Positionierung vermutlich eh stimmig sein */
    margin-right: 2px;
    margin-left: 5px;
    display: block; /* icons sollten inline-block wie img-Tags sein, damit sie sich Breite/Höhe und Margin wie Boxen haben, aber sich inline mit dem Text bewegen und auch hintereinander z.B. in der Aktionsspalte erscheinen */
    height: 22px;
    width: 22px;
}

/* ... stattdessen besser so ... */
.icon {
    margin: 0 7px 0 0; /* bei linksbündiger Ausrichtung von Icons den Abstand rechts (bei rechtbündig links, bei zentriert verteilt auf rechts links; Abstände zur eigentlichen Umgebung (z.B. td-Zelle) durch Padding der Umgebung (z.B. Padding der td-Zelle)*/
    padding: 0;
    display: inline-block;
    height: 22px;
    width: 22px;
}
/*
ggf. dann im CSS hier noch Anpassungen für Icons in bestimmten Umgebungen..z.B.
    .data-table .icon {
        margin: 0 2px 0 0; // in data-tables sollen Icons andere Außenabstände haben (nur als Beispiel)
    }
Man stelle sich das mit all den Klassen von oben vor ^^...und dann kommt noch ein neues Icon dazu und man muss alle CSS-Regeln, die eigentlich grundsätzlicher Natur eines Icons sind, berücksichtigen und erweitern,
obwohl sich an den grundsätzlichen Eigenschaften durch die Einführung eines neuen Icons nichts geändert hat. Daran merkt man, dass man zwei Aspekte in einen Topf geworfen hatte.
*/

/* ... und auf der xhtml dann kombiniert mit diesen ... */
.icon_details {
    background-image: url(/icons/icon_details.gif);
}

.icon_new {
    background-image: url(/icons/icon_new.png);
}

.icon_edit {
    background-image: url(/icons/icon_edit.png);
}

.icon_edit_metadata {
    background-image: url(/icons/edit_metadata.png);
}

.icon_remove {
    background-image: url(/icons/icon_remove.png);
}

.icon_delete {
    background-image: url(/icons/icon_delete.png);
}

.icon_delete_cross {
    background-image: url(/icons/icon_delete_cross.png);
}

.icon_open {
    background-image: url(/icons/icon_dokument_upload.gif);
}

.icon_delete {
    background-image: url(/icons/icon_delete.png);
}

.icon_refuse {
    background-image: url(/icons/refuse.png);
}

.icon_anonymize {
    background-image: url(/icons/action_anonymize.png);
}

.icon_melden {
    background-image: url(/icons/icon_melden.png);
}

.icon_weiterleiten {
    background-image: url(/icons/icon_nachricht_weiterleiten.gif);
}

.icon_ablegen {
    background-image: url(/icons/icon_dokument_download.gif);
}

.icon_check {
    background-image: url(/icons/icon_status_uebernommen.png);
}

.icon_betrag_eingegangen {
    background-image: url(/icons/action_betrag_eingegangen.png);
}

.icon_status_erfolgt {
    background-image: url(/icons/icon_status_erfolgt.png);
}

.icon_status_erfolgt_disabled {
    background-image: url(/icons/icon_status_erfolgt_disabled.png);
}

.icon_status_zurueck {
    background-image: url(/icons/icon_status_zurueck.png);
}

.icon_status_zurueck_disabled {
    background-image: url(/icons/icon_status_zurueck_disabled.png);
}

.hoev-password {
    white-space: nowrap;
}

.hoev-password .show-pass,
.hoev-password.show-password .hide-pass {
    display: inline-block;
}

.hoev-password .hide-pass,
.hoev-password.show-password .show-pass {
    display: none;
}

.ui-menu-dynamic .ui-menuitem.ui-state-hover {
    background: none;
}

.ui-menu-dynamic .ui-menuitem.ui-state-hover a {
    background: rgba(145, 0, 57, 1);
    color: white;
    border-radius: 5px;
}

.ui-paginator {
    background: #aaa;
}

.ui-paginator .ui-state-active {
    font-weight: bold;
    font-size: 16px;
}

.ui-paginator.ui-widget-header .ui-state-default {
    background-color: #d0d0d0;
}

.ui-paginator.ui-widget-header .ui-state-active {
    background: none;
    background-color: white;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
    padding: 3px 9px;
    margin-left: 4px;
    margin-right: 4px;
}

.ui-widget-header {
    text-shadow: none;
}

.ui-separator {
    height: 2px;
    padding: 0;
    background-color: lightgrey;
    border: none;
}