/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | KOMPONENTEN
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Section
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.section {
  width: 100%;
}


/*
***************************************************************************************************
***************************************************************************************************
** Title
***************************************************************************************************
***************************************************************************************************
*/

.section-title {
  background-color: #8ABCD7;
  border: 2px solid #FFFFFF;
}

.section-title-text {
  padding: 5px 20px 5px 8px;
  z-index: 10;
}

.section-title-text h3 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2em;
}


/*
***************************************************************************************************
***************************************************************************************************
** Body
***************************************************************************************************
***************************************************************************************************
*/

.section-body,
.section-body-blank {
  line-height: 1.8em;
}

.section-body {
  padding: 7px 11px 7px 11px;
  background-color: #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}


/*
***************************************************************************************************
** Picture
***************************************************************************************************
*/

.section-body-picture {
  padding: 6px 0 18px 18px;
  float: right;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Object-List
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.object-list,
.object-list-ebook {
  position: relative;
  width: 100%;
  margin: -2px 0 0 0;
}

.object-list-warenkorb,
.object-list-merkliste {
  width: 100%;
}


/*
***************************************************************************************************
***************************************************************************************************
** Title
***************************************************************************************************
***************************************************************************************************
*/

.object-list-title {
  background-color: #8ABCD7;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.object-list-merkliste .object-list-title {
  background-color: #95A8B6;
}

.object-list-ebook .object-list-title {
  background-color: #ccd210;
}

.object-list-title-text {
  padding: 5px 20px 5px 20px;
  z-index: 10;
}

/*.object-list-merkliste .object-list-title-text {
  padding: 4px 20px 4px 8px;
}*/

.object-list-title-text h3 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2em;
}

/*.object-list-merkliste .object-list-title-text h3 {
  font-size: 1.1em;
  line-height: 1.2em;
}*/

.object-list-title-body-icon,
.object-list-title-help-icon {
  position: absolute;
  top: 6px;
  z-index: 1000;
}

.object-list-title-body-icon {
  left: 4px;
}

.object-list-title-help-icon {
  top: 2px;
  right: 4px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Subtitle
***************************************************************************************************
***************************************************************************************************
*/

.object-list-subtitle {
  background-color: #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.object-list-subtitle-text {
  padding: 4px;
  font-size: .9em;
  color: #75ABC9;
  line-height: 1.3em;
}


/*
***************************************************************************************************
***************************************************************************************************
** Help
***************************************************************************************************
***************************************************************************************************
*/

.object-list-help {
  background-color: #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.object-list-help-text {
  padding: 4px 4px 2px 4px;
  font-size: .9em;
  color: #616263;
  line-height: 1.3em;
}


/*
***************************************************************************************************
** Sonderfälle
***************************************************************************************************
*/


/*
******************************************
** E-Books
******************************************
*/

.object-list-help-text-viewport {
  width: 100%;
  height: 450px;
  overflow: scroll;
}




/*
***************************************************************************************************
***************************************************************************************************
** Navigation
***************************************************************************************************
***************************************************************************************************
*/

.object-list-navigation {
  background-color: #8ABCD7;
  border: 2px solid #FFFFFF;
  font-size: .9em;
  color: #FFFFFF;
  line-height: 1.2em;
}

.object-list-navigation-body {
  position: relative;
  width: 100%;
}

.object-list-navigation-body-pages {
  text-align: center;
}

.table-object-list-navigation-body-pages {
  width: 100%;
}

.table-object-list-navigation-body-pages-previous,
.table-object-list-navigation-body-pages-next {
  width: 50%;
}

.table-object-list-navigation-body-pages-previous {
  text-align: right;
}

.object-list-navigation-body-pages-previous {
  padding: 6px 10px 0 0;
}

.object-list-navigation-body-pages-next {
  padding: 6px 0 0 10px;
}

.object-list-navigation-body-pages-text {
  padding: 5px 0 6px 0;
}

.object-list-navigation-body-items,
.object-list-navigation-body-jump {
  position: absolute;
}

.object-list-navigation-body-items {
  left: 8px;
  top: 5px;
}

.object-list-navigation-body-jump {
  right: 8px;
  top: 3px;
}

.object-list-navigation-body-jump label {
  display: block;
  padding: 2px 5px 0 0;
}

.object-list-navigation-body-jump-input {
  width: 43px;
  height: 17px;
  padding: 0;
  background-color: #FFFFFF;
  background-image: url(../grafik/bg_object_list_navigation_jump_field.gif);
  background-repeat: no-repeat;
  background-position: 36px 5px;
}

input.object-list-navigation-body-jump-field {
  width: 25px;
  padding: 1px 0 0 3px;
  background: transparent;
  border: none;
  color: #000000;
}

button.object-list-navigation-body-jump-button {
  width: 15px;
  height: 15px;
  background: transparent;
  border: none;
}


/*
***************************************************************************************************
***************************************************************************************************
** Body
***************************************************************************************************
***************************************************************************************************
*/

/*
  Alternative mit 2px border und border-collapse in Tabelle funktioniert bei Firefox nicht,
  Tabelle wird 2px zu breit.
*/

.object-list-body {
  border: 1px solid #FFFFFF;
}

.object-list-ebook .object-list-body {
  border-top: 0px solid transparent;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}

.table-object-list-body,
.table-object-list-body-toolbar,
.table-object-list-body-toolbar-blau,
.table-object-list-body-toolbar-weiss {
  width: 100%;
  table-layout: fixed;
}

.table-object-list-body td,
.table-object-list-body-toolbar td,
.table-object-list-body-toolbar-blau td,
.table-object-list-body-toolbar-weiss td,
.table-object-list-body th,
.table-object-list-body-toolbar th,
.table-object-list-body-toolbar-blau th,
.table-object-list-body-toolbar-weiss th {
  border: 1px solid #FFFFFF;
}


/*
***************************************************************************************************
** Toolbar
***************************************************************************************************
*/

.table-object-list-body-toolbar-start {
  width: 15px;
  padding: 5px 0 0 4px;
  background-color: #FBEEB0;
}

.table-object-list-body-toolbar-blau .table-object-list-body-toolbar-start {
  background-color: #D8E9F1;
}

.table-object-list-body-toolbar-weiss .table-object-list-body-toolbar-start {
  background-color: #D8E9F1;
}

.object-list-merkliste .table-object-list-body-toolbar-start {
  background-color: #B2C3CD;
}


.table-object-list-body-toolbar-body {
  width: 100%;
  background-color: #F6DE70;
}

.table-object-list-body-toolbar-blau .table-object-list-body-toolbar-body {
  background-color: #D8E9F1;
}

.table-object-list-body-toolbar-weiss .table-object-list-body-toolbar-body {
  background-color: #FFFFFF;
}

.object-list-warenkorb .table-object-list-body-toolbar-body {
  background-color: #D8E9F1;
}

.object-list-merkliste .table-object-list-body-toolbar-body {
  background-color: #B2C3CD;
}


/*
******************************************
** Sort
******************************************
*/

.object-list-body-toolbar-body-sort {
  width: 100%;
  color: #000000;
}

.object-list-body-toolbar-body-sort-label,
.object-list-body-toolbar-body-sort-field {
  float: left;
}

.object-list-body-toolbar-body-sort-label {
  padding: 3px 5px 3px 10px;
}

.object-list-body-toolbar-body-sort-field {
  padding: 1px 0 0 0;
}

.object-list-body-toolbar-body-sort-field-select {
  width: 304px;
  height: 17px;
  padding: 1px 0 0 0;
  border: 1px solid #CCCCCC;
  font-size: .9em;
  color: #616263;
}


/*
******************************************
** Search
******************************************
*/

.object-list-body-toolbar-body-search {
  width: 100%;
  color: #000000;
}

.object-list-body-toolbar-body-search-title {
  padding: 3px 10px 4px 10px;
}

a.object-list-body-toolbar-body-search-title-link:link,
a.object-list-body-toolbar-body-search-title-link:visited,
a.object-list-body-toolbar-body-search-title-link:hover,
a.object-list-body-toolbar-body-search-title-link:active {
  display: block;
  width: 100%;
  background-image: url(../grafik/bg_object_list_body_toolbar_body_search_title_link.gif);
  background-repeat: no-repeat;
  background-position: 155px 0;
  color: #000000;
  font-weight: normal;
}

.object-list-body-toolbar-body-search-body {
  /*padding: 8px 10px 8px 10px;*/
  padding: 0 10px 8px 10px;
  font-size: .9em;
}

.object-list-body-toolbar-body-search-body-help {
  width: 100%;
}

.object-list-body-toolbar-body-search-body-help-button {
  width: 20px;
  padding: 3px 0 10px 0;
  float: left;
}

.object-list-body-toolbar-body-search-body-help-title,
.object-list-body-toolbar-body-search-body-help-body {
  width: 466px;
  float: left;
}

.object-list-body-toolbar-body-search-body-line,
.object-list-body-toolbar-body-search-body-line-select {
  width: 100%;
}

.object-list-body-toolbar-body-search-body-line {
  padding: 0 0 5px 0;
}

.object-list-body-toolbar-body-search-body-line-select {
  padding: 0 0 3px 0;
}

.object-list-body-toolbar-body-search-body-line-label,
.object-list-body-toolbar-body-search-body-line-field {
  float: left;
}

.object-list-body-toolbar-body-search-body-line-label {
  width: 130px;
  padding: 0 5px 0 0;
}

.object-list-body-toolbar-body-search-body-line-select .object-list-body-toolbar-body-search-body-line-label {
  padding-top: 2px;
}

.object-list-body-toolbar-body-search-body-line-field {
  width: 300px;
}

.object-list-body-toolbar-body-search-body-line-submit {
  padding: 4px 0 0 135px;
}

.object-list-body-toolbar-body-search-body-line-field-input,
.object-list-body-toolbar-body-search-body-line-field-input-short {
  width: 340px;
  height: 14px;
  padding: 1px 5px 0 5px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #616263;
}

.object-list-body-toolbar-body-search-body-line-field-input-short {
  width: 110px;
}

.object-list-body-toolbar-body-search-body-line-field-select {
  width: 351px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #616263;
}

.object-list-body-toolbar-body-search-body-line-submit-button {
  width: 117px;
  height: 19px;
  background-image: url(../grafik/bg_object_list_toolbar_search_button.gif);
  background-repeat: no-repeat;
  border: none;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.object-list-body-toolbar-body-search-body-line-submit-button-blau {
  width: 117px;
  height: 19px;
  background-image: url(../grafik/bg_object_list_toolbar_search_button_blau.gif);
  background-repeat: no-repeat;
  border: none;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}


/*
******************************************
** Links
******************************************
*/

.object-list-body-toolbar-body-links-body {
  padding: 3px 12px 4px 10px;
  font-size: .9em;
  color: #000000;
  text-align: right;
}


/*
***************************************************************************************************
** Category
***************************************************************************************************
*/

.object-list-category {
  background-color: #8ABCD7;
}

.object-list-merkliste .object-list-category {
  background-color: #95A8B6;
}

.object-list-category-text {
  padding: 5px 20px 5px 20px;
  z-index: 10;
}

/*.object-list-merkliste .object-list-category-text {
  padding: 4px 20px 4px 8px;
}*/

.object-list-category-text h3 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2em;
}

/*.object-list-merkliste .object-list-category-text h3 {
  font-size: 1.1em;
  line-height: 1.2em;
}*/



/*
***************************************************************************************************
** Header
***************************************************************************************************
*/

.table-object-list-body-item-header {
  background-color: #D8E9F1;
}

.object-list-body-item-header {
  padding: 5px 8px 2px 8px;
  font-size: .9em;
  color: #95A9B4;
}


/*
***************************************************************************************************
** Für Überarbeitung der width-Einstellungen der tds
** (bis jetzt nur in header umgesetzt, siehe _xslt/xui/object_list.xslt)
***************************************************************************************************
*/

.width-25 {
  width: 25px;
}

.width-35 {
  width: 35px;
}

.width-65 {
  width: 65px;
}

.width-75 {
  width: 75px;
}

.width-80 {
  width: 80px;
}

.width-95 {
  width: 95px;
}

.width-105 {
  width: 105px;
}

.width-115 {
  width: 115px;
}

.width-128 {
  width: 128px;
}

.maximized-width {
  width: 100%;
}


/*
***************************************************************************************************
** Item
***************************************************************************************************
*/

.table-object-list-body-item-start {
  width: 15px;
  padding: 5px 0 0 4px;
  background-color: #D8E9F1;
}

.table-object-list-body-item-navigation {
  width: 17px;
  padding: 5px 0 0 4px;
  background-color: #FBEEB0;
}

.object-list-warenkorb .table-object-list-body-item-navigation {
  background-color: #D8E9F1;
}

.object-list-merkliste .table-object-list-body-item-navigation {
  background-color: #CFDCE4;
}

.table-object-list-body-item-default,
.table-object-list-body-item-width-25,
.table-object-list-body-item-width-35,
.table-object-list-body-item-width-65,
.table-object-list-body-item-width-75,
.table-object-list-body-item-width-80,
.table-object-list-body-item-width-95,
.table-object-list-body-item-width-105,
.table-object-list-body-item-width-115,
.table-object-list-body-item-width-128,
.table-object-list-body-item-maximized-width,
.table-object-list-body-item-default-first,
.table-object-list-body-item-width-25-first,
.table-object-list-body-item-width-35-first,
.table-object-list-body-item-width-65-first,
.table-object-list-body-item-width-75-first,
.table-object-list-body-item-width-80-first,
.table-object-list-body-item-width-95-first,
.table-object-list-body-item-width-105-first,
.table-object-list-body-item-width-115-first,
.table-object-list-body-item-width-128-first,
.table-object-list-body-item-maximized-width-first,
.table-object-list-body-item-default-last,
.table-object-list-body-item-width-25-last,
.table-object-list-body-item-width-35-last,
.table-object-list-body-item-width-65-last,
.table-object-list-body-item-width-75-last,
.table-object-list-body-item-width-80-last,
.table-object-list-body-item-width-95-last,
.table-object-list-body-item-width-105-last,
.table-object-list-body-item-width-115-last,
.table-object-list-body-item-width-128-last,
.table-object-list-body-item-maximized-width-last {
  background-color: #F1F6F9;
}

td.table-object-list-body-item-default-ergebnis-blau,
td.table-object-list-body-item-width-25-ergebnis-blau,
td.table-object-list-body-item-width-35-ergebnis-blau,
td.table-object-list-body-item-width-65-ergebnis-blau,
td.table-object-list-body-item-width-75-ergebnis-blau,
td.table-object-list-body-item-width-80-ergebnis-blau,
td.table-object-list-body-item-width-95-ergebnis-blau,
td.table-object-list-body-item-width-105-ergebnis-blau,
td.table-object-list-body-item-width-115-ergebnis-blau,
td.table-object-list-body-item-width-128-ergebnis-blau,
td.table-object-list-body-item-maximized-width-ergebnis-blau {
  background-color: #D8E9F1;
  border-left: 0;
  border-right: 0;
}

td.table-object-list-body-item-default-ergebnis-blau-first,
td.table-object-list-body-item-width-25-ergebnis-blau-first,
td.table-object-list-body-item-width-35-ergebnis-blau-first,
td.table-object-list-body-item-width-65-ergebnis-blau-first,
td.table-object-list-body-item-width-75-ergebnis-blau-first,
td.table-object-list-body-item-width-80-ergebnis-blau-first,
td.table-object-list-body-item-width-95-ergebnis-blau-first,
td.table-object-list-body-item-width-105-ergebnis-blau-first,
td.table-object-list-body-item-width-115-ergebnis-blau-first,
td.table-object-list-body-item-width-128-ergebnis-blau-first,
td.table-object-list-body-item-maximized-width-ergebnis-blau-first {
  background-color: #D8E9F1;
  border-right: 0;
}

td.table-object-list-body-item-default-ergebnis-blau-last,
td.table-object-list-body-item-width-25-ergebnis-blau-last,
td.table-object-list-body-item-width-35-ergebnis-blau-last,
td.table-object-list-body-item-width-65-ergebnis-blau-last,
td.table-object-list-body-item-width-75-ergebnis-blau-last,
td.table-object-list-body-item-width-80-ergebnis-blau-last,
td.table-object-list-body-item-width-95-ergebnis-blau-last,
td.table-object-list-body-item-width-105-ergebnis-blau-last,
td.table-object-list-body-item-width-115-ergebnis-blau-last,
td.table-object-list-body-item-width-128-ergebnis-blau-last,
td.table-object-list-body-item-maximized-width-ergebnis-blau-last {
  background-color: #D8E9F1;
  border-left: 0;
}

.table-object-list-body-item-maximized-width,
.table-object-list-body-item-maximized-width-first,
.table-object-list-body-item-maximized-width-last,
.table-object-list-body-item-maximized-width-ergebnis-blau,
.table-object-list-body-item-maximized-width-ergebnis-blau-first,
.table-object-list-body-item-maximized-width-ergebnis-blau-last {
  width: 100%;
}

.table-object-list-body-item-width-25,
.table-object-list-body-item-width-25-first,
.table-object-list-body-item-width-25-last,
.table-object-list-body-item-width-25-ergebnis-blau,
.table-object-list-body-item-width-25-ergebnis-blau-first,
.table-object-list-body-item-width-25-ergebnis-blau-last {
  width: 25px;
}

.table-object-list-body-item-width-35,
.table-object-list-body-item-width-35-first,
.table-object-list-body-item-width-35-last,
.table-object-list-body-item-width-35-ergebnis-blau,
.table-object-list-body-item-width-35-ergebnis-blau-first,
.table-object-list-body-item-width-35-ergebnis-blau-last {
  width: 35px;
}

.table-object-list-body-item-width-65,
.table-object-list-body-item-width-65-first,
.table-object-list-body-item-width-65-last,
.table-object-list-body-item-width-65-ergebnis-blau,
.table-object-list-body-item-width-65-ergebnis-blau-first,
.table-object-list-body-item-width-65-ergebnis-blau-last {
  width: 65px;
}

.table-object-list-body-item-width-75,
.table-object-list-body-item-width-75-first,
.table-object-list-body-item-width-75-last,
.table-object-list-body-item-width-75-ergebnis-blau,
.table-object-list-body-item-width-75-ergebnis-blau-first,
.table-object-list-body-item-width-75-ergebnis-blau-last {
  width: 75px;
}

.table-object-list-body-item-width-80,
.table-object-list-body-item-width-80-first,
.table-object-list-body-item-width-80-last,
.table-object-list-body-item-width-80-ergebnis-blau,
.table-object-list-body-item-width-80-ergebnis-blau-first,
.table-object-list-body-item-width-80-ergebnis-blau-last {
  width: 80px;
}

.table-object-list-body-item-width-95,
.table-object-list-body-item-width-95-first,
.table-object-list-body-item-width-95-last,
.table-object-list-body-item-width-95-ergebnis-blau,
.table-object-list-body-item-width-95-ergebnis-blau-first,
.table-object-list-body-item-width-95-ergebnis-blau-last {
  width: 95px;
}

.table-object-list-body-item-width-105,
.table-object-list-body-item-width-105-first,
.table-object-list-body-item-width-105-last,
.table-object-list-body-item-width-105-ergebnis-blau,
.table-object-list-body-item-width-105-ergebnis-blau-first,
.table-object-list-body-item-width-105-ergebnis-blau-last {
  width: 105px;
}

.table-object-list-body-item-width-115,
.table-object-list-body-item-width-115-first,
.table-object-list-body-item-width-115-last,
.table-object-list-body-item-width-115-ergebnis-blau,
.table-object-list-body-item-width-115-ergebnis-blau-first,
.table-object-list-body-item-width-115-ergebnis-blau-last {
  width: 105px;
}

.table-object-list-body-item-width-128,
.table-object-list-body-item-width-128-first,
.table-object-list-body-item-width-128-last,
.table-object-list-body-item-width-128-ergebnis-blau,
.table-object-list-body-item-width-128-ergebnis-blau-first,
.table-object-list-body-item-width-128-ergebnis-blau-last {
  width: 128px;
}


/*
******************************************
** Picture
******************************************
*/

.object-list-body-item-picture-body {
  padding: 11px 0 11px 4px;
}

.object-list-body-item-picture-body img {
  border: 1px solid #CEDEE4;
}

.object-list-body-item-picture-libreka .object-list-body-item-picture-body-pointer {
  position: relative;
  height: 13px;
  width: 55px;
  background-color: #ffffff;
  border-right: 1px solid #CEDEE4;
  border-bottom: 1px solid #CEDEE4;
  border-left: 1px solid #CEDEE4;
}

.object-list-body-item-picture-libreka .object-list-body-item-picture-body-pointer img {
  border: none;
}

.object-list-body-item-picture-libreka .object-list-body-item-picture-body-pointer-content {
  position: absolute;
  right: -14px;
  top: -6px;
}


/*
******************************************
** CME
******************************************
*/

.object-list-body-item-cme {
  width: 50px;
  padding: 3px 4px 4px 10px;
  background-color: #FFFFFF;
}


/*
******************************************
** Content
******************************************
*/

.object-list-body-item-content {
  padding: 5px 8px 8px 8px;
  font-size: .9em;
  overflow: hidden;
}

.object-list-body-item-content-body-hint {
  padding: 0 0 6px 0;
}

.object-list-body-item-content-body-title {
  padding: 0 0 3px 0;
}

.object-list-body-item-content-body-title h3 {
  font-size: 1.1em;
  font-weight: bold;
}

.object-list-body-item-content-body-subtitle {
  padding: 0 0 0 3px;
  line-height: 1.2em;
}


/*
******************************************
** Details
******************************************
*/

.object-list-body-item-details {
  padding: 3px 8px 3px 8px;
  background-color: #FFFFFF;
  font-size: .9em;
}

.object-list-body-item-details-body {
  width: 100%;
}

.object-list-body-item-details-body-picture {
  margin: 1px 0 1px 5px;
  float: right;
}


/*
******************************************
** Info
******************************************
*/

.object-list-body-item-info {
  padding: 9px 5px 7px 6px;
}

.object-list-body-item-info-body-preis {
  padding: 0 6px 32px 0;
  font-weight: bold;
  text-align: right;
}

.object-list-body-item-info-body-lieferstatus-gruen,
.object-list-body-item-info-body-lieferstatus-gelb,
.object-list-body-item-info-body-lieferstatus-rot {
  margin: 0 0 10px 3px;
  padding: 0 0 0 14px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: .9em;
  line-height: 1.2em;
}

.object-list-body-item-info-body-lieferstatus-gruen {
  background-image: url(../grafik/bg_object_list_item_info_lieferstatus_gruen.gif);
}

.object-list-body-item-info-body-lieferstatus-gelb {
  background-image: url(../grafik/bg_object_list_item_info_lieferstatus_gelb.gif);
}

.object-list-body-item-info-body-lieferstatus-rot {
  background-image: url(../grafik/bg_object_list_item_info_lieferstatus_rot.gif);
}

.object-list-body-item-info-body-download {
  margin: 0 0 0 0px;
  padding: 0 0 0 17px;
  background-image: url(../grafik/bg_object_list_item_info_download.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: .9em;
  line-height: 1.2em;
}

.object-list-body-item-info-body-text {
  padding: 0 6px 10px 0;
  text-align: right;
}

.object-list-body-item-info-body-button {
  font-size: .9em;
}


/*
******************************************
** Info
******************************************
*/

.object-list-body-item-form-field {
  padding: 7px 4px 7px 4px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Object-Group
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.object-group {
  width: 100%;
}


/*
***************************************************************************************************
***************************************************************************************************
** Title
***************************************************************************************************
***************************************************************************************************
*/

/*
  Kann an dieser Stelle nicht direkt position: relative gesetzt werden, da IE 6 bei der Positionierung
  der beiden Absoluten dann den border nicht berücksichtigt -> daher Verwendung von
  tools-layout-standard-position-relative
*/

.object-group-label,
.object-group-label-gelb,
.object-group-label-flieder {
  background-color: #8ABCD7;
  border: 2px solid #FFFFFF;
}

.object-group-label-gelb {
  background-color: #FBEEB0;
}

.object-group-label-flieder {
  background-color: #ab9bfe;
  border-top: none;
}

.object-group-label-text {
  padding: 5px 20px 5px 20px;
  z-index: 10;
}

.object-group-label-text h3 {
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2em;
}

.object-group-label-gelb .object-group-label-text h3 {
  font-weight: bold;
  color: #616263;
  line-height: 1.2em;
}

.object-group-label-body-icon,
.object-group-label-help-icon,
.object-group-label-help-icon-large {
  position: absolute;
  top: 6px;
  z-index: 1000;
}

.object-group-label-body-icon {
  left: 4px;
}

.object-group-label-help-icon {
  right: 4px;
}

.object-group-label-help-icon-large {
  top: 2px;
  right: 4px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Help
***************************************************************************************************
***************************************************************************************************
*/

.object-group-help {
  background-color: #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.object-group-help-text {
  padding: 4px;
  font-size: .9em;
  color: #75ABC9;
  line-height: 1.3em;
}


/*
***************************************************************************************************
***************************************************************************************************
** Body
***************************************************************************************************
***************************************************************************************************
*/

.object-group-body {
  position: relative;
  margin: -2px 0 0 0;
  border: 1px solid #FFFFFF;
}

.object-group-body-ueberblendung {
  position: relative;
  height: 600px;
  margin: -2px 0 0 0;
  padding: 1em 8px 1em 8px;
  border: 1px solid #FFFFFF;
  overflow: scroll;
  z-index: 100002;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Object-Field
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.object-field {
  width: 100%;
}

.table-object-field {
  width: 100%;
  table-layout: fixed;
}

.table-object-field td {
  border: 1px solid #FFFFFF;
}

.table-object-field-start {
  width: 15px;
  padding: 5px 0 0 4px;
  background-color: #D8E9F1;
}

.table-object-field-label,
.table-object-field-body,
.table-object-field-content {
  background-color: #F1F6F9;
}

.table-object-field-label {
  width: 140px;
}

.table-object-field-body,
.table-object-field-content {
  width: 100%;
}


/*
***************************************************************************************************
***************************************************************************************************
** Help-Icon
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Formular - Ansicht
***************************************************************************************************
*/

.table-object-field-content .object-field-help-icon {
  padding: 7px 5px 0 0;
  text-align: right;
}


/*
***************************************************************************************************
***************************************************************************************************
** Label
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Detail - Ansicht
***************************************************************************************************
*/

.table-object-field-label .object-field-label {
  padding: 3px 7px 4px 7px;
}

.table-object-field-label .object-field-label h4 {
  font-weight: bold;
}


/*
***************************************************************************************************
** Formular - Ansicht
***************************************************************************************************
*/

.table-object-field-content .object-field-label {
  width: 100%;
  z-index: 10;
}

.table-object-field-content .object-field-label-text {
  padding: 3px 20px 1px 7px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Body
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Detail - Ansicht
***************************************************************************************************
*/

.table-object-field-body .object-field-body {
  padding: 3px 7px 4px 7px;
}


/*
***************************************************************************************************
** Formular - Ansicht
***************************************************************************************************
*/

.table-object-field-content .object-field-body {
  padding: 0 7px 7px 7px;
}

.table-object-field-content .object-field-body-without-label {
  padding: 3px 7px 7px 7px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Detail
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Detail - Ansicht
***************************************************************************************************
*/

.table-object-field-body .object-field-detail {
  padding: 5px 8px 5px 8px;
  background-color: #FFFFFF;
  font-size: .9em;
}


/*
***************************************************************************************************
** Formular - Ansicht
***************************************************************************************************
*/

.table-object-field-content .object-field-help {
  padding: 5px 8px 5px 8px;
  background-color: #FFFFFF;
  font-size: .9em;
  color: #75ABC9;
}

.table-object-field-content .object-field-body-label {
  padding: 1px 0 0 0;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Form-Field
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.form-field-label {
  width: 100%;
  z-index: 10;
}

.form-field-label-text {
  padding: 0 0 1px 0;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Input
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Input - Text
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Im Body
***************************************************************************************************
*/

.input-field-text-maximum,
.input-field-text-minimum,
.input-field-text-bestellen-anzahl,
.input-field-text-bestellen-bestellzeichen,
.input-field-text-bestellen-abostart,
.input-field-text-umlauf-position,
.input-field-text-ebook-kapitel-suche {
  height: 15px;
  padding: 1px 5px 0 5px;
  border: 1px solid #616263;
  background-color: #FFFFFF;
  color: #000000;
}

.input-field-text-maximum {
  width: 347px;
}

.input-field-text-minimum {
  width: 100px;
}

.input-field-text-bestellen-anzahl {
  width: 15px;
}

.input-field-text-bestellen-bestellzeichen {
  width: 85px;
}

.input-field-text-bestellen-abostart {
  width: 170px;
}

.input-field-text-umlauf-position {
  width: 15px;
}

.input-field-text-ebook-kapitel-suche {
  width: 347px;
  border-color: #CCCCCC;
  color: #929393;
}


/*
***************************************************************************************************
** Im Eyecatcher
***************************************************************************************************
*/

.input-field-text-eyecatcher-maximum {
  height: 14px;
  padding: 1px 5px 0 5px;
  border: 1px solid #94A9B5;
  background-color: #FFFFFF;
  color: #000000;
}

.input-field-text-eyecatcher-maximum {
  width: 160px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Input - Checkbox / Radio
***************************************************************************************************
***************************************************************************************************
*/

.input-field-checkbox,
.input-field-radio {
  width: 13px;
  height: 13px;
  background: transparent;
  border: none;
  vertical-align: middle;
  text-align: left;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Textarea
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Im Body
***************************************************************************************************
***************************************************************************************************
*/

.textarea-field-maximum-maximum,
.textarea-field-maximum-medium,
.textarea-field-maximum-minimum {
  width: 359px;
  border: 1px solid #616263;
  background-color: #FFFFFF;
  color: #000000;
}

.textarea-field-maximum-maximum {
  height: 150px;
}

.textarea-field-maximum-medium {
  height: 100px;
}

.textarea-field-maximum-minimum {
  height: 50px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Im Eyecatcher
***************************************************************************************************
***************************************************************************************************
*/

.textarea-field-text-eyecatcher-maximum-medium {
  padding: 1px 5px 0 5px;
  border: 1px solid #94A9B5;
  background-color: #FFFFFF;
  color: #000000;
}

.textarea-field-text-eyecatcher-maximum-medium {
  width: 160px;
  height: 80px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Select
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Im Body
***************************************************************************************************
***************************************************************************************************
*/

.select-field-maximum,
.select-field-minimum,
.select-field-bestellen-bestellverteilung {
  border: 1px solid #616263;
  background-color: #FFFFFF;
  color: #000000;
}

.select-field-maximum {
  width: 359px;
}

.select-field-minimum {
  width: 112px;
}

.select-field-bestellen-bestellverteilung {
  width: 265px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Im Eyecatcher
***************************************************************************************************
***************************************************************************************************
*/

.select-field-eyecatcher-maximum {
  border: 1px solid #94A9B5;
  background-color: #FFFFFF;
  color: #000000;
}

.select-field-eyecatcher-maximum {
  width: 172px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Button
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.button-field-blau {
  width: 117px;
  padding: 2px 0 3px 0;
  background-image: url(../grafik/bg_button_blau.gif);
  background-repeat: no-repeat;
  font-size: .9em;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.button-field-gelb {
  width: 158px;
  padding: 4px 0 5px 0;
  background-image: url(../grafik/bg_button_gelb.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.button-field-warenkorb-blau {
  width: 159px;
  padding: 2px 0 3px 0;
  background-image: url(../grafik/bg_button_warenkorb_blau.gif);
  background-repeat: no-repeat;
  font-size: .9em;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.button-field-warenkorb-gelb {
  width: 159px;
  padding: 2px 0 3px 0;
  background-image: url(../grafik/bg_button_warenkorb_gelb.gif);
  background-repeat: no-repeat;
  font-size: .9em;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.button-field-warenkorb-gelb-lang {
  width: 273px;
  padding: 2px 0 3px 0;
  background-image: url(../grafik/bg_button_warenkorb_gelb_lang.gif);
  background-repeat: no-repeat;
  font-size: .9em;
  font-weight: bold;
  color: #000000;
  text-align: center;
}


/*
***************************************************************************************************
***************************************************************************************************
** Im Eyecatcher
***************************************************************************************************
***************************************************************************************************
*/

.button-field-eyecatcher-blau {
  width: 96px;
  padding: 2px 0 3px 0;
  background-image: url(../grafik/bg_button_blau_eyecatcher.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Grid-Layout
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.grid-layout-body {
  width: 100%;
}

.grid-layout-body-horizontal-item,
.grid-layout-body-horizontal-separator {
  float: left;
}

.grid-layout-body-horizontal-separator,
.grid-layout-body-vertical-separator {
  font-size: 1px;
  line-height: 1px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Simple-List
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

ul.simple-list {
  padding: 0 0 0 17px;
}

li.simple-list-item {
  padding: 0 0 2px 23px;
  background-image: url(../grafik/bg_simple_list_quadrat.gif);
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

li.simple-list-item-klein {
  padding: 0 0 2px 23px;
  background-image: url(../grafik/bg_simple_list_quadrat.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Richtext-Formatierungen
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** List
***************************************************************************************************
***************************************************************************************************
*/

ul.richtext-list {
  padding: 9px 0 18px 17px;
}

li.richtext-list {
  padding: 0 0 2px 23px;
  background-image: url(../grafik/bg_richtext_list_quadrat.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  font-weight: bold;
}

ul.richtext-list-klein {
  padding: 0px 0 11px 17px;
}

li.richtext-list-klein {
  padding: 0 0 0px 23px;
  background-image: url(../grafik/bg_richtext_list_quadrat.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Table
***************************************************************************************************
***************************************************************************************************
*/

table.layout {
  width: 100%;
  border-collapse: collapse;
}

th.layout,
td.layout,
td.layout-highlight {
  border-top: 6px solid #FFFFFF;
  border-right: 4px solid #FFFFFF;
  border-bottom: 6px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
}

th.layout {
  padding: 2px 9px 3px 9px;
  background-color: #8ABCD7;
  font-weight: bold;
  color: #FFFFFF;
}

td.layout {
  padding: 0 9px 3px 9px;
  background-color: #E6EFF4;
}

td.layout-highlight {
  padding: 0 9px 3px 9px;
  background-color: #94A9B5;
  color: #FFFFFF;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Link
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Text
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Normal
***************************************************************************************************
*/

a.link-normal-schwarz:link,
a.link-normal-schwarz:visited,
a.link-normal-schwarz:hover,
a.link-normal-schwarz:active {
  font-weight: normal;
  color: #000000;
}

a.link-normal-blau:link,
a.link-normal-blau:visited,
a.link-normal-blau:hover,
a.link-normal-blau:active {
  font-weight: normal;
  color: #008EBE;
}

a.link-normal-weiss:link,
a.link-normal-weiss:visited,
a.link-normal-weiss:hover,
a.link-normal-weiss:active {
  font-weight: normal;
  color: #FFFFFF;
}

a.link-normal-dunkelblau:link,
a.link-normal-dunkelblau:visited,
a.link-normal-dunkelblau:hover,
a.link-normal-dunkelblau:active {
  font-weight: normal;
  color: #0D7A9F;
}

a.link-normal-hellblau:link,
a.link-normal-hellblau:visited,
a.link-normal-hellblau:hover,
a.link-normal-hellblau:active {
  font-weight: normal;
  color: #7BC6E0;
}

a.link-normal-ocker:link,
a.link-normal-ocker:visited,
a.link-normal-ocker:hover,
a.link-normal-ocker:active {
  font-weight: normal;
  color: #BE9D00;
}


/*
***************************************************************************************************
** Fett
***************************************************************************************************
*/

a.link-fett-schwarz:link,
a.link-fett-schwarz:visited,
a.link-fett-schwarz:hover,
a.link-fett-schwarz:active {
  font-weight: bold;
  color: #000000;
}

a.link-fett-weiss:link,
a.link-fett-weiss:visited,
a.link-fett-weiss:hover,
a.link-fett-weiss:active {
  font-weight: bold;
  color: #FFFFFF;
}

a.link-fett-ocker:link,
a.link-fett-ocker:visited,
a.link-fett-ocker:hover,
a.link-fett-ocker:active {
  font-weight: bold;
  color: #C8A401;
}

a.link-fett-dunkel-blau:link,
a.link-fett-dunkel-blau:visited,
a.link-fett-dunkel-blau:hover,
a.link-fett-dunkel-blau:active {
  font-weight: bold;
  color: #0D7A9F;
}

a.link-fett-gelb:link,
a.link-fett-gelb:visited,
a.link-fett-gelb:hover,
a.link-fett-gelb:active {
  font-weight: bold;
  color: #F6DE70;
}

a.link-fett-rot:link,
a.link-fett-rot:visited,
a.link-fett-rot:hover,
a.link-fett-rot:active {
  font-weight: bold;
  color: #d11430;
}

/*a.link-fett-ocker:link,
a.link-fett-ocker:visited,
a.link-fett-ocker:hover,
a.link-fett-ocker:active {
  font-weight: bold;;
  color: #BE9D00;
}*/


/*
***************************************************************************************************
***************************************************************************************************
** Pfeil
***************************************************************************************************
***************************************************************************************************
*/

a.link-fett-blau-pfeil-blau:link,
a.link-fett-blau-pfeil-blau:visited,
a.link-fett-blau-pfeil-blau:hover,
a.link-fett-blau-pfeil-blau:active,
a.link-fett-blau-pfeil-blau-klein:link,
a.link-fett-blau-pfeil-blau-klein:visited,
a.link-fett-blau-pfeil-blau-klein:hover,
a.link-fett-blau-pfeil-blau-klein:active,
a.link-fett-rot-pfeil-rot:link,
a.link-fett-rot-pfeil-rot:visited,
a.link-fett-rot-pfeil-rot:hover,
a.link-fett-rot-pfeil-rot:active,
a.link-fett-rot-pfeil-rot-klein:link,
a.link-fett-rot-pfeil-rot-klein:visited,
a.link-fett-rot-pfeil-rot-klein:hover,
a.link-fett-rot-pfeil-rot-klein:active {
  display: block;
  padding: 0 0 0 14px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

a.link-fett-blau-pfeil-blau:link,
a.link-fett-blau-pfeil-blau:visited,
a.link-fett-blau-pfeil-blau:hover,
a.link-fett-blau-pfeil-blau:active,
a.link-fett-blau-pfeil-blau-klein:link,
a.link-fett-blau-pfeil-blau-klein:visited,
a.link-fett-blau-pfeil-blau-klein:hover,
a.link-fett-blau-pfeil-blau-klein:active {
  background-image: url(../grafik/bg_link_pfeil_blau.gif);
}

a.link-fett-rot-pfeil-rot:link,
a.link-fett-rot-pfeil-rot:visited,
a.link-fett-rot-pfeil-rot:hover,
a.link-fett-rot-pfeil-rot:active,
a.link-fett-rot-pfeil-rot-klein:link,
a.link-fett-rot-pfeil-rot-klein:visited,
a.link-fett-rot-pfeil-rot-klein:hover,
a.link-fett-rot-pfeil-rot-klein:active {
  background-image: url(../grafik/bg_link_pfeil_rot.gif);
  color: #D00D2A;
}

a.link-fett-blau-pfeil-blau-klein:link,
a.link-fett-blau-pfeil-blau-klein:visited,
a.link-fett-blau-pfeil-blau-klein:hover,
a.link-fett-blau-pfeil-blau-klein:active,
a.link-fett-rot-pfeil-rot-klein:link,
a.link-fett-rot-pfeil-rot-klein:visited,
a.link-fett-rot-pfeil-rot-klein:hover,
a.link-fett-rot-pfeil-rot-klein:active {
  background-position: 0px 3px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Button
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Open/Close
***************************************************************************************************
*/

a.link-button-gelb-open:link,
a.link-button-gelb-open:visited,
a.link-button-gelb-open:hover,
a.link-button-gelb-open:active,
a.link-button-gelb-close:link,
a.link-button-gelb-close:visited,
a.link-button-gelb-close:hover,
a.link-button-gelb-close:active,
a.link-button-grau-open:link,
a.link-button-grau-open:visited,
a.link-button-grau-open:hover,
a.link-button-grau-open:active,
a.link-button-grau-close:link,
a.link-button-grau-close:visited,
a.link-button-grau-close:hover,
a.link-button-grau-close:active,
a.link-button-blau-open:link,
a.link-button-blau-open:visited,
a.link-button-blau-open:hover,
a.link-button-blau-open:active,
a.link-button-blau-close:link,
a.link-button-blau-close:visited,
a.link-button-blau-close:hover,
a.link-button-blau-close:active,
a.link-button-blau-help-open:link,
a.link-button-blau-help-open:visited,
a.link-button-blau-help-open:hover,
a.link-button-blau-help-open:active,
a.link-button-blau-help-close:link,
a.link-button-blau-help-close:visited,
a.link-button-blau-help-close:hover,
a.link-button-blau-help-close:active,
a.link-button-grau-help-open:link,
a.link-button-grau-help-open:visited,
a.link-button-grau-help-open:hover,
a.link-button-grau-help-open:active,
a.link-button-grau-help-close:link,
a.link-button-grau-help-close:visited,
a.link-button-grau-help-close:hover,
a.link-button-grau-help-close:active,
a.link-button-dunkelgrau-help-open:link,
a.link-button-dunkelgrau-help-open:visited,
a.link-button-dunkelgrau-help-open:hover,
a.link-button-dunkelgrau-help-open:active,
a.link-button-dunkelgrau-help-close:link,
a.link-button-dunkelgrau-help-close:visited,
a.link-button-dunkelgrau-help-close:hover,
a.link-button-dunkelgrau-help-close:active {
  display: block;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.link-button-gelb-open:link,
a.link-button-gelb-open:visited,
a.link-button-gelb-open:hover,
a.link-button-gelb-open:active {
  background-image: url(../grafik/bg_link_button_gelb_open.gif);
}

a.link-button-gelb-close:link,
a.link-button-gelb-close:visited,
a.link-button-gelb-close:hover,
a.link-button-gelb-close:active {
  background-image: url(../grafik/bg_link_button_gelb_close.gif);
}

a.link-button-grau-open:link,
a.link-button-grau-open:visited,
a.link-button-grau-open:hover,
a.link-button-grau-open:active {
  background-image: url(../grafik/bg_link_button_grau_open.gif);
}

a.link-button-grau-close:link,
a.link-button-grau-close:visited,
a.link-button-grau-close:hover,
a.link-button-grau-close:active {
  background-image: url(../grafik/bg_link_button_grau_close.gif);
}

a.link-button-blau-open:link,
a.link-button-blau-open:visited,
a.link-button-blau-open:hover,
a.link-button-blau-open:active {
  background-image: url(../grafik/bg_link_button_blau_open.gif);
}

a.link-button-blau-close:link,
a.link-button-blau-close:visited,
a.link-button-blau-close:hover,
a.link-button-blau-close:active {
  background-image: url(../grafik/bg_link_button_blau_close.gif);
}

a.link-button-blau-help-open:link,
a.link-button-blau-help-open:visited,
a.link-button-blau-help-open:hover,
a.link-button-blau-help-open:active {
  background-image: url(../grafik/bg_link_button_blau_help_open.gif);
}

a.link-button-blau-help-close:link,
a.link-button-blau-help-close:visited,
a.link-button-blau-help-close:hover,
a.link-button-blau-help-close:active {
  background-image: url(../grafik/bg_link_button_blau_help_close.gif);
}

a.link-button-grau-help-open:link,
a.link-button-grau-help-open:visited,
a.link-button-grau-help-open:hover,
a.link-button-grau-help-open:active {
  background-image: url(../grafik/bg_link_button_grau_help_open.gif);
}

a.link-button-grau-help-close:link,
a.link-button-grau-help-close:visited,
a.link-button-grau-help-close:hover,
a.link-button-grau-help-close:active {
  background-image: url(../grafik/bg_link_button_grau_help_close.gif);
}

a.link-button-dunkelgrau-help-open:link,
a.link-button-dunkelgrau-help-open:visited,
a.link-button-dunkelgrau-help-open:hover,
a.link-button-dunkelgrau-help-open:active {
  background-image: url(../grafik/bg_link_button_dunkelgrau_help_open.gif);
}

a.link-button-dunkelgrau-help-close:link,
a.link-button-dunkelgrau-help-close:visited,
a.link-button-dunkelgrau-help-close:hover,
a.link-button-dunkelgrau-help-close:active {
  background-image: url(../grafik/bg_link_button_dunkelgrau_help_close.gif);
}

a.link-button-gross-blau-open:link,
a.link-button-gross-blau-open:visited,
a.link-button-gross-blau-open:hover,
a.link-button-gross-blau-open:active,
a.link-button-gross-blau-close:link,
a.link-button-gross-blau-close:visited,
a.link-button-gross-blau-close:hover,
a.link-button-gross-blau-close:active,
a.link-button-gross-gelb-open:link,
a.link-button-gross-gelb-open:visited,
a.link-button-gross-gelb-open:hover,
a.link-button-gross-gelb-open:active,
a.link-button-gross-gelb-close:link,
a.link-button-gross-gelb-close:visited,
a.link-button-gross-gelb-close:hover,
a.link-button-gross-gelb-close:active {
  display: block;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}

a.link-button-gross-blau-open:link,
a.link-button-gross-blau-open:visited,
a.link-button-gross-blau-open:hover,
a.link-button-gross-blau-open:active {
  background-image: url(../grafik/bg_link_button_gross_blau_open.gif);
}

a.link-button-gross-blau-close:link,
a.link-button-gross-blau-close:visited,
a.link-button-gross-blau-close:hover,
a.link-button-gross-blau-close:active {
  background-image: url(../grafik/bg_link_button_gross_blau_close.gif);
}

a.link-button-gross-gelb-open:link,
a.link-button-gross-gelb-open:visited,
a.link-button-gross-gelb-open:hover,
a.link-button-gross-gelb-open:active {
  background-image: url(../grafik/bg_link_button_gross_gelb_open.gif);
}

a.link-button-gross-gelb-close:link,
a.link-button-gross-gelb-close:visited,
a.link-button-gross-gelb-close:hover,
a.link-button-gross-gelb-close:active {
  background-image: url(../grafik/bg_link_button_gross_gelb_close.gif);
}


/*
***************************************************************************************************
** Sonstige
***************************************************************************************************
*/

a.link-button-gelb-warenkorb:link,
a.link-button-gelb-warenkorb:visited,
a.link-button-gelb-warenkorb:hover,
a.link-button-gelb-warenkorb:active {
  display: block;
  width: 117px;
  padding: 1px 0 2px 0;
  background-image: url(../grafik/bg_link_button_gelb_warenkorb.gif);
  background-repeat: no-repeat;
  color: #000000;
  text-align: center;
}

a.link-button-gelb-warenkorb-gross:link,
a.link-button-gelb-warenkorb-gross:visited,
a.link-button-gelb-warenkorb-gross:hover,
a.link-button-gelb-warenkorb-gross:active {
  display: block;
  width: 158px;
  padding: 4px 0 5px 0;
  background-image: url(../grafik/bg_button_gelb.gif);
  background-repeat: no-repeat;
  color: #000000;
  text-align: center;
}

a.link-button-blau-warenkorb:link,
a.link-button-blau-warenkorb:visited,
a.link-button-blau-warenkorb:hover,
a.link-button-blau-warenkorb:active {
  display: block;
  width: 117px;
  padding: 1px 0 2px 0;
  background-image: url(../grafik/bg_link_button_blau_warenkorb.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: center;
}

a.link-button-blau-gross:link,
a.link-button-blau-gross:visited,
a.link-button-blau-gross:hover,
a.link-button-blau-gross:active {
  display: block;
  width: 150px;
  padding: 1px 0 2px 0;
  background-image: url(../grafik/bg_link_button_blau_gross.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: center;
}

a.link-button-hellblau-solid:link,
a.link-button-hellblau-solid:visited,
a.link-button-hellblau-solid:hover,
a.link-button-hellblau-solid:active {
  display: block;
  width: 140px;
  padding: 1px 0 2px 0;
  background-image: url(../grafik/bg_link_button_hellblau_solid.gif);
  background-repeat: no-repeat;
  color: #0D7A9F;
  text-align: center;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Text
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Fett
***************************************************************************************************
***************************************************************************************************
*/

.text-fett {
  font-weight: bold;
}

.text-fett-klein {
  font-weight: bold;
  font-size: .9em;
}

.text-fett-gross {
  font-weight: bold;
  font-size: 1.2em;
}

.text-fett-rot {
  font-weight: bold;
  color: #D00D2A;
}

.text-fett-gross-rot {
  font-weight: bold;
  font-size: 1.2em;
  color: #D00D2A;
}

.text-fett-hellblau {
  font-weight: bold;
  color: #86A2BA;
}

.text-fett-dunkelgrau-quadrat-dunkelgrau {
  display: block;
  padding: 0 0 0 12px;
  background-image: url(../grafik/bg_text_quadrat_dunkelgrau.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  font-weight: bold;
  color: #616263;
}


/*
***************************************************************************************************
***************************************************************************************************
** Normal
***************************************************************************************************
***************************************************************************************************
*/

.text-normal-grau {
  color: #818183;
}

.text-normal-dunkelgrau {
  color: #626262;
}

.text-normal-hellgrau {
  color: #B3C6CF;
}

.text-normal-blau {
  color: #008EBC;
}

.text-normal-rot {
  color: #D00D2A;
}

.text-normal-klein {
  font-size: .9em;
}

.text-normal-hintergrund-weiss {
  padding: 0 5px 0 5px;
  background-color: #FFFFFF;
}

.text-normal-hintergrund-gelb {
  background-color: #F5E392;
}


/*
***************************************************************************************************
***************************************************************************************************
** Elemente
***************************************************************************************************
***************************************************************************************************
*/

.text-element-meldung {
  font-weight: bold;
  color: #D00D2A;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Tools
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Layout - Standard
***************************************************************************************************
***************************************************************************************************
*/

.tools-layout-standard-position-relative {
  position: relative;
}

.tools-layout-standard-maximized-width {
  width: 100%;
}

.tools-layout-standard-float-left {
  float: left;
}

.tools-layout-standard-float-right {
  float: right;
}

.tools-layout-standard-text-align-right {
  text-align: right;
}


/*
***************************************************************************************************
***************************************************************************************************
** Abstand
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Non-Numerisch
***************************************************************************************************
*/

.tools-layout-abstand-raster-horizontal,
.tools-layout-abstand-raster-vertical,
.tools-layout-abstand-object-list-item-content-standard {
  font-size: 1px;
  line-height: 1px;
}

.tools-layout-abstand-raster-horizontal {
  width: 20px;
}

.tools-layout-abstand-raster-vertical {
  height: 20px;
}

.tools-layout-abstand-raster-vertical-half {
  height: 10px;
}

.tools-layout-abstand-object-list-item-content-standard {
  height: 7px;
}


/*
***************************************************************************************************
** Numerisch
***************************************************************************************************
*/

.tools-layout-abstand-numerisch {
  font-size: 1px;
  line-height: 1px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Links
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Box
***************************************************************************************************
*/

/*

Verlinkt die komplette Box, in der der Link liegt.

WICHTIG:
Umschließende Box muss position: relative gesetzt werden!
*/

/*
  WICHTIG:
  Ausnahme in ie.css
*/

a.tools-link-box:link,
a.tools-link-box:visited,
a.tools-link-box:hover,
a.tools-link-box:active {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000;
}

/*
  WICHTIG:
  Ausnahme in ie.css
*/

a.tools-link-box:link img,
a.tools-link-box:visited img,
a.tools-link-box:hover img,
a.tools-link-box:active img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Kommentar (Ebene 1)
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Kommentar (Ebene 2)
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
** Kommentar (Ebene 3)
***************************************************************************************************
*/


/*
******************************************
** Kommentar (Ebene 4)
******************************************
*/


/*
  Kommentar (Ebene 5)
*/