/* CSS Document */


/*
======================================================================================================
Positioning of main containers
======================================================================================================
*/

* {
    padding: 0px;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-family: RM-Ellipsis-Regular !important;
    color: #333333 !important;
    font-size: 14px !important;
    background-color: #fff !important;
    line-height: 1.42857 !important;
}

#container {
    width: 100%;
    /*max-width: 1000px;*/
    margin: 0px 0px;
    padding: 0px;
    position: relative;
    background-color: #fff;
    float: left;
    clear: both;
}

.popupContainer {
    margin: 0px 0px 0px 0px;
    font-family: RM-Ellipsis-Regular;
    color: #000;
    background-color: #fff;
}

#logo {
    display: none;
}

#siteFunctions {
    z-index: 100;
    display: none;
}

#header {
    display: none;
}

#contentBox {
    float: left;
    max-width: 800px;
    padding: 0px;
    min-height: 750px;
    width: 100%;
    /*overflow: hidden;*/
}

.contentBoxSearch {
    /*margin-top: 0.6em;*/
}

#content {
    clear: both;
    float: left;
    padding: 0 0 50px;
    position: relative;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.1em;
    letter-spacing: 0.015em;
    line-height: 1.25em !important;
    width: 100%;
}

#footer {
    float: left;
    clear: both;
    width: 100%;
    /* max-width: 1000px;*/
    right: 0;
    font-size: 16px;
    background-color: #fff;
}


/*
======================================================================================================
MfK Elements
======================================================================================================
*/

#mfk_logo {
    float: left;
    height: 90px;
    margin: 10px 0px 10px 206px;
}

#mfk_logo img {
    height: auto;
    width: 240px;
}

#mfk_subNav {
    float: right;
    text-align: right;
    padding: 5px 10px 0px 0px;
}

#mfk_subNav ul,
#mfk_subNav ul li {
    float: left;
    clear: none;
}

#mfk_subNav ul li {
    margin-left: 10px;
}

#mfk_subNav a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

#mfk_subNav a:hover {
    text-decoration: underline;
}

#mfk_subNav ul.social {
    margin: 2px 0px 0px 10px;
}

#mfk_subNav ul.social li {
    height: 15px;
    width: 20px;
    overflow: hidden;
    float: left;
    display: block;
    margin-left: 5px;
}


/*#mfk_subNav ul.social li a {
    height: 24px;
    margin: 4px 0 0 5px;
    overflow: hidden;
    text-indent: 9999em;
    width: 24px;
    line-height: 20px;
    padding: 5px;
    margin-left: 0 !important;
    color: #000;
    display: inline-block;
    font-size: 13px;
    position: relative;
}*/

#mfk_subNav ul.social li a {
    float: left;
    height: 15px;
    width: 20px;
    color: transparent;
    display: block;
    padding: 0;
    text-indent: 0;
}

#mfk_subNav ul.social li a i.fa {
    color: #000;
    font-size: 1em;
}

#mfk_header {
    float: left;
    clear: both;
    height: 100px;
    width: 100%;
    margin-bottom: 30px;
    max-width: calc(100% - 240px);
    right: auto;
}

#mfk_title {}

#aroundBox {
    float: left;
    clear: both;
    width: 100%;
}

#mfk_navig {
    float: left;
    font-size: 15px;
    margin: 0 0 0 30px;
    padding: 0;
    width: 170px;
}

#mfk_navig ul {
    width: 170px;
    margin-top: 5px;
}

#mfk_navig ul li {
    /*width: 180px; */
    /* border-bottom: 1px solid #000000;*/
    color: #b2b2b1 !important;
    margin: 0px 10px;
    padding: 2px 0px;
}

#mfk_navig ul li a {
    text-decoration: none;
    color: #b2b2b1 !important;
    padding: 4px 15px 3px 0px;
    font-size: 16px;
}

#mfk_navig ul li a.active,
#mfk_navig ul li a:hover {
    color: #000 !important;
}


/*#mfk_header ul li{float: left;}
#mfk_header ul li a{font-size: 13px;  padding: 5px 10px; display: block; text-decoration: none;}
#mfk_header ul li a:hover{background-color: #484800;}
#mfk_header ul li a.active{background-color: #5c5c00;}
#mfk_header ul li.mfk_homeLink a{}*/

#container .box-head>span {
    display: block;
    height: 38px;
    left: 0;
    position: absolute;
    width: 38px;
}

.box-head {
    min-height: 48px;
    /*padding-left: 48px;*/
    float: left;
    font-size: 16px;
    font-family: RM-Ellipsis-Regular !important;
    margin: 0px 0px 0px 10px;
    clear: both;
    /*background: url(?service=WebAsset&url=/images/new/box.jpg&contentType=image/jpg) no-repeat top left;*/
}

.breadcrumbs {
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 6px 0 0;
    position: relative;
    top: -10px;
}

.breadcrumbs {
    font-family: RM-Ellipsis-Regular !important;
}

h1.pageTitle {
    clear: both;
    float: left;
    /*font-family: HelveticaNeueCE-Thin !important;*/
    font-family: RM-Ellipsis-Regular!important;
    font-weight: normal !important;
    letter-spacing: 0.02em !important;
    /* font-size: 26px;*/
    font-size: 30px;
    margin-top: 0;
    padding: 0px 10px;
}

#footer {
    border-top: 1px solid #000;
}

#mfk_footer {
    padding: 30px 0px 30px 30px;
    max-width: calc(100% - 240px);
}

.logo .bodytext {
    width: 370px;
    float: left;
}

.logo .bodytext:first-child {
    width: 265px;
}

.footernav ul {
    padding: 20px 0px;
    margin: 0 !important;
}

.footernav ul a {
    padding-right: 15px;
    float: left;
}

.footernav {
    clear: left;
    float: left;
    width: 500px;
}

#mfk_footer_copyright {
    float: left;
}

#mfk_footer_copyright img {
    display: none;
}

#mfk_footer_menu {
    float: right;
}

#mfk_footer_menu li {
    float: left;
    padding: 0px 5px 0px 5px;
}

#mfk_footer_menu li.links {
    margin-top: 5px;
}

#mfk_footer_menu li.links:before {
    content: "|";
    display: inline-block;
    padding: 0 10px 0px 0px;
}

#mfk_footer_menu li.last:after {
    content: "|";
    display: inline-block;
    padding: 0 0px 0px 10px;
}

#mfk_footer_menu li.first:before {
    content: "";
}

#mfk_footer_menu li.social {
    float: left;
    clear: none;
    width: 36px;
    height: 27px;
    overflow: hidden;
    padding: 0px 5px;
}

#mfk_footer_menu li.twitter {
    padding: 0px 0px 0px 5px;
}

#mfk_footer_menu li a {
    text-decoration: none;
}

#mfk_footer_menu li a:hover {
    color: #333333;
    text-decoration: underline;
}

#mfk_footer_menu li.social a {
    float: left;
    color: transparent;
    width: 100%;
    height: 27px;
}

#mfk_footer_menu li.print a {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -568px -80px;
}

#mfk_footer_menu li.facebook a {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -614px -80px;
}

#mfk_footer_menu li.pinterest a {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -660px -80px;
}

#mfk_footer_menu li.twitter a {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -706px -80px;
}

#mfk_footer_menu li.print a:hover {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -568px -128px;
}

#mfk_footer_menu li.facebook a:hover {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -614px -128px;
}

#mfk_footer_menu li.pinterest a:hover {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -660px -128px;
}

#mfk_footer_menu li.twitter a:hover {
    background: url(?service=WebAsset&url=/images/graphic.png&contentType=image/png) no-repeat -706px -128px;
}

#mfk_stiftung {
    float: right;
}

#mfk_stiftungstext {
    float: left;
    margin-right: 2em;
}

#mfk_stiftungsimages {
    float: left;
}

.footer-logo-box {
    float: right;
    vertical-align: middle;
    padding-top: 20px;
}

.logo-box-text {
    display: inline-block;
    padding-right: 10px;
}

.footer-logo-box img {
    margin-left: 10px;
    max-height: 26px;
    width: auto;
}


/*@font-face {
    font-family: "RM-Ellipsis-Regular";
    src: url("?service=WebAsset&url=/fonts/29C824_0_0.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/29C824_0_0.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/29C824_0_0.ttf&contentType=application/x-font-ttf") format("truetype");
}*/

@font-face {
    font-family: "SabonLTPro-Italic";
    src: url("?service=WebAsset&url=/fonts/29C824_1_0.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/29C824_1_0.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/29C824_1_0.ttf&contentType=application/x-font-ttf") format("truetype");
}

@font-face {
    font-family: "SabonLTPro-Bold";
    src: url("?service=WebAsset&url=/fonts/29C824_2_0.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/29C824_2_0.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/29C824_2_0.ttf&contentType=application/x-font-ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNeueLT-Light";
    src: url("?service=WebAsset&url=/fonts/2A1A59_0_0.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/2A1A59_0_0.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/2A1A59_0_0.ttf&contentType=application/x-font-ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNeueCE-Thin";
    src: url("?service=WebAsset&url=/fonts/2A1A59_1_0.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/2A1A59_1_0.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/2A1A59_1_0.ttf&contentType=application/x-font-ttf") format("truetype");
}

@font-face {
    font-family: "RM-Ellipsis-Regular";
    src: url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.otf&contentType=application/x-font-opentype") format("opentype"), url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.ttf&contentType=application/x-font-ttf") format("truetype"), url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.eot&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.eot?#iefix&contentType=application/vnd.ms-fontobject") format("embedded-opentype"), url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.woff&contentType=application/font-woff") format("woff"), url("?service=WebAsset&url=/fonts/RM-Ellipsis-Regular.svg#RM-Ellipsis-Regular&contentType=application/svg+xml") format("svg");
}


/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

a {
    color: #000000 !important;
    text-decoration: underline;
}

a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

a.active {
    color: #000 !important;
}

dl,
dt,
dd {
    padding: 0px;
    margin: 0px;
    text-align: left;
}

dl dd {
    text-align: left;
    border: none;
}

dl dt {
    border: none;
}

h1 {
    margin-bottom: 10px;
}

h2 {
    font-size: 1.5em;
    font-size: 16.5px !important;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
    font-size: 16.5px !important;
    font-weight: normal;
}

img {
    border: none;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.radioGroup {
    margin: 0px;
    padding: 0px;
}

li {
    padding: 0px;
    margin: 0px;
}

#content ul li {
    line-height: 1.6em;
}

.printonly {
    display: none;
}

video {
    width: 100%;
	max-width: 315px;
	height: auto;
    object-fit: scale-down;
}

video::-webkit-media-controls-fullscreen-button {
    /*display: none;*/
}



/*
Styles for forms
--------------------------------------------------------------------------------------------------
*/

.button {
    padding: 2px;
}

label {
    display: block;
    float: left;
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
    color: #000000;
    font-weight: normal !important;
}

label.inlineLabel {
    display: inline;
    clear: none;
    float: none;
    display: none;
}

label.inlineLabelFrom,
label.inlineLabelTo {
    display: inline;
    clear: none;
    float: none;
    font-family: RM-Ellipsis-Regular;
}

label.inlineLabelTo {
    padding-left: 1em;
}

.radioGroup label {
    display: inline;
    clear: none;
    float: none;
    text-align: left;
}

.checkboxGroup label {
    display: inline;
    clear: none;
    float: none;
    text-align: left;
}

fieldset {
    border: none;
}

fieldset.inlineFieldset {
    border: none;
    margin: 0px;
    padding: 2px;
    float: left;
}

legend {
    color: #000000;
}

input,
select,
textarea {
    background-color: #eee;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #000000;
    border-right: none;
    color: #333333;
    font-family: RM-Ellipsis-Regular;
    font-size: 15px;
    padding: 4px;
    margin: 0;
}

input.text,
input.textSmall {}

input.submitButton,
input.cancelButton,
input.resetButton {
    display: inline;
    padding: 1px;
}

input.text:focus,
input.textSmall:focus,
select:focus,
textarea:focus {}

form p {
    margin: 0px;
    padding: 0px;
}

.formButton {
    text-align: right;
    padding: 5px 20px 0px 0px;
}

.formItem {
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    clear: both;
}


/*
======================================================================================================
Styles shared accross containers and elements
======================================================================================================
*/

.cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.error {
    color: #e60028;
}

.infoMessage {
    color: #e60028;
}

.errorMessage,
.searchForm .infoMessage {
    background-color: #fff;
    border: 1px solid #ccc;
    color: red;
    left: 150px;
    padding: 5px;
    position: absolute;
    top: 0;
    z-index: 100;
}

.highlight {
    font-weight: bold;
    color: #e60028;
}

.hidden {
    position: absolute;
    left: -9999px;
    height: 0px;
    width: 0px;
}

.inlineFieldsetLegend {
    clear: both;
    display: block;
    float: left;
    padding: 4px 1px 1px 1px;
    text-align: left;
    width: 100px;
}

.message {
    padding-bottom: 5px;
}

.normal {
    font-weight: normal;
}

.disabled {
    color: #cccccc;
}

.highResBody {
    background: none;
    background-color: #fff;
    padding: 0;
    margin: 0;
    padding: 8px 8px 12px 8px;
}

.highResBody table {
    margin: 0;
    width: 100%;
}

.highResBody td {
    padding: 0;
    margin: 0;
}

.highResImage {
    padding: 0;
    margin: 0;
}

.highResImage img {
    width: 100%;
}


/*
======================================================================================================
=logo
======================================================================================================
*/

#logo img {
    width: 164px;
}


/*
======================================================================================================
=siteFunctions
======================================================================================================
*/

#siteFunctionsContainer li {
    /*float: right;*/
}

#language,
#loginButton,
.siteSearchLabel {
    font-size: 0.91em;
    padding-top: 0.2em;
    position: relative;
}


/* ---------- Language -----------*/

#language {
    width: 7em;
}

#language ul,
#language ul li {
    line-height: 1.2em;
    background-color: #f5f5f5;
    text-align: right;
    padding: 0.1em;
}

#language ul li {
    padding: 2px;
}

#language ul li a {
    display: block;
    text-decoration: none;
}

#languageMenuLabel {
    display: block;
    text-align: right;
}


/* ---------- Login -----------*/

#loginButton {
    padding-right: 10px;
}

#loginButton a {
    text-decoration: none;
}


/* ---------- Site Search -----------*/

#siteFunctions {
    width: 165px;
}

#siteFunctionsContainer li {
    position: relative;
}

#siteSearchContainer {
    position: relative;
    padding: 0;
    margin: 0;
    width: 165px;
    border-top: 1px solid #ccc;
}

#siteSearchInput {
    float: right;
    width: 110px;
    margin: 0 0 .2em;
    border: 1px solid #999;
    padding: 0.3em 0.2em;
    margin: 0;
    font-size: 1.1em;
    background-color: #f5f5f5;
    color: #414141;
}

#siteSearchButton {
    float: right;
    color: #666;
    font-size: 1.1em;
    cursor: pointer;
    margin: 0.5em 0 0 0;
    padding: 0.2em;
    border-top: 1px solid #ddd;
    border-right: 1px solid #535353;
    border-bottom: 1px solid #262626;
    border-left: 1px solid #ddd;
}

#siteSearchButton {
    background-color: #ccc;
}

#siteSearchButton:hover {
    background-color: #ededed;
}

.siteSearchLabel {
    display: none;
}

#siteSearchItems {
    margin: 0;
    padding: 15px 10px 15px 35px;
}

#siteSearch {
    margin: 0;
    padding: 0;
}


/*
======================================================================================================
=navigation
======================================================================================================
*/

#mainNav {
    width: 12em;
    text-align: right;
    margin-bottom: 2em;
}

#mainNav li.mainNavItem {
    width: 12em;
    display: block;
    padding: .2em 0;
}

#mainNav li.mainNavItem a {}

#mainNav li.mainNavItem a:visited {}

#mainNav li.mainNavItem a:hover {}

#mainNav li.mainNavItem a.active {}


/*
======================================================================================================
=header
======================================================================================================
*/


/*
	=title
	--------------------------------------------------------------------------------------------------
	*/

#title {
    display: none;
}


/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/

#moduleFunctionReference {
    display: none;
}

#moduleFunctions {
    width: 12em;
    /*float:right;*/
    text-align: right;
}

#moduleFunctions li.moduleFunctionItem {
    width: 12em;
    margin-top: .4em;
}

#moduleFunctions li.moduleFunctionItem a {
    display: block;
    padding: 0 1.5em 0 0;
    text-decoration: none;
    color: #7d6b46;
    background: url(xxx) no-repeat -10em 0;
}

#moduleFunctions li.moduleFunctionItem a:visited {
    color: #7d6b46!important;
}

#moduleFunctions li.moduleFunctionItem a:hover {
    text-decoration: none;
    background-position: 10.8em .3em;
}

#moduleFunctions li.moduleFunctionItem a.active {
    background: url(xxx) no-repeat 10.8em .3em;
    font-weight: bold;
}

#moduleFunctions li.moduleFunctionItem a.active:hover {
    background: url(xxx) no-repeat 10.8em .3em;
}

#moduleFunctionResult {
    display: none;
}


/*
======================================================================================================
=content
======================================================================================================
*/


/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling
	* -----------------------------------------------------------------------------------------------
	*/

.collectionContainer .filterSection {}

.filterSection {
    position: relative;
    margin: 0px;
    padding: 0px;
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 1.7em;
    padding-top: 0.5em;
}

.filterSection form {
    padding: 0px;
    margin: 0px;
}

.filterGroupItem {
    padding-bottom: 0.5em;
}

.filterSection .filterGroupControl_list {
    padding: 0;
    margin: 0;
}

.filterSection .filterGroupControl_list ul {
    margin: 0;
    padding: 0;
}

.filterSection legend {
    display: none;
}

.filterItem {
    margin: 0;
    padding: 0;
    float: left;
}

.filterItem a {
    margin: 0;
    font-size: 1.0em;
    padding: 0.2em .4em;
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.filterItem a:hover {
    color: #000000;
    background-color: #ccc;
}

.filterItem a:visited {
    color: #999999;
    border-bottom: #fff;
    color: #000;
}

.filterItem a.active {
    color: #000000;
    background-color: #ffe700;
}


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

#container .contextMenuContainer {
    position: relative;
    z-index: 100!important;
    display: block;
    font-size: 15px;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #000000;
    padding: 10px 0px 0px;
    margin: 0px 10px;
}

#multimediaInlineModule .contextMenuContainer {
    display: none;
}

#multimediaInlineModule .bottomContextMenuContainer .contextMenuContainer {
    display: none;
}

#container .contextMenuContainer .cleaner {}

#container .detail {
    z-index: 50!important;
}

#container .bottomContextMenuContainer .contextMenuContainer {
    background-color: #fff;
    background-position: 0px 0px;
    padding: 0px;
}

#container .contextMenu {
    position: relative;
    float: left;
    width: 100%;
}

#container .contextMenuContainer .menuItem {
    text-align: left!important;
}

#container .contextMenuContainer a,
#container .contextMenuContainer a:visited {
    color: #000000;
}

#container .contextMenuContainer a:hover {
    color: #D9D900;
    background: none;
}

#container li.dropdownMenu {
    display: block;
    float: left;
    position: relative;
    cursor: default;
    padding: 2px 5px 0px 0px;
    margin: 0px 10px 0px 0px;
    color: #000000;
    cursor: pointer;
}

#container.literatureContainer li.contentSortings {
    display: none;
}

#container.literatureContainer .inlineModule li.contentSortings {
    display: block;
}

#container li.dropdownMenu ul {
    border: 1px solid #000000;
    border-bottom: none;
    width: 150px;
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    text-align: left;
    z-index: 1;
}

#container li.dropdownMenu ul li {
    display: block;
    float: none;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0px 2px;
    z-index: 1;
}

#container li.dropdownMenu ul li:hover {}

#container li.dropdownMenu:hover ul {
    display: block;
}

#container li.dropdownMenu ul li a {
    display: block;
    font-weight: normal;
    padding: .2em 0 .15em .4em;
    text-decoration: none;
}

#container li.dropdownMenu ul li a:hover {
    text-decoration: none;
    color: #D9D900;
}

#container li.dropdownMenu .arrowDownButton {
    padding: 0px 3px 0px 10px;
    background: transparent url(?service=WebAsset&url=/images/new/arrows_down.png&contentType=image/png) no-repeat right center;
}


/* --------------------- ELEMENT NAVIGATOR -------------------------------*/

#container .elementNavigatorLabel {
    padding: .2em 0.6em .2em 0;
}

#container .elementNavigator .menuItem {
    text-align: center!important;
}

#container .resultCount {
    margin: 0;
    padding: 0 0 0 .4em;
    /*color:#6d97b4; */
    font-size: 1em!important;
    color: #000;
}

#container li.elementNavigator {
    width: 5.2em;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0;
    float: right;
    display: block;
    border: none;
}


/*single numbers*/

#container li.elementNavigatorResultBox {
    z-index: 1!important;
}

#container ul.contextMenu li.contentSortings {
    z-index: 4!important;
}

#container ul.contextMenu li.contentViews {
    z-index: 3!important;
}

#container ul.contextMenu li.contextFunctions {
    z-index: 2!important;
}

#container li.dropdownMenuFromTo {
    width: 7.4em;
}


/*from to numbers - must be wider*/

#container li.elementNavigator ul {
    width: 5.2em;
    margin-left: 1.5em;
    text-align: center;
}

#container li.dropdownMenuFromTo ul {
    width: 7.4em;
    margin-left: 1.5em;
}

#container li.elementNavigator .elementNavigatorCurrent {
    float: left;
    width: 5.2em;
}

#container li.elementNavigator .elementNavigatorFromTo {
    text-align: left;
    width: 7.4em;
}

#container li.elementNavigator .elementNavigatorFromTo a:hover {
    text-decoration: none;
    color: #D9D900;
}


/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/

#container .elementNavigatorResultBox {
    float: right;
    position: relative;
    width: 14em;
    padding-top: 0px;
}


/*---------- new ks 2008-08-07 -------------------*/

#container .elementNavigatorResultBoxFromTo {
    float: right;
    position: relative;
    width: 16.5em;
    padding-top: 0px;
}

#container ul.elementNavigatorResult {
    float: left;
    display: block;
}

#container ul.elementNavigatorResult li {
    float: left;
    line-height: 1.95em;
}

#container ul.elementNavigatorResult li.resultCount {
    float: right;
}

#container .elementNavigatorResultBox li.elementNavigator {
    float: left;
}

#container .elementNavigatorResultBox li.elementNavigator ul {
    margin-left: 0em;
}

#container .elementNavigatorResultBox li.dropdownMenuFromTo ul {
    margin-left: 0em;
}


/* ---------- END composite Element Navigator (eMP 5.5.1.2) ---------*/

#container li.elementNavigator ul li {
    text-align: center;
}

#container li.elementNavigator ul li a {
    display: block;
    text-align: center;
    padding: 0 0;
}

#container li.elementNavigator ul li a:hover {
    cursor: pointer;
}

#container li.elementNavigator ul li.elementNavigatorFromTo a {
    text-align: left;
}

#container .elementFrom {
    width: 3em;
    text-align: right;
    display: block;
    float: left;
    padding-right: 0.3em;
    margin-left: 0;
    padding-left: 0;
}

#container .elementNavigatorNext a,
#container .elementNavigatorBack a {
    text-decoration: none;
}

#container .elementNavigatorNext a:hover,
#container .elementNavigatorBack a:hover {
    color: transparent;
}

#container .elementNavigatorNext,
#container .elementNavigatorBack {
    float: left;
    width: 1.5em;
}

#container .contextMenu .elementNavigatorBack .arrowButton {
    /*background:url(?service=WebAsset&url=/images/new/arrows_left.png&contentType=image/png) no-repeat left center; */
    display: block;
    width: 1.5em;
}

#container .contextMenu .elementNavigatorBack a .arrowButton {
    background: url(?service=WebAsset&url=/images/new/arrows_left.png&contentType=image/png) no-repeat left center;
    cursor: pointer;
}

#container .contextMenu .elementNavigatorBack a:hover .arrowButton {
    background: url(?service=WebAsset&url=/images/new/arrows_left.png&contentType=image/png) no-repeat left center;
    text-decoration: none;
}

#container .elementNavigatorNext .arrowButton {
    /*background:url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat left center;*/
    display: block;
    width: 1.5em;
}

#container .elementNavigatorNext a .arrowButton {
    background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat left center;
    cursor: pointer;
}

#container .elementNavigatorNext a:hover .arrowButton {
    background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat left center;
    text-decoration: none;
}

#container .disabled {
    color: #999;
    padding: 0;
}

#container .highlight {
    font-weight: normal;
    color: #000;
}


/* =inline contextMenu (inherits from contextMenu if not overwritten via '.inlineModule' selector)
	--------------------------------------------------------------------------------------------------
	*/

.inlineModule .contextMenuContainer .resultCount {
    /*font-weight:normal;*/
}

.inlineModule {}


/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/

.lightbox,
.detailList,
.simpleList,
.detail {
    position: relative;
    display: block;
    padding: 20px 0px;
    margin: 0px 10px 20px;
}

.detailList,
.simpleList {
    padding-top: 1.0em;
}

.lightbox {
    margin-bottom: 1em;
}

.referenceContainer .lightbox,
.referenceContainer .detailList,
.referenceContainer .simpleList,
.referenceContainer .detail {
    padding-left: 0px;
    width: 565px;
}

.inlineModule .lightbox,
.inlineModule .detailList,
.inlineModule .simpleList,
.inlineModule .detail {}

.lightbox h2,
.detailList h2,
.simpleList h2,
.detail h2 {
    display: inline;
}


/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/

.simpleListItem {
    display: block;
    padding: 0.1em 0 0 0;
    position: relative;
    border-top: none;
    width: 100%;
}

#simpleListItem-0 {
    border: none;
}

.simpleListItem dt,
.simpleListItem dd {
    position: relative;
}

.simpleListItem .simpleListPart1 img {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
}

.simpleListItem .cleaner {}

.simpleListPart1,
.simpleListPart2,
.simpleListPart3,
.simpleListPart4 {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    /*margin-top: 0.3em;*/
}

.simpleListPart4 {
    margin-right: 0px;
}

.simpleListPart1 {
    width: 55px;
    margin-bottom: 0;
    line-height: 0;
}

.simpleListPart2 {
    width: 432px;
}

.simpleListPart3 {
    width: 120px;
}

.simpleListPart4 {
    width: 97px;
    text-align: right;
    margin-right: 0;
}

.simpleList h3 {
    margin: 0;
    padding: 0;
}

.simpleList a {
    text-decoration: none;
}

.simpleList .tspTitleLink {
    display: block;
    background: url("?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png") no-repeat scroll 0px 7px rgba(0, 0, 0, 0);
}


/*=artistSimpleList  */

#artistSimpleList h3 {
    margin: 0.3em 0;
}


/*=literatureSimpleList  */

#literatureSimpleList .simpleListPart1 {}

#literatureSimpleList .simpleListPart2 {}

#literatureSimpleList .simpleListPart3 {}


/*=multimediaSimpleList  */

#multimediaSimpleList .simpleListItem .listImg {
    float: left;
    margin-right: 15px;
}

#multimediaSimpleList .simpleListItem .listTitle {
    float: left;
    font-weight: bold;
    width: 40%;
}

#multimediaSimpleList .simpleListItem .listDescription {
    float: left;
    width: 50%;
}

.simpleListItem .listDescription .tspPortfolioElementHandler_text {
    display: none;
}


/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/

.detailListItem {
    display: block;
    padding: 0.5em 0;
    position: relative;
    width: 100%;
}

.detailListItem h3 {
    margin: 0;
}

.detailListItem dt,
.detailListItem dd {
    position: relative;
}

.detailListItem .listImg {
    float: left;
    width: 127px;
    margin-right: 43px;
}

.detailListItem .listImg img {
    width: 127px;
    height: 127px;
}

.detailListItem .listTitle,
.detailListItem .listDescription {
    float: left;
    width: 570px;
    margin-right: 10px;
}

.detailListItem .listTitle a,
.detailListItem .listDescription a {
    text-decoration: none;
}

.detailListItem .listDescription a .tspReferenceLink {
    font-family: RM-Ellipsis-Regular;
}

.detailListItem .listDescription ul {}

.detailListItem .listDescription ul li.list_signatur {}

.detailListItem .listDescription ul li.list_title a {
    text-decoration: none;
}

.detailListItem .listDescription ul li.list_datierung {}

.detailListItem .listDescription ul li.list_titelzusatz {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
}

.detailListItem .listButton {
    float: right;
}

.detailListItem .listButton .tspPortfolioElementHandler_text {
    display: none;
}

.detailListItem .cleaner {
    width: 100%;
    height: 2px;
    font-size: 1px;
}

#multimediaInlineModule {}

#multimediaInlineModule .detailListItem {
    padding: 0.5em 0 0 0;
}

#multimediaInlineModule .detailList {
    padding-top: 0;
    width: 380px;
    margin-top: -2em;
    margin-left: 8.5em;
}

#multimediaInlineModule .detailListItem {
    float: left;
    width: 100px;
    margin-right: 10px;
}

#multimediaInlineModule .detailListItem .listImg {
    float: left;
    width: 100px;
    margin: 0;
    padding: 0px;
}

#multimediaInlineModule .detailListItem .listImg img {
    width: 87px;
    height: 87px;
}

#multimediaInlineModule .detailListItem .listDescription {
    margin-top: 0.2em;
    float: left;
    margin-left: 0px;
    width: 100px;
}


/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/


/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/

.detailItem {
    clear: both;
    position: relative;
    margin-bottom: 0.5em;
    width: 100%;
}

.detailItem .detail_li {
    float: left;
    width: 375px;
    display: block;
    margin: 0px 90px 20px 0px;
}

.detailItem .detail_re {
    float: left;
    width: 315px;
    display: block;
}

.detailItem .listImg {
    display: block;
    max-height: 315px;
    width: 315px;
    margin-bottom: 20px;
}

/*CR 02/20 RO*/
.detailItem .relationTable {
    display: block;
    max-height: 315px;
    width: 315px;
    margin-bottom: 20px;
}

.detailItem .listImg img {
    height: auto;
	width: auto;
	max-height: 315px;
    max-width: 315px;
}

.detailItem h2 {
    font-weight: bold;
    font-size: 18px;
}

.detailItem dd.listDescription ul {
    margin: 0 0 0 0;
    padding: 0;
}

.detailItem dd.listDescription ul li {
    padding: 0 0 0 0;
    margin: 0;
}

.bookmarkLink {
    position: relative;
    float: none;
    /*background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat scroll left center;
				padding-left: 20px;*/
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.bookmarkLink label::before {
    content: "\e044";
    font-family: "Glyphicons Halflings";
    padding-right: 5px;
}

.bookmarkLink label {
	font-weight: bold !important;
}

.bookmarkLink input {
    width: 315px;
}

.detailItem .titel {
    padding-bottom: 15px;
}

.detailItem .titelzusatz {
    padding-bottom: 15px;
}

.detailItem .objektbeschrieb {
    padding-top: 15px;
    padding-bottom: 15px;
}

.detailItem .signatur {
    padding-bottom: 0px;
}

.detailItem .datierung .tspPrefix,
.detailItem .ausgabe .tspPrefix,
.detailItem .namen .tspPrefix,
.detailItem .verlag .tspPrefix,
.detailItem .referenzen .tspPrefix,
.detailItem .geografie .tspPrefix,
.detailItem .sammlung .tspPrefix,
.detailItem .stichwort .tspPrefix,
.detailItem .synonym .tspPrefix,
.detailItem .material .tspPrefix,
.detailItem .mass .tspPrefix,
.detailItem .sprache .tspPrefix {
    width: 150px;
    float: left;
    clear: none;
}

.detailItem .datierung .tspValue,
.detailItem .ausgabe .tspValue,
.detailItem .namen .tspValue,
.detailItem .verlag .tspValue,
.detailItem .referenzen .tspValue,
.detailItem .geografie .tspValue,
.detailItem .sammlung .tspValue,
.detailItem .stichwort .tspValue,
.detailItem .synonym .tspValue,
.detailItem .material .tspValue,
.detailItem .mass .tspValue,
.detailItem .sprache .tspValue {
    float: left;
    clear: none;
    width: 215px;
}

.detailItem .datierung .tspEnd,
.detailItem .ausgabe .tspEnd,
.detailItem .namen .tspEnd,
.detailItem .verlag .tspEnd,
.detailItem .referenzen .tspEnd,
.detailItem .geografie .tspEnd,
.detailItem .sammlung .tspEnd,
.detailItem .stichwort .tspEnd,
.detailItem .synonym .tspEnd {
    float: left;
    clear: none;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.objID {
    display: none;
}


/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/

#collectionReferences {
    /*display: none;*/
}

.referenceContainer {
    clear: both;
    position: relative;
    border-top: 1px solid #fff;
    display: block;
    float: left;
    width: 565px;
	/*CR 02/20 RO */
	position: absolute;
	top: 500px;
	left: 465px;	
}

#referenceTab-01 {
    /*display: none;*/
}

.referenceTabItem,
.referenceTabItemActive {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
    float: left;
    margin: 0.5em 1em 0.2em 0;
    padding: 0.5em 0 0 0;
    border-top: 1px solid #000;
    width: 480px;
	/*CR 02/20 RO */
	width: 315px;
}

.referenceTabItem a,
.referenceTabItemActive a {
    display: block;
    float: left;
    padding: .1em 0em 0.1em 0em;
    color: #000;
    text-decoration: none;
    cursor: default;
}

.referenceTabItem a:visited,
.referenceTabItemActive a:visited {
    color: #000;
}

.referenceTabItem a:hover,
.referenceTabItemActive a:hover {
    color: #000;
    background-color: #ccc;
}

.referenceTabItem a.active,
.referenceTabItemActive a.active {
    color: #000;
}

.referenceTabItem a.active:hover,
.referenceTabItemActive a.active:hover {
    color: #000;
    background-color: #fff;
}

.referenceTabItem a:visited,
.referenceTabItemActive a:visited {
    color: #000;
}

.referenceTabItem a.active:visited,
.referenceTabItemActive a.active:visited {
    color: #000;
}


/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/

#artistReferences-inlineBlock {
    border-top: none;
}

.referenceContainer .reference {
    /*clear:left;*/
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 2em;
    border-top: 1px solid #fff;
}

.referenceContainer .reference .caption {
    padding: 0;
    margin: 0;
}

.reference p {
    padding: 1em 0em;
    margin: 0;
    text-align: left;
}

#artistReferences-captionBlock p {
    width: 550px;
}


/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/


/*lightbox */

.lightboxGroupItem {
    width: 100%;
}

.lightboxItem {
    display: block;
    float: left;
}

#content .lightboxItem ul.listText {
    padding-top: 10px;
    font-size: 15px;
}

#content .lightboxItem ul.listText li {
    line-height: 1.3em;
    margin: 0;
}

#content #lightbox_4x5 .lightboxItem ul.listText li {
    font-size: 13px;
    line-height: 1.2em;
}

#content .lightboxItem ul.listText li.listButton {
    margin-top: 0.5em;
    margin-bottom: 0em;
    padding: 0;
}

.lightboxTextListItem {
    padding: 0;
    margin: 0;
}

.lightboxItem li {
    padding: 0;
    margin: 0;
}

.lightboxTextListItem li {
    padding: 0.1em 0;
    margin: 0;
}

.lightboxGroupItem {
    display: block;
    float: left;
}

.lightboxItem h3 {
    margin: 0;
}


/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/

.lightboxItem a {
    text-decoration: none;
}

.lightboxItem a:hover {
    text-decoration: underline;
}

.listImg a {}


/*
	=lightbox_1x1
	--------------------------------------------------------------------------------------------------
	*/

#lightbox_1x1 {
    left: 0px;
    width: 560px;
}

#lightbox_1x1 .lightboxItem {
    width: 350px;
    margin: 0px 0px 0px 0px
}

#lightbox_1x1 .lightboxItem .lightboxImageListItem,
#lightbox_1x1 .lightboxItem .lightboxImageListItem img {
    width: 350px;
    height: 350px;
}

#lightbox_1x1 .lightboxItem .lightboxTextListItem {
    width: 350px;
    height: 140px;
}


/*
	=lightbox_1x2
	--------------------------------------------------------------------------------------------------
	*/

#lightbox_1x2 .lightboxItem {
    width: 259px;
    margin: 0px 20px 0px 0px;
    height: 400px;
}

#lightbox_1x2 .lightboxItem .lightboxImageListItem,
#lightbox_1x2 .lightboxItem .lightboxImageListItem img {
    width: 259px;
    height: 259px;
}

#lightbox_1x2 .lightboxItem .lightboxTextListItem {
    width: 259px;
    height: 140px;
}

#lightbox_1x2 #lightboxItem_1 {
    margin-right: 0px;
}


/*
	=lightbox_2x3
	--------------------------------------------------------------------------------------------------
	*/

#lightbox_2x3 .lightboxItem {
    margin: 10px 52px 5px 0em;
}

#lightbox_2x3 .listImg img {
    width: 210px;
}

#lightbox_2x3 .lightboxTextListItem {
    width: 210px;
}

#lightbox_2x3 .lightboxImgInnerContainer {
    width: 210px;
}

#lightbox_2x3 #lightboxItem-2,
#lightbox_2x3 #lightboxItem-5 {
    margin-right: 0px;
}


/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/

#lightbox_3x4 .lightboxItem {
    margin: 10px 32px 5px 0em;
}

#lightbox_3x4 .listImg img {
    width: 160px;
}

#lightbox_3x4 .lightboxTextListItem {
    width: 160px;
}

#lightbox_3x4 .lightboxImgInnerContainer {
    width: 160px;
}

#lightbox_3x4 #lightboxItem-3,
#lightbox_3x4 #lightboxItem-7,
#lightbox_3x4 #lightboxItem-11 {
    margin-right: 0px;
}


/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/

#lightbox_4x5 .lightboxItem {
    margin: 10px 25px 5px 0em;
}

#lightbox_4x5 .listImg img {
    width: 127px;
    height: 127px;
}

#lightbox_4x5 .lightboxTextListItem {
    width: 127px;
}

#lightbox_4x5 .lightboxImgInnerContainer {
    width: 127px;
}

#lightbox_4x5 .tspTitleLink,
#lightbox_4x5 .tspReferenceLink {
    font-size: 0.8em;
}

#lightbox_4x5 #lightboxItem-4,
#lightbox_4x5 #lightboxItem-9,
#lightbox_4x5 #lightboxItem-14,
#lightbox_4x5 #lightboxItem-19 {
    margin-right: 0px;
}


/*
	=TSP styles (overriding other styles)
	-------------------------------------------------------------------------------------------------
	*/

#lightbox_1x1 .listImg img.tspMimeTypeIcon,
#lightbox_1x2 .listImg img.tspMimeTypeIcon,
#lightbox_2x3 .listImg img.tspMimeTypeIcon,
#lightbox_3x4 .listImg img.tspMimeTypeIcon,
#lightbox_4x5 .listImg img.tspMimeTypeIcon,
.listImg img.tspMimeTypeIcon {
    width: 48px;
    height: 48px;
}

.tspPortfolioElementHandler {
    padding: 0;
}

.tspPortfolioElementHandler a {
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    color: #000;
}

.tspPortfolioElementHandler a:hover {
    text-decoration: none;
}

.tspPortfolioElementHandler_text {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
    font-size: 15px;
    color: #000;
}

.tspPortfolioElementHandler_text:hover {
    text-decoration: underline;
}

.tspPortfolioElementHandler a.add::before {
    content: "\e007";
    font-family: "Glyphicons Halflings";
}

.tspPortfolioElementHandler a.remove::before {
    content: "\e006";
    font-family: "Glyphicons Halflings";
}

.tspTitleLink,
.tspReferenceLink {
    background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat center left;
    padding-left: 15px;
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
	word-wrap: break-word;
    hyphens: auto;
}

.tspTitleLink:hover,
.tspReferenceLink:hover {
    text-decoration: underline;
}


/*
=loginForm
--------------------------------------------------------------------------------------------------
*/

#loginForm {
    margin: 5px;
    padding: 10px 0px 10px 0px;
}

#loginForm fieldset {
    border: solid 1px #ccc;
    margin-top: 14px;
    width: 307px;
    padding: 7px;
}

#loginForm fieldset legend {
    margin-bottom: 0px;
}

#loginForm .formItemsContainer {
    padding-top: 7px;
}

#loginForm input.text {
    width: 200px;
}

#loginForm .formItem label {
    width: 80px;
}


/*
=editForm
--------------------------------------------------------------------------------------------------
*/

.editForm fieldset {
    border: none;
}

.editForm legend {
    display: none;
}

.editForm .formItem {
    padding: 5px;
    height: 13px;
}

.editForm .formButton {
    width: 630px;
    padding: 5px;
}

.editForm .formButton input {
    padding-right: 10px;
    padding-left: 10px;
}

.editForm .formItem label {
    position: absolute;
    width: 120px;
    left: 5px;
}

.editForm .formItem div.text {
    position: absolute;
    left: 130px;
}

.editForm .text input,
.editForm .text select {
    width: 500px;
}


/*
=searchForm
--------------------------------------------------------------------------------------------------
*/

.searchForm {
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
    float: left;
    clear: both;
}

.searchForm fieldset.searchFulltext {
    padding: 0;
    margin: 0;
    width: 450px; /* CR 02/20 RO */
    width: 606px;
}

.searchForm fieldset.searchFulltext label {
    padding-bottom: 2px;
}

.searchForm .formItem {
    padding-bottom: 10px;
}

.searchForm fieldset.searchItems {
    float: left;
    /*border-top: 1px dotted #000000;*/
    margin: 80px 0 0; /*CR 02/20 RO*/
    width: 450px;
}

.searchForm label {
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.searchForm legend {
    display: none;
}

.searchForm input.text {
    width: 100%;
}

.searchForm .inlineFieldset {
    padding: 10px 0px 15px;
    padding-left: 0;
}

.searchForm .inlineFieldsetLegend {
    width: 100%;
    text-align: left;
    padding: 0px 10px 0px 0px;
    font-size: 16px;
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
}

.searchForm input.textSmall {
    width: 120px;
    display: inline;
    margin-top: 0em;
}

.searchForm select {
    width: 100%;
}

.searchForm select.selectCombined {
    width: 19.7em;
}

.searchForm input.textCombined {
    width: 20em;
    display: inline;
}

.searchForm .formButton {
    float: left;
    margin: 0;
    position: relative;
    /*width: 470px; CR 02/20 RO*/
    /*margin-top: -58px;*/
    z-index: 1000;
}

.searchForm .infoMessage {
    padding-bottom: 1.5em;
}

#x-auto-18,
#x-auto-19 {
    top: 1338px !important;
}

#x-auto-1,
#x-auto-0 {
    top: 1020px !important;
}

#searchForm .resetButton {
    padding-right: 30px;
}

.searchForm .startButton a,
.searchForm .resetButton a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat center left;
    padding-left: 15px;
}

.searchForm .startButton {}

.searchForm .startButton a:hover,
.searchForm .resetButton a:hover {
    text-decoration: underline;
}


/* vvvvvvvvvvvvvvvvvv Smart Search Field stuff vvvvvvvvvvvvvvvvvvvvvv */

.searchForm .smartFieldItem {
    height: 2em;
}

.searchForm .smartFieldLabel {
    width: 100%;
    float: left;
}

.searchForm .smartFieldContainer input {
    width: 100%;
    height: 18px;
    margin-bottom: 2px;
    border: none;
}

.searchForm .smartFieldContainerOuter {
    position: relative;
    border-bottom: 1px solid #000000;
    background-color: #eee;
    height: 35px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0px;
}

.smartFieldItem .cleaner {
    width: 10px;
    height: 1px;
    display: none;
}

.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton {
    margin-left: 2px;
}

.x-form-text,
textarea.x-form-field {
    background: none;
}

#container .x-form-field-wrap .x-form-trigger {
    height: 19px;
    top: -1px;
    right: 5px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #999999;
}

.x-form-field {
    font-family: RM-Ellipsis-Regular;
    font-size: 15px;
    color: #000;
    width: 450px;
}

.mpComboBox-item {
    font-family: RM-Ellipsis-Regular;
    font-size: 15px;
    color: #000;
    padding: 0px 3px;
    border: 1px solid #fff;
    white-space: normal;
    overflow: auto;
    text-overflow: ellipsis;
    background-color: #FFFFFF;
}

.mpComboBox-item-selected {
    background: #DFE8F6 none repeat scroll 0 0;
    border: 1px dotted #A3BAE9 !important;
    cursor: pointer;
}

.mpComboBox-item-highlight {
    font-weight: bold;
}

.mpThesaurusDialog {
    z-index: 500;
}

.mpThesaurusDialogBody {
    border: solid 1px #CCCCCC;
}

.mpThesaurusDialogButtonPanel {
    align: right;
    background: #E3E8F3;
    margin-top: 3px;
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: -3px;
}

.my-tree-close {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
}

.my-tree-open {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
}

.my-tree-joint-over .my-tree-close {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
}

.my-tree-joint-over .my-tree-open {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
}

.tree-folder,
.tree-folder-open {
    /* display:none; */
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
}

.my-tree-over .my-tree-icon div,
.my-tree-sel .my-tree-icon div,
.my-tree-icon div {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
}

.my-tree-loading .tree-folder {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/icons/wait.gif) no-repeat 0px -1px !important;
}

.formItemsContainer {
    display: none;
}

.toggleSearchFields {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
    z-index: 1000;
    float: left;
}

#arrowDown,
#arrowRight {
    display: block;
    position: relative;
    z-index: 1000;
    float: left;
    top: 6px;
}

#arrowDown {
    display: none;
}

/* CR 02/20 RO
#containerSC {
    position: absolute;
    top: 349px;
    z-index: 1000;
    left: 211px;
    width: 470px;
}*/

#containerSC {
    position: relative;
    z-index: 1000;
    left: 11px;
    width: 630px;
    top: 20px;
}

#searchLink {
    float: left;
    margin-top: 10px;
    WIDTH: 100%;
	position: relative;
    top: 140px;
}

.collectionTitle {
    color: #000000;
    display: block;
    float: left;
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
    text-align: left;
    width: 100%;
}

.searchItem {
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
    height: 140px;
    width: 140px;
    background: url(?service=WebAsset&url=/images/searchCollection/background/background_active2px.png&contentType=image/png) no-repeat center left;
}

.searchItem a {
    float: left;
    width: 140px;
    height: 140px;
}

.searchItem a img {
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}

.searchItem a span {
    float: left;
    margin: 5px 0 0 11px;
}

.searchItem a div {
    margin-top: 20px;
}

#formItem_field_10302 {
    display: none;
}


/*^^^^^^^^^ End Smart Search Field Stuff ^^^^^^^^^^^^^^*/


/* -----------------------------------------------------------------------------------------------
* Style for ExternalReference page -
* The page is using IFrame element to display content from external URL
* -----------------------------------------------------------------------------------------------
*/

.externalReferenceFrame {
    height: 650px;
    width: 631px;
}


/* --------------
 * Custom Class: Search Help
 * --------------
 */

.searchHelp,
.searchHistoryLink {
    margin: 10px 0px 20px 10px;
    float: left;
    float: left;
	/*position: relative;
    bottom: 520px;*/
}

.searchHelp a,
.searchHistoryLink a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    background: url(?service=WebAsset&url=/images/new/arrows_right.png&contentType=image/png) no-repeat center left;
    padding-left: 15px;
}

.searchHelp a:hover,
.searchHistoryLink a:hover {
    text-decoration: underline;
}


/* ---------------------
 * Search History Styles
 * ---------------------
 */

.searchHistoryLink {
    position: relative;
    display: inline;
    margin-left: 1em;
    z-index: 100;
}

#searchHistoryPopupContainer {
    font-size: 15px;
    background-color: #fff;
    font-family: RM-Ellipsis-Regular;
    padding: 10px;
}

#searchHistoryPopupContainer h3 {
    font-family: HelveticaNeueCE-Thin;
    font-size: 26px;
    margin: 0px 0px 20px 0px;
}

#searchHistoryPopupContainer table {
    text-align: left;
    border-collapse: collapse;
    margin: 0;
    float: left;
}

#searchHistoryPopupContainer table tr {
    border-bottom: 1px solid #000;
}

#searchHistoryPopupContainer table.searchHistoryTable {}

#searchHistoryPopupContainer .searchHistoryTable td,
#searchHistoryPopupContainer .searchHistoryTable th {
    padding: 0.2em;
    vertical-align: top;
}

#searchHistoryPopupContainer .unFramed {
    width: 2em;
}

#searchHistoryPopupContainer .unFramed img {
    margin
}

#searchHistoryPopupContainer .framed {}

#searchHistoryPopupContainer .histFieldValueList td {
    padding: 0.1em;
    float: left;
}

#searchHistoryPopupContainer table tr td.histFieldValueList table tr {
    border: none;
}

#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
}

#searchHistoryPopupContainer .histResultCount {
    width: 7em;
}

#searchHistoryPopupContainer .histResultCount {
    font-family: RM-Ellipsis-Regular;
    font-weight: bold;
}

#searchHistoryPopupContainer .histDate {
    width: 12em;
}

#collectionLightbox {
    /*border: 1px solid grey;*/
}

.control {
    padding: 1em 2em;
    color: #999999;
    display: none;
}


/* Misc */


/* Load images locally */


/*
.bookmarkLink{background-image: url(../images/bookmarkicon.gif);}
#container .contextMenuContainer {background-image: url(../images/dot.gif);}



#container .contextMenu .elementNavigatorBack  .arrowButton {background-image: url(../images/button_left_light_grey.gif);}
#container .contextMenu .elementNavigatorBack a .arrowButton {background-image: url(../images/button_left_olive.gif);}
#container .contextMenu .elementNavigatorBack a:hover .arrowButton {background-image: url(../images/button_left_grey.gif);}

#container .elementNavigatorNext .arrowButton {background-image: url(../images/button_right_light_grey.gif);}
#container .elementNavigatorNext a .arrowButton {background-image: url(../images/button_right_olive.gif);}
#container .elementNavigatorNext a:hover .arrowButton {background-image: url(../images/button_right_grey.gif);}
input.text{background: url(../images/bg_input.gif) repeat-x;}
.searchForm{background-image: url(../images/dot.gif);}
#container li.dropdownMenu ul li {background-image: url(../images/line.gif);}
#footer{background-image: url(../images/dot.gif);}
*/