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


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Warenkorb-Anzeige
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
  WICHTIG:
  Ausnahme in ie.css
*/

.warenkorb-hinweis {
  display: none;
  position: fixed;
  width: 192px;
  background-color: #FFFFFF;
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  font-size: .7em;
  line-height: 1.2em;
  color: #000000;
  z-index: 100000000000000;
}

.warenkorb-hinweis-rahmen {
  padding: 4px;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

.warenkorb-hinweis-inhalt {
  padding: 4px 6px 6px 6px;
  background-color: #008EBE;
}

.warenkorb-hinweis-inhalt-titel {
  padding: 0 0 4px 0;
  font-weight: bold;
  color: #FFFFFF;
}

.warenkorb-hinweis-inhalt-text {
  padding: 2px 4px 4px 4px;
  background-color: #F6DE70;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Ueberblendung
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.ueberblendung {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
}

.ueberblendung-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 100000;
  opacity: .7;
  filter: Alpha(opacity=70);
}

.ueberblendung-content {
  position: fixed;
  width: 745px;
  background-color: #ffffff;
  border-top: 2px solid #ffffff;
  font-size: .7em;
  line-height: 1.2em;
  color: #000000;
  z-index: 100001;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Kopf
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Titel
***************************************************************************************************
***************************************************************************************************
*/

.titel {
  background-color: #008EBE;
  border-bottom: 4px solid #FFFFFF;
}

.titel-inhalt {
  width: 100%;
}


/*
***************************************************************************************************
** Logo
***************************************************************************************************
*/

.titel-inhalt-logo {
  padding: 17px 0 18px 26px;
  float: left;
}


/*
***************************************************************************************************
** Menu
***************************************************************************************************
*/

.titel-inhalt-menu {
  width: 400px;
  padding: 6px 22px 0 0;
  float: right;
  text-align: right;
  color: #7BC6E0;
}


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

.titel-inhalt-info {
  width: 184px;
  margin: 0 0 14px 0;
  border-left: 4px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  float: right;
}


/*
******************************************
** Warenkorb
******************************************
*/

/*
  WICHTIG:
  Ausnahme in ie.css
*/

.titel-inhalt-info-warenkorb {
  position: relative;
  padding: 2px 6px 6px 6px;
  border-bottom: 4px solid #FFFFFF;
}

.titel-inhalt-info-warenkorb-titel {
  padding: 0 0 3px 0;
  font-weight: bold;
}


.titel-inhalt-info-warenkorb-inhalt {
  padding: 0 8px 0 8px;
  background-color: #64B7D4;
}

.titel-inhalt-info-warenkorb-inhalt-invert,
.titel-inhalt-info-warenkorb-inhalt-final {
  padding: 0 8px 0 8px;
  background-color: #F6DE70;
  color: #000000;
}

.titel-inhalt-info-warenkorb-inhalt-link {
  padding: 3px 0 0 0;
}


/*
******************************************
** Merkliste
******************************************
*/

/*
  WICHTIG:
  Ausnahme in ie.css
*/

.titel-inhalt-info-merkliste {
  position: relative;
  width: 100%;
  background-color: #64B7D4;
}

.titel-inhalt-info-merkliste-titel {
  width: 90px;
  padding: 0 2px 0 8px;
  font-weight: bold;
  float: left;
}

.titel-inhalt-info-merkliste-inhalt {
  width: 76px;
  padding: 0 8px 0 0px;
  float: left;
}


/*
***************************************************************************************************
***************************************************************************************************
** Menu
***************************************************************************************************
***************************************************************************************************
*/

.menu {
  border-bottom: 3px solid #FFFFFF;
}

.menu-inhalt {
  width: 100%;
  background-color: #FFFFFF;
}


/*
***************************************************************************************************
** Element
***************************************************************************************************
*/

.menu-inhalt-element,
.menu-inhalt-element-first,
.menu-inhalt-button,
.menu-inhalt-formular {
  float: left;
}

.menu-inhalt-element,
.menu-inhalt-button,
.menu-inhalt-formular {
  border-left: 4px solid #FFFFFF;
}


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

a.menu-inhalt-button-link:link,
a.menu-inhalt-button-link:visited,
a.menu-inhalt-button-link:hover,
a.menu-inhalt-button-link:active {
  display: block;
  width: 203px;
  height: 19px;
  padding: 2px 0 0 0;
  background-image: url(../grafik/bg_menu_haupt_button.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}


/*
******************************************
** Formular
******************************************
*/

.menu-inhalt-formular {
  width: 189px;
  height: 17px;
  padding: 4px 7px 0 7px;
  background-image: url(../grafik/bg_menu_haupt_formular_feld.gif);
  background-repeat: no-repeat;
  color: #000000;
}

input.menu-inhalt-formular-feld {
  width: 169px;
  border-width: 0px;
  color: #000000;
  vertical-align: top;
}

button.menu-inhalt-formular-button {
  width: 20px;
  height: 17px;
  border-width: 0px;
}


/*
***************************************************************************************************
***************************************************************************************************
** Illustration
***************************************************************************************************
***************************************************************************************************
*/

.illustration {
  position: relative;
  border-bottom: 4px solid #FFFFFF;
  z-index: 1;
}


/*
***************************************************************************************************
** Inhalt - Ticker
***************************************************************************************************
*/

.illustration-inhalt-ticker {
  height: 85px;
}

.illustration-inhalt-ticker-text {
  position: relative;
  height: 16px;
  background-color: #008ebe;
  overflow: hidden;
}

.illustration-inhalt-ticker-text-container {
  position: absolute;
  top: 0px;
  width: 1600px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Rumpf
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Page
***************************************************************************************************
***************************************************************************************************
*/

.page {
  width: 100%;
}

.page-additional-content-left,
.page-content,
.page-additional-content-right {
  float: left;
}

.page-content-html {}


/*
***************************************************************************************************
** Temp Inhalt Titel
***************************************************************************************************
*/

.temp-inhalt-titel {
  width: 100%;
  border-bottom: 4px solid #FFFFFF;
}


/*
******************************************
** Temp Katalog Leiste
******************************************
*/

.temp-katalog-leiste {
  padding: 0 0 0 12px;
  background-color: #CF001F;
  font-size: .9em;
}

.temp-katalog-leiste-inhalt {
  width: 100%;
}

.table-temp-katalog-leiste-inhalt td {
  vertical-align: middle;
}

.table-temp-katalog-leiste-inhalt-label {
  width: 135px;
}

.temp-katalog-leiste-inhalt-label,
.temp-katalog-leiste-inhalt-pfeil,
.temp-katalog-leiste-inhalt-feld {
  float: left;
}

.temp-katalog-leiste-inhalt-label {
  padding: 2px 0 2px 0;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.1em;
}

.temp-katalog-leiste-inhalt-pfeil {
  width: 16px;
  height: 7px;
  margin: 7px 0 7px 0;
  background-image: url(../grafik/bg_katalog_leiste_pfeil.gif);
  background-repeat: no-repeat;
  background-position: center top;
}

.temp-katalog-leiste-inhalt-feld-select {
  width: 175px;
}


/*
***************************************************************************************************
** Page Additional Content Left
***************************************************************************************************
*/

.page-additional-content-left {
  width: 205px;
}


/*
******************************************
** Login
******************************************
*/

.login {
  width: 185px;
  font-size: .9em;
}

/*
  Inhalt
*/

.login-inhalt {
  padding: 7px 0 0 12px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-color: #008EBE;
}

/* Anzeige */

.login-inhalt-zeile-status {
  padding: 0 5px 0 0;
  font-weight: bold;
  color: #94D0E4;
  float: left;
}

.login-inhalt-zeile-logout {
  padding: 0 10px 0 0;
  float: right;
}

.login-inhalt-zeile-name {
  padding: 0 5px 0 0;
  font-weight: bold;
  color: #94D0E4;
}

/* Formular */

.login-inhalt-zeile {
  width: 100%;
  padding: 0 0 4px 0;
}

.login-inhalt-zeile-label,
.login-inhalt-zeile-feld {
  float: left;
}

.login-inhalt-zeile-label {
  width: 63px;
  padding: 0 0 0 0;
}

.login-inhalt-zeile-label label {
  font-weight: bold;
  color: #FFFFFF;
}

.login-inhalt-zeile-feld {
  width: 99px;
}

.login-inhalt-submit {
  padding: 0 19px 3px 0;
  text-align: right;
}

input.login-inhalt-zeile-feld-einzeilig {
  width: 89px;
  height: 15px;
  margin: 0;
  padding: 2px 5px 0 5px;
  background-color: #92CCE0;
  border: none;
  color: #000000;
  vertical-align: top;
}

button.login-inhalt-submit-button {
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  font-weight: bold;
  color: #FFFFFF;
  text-align: right;
  vertical-align: top;
}

/*
  Menu
*/

a.login-menu-item-link:link,
a.login-menu-item-link:visited,
a.login-menu-item-link:hover,
a.login-menu-item-link:active {
  display: block;
  padding: 3px 0 4px 12px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-color: #008EBE;
  font-weight: bold;
  color: #FFFFFF;
}

/*
  Submenu
*/

.login-submenu {
  display: none;
  width: 185px;
}

a.login-submenu-item-link-neu:link,
a.login-submenu-item-link-neu:visited,
a.login-submenu-item-link-neu:hover,
a.login-submenu-item-link-neu:active,
a.login-submenu-item-link-bearbeiten:link,
a.login-submenu-item-link-bearbeiten:visited,
a.login-submenu-item-link-bearbeiten:hover,
a.login-submenu-item-link-bearbeiten:active,
a.login-submenu-item-link-detail:link,
a.login-submenu-item-link-detail:visited,
a.login-submenu-item-link-detail:hover,
a.login-submenu-item-link-detail:active,
a.login-submenu-item-link-suchen:link,
a.login-submenu-item-link-suchen:visited,
a.login-submenu-item-link-suchen:hover,
a.login-submenu-item-link-suchen:active,
a.login-submenu-item-link-freigeben:link,
a.login-submenu-item-link-freigeben:visited,
a.login-submenu-item-link-freigeben:hover,
a.login-submenu-item-link-freigeben:active,
a.login-submenu-item-link-kartei-bearbeiten:link,
a.login-submenu-item-link-kartei-bearbeiten:visited,
a.login-submenu-item-link-kartei-bearbeiten:hover,
a.login-submenu-item-link-kartei-bearbeiten:active {
  display: block;
  width: 160px;
  padding: 3px 0 4px 23px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-color: #D8E9F1;
  background-repeat: no-repeat;
  background-position: 8px 4px;
  font-weight: bold;
  color: #0D7A9F;
}

a.login-submenu-item-link-neu:link,
a.login-submenu-item-link-neu:visited,
a.login-submenu-item-link-neu:hover,
a.login-submenu-item-link-neu:active {
  background-image: url(../grafik/bg_login_submenu_neu.gif);
}

a.login-submenu-item-link-bearbeiten:link,
a.login-submenu-item-link-bearbeiten:visited,
a.login-submenu-item-link-bearbeiten:hover,
a.login-submenu-item-link-bearbeiten:active {
  background-image: url(../grafik/bg_login_submenu_bearbeiten.gif);
}

a.login-submenu-item-link-detail:link,
a.login-submenu-item-link-detail:visited,
a.login-submenu-item-link-detail:hover,
a.login-submenu-item-link-detail:active {
  background-image: url(../grafik/bg_login_submenu_detail.gif);
}

a.login-submenu-item-link-suchen:link,
a.login-submenu-item-link-suchen:visited,
a.login-submenu-item-link-suchen:hover,
a.login-submenu-item-link-suchen:active {
  background-image: url(../grafik/bg_login_submenu_suchen.gif);
}

a.login-submenu-item-link-freigeben:link,
a.login-submenu-item-link-freigeben:visited,
a.login-submenu-item-link-freigeben:hover,
a.login-submenu-item-link-freigeben:active {
  background-image: url(../grafik/bg_login_submenu_freigeben.gif);
}

a.login-submenu-item-link-kartei-bearbeiten:link,
a.login-submenu-item-link-kartei-bearbeiten:visited,
a.login-submenu-item-link-kartei-bearbeiten:hover,
a.login-submenu-item-link-kartei-bearbeiten:active {
  background-image: url(../grafik/bg_login_submenu_kartei_bearbeiten.gif);
}


/*
******************************************
** Zusatz-menu
******************************************
*/

.zusatz-menu {
  width: 185px;
  border-top: 2px solid #FFFFFF;
  font-size: .9em;
}

a.zusatz-menu-item-link:link,
a.zusatz-menu-item-link:visited,
a.zusatz-menu-item-link:hover,
a.zusatz-menu-item-link:active {
  display: block;
  padding: 3px 0 4px 12px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  background-color: #8ABCD7;
  font-weight: bold;
  color: #FFFFFF;
}


/*
***************************************************************************************************
** Page Content
***************************************************************************************************
*/

.page-content {
  width: 570px;
  padding: 0 20px 52px 0;
}

.page-content-html {
  padding: 0 20px 20px 20px;
}

.body-popup .page-content {
  width: 570px;
  padding: 0 20px 52px 20px;
}


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

.page-title {
  background-color: #008EBE;
  border: 2px solid #FFFFFF;
}

.page-title-text {
  padding: 3px 6px 4px 6px;
}

.page-title-text h1 {
  font-size: 1.1em;
  font-weight: bold;
  color: #FFFFFF;
}

.page-title-picture {
  border-top: 2px solid #FFFFFF;
}


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

.page-subtitle {
  padding: 4px 11px 5px 11px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.page-subtitle-text h2 {
  padding: 0 0 6px 0;
  color: #176C88;
  line-height: 1.5em;
}


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

.page-help {
  padding: 4px 11px 5px 11px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.page-help-text {
  padding: 0 0 6px 0;
  color: #176C88;
  line-height: 1.5em;
}


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

.page-navigation {
  padding: 4px 11px 5px 11px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  font-size: .8em;
}

._seiten {
  color: #8ABCD7;
  font-size: .8em;
  font-weight: normal;
}

._seiten a {
  color: #8ABCD7;
  font-weight: normal;
}


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

.page-body,
.page-body-html {
  width: 100%;
}

.page-body-html {
  width: 100%;
  background-color: #FFFFFF;
}


/*
***************************************************************************************************
** Page Additional Content Right
***************************************************************************************************
*/

.page-additional-content-right {
  width: 185px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Fuss
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.service {
  margin: 0 205px 0 205px;
  background-color: #FFFFFF;
  line-height: 1em;
}

.service-inhalt {
  width: 100%;
}

.service-inhalt-zurueck,
.service-inhalt-nach-oben {
  float: left;
}

.service-inhalt-drucken {
  float: right;
}

.service-inhalt-zurueck {
  padding: 0 0 0 9px;
}

.service-inhalt-nach-oben {
  padding: 0 0 0 24px;
}

.service-inhalt-drucken {
  padding: 0 6px 0 0;
}

a.service-inhalt-zurueck-link:link,
a.service-inhalt-zurueck-link:visited,
a.service-inhalt-zurueck-link:hover,
a.service-inhalt-zurueck-link:active,
a.service-inhalt-nach-oben-link:link,
a.service-inhalt-nach-oben-link:visited,
a.service-inhalt-nach-oben-link:hover,
a.service-inhalt-nach-oben-link:active,
a.service-inhalt-drucken-link:link,
a.service-inhalt-drucken-link:visited,
a.service-inhalt-drucken-link:hover,
a.service-inhalt-drucken-link:active {
  padding: 7px 0 0 22px;
  display: block;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #8ABCD7;
}

a.service-inhalt-zurueck-link:link,
a.service-inhalt-zurueck-link:visited,
a.service-inhalt-zurueck-link:hover,
a.service-inhalt-zurueck-link:active {
  padding: 7px 0 0 12px;
  background-image: url(../grafik/bg_service_zurueck.gif);
  background-position: 0px 9px;
}

a.service-inhalt-nach-oben-link:link,
a.service-inhalt-nach-oben-link:visited,
a.service-inhalt-nach-oben-link:hover,
a.service-inhalt-nach-oben-link:active {
  padding: 7px 0 0 12px;
  background-image: url(../grafik/bg_service_nach_oben.gif);
  background-position: 0px 7px;
}

a.service-inhalt-drucken-link:link,
a.service-inhalt-drucken-link:visited,
a.service-inhalt-drucken-link:hover,
a.service-inhalt-drucken-link:active {
  padding: 7px 0 0 22px;
  background-image: url(../grafik/bg_service_drucken.gif);
  background-position: 0px 3px;
}




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


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


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


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


/*
  Kommentar (Ebene 5)
*/