﻿/*

	CSS for SLUBs mediathek


*/

/* Aufruf für externes Druck-Stylesheet */
@import url(dip_print.css) print;


::-moz-selection {background-color:#d10;color:white;}
::selection {background-color:#d10;color:white;}
span.highlighted { background: #ccb; padding: 0 1px; }
ul {padding-left:0;}


.ete_debug_info { display: none; }


/* resets and basic design */
* { -moz-box-sizing: border-box; -opera-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box;  margin:0; border:0; padding:0; }
html, body { position: relative; height: 100%; }
body { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: small; color: #333; min-width: 1010px; }
a { color: #c00; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-width: 0; }
a:hover img { text-decoration: none; }
a.external { padding-right: 14px; background: url(../images/extlink.png) no-repeat right center; }
h1,h2,h3,h4,h5,h6 { font-size:11pt; color:#c00; font-weight:bold; }
h1 { font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif; font-style: italic; font-size: 24px; line-height: 120%; font-weight: normal; margin: 20px 0; }
h1 strong { font-weight: normal; }
h2 { font-size:10pt; }
h3,h4,h5,h6 { font-size:9pt; }
ul.noList { list-style-type:none; }
.invisible { display:none; }
b,strong,.b,.strong,.bold { font-weight:bold; }
i,em,.i,.em,.italic { font-style:italic; }
.noMargin { margin: 0; }
.noPadding { padding:0; }
.maxWidth { width:100%; }
.right { text-align:right; }
.left { text-align:left; }
#ete-timeline-slider p.center,.center{ text-align:center; }
.floatclear, .clearBoth { position: relative; clear: both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.floatLeft { float:left; }
.floatRight { float:right; }

.box .ete-timeline-slider-values, .ete-timeline-slider-values { width:100%; margin:0; }

/* header design */
header { position: relative; width: 100%; height: 140px; background: url(../images/headerBGrepeat.png) repeat-x 0 0; display: block; }
header .floatRight { position: absolute; top: 18px; left: 20px; }
header .floatRight #printlogo { display: none; }
header .floatLeft { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/headerBG.png) no-repeat 0 0; }
header .floatLeft a { display: none; }

/* tools menu above main input */
.topmenu { position: absolute; top: 32px; right: 28px; height: 30px; z-index: 121; font-size: 11px; }
.topmenu ul { list-style: none; }
.topmenu ul li { position: relative; float: left; border-right: 1px dotted #ccc; padding: 2px 6px; }
.topmenu ul li:last-child { border-right: none; } 
.topmenu .flyOutOverlay { position: absolute; top: 18px; right: -20px; width: 400px; padding: 10px; border: 1px solid #fff; -webkit-box-shadow: 0 5px 14px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 14px rgba(0,0,0,0.4); -o-box-shadow: 0 5px 14px rgba(0,0,0,0.4); box-shadow: 0 5px 14px rgba(0,0,0,0.4); display: none; }
.topmenu .basketFlyOutOverlay { background: #efeedc url(../images/basketFlyoutBG.png) no-repeat right bottom; }
.topmenu .favoritesFlyOutOverlay { background: #efeedc url(../images/favFlyoutBG.png) no-repeat right bottom; }
.topmenu .flyOutOverlay .flyOutImage { position: relative; float: left; margin: 0 10px 5px 0; text-align: center; width: 100px; height: 100px; background: #fff; padding: 3px 1px; overflow: hidden; }
.topmenu .flyOutOverlay .flyOutImage img { margin: auto; }
.topmenu .flyOutOverlay h2 { padding: 0 2px 2px 2px; border-bottom: 1px dotted #ccc; margin-bottom: 6px; }
.topmenu .flyOutOverlay .flyOutSummary, .topmenu .flyOutOverlay .oftotal { clear: both; }
.topmenu .flyOutOverlay .flyOutShowColllectionLink { width: 100%; border-top: 1px dotted #ccc; padding-top: 6px; text-align: right; margin-top: 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.8); color: #c00; font-weight: bold; }
.topmenu li:hover .flyOutOverlay { display: block; }
.topmenu .flyOutOverlay .flyoutNose { position: absolute; top: -9px; right: 55px; width: 20px; height: 10px; background: url(../images/flyoutNose.png) no-repeat 0 0; }
.topmenu a { position: relative; display: block; float: left; color: #fff; }

/* header 'n footer navs */
header .pageNav, footer .footnav { position: absolute; right: 34px; background: #fff; padding: 5px; border: 1px solid #fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3); -o-box-shadow: 0 3px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.3); box-shadow: 0 3px 8px rgba(0,0,0,0.3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efeedc), to(#cac9b5)); background: -webkit-linear-gradient(top, #efeedc, #cac9b5); background: -moz-linear-gradient(top, #efeedc, #cac9b5); background: -ms-linear-gradient(top, #efeedc, #cac9b5); background: -o-linear-gradient(top, #efeedc, #cac9b5); }
header .pageNav { bottom: -11px; }
footer .footnav { top: -12px; }
header .pageNav ul, footer .footnav ul { list-style: none; }
header .pageNav li, footer .footnav li { position: relative; float: left; padding: 0 6px; border-right: 1px dotted #999; }
header .pageNav li:last-child, footer .footnav li:last-child { border-right: none; }
header .pageNav li a, footer .footnav li a { line-height: 16px; font-size: 11px; color: #c00; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,0.6); }
header .pageNav li a.ete-cmsentry-active, footer .footnav li a.ete-cmsentry-active { color: #900; }
header .pageNav li a.ete-cmsentry-active .activeNose, footer .footnav li a.ete-cmsentry-active .activeNose { position: absolute; bottom: -15px; left: 50%; margin-left: -10px; width: 20px; height: 10px; background: url(../images/flyoutNose.png) no-repeat 0 -12px; }

/* basic page structure */
#center { position: relative; width: 100%; clear: both; }
#left { float: left; width: 220px; height: 100%; padding: 0 20px 0 20px; font-size: 11px; }
#content { margin: 0 30px 0 260px; padding: 0 0 200px 0; }
div#body { position: relative; min-height: 100%; margin: 0 0 -150px 0; }
#content>h2 { margin: 24px 0 12px 0; }
#content>p { margin: 12px 0; max-width: 700px; }

/* design of searchbox with tabs */
#search { position: relative; top: -87px; width: 100%; margin-bottom: -20px; }
#search_tabs { position: absolute; top: -103px; left: 270px; list-style: none; z-index: 1000; font-size: 11px; }
#search_tabs li { float: left; padding: 3px 10px 5px 10px; background: #555; background: rgba(82,82,82,0.85); margin: 0 4px; height: 22px; box-shadow: 0 1px 2px rgba(0,0,0,0.4); text-shadow: 0 -1px 0 #000; border: 1px solid #ccc; border-color: #666 #333 #333 #666; }
#search_tabs li a { color: #fff; }
#search_tabs li.search_active { background: #edede0; box-shadow: inset 0 4px 4px 0 rgba(0,0,0,0.3); border-color: #900; border-width: 1px 0 0 0; color: #900; font-weight: bold; text-shadow: none; }
#searchBox { position: relative; margin: 0; padding: 0; width: auto; background: transparent; }
#searchBox table { border-collapse: collapse; }
#searchBox form { position: relative;  }
#searchBox .desc { position: relative; width: 100%; height: 40px; background: url(../images/inputbg.png) no-repeat 0 0; }
#searchBox .submit { position: relative; width: 50px; height: 40px; padding: 0; }
#searchBox #desc { position: relative; height: 40px; width: 100%; font-size: 14px; line-height: 34px; background: transparent; padding: 2px 10px; color: #999; }
#searchBox #desc:focus { color: #c00; -webkit-box-shadow: 0 0 22px rgba(255,255,255,1); -moz-box-shadow: 0 0 22px rgba(255,255,255,1); -o-box-shadow: 0 0 22px rgba(255,255,255,1); box-shadow: 0 0 22px rgba(255,255,255,1); outline: 0; }
#searchBox .submit input { position: absolute; top: 0; right: 0; width: 50px; height: 40px; display: block; border: none; background: url(../images/submitBtn.png) no-repeat 0 0; text-indent: -9000px; cursor: pointer; }
#searchBox .submit input:hover, #searchBox .submit input:focus { background-position: 0 -40px; outline: 0; }
#searchBox .submit input:active { background-position: 0 -80px; }
#searchBox #resetInput { position: absolute; right: 0; top: 6px; height: 28px; width: 26px; background: url("../images/searchreset.png") no-repeat scroll left center; cursor: pointer; display: none; }

/* Design für die Darstellung des Vorschlag-Dropdown */
ul.ete-suggests { position:absolute; width: 40% !important; left: auto !important; right: 130px !important; top: 90px !important; border: 1px solid #999; padding: 10px !important; background: #fff; background: rgba(255,255,255,0.9) !important; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0,0,0,0.3); } 
ul.ete-suggests, ul.ete-suggests li.ete-suggest-entry, ul.ete-suggests li.ete-suggest-entry a.ete-suggest-value { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
ul.ete-suggests li.ete-suggest-entry { position: relative; border-bottom: 1px dotted #ccc; padding: 3px 0; cursor: pointer; }
ul.ete-suggests li.ete-suggest-entry a.ete-suggest-value span.ete-suggest-count { position: absolute; right: 0; top: 5px; color: #ba9; float:right; font-size:11px; font-weight:normal; }
ul.ete-suggests li.ete-suggest-entry a.ete-suggest-value { padding: 1px; font-size: 12px; line-height: 130%; font-weight: bold; color: #654; }
ul.ete-suggests li.ete-suggest-entry a.ete-suggest-value span.ete-suggest-inputterm { font-weight:normal; }
ul.ete-suggests li.ete-suggest-entry a.ete-suggest-value:hover, ul.ete-suggests li.ete-suggest-entry a.ui-state-hover { background: #eee; }
.ui-autocomplete { z-index: 200000 !important; }


/* Gestaltung der Rootline-Navigation */
#ete_portlet_pathway { position: relative; top: 2px; font-size: 11px; height: 30px; }
#ete_portlet_pathway ul { display: inline; list-style-type: none; }
#ete_portlet_pathway ul li { position: relative; display: inline; background: #efefdd; border: 1px solid #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding: 2px 14px 3px 4px; margin: 0 20px 0 0; text-shadow: 0 1px 0 #fff; height: 20px; }
#ete_portlet_pathway ul li.rootPage, #ete_portlet_pathway ul li.cmsPage { background: transparent; border: none; padding: 2px 4px; box-shadow: none; margin: 0 10px 0 0; }
#ete_portlet_pathway ul li.cmsPage:last-child a { text-decoration: none; color: #666; }
#ete_portlet_pathway ul li:last-child { box-shadow: none; border: none; }
#ete_portlet_pathway ul li.results { color: #666; font-size: 11px; padding: 0; background: transparent; }
#ete_portlet_pathway ul li span.pathway_sep { position: absolute; right: -15px; top: 5px; width: 8px; height: 9px; display: block; background: url(../images/rootlinesep.png) no-repeat center center; }
#ete_portlet_pathway ul li.cmsPage:last-child span.pathway_sep { display: none; }
#ete_portlet_pathway ul li.rootPage span.pathway_sep, #ete_portlet_pathway ul li.cmsPage span.pathway_sep { right: -7px; } 
#ete_portlet_pathway ul li .removeFilter { position: absolute; top: 4px; right: 2px; width: 11px; height: 11px; background: url(../images/pathwayRemoveFilter.png) no-repeat 0 0; border-left: 1px dotted #ccc; overflow: hidden; display: block; text-indent: -9000px; }
#ete_portlet_pathway ul li .removeFilter:hover { background-position: 0 -9px; }
#ete_portlet_pathway ul li .pathwayFlyout { position: absolute; bottom: 25px; left: 20px; padding: 5px 7px; background-color: #fff; background: rgba(255,255,255,0.9); display: none; z-index: 1001; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 6px rgba(0,0,0,0.2); box-shadow: 0 3px 6px rgba(0,0,0,0.2); font-size: 10px; color: #666; white-space: nowrap; }
#ete_portlet_pathway ul li:hover .pathwayFlyout { display: block; }
#ete_portlet_pathway ul li .pathwayFlyout .pathwayFlyoutNose { position: absolute; bottom: -10px; left: 10px; width: 0;  height: 0; border-style: solid; border-color: rgba(255,255,255,0.9) transparent transparent transparent; border-width: 5px; }


/* Gestaltung der Rootline-Protokollfunktion */
#pathway_open, #pathway_closed { position: relative; float: left; margin:0 5px 0 0; z-index: 1000; display: none; }
#pathway_elements { position: relative; font-size: 11px; color: #765; padding: 4px 0 0 0; margin: -3px 0 15px 0; background: url(../images/searchhisttop.png) no-repeat 3px 0; display: none; }
#pathway_elements table { border-collapse: collapse; border: 1px solid #edc; }
#pathway_elements table td { border-bottom: 1px dotted #dc9; padding: 2px 4px; }
#pathway_elements table tr:hover { background: #deebed; }
#pathway_elements table td.delete { border-right: 1px dotted #dc9; font-weight: bold; }



/* Gestaltung des Overlay-Logins */
#ete_portlet_UserManagement { position: absolute; top: -90px; right: 40px; width: 620px; height: auto; background: #fff; border: 1px solid #987; padding: 20px 20px 30px 20px; font-size: 11px; z-index: 300; -moz-box-shadow: 3px 3px 8px #876; -webkit-box-shadow: 3px 3px 8px #876; }
#ete_portlet_UserManagement .caption li { position: absolute; top: -10px; left: -10px; width: 620px; padding: 4px 20px; background: #987; color: #fff; text-shadow: -1px -1px 0 #765; border: none; }
#ete_portlet_UserManagement .close a { position: absolute; top: -11px; right: -11px; width: 40px; height: 40px; display: block; overflow: hidden; text-indent: -9000px; background: url(../images/loginclose.png) no-repeat 0 0; }
#ete_portlet_UserManagement h2 { font-size: 12px; margin: 25px 0 3px 0; border-bottom: 1px dotted #987; } 
#ete_portlet_UserManagement p { margin: 10px 0; color: #543; }
#ete_portlet_UserManagement form input { position: relative; background: #eed; border-width: 1px; border-style: solid; border-color: #987 #fff #fff #987; padding: 2px; }
#ete_portlet_UserManagement form input[type="submit"] { border-color: #fff #654 #654 #fff; background: #987; color: #fff; text-shadow: -1px -1px 0 #765; font-weight: bold; }



/* Darstellung der Ergebnis-Tabs (Beschreibung, Zoom, etc.) */
#resultSettings { position: relative; height: 40px; width: 99%; background: url(../images/resultsettingsbg.png) no-repeat right bottom; float: left; margin: 0 0 25px 0; }
#resultSettings .navigation { float: right; margin: 14px 0 0 0; font-size: 11px; color: #666; }
#resultSettings2 { position: relative; float: left; border-top: 1px solid #ccc; text-align: right; padding: 5px 0 0 0; margin: 10px 0 30px 0; font-size: 11px; color: #666; width: 100%; }
#resultSettings .options { float: left; margin: 12px 5px 0 0; color: #666; font-size: 11px; }
#resultSettings .options select { position: relative; border: 1px solid #ccc; color: #666; font-size: 11px; padding: 1px; margin: 0 0 0 4px; float: left; }
div.navigation span.navigation_selected { border-bottom: 2px solid #ccc; }
ul.tabs { padding: 0 0 0 50px; margin: 0 20px 0 0; height: 40px; background: url(../images/resultsettingsleftend.png) no-repeat left bottom; float: left; list-style-type: none; }
ul.tabs li { position: relative; display: block; height: 40px; float: left; background: url(../images/contenttabs.png) no-repeat right 0; margin: 0 3px 0 0; padding: 18px 18px 0 13px; font-weight: bold; font-size: 12px; color: #666; }
ul.tabs li.activeTab { background-position: right -40px; }
ul.tabs li.backTab { background: url(../images/backtab.png) no-repeat left 18px; font-weight: normal; padding: 18px 0 0 15px; margin: 0 40px 0 -50px; }


.zoomWrap { position: relative; border-width: 1px 0; border-style: dotted; border-color: #ccc; padding: 10px 0; }
.zoomWrap .openMoreMedia { position: absolute; top: -8px; right: 20px; height: 20px; padding: 2px 15px 3px 4px; background: #fff; border: 1px solid #ccc; cursor: pointer; font-weight: bold; font-size: 11px; color: #777; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.zoomWrap .openMoreMedia .moreNose { position: absolute; top: 8px; right: 4px; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #999 transparent transparent transparent; }
.zoomWrap .openMoreMedia:hover { color: #c00; }
.zoomGallery { position: relative; border-bottom: 1px solid #ccc; border-top: 1px dotted #ccc; width: 100%; overflow: scroll; background: rgba(255,255,255,0.95); }
.zoomGallery .listItem { box-shadow: none; background: #fff;  }
.zoomGallery .listItemMenu { display: none; }
.zoomWrap .clearBoth { height: 0px; overflow: hidden; }
.zoomImage { position: relative; margin: 0 auto; width: 500px; text-align: center; }
.zoomImage .mejs-container { position: relative; margin: 0 auto; }
.zoomDesc{float:left;}
.zoomGalleryItem {margin:0;}


/* Unterschiedliche Gestaltung der Tab-Bereiche (Kartenforum, Mediathek etc.) */
.tab_karten #emotImage { background: url(../images/emot_karten.png) no-repeat center center; }
.tab_karten #selTab { background: url(../images/seltab_karten.png) no-repeat center center; }
.tab_av-medien #emotImage { background: url(../images/emot_av.png) no-repeat center center; }
.tab_av-medien #selTab { background: url(../images/seltab_av.png) no-repeat center center; }
.tab_kunstler #emotImage { background: url(../images/emot_kuenstler.png) no-repeat center center; }
.tab_kunstler #selTab { background: url(../images/seltab_kuenstler.png) no-repeat center center; }
.tab_architekturzeichnungen #emotImage { background: url(../images/emot_archdraw.png) no-repeat center center; }
.tab_architekturzeichnungen #selTab { background: url(../images/seltab_archdraw.png) no-repeat center center; }
#emotImage { position: absolute; top: -30px; right: 10px; background: #0c0; height: 130px; width: 180px; background: url(../images/emot_all.png) no-repeat center center; display: none; }
#selTab { position: absolute; top: -30px; right: 20px; height: 30px; width: 580px; display: none; }



/* Allgemeine Gestaltung der Box-Klassen */
.box { position: relative; width: 210px; background: url(../images/sideboxbg.png) no-repeat -3px bottom; margin: 20px 0; padding: 0 20px 25px 10px; font-size: 11px; line-height: 140%; }
.box * { text-align: left; }
.box .boxLabel { position: relative; background: url(../images/sideboxtop.png) no-repeat 1px 0; width: 210px; left: -14px; line-height: 16px; font-size: 13px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif; color: #c00; font-style: italic; font-weight: bold; padding: 10px 30px 10px 14px; margin: 0 0 10px 0; text-shadow: 1px 1px 0 #fff; }
.box ul { position: relative; list-style-type: none; font-size: 11px; left: -10px; margin: -10px 0 0 0; line-height: 160%; }
.box ul.catalog { width: 210px;}
.box ul li { position: relative; background: url(../images/sideboxbg.png) no-repeat -3px 0; margin: 0; padding: 0 0 0 2px; }
.box ul li a, .box ul li.dynamicTreeEntryLevel1 span.dynamicFilterEntryLevel1, .box ul li.dynamicTreeEntryLevel2 span.dynamicFilterEntryLevel2, .box ul li.dynamicTreeEntryLevel3 span.dynamicFilterEntryLevel3 { position: relative; display: block; width: 196px; color: #278; text-decoration: none; padding: 3px 6px 3px 6px; border-bottom: 1px dotted #ccc; }
.box ul li .results, .box ul li .count { color: #999; font-weight: normal; font-size: 11px; text-decoration: none; }
.box ul li.dynamicTreeEntryLevel1 span.results { top: 5px; }
.box ul li.level1 a, .box ul li.dynamicTreeEntryLevel1 .dynamicFilterEntryLevel1 { border-top: 1px solid #ccc; text-decoration:none; background-color: #efefdd; font-size: 12px; margin: -1px 0 0 0; }
.box ul li.dynamicTreeEntryLevel1 .dynamicFilterEntryLevel1 { font-weight: bold; font-size: 12px; }
.box ul li.dynamicTreeEntryLevel2 span.dynamicFilterEntryLevel2 { color: #333; }
.box ul li.level3 a, .box ul li.dynamicTreeEntryLevel3 a.dynamicFilterEntryLevel3 { padding: 3px 45px 3px 21px; }
.box ul li.level2 a { padding-right: 24px; background: url(../images/facetStatEmpty.png) no-repeat right center; }
.box ul li.actFacet a { text-decoration: underline; background-image: url(../images/facetStatChecked.png); background-repeat:no-repeat; background-position:right center;} 
.box ul li span.more a {background-image:none;}
.box ul.catalog li a.ete-level2 {padding-left:10px;}
.box ul.catalog li a.ete-level3 {padding-left:14px;}
.box ul.catalog li a.ete-level4 {padding-left:18px;}
.box ul.catalog li a.ete-level5 {padding-left:22px;}
.box ul.catalog li a.ete-level5 {padding-left:26px;}
.box ul.catalog li a.ete-level6 {padding-left:30px;}
.box ul.catalog li a.ete-level7 {padding-left:34px;}
.box ul.catalog li a.ete-level8 {padding-left:38px;}
.box ul.catalog li a.ete-level9 {padding-left:42px;}
#left .box ul li a:hover { background-color: #deebed; }



/* Filter-Darstellung */
#ete_portlet_filter, #ete_portlet_filter ul li { position: relative; background: transparent; width: auto; height: auto; border: none; }
#ete_portlet_filter { padding: 6px 6px 16px 6px; margin: 10px 0;  border: 1px solid #edc; background: #eed; }
#ete_portlet_filter .head { height: 26px; border-bottom: 1px dotted #cc9; margin: 0 0 10px 0; }
#ete_portlet_filter .head .caption ul li { font-size: 14px; color: #876; text-shadow: 1px 1px 0 #fff; }
#ete_portlet_filter .head .close a { position: absolute; right: 10px; top: 8px; font-size: 11px; margin: 0; }
#ete_portlet_filter ul { left: 0; margin: 0; }
#ete_portlet_filter ul li { display: inline; margin: 0; padding: 0; }
#ete_portlet_filter ul li a { border: none; padding: 0; margin: 0 0 0 3px; height: auto; width: auto; display: inline; }
#ete_portlet_filter ul li a:hover { text-decoration: underline; }
#ete_portlet_filter ul li .results { position: relative; top: auto; right: auto; font-size: 11px; }
#ete_portlet_filter hr { position: relative; border-top: 1px dotted #cc9; background: transparent; height: 1px; margin: 4px 0 8px 0; }
#ete_portlet_filter .jumpto { font-size: 11px; color: #654; float: left; }
#ete_portlet_filter .jumpto form { display: inline; }
#ete_portlet_filter .jumpto form input[type="text"] { width: 100px; border-width: 1px; border-style: solid; border-color: #dc9 #fff #fff #dc9; padding: 2px; }
#ete_portlet_filter .jumpto form input[type="submit"] { background: #987; color: #fff; text-shadow: -1px -1px 0 #654; font-weight: bold; border-width: 1px; border-style: solid; border-color: #fff #654 #654 #fff; cursor: pointer; }
#ete_portlet_filter .forward_backward { text-align: right; font-size: 11px; }



/* MySearch-Darstellung */
#mysearches td { vertical-align:top; }
#mysearches a.removefromfavorites { padding-left:18px; background:white url(../images/favoriteIconRem.png) no-repeat left center; }
#mysearches a.addtofavorites { padding-left:18px; background:white url(../images/favoriteIconAdd.png) no-repeat left center; }
#mysearches a.clearfavorites { background: url(../images/removefromfavorites.png) no-repeat right center; padding-right:20px; float:right; }
#mysearches span.results { color: #999; font-size:10px; }
#mysearches table.cmsTable tr td.width230 { width:230px; }


/* Darstellung von Detail-, Galerie- und Listenansicht */
.listItem { position: relative; float: left; width: 360px; background: transparent; margin: 10px; padding: 3px; -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; border: 1px solid #ccc; }

.docImageItem { width: 180px; }
.listItem .listItemLeft { height: 195px; position: relative; width: 120px; float: left; border-right: 1px dotted #ccc; margin: 0 10px 0 0; }
.galleryItem .listItemLeft { width: 100%; margin:0; border: none; height: auto; }
.listItemThumbnail { position: relative; text-align: center; padding: 10px; height: 100%;}
.listItemMenu { position: absolute; bottom: 5px; left: -6px; padding: 2px 1px 2px 0; background: #ded9cc; border: 1px solid #cba; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 1px 1px 4px rgba(0,0,0,0.3); z-index: 100; }
.listItemMenu a { position: relative; width: 20px; height: 20px; overflow: hidden; display: block; float: left; margin: 0 2px 0 0; background: url(../images/imagelist_icons.png) no-repeat; }
.listItemMenu a img { display: none; }
#ete_portlet_favoriteStatus_documentImage,
#ete_portlet_favoriteStatus_listItem { display: inline; }
.listItemMenu a.liM_zoom { background-position: -40px 0px; }
.listItemMenu a.liM_zoom:hover { background-position: -40px -20px; }
.playable .listItemMenu a.liM_zoom { background-position: -119px 0px; }
.playable .listItemMenu a.liM_zoom:hover { background-position: -119px -20px; }
.listItemMenu a.liM_info { background-position: -18px 0; border-left: 1px dotted #987; padding-left: 2px; }
.listItemMenu a.liM_info:hover { background-position: -18px -20px; }
.listItemMenu a.liM_Basket {  border-left: 1px dotted #987; }
.listItemMenu a.addtobasket img, .listItemMenu a.removefrombasket img { display: none; }
.listItemMenu a.addtobasket, .listItemMenu a.liM_Basket { background-position: -59px 0px; border-left: 1px dotted #987; }
.listItemMenu a.liM_Basket { text-indent: -9000px; overflow: hidden; }
.listItemMenu a.addtobasket:hover, .listItemMenu a.liM_Basket:hover { background-position: -59px -20px; }
.listItemMenu a.removefrombasket { background-position: -79px -20px; }
.listItemMenu a.removefrombasket:hover { background-position: -79px -20px; }
.listItemMenu a.download { background-position: -159px 0; border-left: 1px dotted #987; }
.listItemMenu a.download:hover { background-position: -159px -20px; }
.listItemMenu a.addtofavorites { background-position: -179px 0; border-left: 1px dotted #987; }
.listItemMenu a.addtofavorites:hover { background-position: -179px -20px; }
.listItemMenu a.removefromfavorites { background-position: -199px 0; border-left: 1px dotted #987; }
.listItemMenu a.removefromfavorites:hover { background-position: -199px -20px; }

.docImageItem .listItemMenu { top: 75px; bottom: auto; left: -8px; }
.galleryItem .listItemThumbnail { width: 100%; height: 140px; float: none; margin: 0; background: #ece9da; border: none; }
.document_view .vid .listItemThumbnail { height: 120px; }
.activeMedium div.listItemThumbnail { background: #ccc2ab; }
.listItem .listItemThumbnail img { max-height: 100%; max-width: 100px; border: 1px solid #999 !important; }
.galleryItem .listItemThumbnail img { max-height: inherit; max-width: inherit; }
.docImageItem .listItemThumbnail img { max-width: 100%; max-height: 100%; }
.listItem p.description { margin: 6px 10px 0 0; color: #666; font-size: 11px; }
.listItem p.description a { color: #900; font-size: 12px; margin: 0 0 20px 0; }
/* .galleryItem p.description { position: relative; width: 142px; height: 60px; border-width: 1px 0; border-style: dotted; border-color: #ccc; padding: 7px 4px; margin: 6px 3px 4px 0; font-size: 10px; text-align: center; line-height: 13px; background: url(../images/gallerydescriptionbg.png) repeat 0 0; } */
.galleryItem p.description { padding: 2px; border-top: 1px solid #ccc2ab; border-bottom: 1px solid #ccc2ab; width: 100%; height: 47px; font-size: 10px; color: #765; }
.galleryItem p.description a strong { font-weight: normal; color: #765; font-size: 10px; }
.galleryItem p.description small { font-size: 10px; }
#gallery_view .noMedium p.description a { position: absolute; top: 0; left: 0; width: 100%; height: 140px; display: block; overflow: hidden; margin: 0; padding: 10px 5px; }
#gallery_view .noMedium p.description a strong { font-size: 16px; font-weight: normal; color: #986; line-height: 120%; }
.docImageItem p.description { height: auto; width: 100%; text-align: left; }
.detailsContent { position: relative; padding: 0 260px 50px 210px; line-height: 160%; }
.noMedium .detailsContent { padding-left: 0; }
.detailsContent em { position: relative; width: 100%; border-top: 1px dotted #ccc; display: block; margin: 20px 0 0 0; font-size: 14px; color: #999; font-weight: normal;  }
.detailsContent .docImageList { position: absolute; height: 97%; width: 200px; top: 12px; left: -5px; overflow-y: auto; padding-left: 5px; }
.detailsContent .docImageList .box { margin: 15px 0 0 0; }
.detailsContent ul { margin-left: 15px; list-style-type: square; }
.detailsBoxes { position: absolute; top: 0; right: 10px; width: 200px; }
.detailsBoxes>div:first-child { margin-top: -10px; }
.zoom_view { margin: 0 0 150px 0; }
.movedImgCard { border: 3px solid #fff; -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; width: 99%; margin:0; position: relative;  }
#ete_portlet_favoriteStatusDetails a, #ete_portlet_favoriteStatusContext a { position: absolute; top: -35px; right: 10px; border: 1px dotted #ccc; padding: 4px 4px 4px 22px; display: block; font-size: 11px; line-height: 16px; }
#ete_portlet_favoriteStatusDetails a.addtofavorites, #ete_portlet_favoriteStatusContext a.addtofavorites {background: #fff url(../images/favoriteIconAdd.png) no-repeat 5px 4px; }
#ete_portlet_favoriteStatusDetails a.removefromfavorites, #ete_portlet_favoriteStatusContext a.removefromfavorites {background: #fff url(../images/favoriteIconRem.png) no-repeat 5px 4px; }
.document_view h1, .context_view h1, .zoom_view h1 { padding: 0 40px 5px 0; border-bottom: 1px dotted #ccc; }
.ton .document_view h1, .ton .zoom_view h1 { padding-left: 35px; background: url(../images/detailsHeadlineTon.png) no-repeat 0 0; }
.vid .document_view h1, .vid .zoom_view h1 { padding-left: 35px; background: url(../images/detailsHeadlineVid.png) no-repeat 0 0; }

.detailsContent .detailsBoxes ul { list-style-type: none; margin-left: 0; }
.detailsContent .detailsBoxes .gmapBox .ete-gmap { margin: 10px 0 0 2px; border: 1px solid #ccc; }
.detailsContent .detailsBoxes .gmapBox .ete-gmap .ete-gmap { margin: 0; border: none; }
#resultsView, #map_view .ete-gmap, #map_view #map_list { position: relative; float: left; }
#resultsView { width: 99%; }
.transform p { margin: 20px 0; }
.transform p.legend { font-size: 10px; color: #999; }
.transform ul { margin: 20px 0 20px 15px; }
.box a .partnerlogo { position: relative; margin: 10px 15px 0 0; }
.galleryShortcuts { position: relative; height: 15px; width: 100%; padding: 1px 0 0 0; }
.galleryShortcuts a { position: relative; display: block; float: left; height: 16px; width: 20px;  overflow: hidden; text-indent: -9000px; background: url(../images/galleryShortcuts.png) no-repeat 0 -1px; }
.galleryShortcuts a.gs_info { background-position: 0 -2px; border-style: dotted; border-color: #ccc2ab; border-width: 0 1px; }
.galleryShortcuts a.gs_info:hover { background-position: 0 -22px; }
.galleryShortcuts a.gs_zoom { background-position: -21px -2px; }
.galleryShortcuts a.gs_zoom:hover { background-position: -21px -22px; }
.galleryShortcuts a.gs_addtobasket { background-position: -40px -2px; }
.galleryShortcuts a.gs_addtobasket:hover { background-position: -40px -22px; }
.galleryShortcuts a.gs_removefrombasket { background-position: -60px -22px; }
.galleryShortcuts a.gs_removefrombasket:hover { background-position: -60px -22px; }

.mejs-container .mejs-controls { background: #987; }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background:  -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2), rgba(160, 160, 160, 0.6)); }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: -moz-linear-gradient(center top , rgba(255, 0, 0, 0.8), rgba(204, 0, 0, 0.8)); }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; left: -3px; width: 5px; height: 14px; border-radius: 4px; border: 1px solid #fff; background: #f00; }
.mejs-container .mejs-controls .mejs-time { height: 20px; line-height: 11px; font-size: 10px; padding: 8px 2px; }


.listItemThumbnail .mejs-container { position: absolute; bottom: 0; left: 0; }
.document_view .vid .listItemThumbnail, .document_view .activeMedium .vid .listItemThumbnail {  background: #000; margin-bottom: 18px; }
.document_view .vid .listItemMenu { top: 115px; }
.listItemThumbnail .mejs-video .mejs-inner { left: 20px; }
.listItemThumbnail .mejs-controls { bottom:0; left: 0; width: 172px; height: 30px; }
.listItemThumbnail .mejs-controls .mejs-time-rail .mejs-time-float { z-index: 9899; }



#list_view .listItem { background: transparent; width: auto; height: auto; min-height: 90px; padding: 0; margin: 0; float: none; border: 1px solid #ccc; margin: 20px 0; }
#list_view .odd { background: #eed; }
#list_view .listItem .listItemLeft { position: absolute; left: 0; top: 0; width: 140px; height: 100%; }
#list_view .listItem .listItemRight { position: relative; height: auto; padding: 0 100px 0 150px;  }
#list_view .listItem .listItemRight p { margin: 10px 0; width: 100%; }
#list_view .listItem .resultIcon {display:block; position: absolute; top: 0; right: 5px; width: 80px; min-height: 80px; height: 100%; background: url(../images/resultIcons.png) no-repeat 0 center; }
#list_view .ton .resultIcon { background-position: -80px center; }
#list_view .ton.playable .resultIcon { background-position: 0 center; }
#list_view .vid .resultIcon { background-position: -240px center; }
#list_view .vid.playable .resultIcon { background-position: -160px center; }
#list_view .listItem .listItemMenu { bottom: 7px; left: -5px; }

#list_view .listItem .listItemThumbnail img { position: relative; margin: 0 auto; }






/* Darstellung der Kuenstlerinfos in der Detailansicht */
.detailsContent .augmented_container a[name^="kue::"], .detailsContent .augmented_container a[name^="per::"] { display: none; }
.detailsContent .augmented { position: absolute; top: 50px; margin: -3px 0 0 10px; padding: 10px; z-index: 900; background: url(../images/augmentbg.png) repeat 0 0; width: 520px; max-height: 400px; overflow-y: auto; border: 1px solid #ba9; box-shadow: 2px 2px 4px #ccc; }
.detailsContent .augmented .augmented_close { position: absolute; top: 3px; right: 3px; height: 20px; background: url(../images/augmentedclose.png) no-repeat right top; display: block; z-index: 901; font-size: 11px; padding: 0 20px 0 0; }
.detailsContent .augmented h1 { position: relative; display: block; top: -10px; left: -10px; padding: 10px; width: 498px; border-color: #987; font-size: 18px; margin: 0; }
.detailsContent .augmented em { border-color: #987; color: #987; }
.detailsContent .augmented ul { margin: 10px 0 10px 15px; }



/* Darstellung des Kommentarbereichs */
.detailsComments { position: relative; margin: 1em 0 0 0; border: 1px dotted #cc9; padding: 1px; }
.detailsComments>em { color: #c00; font-size: 1.2em; font-style: normal; border: none; margin: 0; font-weight: bold; background: #eed; padding: 6px 10px 4px 10px; }
.detailsComments p.commentIntro { padding: 0 10px 10px 10px; background: #eed; color: #887; font-size: 11px; line-height: 130%; }
.detailsComments .comment { border-bottom: 1px dotted #cc9; line-height: 130%; padding: 7px 10px; }
.detailsComments .commentHeader { font-size: 10px; color: #998; }
.detailsComments form, .detailsComments .commentSubmitted { position: relative; padding: 2px 10px 4px 10px; background: #eed; }
.detailsComments .commentSubmitted { color: #887; font-size: 11px; line-height: 130%; }
.detailsComments .commentSubmitted>a[name="commentSubmitted"] { display: none; }
.detailsComments form>p { font-size: 10px; color: #998; font-weight: bold; }
.detailsComments form textarea { position: relative; width: 100%; background: #fff; height: 100px; border-width: 1px; border-style: solid; border-color: #998 #fff #fff #998; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; color: #333; font-size: 11px; }
.detailsComments form input[type="submit"], .detailsComments .commentSubmitted a { padding: 2px 0; margin: 6px 0 12px 0; background: #987; color: #fff; text-shadow: -1px -1px 0 #654; font-weight: bold; border-width: 1px; border-style: solid; border-color: #fff #654 #654 #fff; cursor: pointer; }
.detailsComments form input[type="submit"] { width: 140px; }
.detailsComments .commentSubmitted a { width: 60px; position: relative; text-align: center; display: block; }



/* Darstellung des Context-Views */
.context_view .detailsContent .docImageList { position: relative; top: auto; left: auto; }
.context_view .detailsContent { padding: 0 280px 150px 0; }
.context_view .detailsContent .docImageList { clear: both; margin: 35px 0; }
.context_view .detailsContent p.detailsBodyPar { clear: both; margin: 0 0 0px 0; }
.context_view .detailsContent em { display: none; }
.context_view .detailsContent h2 { margin: 20px 0 10px 0; padding: 5px 0 0 22px; font-weight: normal; border-top: 1px dotted #999; font-size: 18px; background: url(../images/cnxt_sublevel_1.png) no-repeat 0 5px; }
.context_view .detailsContent h3 { margin: 20px 0 10px 0; padding: 5px 0 0 30px; font-weight: normal; border-top: 1px dotted #ccc; font-size: 14px; background: url(../images/cnxt_sublevel_2.png) no-repeat 0 5px; }



/* Spezielle Anpassungen fuer diverse Zoom- & Playerdarstellungen */
.zoom_view .center {text-align:left;}
.zoom_view .zoomDesc {margin-top:25px;}
/*
.zoom_view .center { position: relative; min-height: 550px; border: 1px solid #ccc; padding: 15px 17px; -moz-box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; text-align: left; z-index: 100; }
.zoom_view .center div, #fullsizeContainer .center div { margin: 20px 0; color: #666; border-top: 1px dotted #ccc; padding: 10px 0 0 0; }
.zoom_view .center object, .zoom_view .center object embed { position: relative; z-index: -10; display: block; }
*/
#fullsizeBtnOn, #fullsizeBtnOff { position: absolute; width: 30px; height: 30px; background: url(../images/zoom_fullscreenicons.png) no-repeat; padding: 4px; -moz-box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; border: 1px solid #cba; cursor: pointer; z-index: 2000; }
#fullsizeBtnOn { top: -5px; right: -10px; background-position: 0 0; }
#fullsizeBtnOff { top: 35px; right: 20px; z-index: 8000; background-position: -30px 0; }
#fullsizeBtnOn:hover { background-position: 0 -30px; }
#fullsizeBtnOff:hover { background-position: -30px -30px; }
#fullsizeContainer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/augmentbg.png) repeat 0 0; text-align: center; z-index: 9999; display: none; }
#fullsizeContainer .center { position: relative; width: 96%; height: 85%; margin: 15px auto 0 auto; text-align: left; border: 20px solid #fff; -moz-box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; background: #fff; }
#fullsizeContainer .center object, #fullsizeContainer .center object embed { position: relative; height: 100%; width: 100%; }



/* Darstellung der Ergenisse in Kartenform */
#map_view .ete-gmap { position: relative; margin: 0 -10px 0 0; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 6px #ccc; -moz-box-shadow: 2px 2px 6px #ccc; float: left; z-index: 200; }
#map_view .ete-gmap>div { position: relative; border: 1px solid #fff; }
#map_view #map_list { position: relative; display: block; width: 700px; height: auto; overflow-y: auto; border-width: 0; border-style: solid; border-color: #ccc; padding: 0; margin: 10px 0 0 0px; z-index: 190; }
#map_view #map_list li { margin: 10px 0; border-bottom: 1px dotted #ccc; padding: 0 0 10px 0; }
.context_view .ete-gmap-empty, .document_view .ete-gmap-empty { display: none !important; }



/* Footer-Darstellung */
footer { position: relative; height: 230px; background: url(../images/footerBGrepeat.jpg) repeat-x 0 0; z-index: 130; clear: both; margin: 60px 0 0 0; display: block; }
footer .footerLines { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../images/footerBG.png) no-repeat 0 0; }
#byslub a { position: absolute; left: 20px; top: 112px; height: 40px; width: 140px; background: url(../images/byslub.png) no-repeat 0 0; text-indent: -9000px; overflow: hidden; display: block; }
#byslub span { position: absolute; left: 54px; bottom: 20px; color: #fff; font-size: 10px; }
.apsApp { position: absolute; right: 25px; bottom: 20px; }
.apsApp a:first-child {display:none;}



/* Gestaltung der Content-Seiten (CMS) */
.cms { position: relative; float: left; display: block; line-height: 160%; }
.cms p { max-width: 800px; font-size: 12px; margin: 20px 0; }
.cms h2 { font-size: 14px; margin: 20px 0 5px 0; }
.cms hr.pagesep { position: relative; width: 100%; height: 2px; border-width: 1px 0 0 0; border-style: dotted; border-color: #ccc; margin: 20px 0; }
.cms ul { list-style-type: square; margin: 20px 0 20px 15px; }
.cms .imagelist { position: relative; padding: 10px 0 25px 0; border-width: 1px 0; border-style: dotted; border-color: #ccc; margin: 20px 0; }
.cms .imagelist ul { list-style-type: none; margin: 0; display: inline; }
.cms .imagelist h2, .cms .imagelist ul li {  position: relative; float: left; margin: 15px 15px 0 0; width: 162px; height: 220px; text-align: center; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc; padding: 5px 0 0 0; border: 1px solid #ccc; display: block; }
.cms .imagelist h2 { padding: 20px; vertical-align: bottom; text-align: left; font-size: 20px; font-family: "Trebuchet MS"; font-style: italic; font-weight: normal; background: url(../images/imagelisthead.png) no-repeat 0 0; text-shadow: 1px 1px 0 #fff; }
.cms .imagelist ul li a:hover { text-decoration: none; }
.cms .imagelist ul li img { position: relative; height: 160px; width: 160px; border-width: 1px 0; border-style: solid; border-color: #eed; }
.cms .imagelist ul li strong { position: relative; display: table-cell !important; font-size: 11px; font-weight: bold; display: block; height: 46px; width: 160px; vertical-align: middle; line-height: 120%; }
.cms .imagelist ul li .imageactions { position: absolute; left: -4px; bottom: 50px; width: 48px; height: 26px; background: #ded9cc; border: 1px solid #cba; -moz-box-shadow: 1px 1px 4px #999; -webkit-box-shadow: 1px 1px 4px #ccc; overflow: hidden; padding: 2px 0 2px 1px; }
.cms .imagelist ul li .imageactions a { position: relative; width: 20px; height: 20px; overflow: hidden; display: block; text-indent: -9000px; float: left; margin: 0 0 0 2px; background: url(../images/imagelist_icons.png) no-repeat; }
.cms .imagelist ul li .imageactions a.picBtn { background-position: -1px 0; border-right: 1px dotted #987; }
.cms .imagelist ul li .imageactions a.infoBtn { background-position: -99px 0px;}
.cms .imagelist ul li .imageactions a.picBtn:hover { background-position: -1px -20px; }
.cms .imagelist ul li .imageactions a.infoBtn:hover { background-position: -99px -20px;}
.cms .teaser { position: relative; border-top: 1px dotted #ccc; padding: 10px 0; margin: 10px 0; }
.cms .teaserimage { position: relative; float: left; margin: 0 12px 0 0; padding: 3px 0 5px 0; border: 1px solid #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc; }
.cms .teaser h3 { margin: 5px 0 0 0; font-size: 14px; }
.cms .teaser p { margin: 5px 0; }
.cms h1.specialHeadline { position: relative; font-size: 18px; padding: 10px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.3); width: 510px; margin: 10px 0 -10px 10px; z-index: 110; }
.cms .intro { position: relative; border: 1px solid #ccc; padding: 25px 10px 10px 10px; display: block; }
.cms .intro p { margin: 0; }



/* Styles für die Imagemap-Karten der Fotothek */
.ft_linkedmap { position: relative; width: 800px; height: 500px; overflow: hidden; border: 1px solid #ccc; overflow: scroll; background: #fff url(../images/ftlinkedmapbg.png) repeat 0 0; }
.ft_linkedmap img.mapped { position: relative; box-shadow: 2px 2px 6px #999; -moz-box-shadow: 2px 2px 6px #999; -webkit-box-shadow: 2px 2px 6px #999; }
.ft_linkedmap #hPointer { position: absolute; top: 0; left: 0; width: 80px; height: 80px; display: none; }
.ft_linkedmap #hPointer img { position: relative; top: 0; left: 0; }
.ft_linkedmap .zoomCtrl { position: absolute; top: 6px; right: 8px; padding: 3px; background: #ccc; border: 3px solid #fff; box-shadow: 1px 1px 4px #ccc; -moz-box-shadow: 1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; }
.ft_linkedmap .zoomCtrl .zoomIn, .zoomCtrl .zoomOut, .zoomCtrl .zoomCenter { position: relative; width: 20px; height: 20px; background: url(../images/zoomctrl.png) no-repeat; margin: 2px; float: left; cursor: pointer; }
.ft_linkedmap .zoomCtrl .zoomIn { background-position: -20px 0; }
.ft_linkedmap .zoomCtrl .zoomOut { background-position: 0 0; }
.ft_linkedmap .zoomCtrl .zoomCenter { background-position: -40px 0; }
.ft_linkedmap p.hints { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #999; margin: 10px 0; }


/* Gestaltung des Warenkorbs, Checkouts und der Favoriten-Sammlung */
table.cmsTable, .baksetSummary table { width: 100%; border: 1px solid #eed; border-collapse: collapse; margin: 10px 0; }
table.cmsTable th, table.cmsTable tbody tr td, .baksetSummary table tr td, .baksetSummary table tr th { padding: 7px; }
table.cmsTable th, .baksetSummary table th { background: #eed; color: #653; text-align: left; }
table.cmsTable tbody tr td, .baksetSummary table tr td { border: 1px solid #eed; }
table.cmsTable .box, .baksetSummary table box { width: 200px; margin: 10px; }
table.cmsTable .box .listItemMenu, .baksetSummary table .box .listItemMenu { bottom: auto; top: 115px; }
table.cmsTable thead tr th:nth-child(3), table.cmsTable thead tr th:nth-child(4), .baksetSummary table thead th:nth-child(3), .baksetSummary table thead th:nth-child(4) { text-align: right; }
table.cmsTable tbody tr td:nth-child(1), .baksetSummary table tr td:nth-child(1) { width: 220px; }
table.orderTable { margin-bottom: 20px; }
table.orderTable tbody tr td label { position: relative; float: left; width: 150px; font-size: 11px; line-height: 20px; clear: both; }
table.orderTable tbody tr td select, table.orderTable tbody tr td textarea { border: 1px solid #fff; border-color: #ccc #fff #fff #ccc; background: #eed; height: 22px; padding: 2px; width: 210px; margin: 2px 0; }
table.orderTable tbody tr td textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; height: 60px; font-size: 11px; }
table.orderTable tbody tr td a.removefrombasket { position: relative; margin: 0 0 0 150px; padding: 0 0 0 23px; width: 100%; height: 20px; display: block; font-size: 11px; line-height: 20px; background: url(../images/removefrombasket.png) no-repeat 0 center; }
table.orderTable tbody tr td[valign]:nth-child(2), table.favTable td:nth-child(2) { padding-top: 20px; }
.basketOverview { position: relative; width: 100%; }
.basketOverview .emptyBasket { position: absolute; top: 25px; right: 0; padding: 0 24px 0 0; background: url(../images/removefrombasket.png) no-repeat right center; }
.emptyFavorites {position: absolute; top: 85px; right: 30px; padding: 0 22px 0 0;  background: url(../images/removefromfavorites.png) no-repeat right center; }
.removefromfavorites { position: relative; padding: 0 22px 0 0; margin: 10px 0 0 0;  background: url(../images/removefromfavorites.png) no-repeat right center; }
.basket { position: relative; float: left; width: 100%; }
.basket h1 { font-size: 14px; font-weight: bold; font-style: normal; font-family: Verdana; }
.basket h2 { position: relative; margin: -20px 0 20px 0; font-family: Trebuchet MS; font-size: 24px; font-style: italic; font-weight: normal; }
a#ete-timeline-slider-resetaction,a#ete-timeline-slider-submitaction { position: relative; margin: 0 15px 0 0; padding: 4px 10px; background: #c00; font-weight: bold; color: #fff; text-shadow: -1px -1px 0 #999; cursor: pointer; -moz-box-shadow: 1px 1px 3px #bba; -webkit-box-shadow: 1px 1px 3px #bba; border: 1px solid #fff; border-color: #fff #a98 #a98 #fff; }
a#ete-timeline-slider-resetaction,a#ete-timeline-slider-submitaction {margin:0;float:right;}
a#ete-timeline-slider-resetaction {margin-right:10px;}
.baksetAddress h3 { border-bottom: 1px solid #eed; width: 100%; clear: both; color: #764; }
.baksetAddress form fieldset { position: relative; background: #eed; margin: 10px 10px 20px 0; padding: 10px 10px 10px 35px; font-weight: bold; width: 400px; float: left; }
.baksetAddress form fieldset input { position: absolute; left: -25px; top: 50%; margin: -8px 0 0 0; }
.baksetAddress form fieldset p { font-size: 11px; font-weight: normal; border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
.baksetAddress form fieldset a { font-weight: normal; }
.baksetAddress form table { position: relative; border-collapse: collapse; margin: 10px 0 0 0; }
.baksetAddress form table tr td { border: 1px solid #eed; padding: 4px; font-size: 11px; }
.baksetAddress form table tr td:first-child { width: 220px; }
.baksetAddress form table tr td input { border: 1px solid #ccc; border-color: #ccc #fff #fff #ccc; background: #eed; padding: 2px; width: 300px; }
.baksetAddress form table tr td input.error { border-color: #c00; }

.baksetAddress .jquery_form_error_message { color: #c00; }
.basketPaymentMethod form { padding-bottom: 10px; }
.basketPaymentMethod input[type="radio"] { margin: 10px; }
.basket>br { display: none; }
.baksetSummary fieldset { background: #eed; margin: 0 0 20px 0; padding: 10px; }
.baksetSummary table { margin: 10px 0 20px 0; }
.baksetSummary p strong { display: block; margin: 10px 0 5px 0; color: #765; }
.baksetSummary>small { position: relative; margin: 10px 0 50px 0; color: #777; display: block; border-top: 1px dotted #ccc;  padding: 10px 0 0 0; }
.baksetSummary>small p strong { color: #777; border: none; }
.baksetSummary>small a { color: #777; padding: 0; background: transparent; }
.baksetSummary p a.orderNow { float: right; width: 200px; text-align: center; }

.basket_schedule { position: relative; border-top: 1px dotted #ccc; margin: 15px 0 0 0; }
.basket_schedule ol { position: relative; height: 30px; }
.basket_schedule ol li { position: relative; display: block; float: left; width: 130px; text-align: center; padding: 27px 0 0 0; font-size: 11px; margin: -10px 5px 0 5px; color: #a98; }
.basket_schedule ol li .bsIcon { position: absolute; top: 0; left: -10px; margin: 0 0 0 50%; height: 22px; width: 22px; background: #eed url(../images/basketIcons.png) no-repeat 0 0; border: 1px solid #987; display: block; box-shadow: 1px 1px 2px #ccc; }
.basket_schedule ol li span.basketPicSelect { background-position: 0 0; }
.basket_schedule ol li.act span.basketPicSelect { background-position: -20px 0; }
.basket_schedule ol li span.shippingAdress { background-position: 0 -20px; }
.basket_schedule ol li.act span.shippingAdress { background-position: -20px -20px; }
.basket_schedule ol li span.invoiceAdress { background-position: 0 -40px; }
.basket_schedule ol li.act span.invoiceAdress { background-position: -20px -40px; }
.basket_schedule ol li span.payment { background-position: 0 -60px; }
.basket_schedule ol li.act span.payment { background-position: -20px -60px; }
.basket_schedule ol li span.summary { background-position: 0 -80px; }
.basket_schedule ol li.act span.summary { background-position: -20px -80px; }
.basket_schedule ol li.act { color: #654; font-weight: bold; }


.basket .submitBar { border-top: 1px dotted #ccc; padding-top: 10px; margin: 10px 0; height: 35px; }
.basket .submitBar a, .basket .submitBar input[type="submit"] { font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; background: #c00; padding: 3px 10px; color: #fff; border: 1px solid #f77; border-color: #f77 #900 #900 #f77; text-shadow: -1px -1px 0 #900; display: block; width: 100px; text-align: center; float: left; }
.basket .submitBar input[type="submit"] { padding: 2px 8px; cursor: pointer; margin: 0 0 0 10px; }
.basket .submitBar a.fwdLink { margin: 0 0 0 10px; }
.basket .submitBar a:hover, .basket .submitBar input[type="submit"]:hover { text-decoration: none; background: #f00; }




*+html body { height: 100%; }
*+html #content { height: 100%; }
*+html .cms .imagelist h2 { position: relative; top: 0; left: 0; width: 122px; height: 184px; overflow: hidden;}
*+html .cms .imagelist ul li { top: 0; }
*+html .cms .imagelist ul li strong { margin: 10px 0 0 0; }
*+html .box ul li a { width: 164px; }
*+html .box ul li.dynamicTreeEntryLevel1 a { width: 184px; }
*+html .box ul li.level1 a { width: 184px; }
*+html .galleryItem .listItemThumbnail { width: 152px !important; height: 120px !important; margin-bottom: 20px !important; }
*+html .galleryItem p.description { padding: 15px 0 2px 0; width: 172px; margin: 6px 16px 0 0; display: block;  }
*+html ul.tabs li { height: 22px; }
*+html #ete_portlet_filter .jumpto form input[type="submit"] { text-align: center;  background: #eee; }
*+html #searchBox .submit input { padding-top: 30px; }
*+html #searchBox #desc { height: 26px; }
*+html .detailsContent { width: auto; padding-left: 200px; }
*+html .docImageItem {width: 172px; }
*+html .listItem { position: relative; width: 172px; }
*+html .document_view .vid .listItemMenu { top: 135px; }
*+html #ete_portlet_pathway { display: none; }

/* ie8 */
#ete_portlet_pathway ul li, footer .footnav, .cms h1.specialHeadline, header .pageNav { border /*\**/: 1px solid #ccc\9; }
#ete_portlet_pathway ul li.results { border /*\**/: none\9; }
#ete_portlet_pathway { display /*\**/: block\9; }

/* EOF */