@charset "utf-8";
/* CSS Document */

#content .ete-cms-content ul {
	list-style-type:disc;
	padding-left: 20px;
	margin:0;
}
#content .ete-cms-content h3 {
	margin-bottom:5px;
}


/* Seite gesperrt DIV */
#lockOverlay {
	width:100%;
	height:100%;
	background-color:white;
	position:absolute;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	filter: alpha(opacity=70);
	opacity:0.7;
	top:0;
	left:0;
	z-index:10000;
}

/* erw. suche */
#enhancedSearch, #enhancedSearch * {
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#enhancedSearch {
	opacity:1;
	width:800px;
	top:245px;
	background-color:white;
	position:absolute;
	left:173px;
	z-index:10001;
	border:2px solid #7B7B7B;
	-moz-box-shadow: 	2px 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	box-shadow: 		2px 2px 6px rgba(0,0,0,0.5);
	overflow:auto;
}
#enhancedSearchFilterList {
	width:100%;
}
#enhancedSearchFilterList ul {
	float:left;
	width:30%;
}

#enhancedSearchFilterList li,
#enhancedSearchFilterList li a {
	color:black;
}

#enhancedSearchFilterList li.groupLabel {
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:2px;
	list-style-type:none;
	margin-left: -20px;
}



#enhancedSearchFilter {
	width:100%;
	overflow:hidden;
}
#enhancedSearchFilter .jump_to, #enhancedSearchFilter .navigation form {
	display:inline
}

#enhancedSearchFilter #ete-timeline-slider {
	clear:both;
}

#enhancedSearchHeader {
	background-color:#7B7B7B;
	color:white;
	padding:2px;
	height:20px;
}
#enhancedSearchHeader  a {
	float:right;
	display:block;
	cursor:pointer;
}
#enhancedSearchHeader  a img {	
	border-width:0px;
}
#enhancedSearchHeader  span {
	cursor:default;
	text-transform:uppercase;
} 

#enhancedSearchBody {
	height:100%;
	margin-top:-20px;
	padding-top:20px;
}

#enhancedSearchFilter #filters #close {
	display:none;
}
#enhancedSearchFilter #filters {
	margin-bottom:0;
	margin-top:0;
	width:100%;
}
#enhancedSearchFilter #list_filters {
	margin:0!important;
	width:100%;
	-moz-box-shadow:0px 0px 0px;
	-webkit-box-shadow:0px 0px 0px;
	box-shadow:0px 0px 0px;
}



/*######################################################
General settings for links, fonts etc.
######################################################*/

#ete-timeline-slider {
	clear:right;
}

body,html{  height: 100%;}
body{  padding: 0;  margin: 0;  font-size: 0.75em;}
* html #box{  height: 100%; /*IE6 fix*/}
#box{  width: 100%;  min-height: 100%;  float: left;}
.clear{  clear: both;}

/*#################################
Galerie in Detailansicht
###################################*/

.docImageList_new {  }
.gv_galleryWrap { margin:15px 0px 15px 0px; clear:both;  
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	}
.gv_galleryWrap, .gv_infobar, .gv_panelWrap ,.gv_overlay {background-color: #828284;}


#ete-timeline-slider-values {
	margin-top:10px;
}


/*######################################################
Head - Contains the head menu, the logo etc.
######################################################*/

.font-smaller {    font-size:0.833em;}
.font-medium {    font-size: 0.917em;}
.font-normal {    font-size: 1.000em;}
.font-larger {  }
.font-largest {    }
#custom_header_navi .caption {  float: left;  padding: 0 0 0 1em;}
#custom_header_navi .userid{  text-align: right;  padding: 0 1em 0 0;}

/*######################################################
Classes left and right that are used for realigning the 
the boxes when filter navigation is disabled. Is used by
several divs.
######################################################*/

.left{  width: 14em;  float: left;  padding: 0 0 0 1em;  margin: 0 0 1em 0;}
.right{ padding: 0em 1em 0 19.5em;}
.expand{    padding-left: 1em !important;}


li.personalias a, a.ete-level2 {margin-left: 10px}
a.ete-level3 {margin-left: 20px}
a.ete-level4 {margin-left: 30px}

/*######################################################
Search panel - Contains the tabs, the buttons and the 
search input. Width of the input is set in the main html
file. -moz-attribute only works in Firefox.
######################################################*/

#search_tabs{  padding: 0;  margin: 0;  list-style-type: none; text-transform:uppercase;  top:0px;font-size:1.2em; margin:5px 0px 0px 0px;  }

#search_tabs .search_inactive{  border-bottom: none;   padding: 3px 20px 0px 0px; 
  border:none; background-color:transparent;   float: left;   color:#999; font-size:0.7em; 
  }

#search_tabs .search_active{   border-bottom: none;    padding: 0px 20px 0px 16px; 
  color: white;  float: left;  border:none;   background-image:url(../Bilder/emotion/check_aktiv2.gif); background-repeat:no-repeat;  background-position:left 2px;
  font-weight:normal;    color:#000;font-size:0.7em;  
  }

#search_tabs .search_inactive a {  border-bottom: none;   padding: 0px 0px 0px 16px !important; display:block; 
  border:none; background-color:transparent; height:16px!important; /* Zeile mit den Buttons über Suchzeile */
  background-image:url(../Bilder/emotion/check_inaktiv2.gif); background-repeat:no-repeat;  background-position:left 2px;
  }

#search_tabs .search_active a {   border-bottom: none;    padding: 0px 0px 0px 16px !important; display:block;
  color: white; border:none;    font-weight:normal;  
  background-image:url(../Bilder/emotion/check_aktiv2.gif); background-repeat:no-repeat;  background-position:left 2px;
  }

#search_tabs a:hover{  text-decoration: none; }

#search_tabs .search_inactive a,
#search_tabs .search_inactive a:visited{
  text-decoration: none;   color:#666; padding:0px 10px 0px 0px;  }

#search_tabs .search_active a{  color: white;  background-color:transparent; }

#search_tabs li.searchMode {
	float:right;
	padding:3px 0 0 0;
}


#ete_portlet_search_mask{
  padding: 0.5em 0.3em; width:100%;   padding:0px 0px 3px 5px ;  clear: both;}

#ete_portlet_search_mask table{  clear: both;  }

#ete_portlet_search_mask input#search_input{  min-width: 10em;   width: 10em;  width: 100%;}

#ete_portlet_search_mask #input_newsearch input{  margin-left: 0.5em; background-color:#FFF; border:none; color:#7b7b7b; font-size:1em; letter-spacing:0px; font-weight:bold; 
background-image:url(../Bilder/emotion/suchlupe.png); background-repeat:no-repeat; padding:3px 0px 8px 23px; background-position:left 0px;}
#ete_portlet_search_mask #input_newsearch input:hover{ color:#cbaf30; cursor:pointer; background-image:url(../Bilder/emotion/suchlupeaktiv.png);}

#ete_portlet_search_mask form{    margin-bottom:0;}
#ete_portlet_search_order { 
	float:left; text-transform:uppercase; margin-left:20px !important; width:auto; 
 	padding-left:15px; padding-top:4px; 
	border-left:1px solid #333; 
	text-align:left; white-space:nowrap; 
	margin-top:5px !important; height:2.2em;}
 
#ete_portlet_search_order select{ border:1px solid #CCC; color:#333; text-transform:none;}

#ete_portlet_search_pagesize { padding-top:4px; float:left;margin-top:5px !important; 
height:2.2em;  margin-right:20px; padding-right:20px;}
#ete_portlet_search_pagesize select {border:1px solid #CCC; color:#333;}

#ete_portlet_search_order form{    margin-bottom:0;    display: inline;}

/*######################################################
open_list is the class responsible for opening/closing
the pathway-menu and the filter tools
######################################################*/

#tools_and_pathway .open_list{  float: left;   width: 1em;  height: 1em;
  border: none;  padding: 0.1em 0.3em 0 0;}

#tools_and_pathway .toolbar a{  display: block;  border: 1px solid #fff;
  text-decoration: none;  color: black;}

#tools_and_pathway .toolbar a:hover{  text-decoration: none;} 

#pathway .a_open_list{  border: 1px solid #fff;  margin: 0 0.3em 0 0; height: 1.1em;  float: left;}


#pathway2  { clear:both; white-space:nowrap; width:100%; padding-top:0px; }
#pathway2 .open  { float:inherit !important;}
#pathway2 .a_open_list  { color:#333; margin: 0px 0.3em 0px 0px;    width:auto !important;    height: 1.1em;  }
#pathway2 .a_open_list span:hover  { text-decoration:underline !important;}
#pathway2 .a_open_list span  { float:left; padding-right:5px;}
#pathway2 .open_list { margin-top:1px;}

  
/*######################################################
Tools and Pathway box stretches over the whole page and
is always visible.
######################################################*/

#tools_and_pathway{  clear: both;  height: 2em;  padding: 1em 0 0 2px; }

#pathway{ float:left; padding-bottom:5px;  border-bottom:1px solid #ccc; width:100%;
text-transform:uppercase; color:#333;}

#pathway2{ text-transform:uppercase; color:#333; font-size:0.85em;}


#pathway a { color: #333;}

#pathway ul{  list-style-type: none;  padding: 0;  margin: 0;}

#pathway li{  
    display: block;  
    float: left; 
    border:1px solid #BBB; 
    padding:1px;
    background-color:#F8F8F8;
	margin-bottom: 4px;
}
#pathway li a.removeFilter {color:red; border-right:1px solid #BBB; padding:0px 2px 0px 1px;display:block;float:left;margin-right:1px;}
#pathway li.separator {
    background-color:transparent;
    border-width:0px;margin:0px 3px;
}
#pathway li.results {
    background-color:transparent;
    margin-left:0.5em; border-width:0px;
}

#pathway span{  float: left;}

#ete_portlet_searchFavoriteState {	float:left; width:30px; 
overflow:hidden; color:#FFF;	position:relative;	left:1.5em;	top:0.5em;}

#ete_portlet_searchFavoriteState a.removeFromSearchFavorites {
	background-image:url('../bilder/template/favorit_gold_trans.png');
	padding-left:18px;padding-top:3px;
	background-repeat:no-repeat;font-size: 0.833em;	display:block;	min-height:18px; color:#FFF;
}
#ete_portlet_searchFavoriteState a.addToSearchFavorites {
	background-image:url('../bilder/template/favorit_grau_trans.png');
	padding-left:18px;padding-top:3px;
	background-repeat:no-repeat;
	font-size: 0.833em;	
	display:block;	min-height:18px;
	 color:#FFF;
}

#sort_gallery_active{  text-align: right;  white-space: nowrap;}

#sort_gallery_active div{  float: left;  margin: 0 0 0 0.5em;}

#sort_gallery_active span{  color: #000;}

#sort_gallery_inactive span{  color: #BEBEBE;}

#center{
  width: 100%;
  clear: both;
  background-color: #fff;
}


/*######################################################
Settings for the left side navigation. 
######################################################*/

#personal_navigation ul,
.filter_navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 1em 0 1em 2em;
}

#personal_navigation{
  margin: 0 0 1em 0;
}

.filter_navigation{
  padding: 0 0 0 0;
  margin: 0 0 3em 0;
}

.filter_navigation .head{
  margin: 0 0 0 -0.5em;
  padding: 0;
}
/*
#commentDoc a img,
#commentDoc a span,
#ete_portlet_favoriteStatus a img,
#ete_portlet_favoriteStatus  a span{
	display:block; 
}
#commentDoc a img,
#ete_portlet_favoriteStatus a img{
	float:left;
	margin-right:0.3em;
}

#commentDoc {
	margin-top:0em; 
}*/



/*######################################################
pathway_elements box. Allows to alter the already applied pathway
elements in a seperate box.
######################################################*/

#pathway_elements{
  border-top: 0;
  border-right: 0;
  margin: 0 0 1.5em 0.5em;
  padding: 0 0 0.5em 0.5em;
}

#pathway_elements td{
  text-align: left;
  padding: 0 0 0 0.5em;
}

#pathway_elements .delete{
  border-bottom: none;
  padding:2px 0px 0px 0px;
  
  background-color: #fff;
}

#pathway_elements a,
#pathway_elements .delete a:hover{
  text-decoration: none;
}

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

/*######################################################
Filter toolbox - section to choose custom filters after
clicking sections in the tools&filter-menu
######################################################*/

#filters{
  padding: 0em;
  margin-bottom: 0.5em; margin-top:1.5em;  border:none; background-color:transparent !important;   
  
}
#filters .head { color:#aa8b00; }
#filters #caption strong  { font-weight:normal; text-transform:uppercase; }
#filters #caption a { font-weight:normal; color:#aa8b00; font-size:1.3em; }
#filters #caption  { }
#filters #description  { margin-top:1.4em; }

#filters hr{  background-color: #EFEFEF; /* Farbe f�r Opera und Firefox */  color: #EFEFEF; /* Farbe f�r Internet Explorer (IE) */  
height: 1px;   border: 0;  margin: 0;  padding: 0;}

#filters ul{  list-style-type: none;  padding: 0;  margin: 1.5em 0 0.5em 0;}
#filters li{  display: inline;}
#filters .head #caption{   width:95%;  float:left;  
	padding-right:10px; padding-top:10px;color:#aa8b00 !important;  padding-left:2em; font-size:0.8em;
	text-transform:uppercase; } 
#filters .head #caption a{} 
#filters #description ul{  margin-top: 0.5em !important;}

#filters .head #caption ul{  padding: 0;  margin: 0px 0px 0px 0px;}


#list_filters{  padding: 15px 5px 1.5em  3em; width:90%;  
color:#aa8b00; margin:0em 0px 2em 0em !important ;background-color: #eee8cf !important;
-moz-box-shadow: 	1px 1px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
box-shadow: 		1px 1px 5px rgba(0,0,0,0.4);/**/
}
#list_filters a { color:#000;}
#list_filters .results { color: #000;}

#list_filters #close { margin:-1.5em  0px 0px 0px; float:right; width:12px; height:12px; overflow:hidden; text-align:right;  background-image:url(../Bilder/emotion/x.png); background-repeat:no-repeat;}
#list_filters #close a {display:block; text-indent:-500px; white-space:nowrap; padding-right:20px; }



#filters  .navigation{  padding:10px 0px 0px 0px;}

#filters .navigation .jump_to{  float: left; margin:0px 0px 0px 0px ;}
#filters .navigation .jump_to input { border:1px solid #828284; font-size:1em; }
#filters .navigation .jump_to input[type="submit"] { text-transform:uppercase; font-size:0.95em; padding-top:0.1em; background-color:#CCC;}
#filters .navigation .jump_to form{  display: inline;}

#filters .navigation .forwards_backwards a,
#filters .navigation .forwards_backwards span{  margin: 0 0 0 3em;}

#filters .disabled {  color: #BEBEBE;}

#filters .navigation .forwards_backwards{  text-align: right;}

/*######################################################
UserManagementPortlet
######################################################*/

#ete_portlet_UserManagement{
  padding: 0.5em;
  margin-bottom: 0.5em;
}

#ete_portlet_UserManagement hr{
  background-color: #EFEFEF; /* Farbe f�r Opera und Firefox */
  color: #EFEFEF; /* Farbe f�r Internet Explorer (IE) */
  height: 1px; 
  border: 0;
  margin: 0;
  margin-top: 1em;
  padding: 0;
}

#ete_portlet_UserManagement ul{
  list-style-type: none;
  padding: 0;
  margin: 1.5em 0 0.5em 0;
}

#ete_portlet_UserManagement li{
  display: inline;
}

#ete_portlet_UserManagement .head #caption{
  float: left;
}

#ete_portlet_UserManagement .head #caption ul{
  padding: 0;
  margin: 0;
}

#ete_portlet_UserManagement .head #close{
  text-align: right;
}

#ete_portlet_UserManagement h2{
  margin-top: 1em;
  font-size: 1em;
}

#ete_portlet_UserManagement .errormsg{
  font-size:bold;
  color:red;
}


/*######################################################
The box that holds the table with past searches to add
them to the favorite stack
######################################################*/

#search_protocol{
  padding: 1em 0 0 0;
}

#search_protocol .head{
  padding: 0 0 1em 0.5em;
}

#search_protocol .tables{
  padding: 0.5em;
}

#search_protocol .tables td{
  padding: 0 1em;
}

#search_protocol .tables td.protocol_pathway{
  width: 100%;
}

/*######################################################
Styles for the stars to add favorite searches and images,
used in the search protocol and detail view.
######################################################*/

.add_favorite_active a,
.add_favorite_inactive a{
  display: block;

  background-repeat: no-repeat;
  background-position: center;
}

.add_favorite_active img,
.add_favorite_inactive img{
  outline: 0;
  border: 0;
}

/*######################################################
Section containing the design of the gallery tabs, images
and captions for the tabs and results navigation.
######################################################*/
/**/
#gallery_navigation{
  border-top: 0;
  border-left: 0;
  border-right: 0;
  float: left;
  width: 100%; margin-top:20px;
}
#gallery_navigation2{
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  float: left;
  width: 98%; margin-left:0px;
  border-top:1px solid #7b7b7b;
}

#gallery_navigation ul.tabs{
  list-style-type: none;
  padding: 0;
  margin: 0 1em -2px 1em;
  float: left;
  position: relative;
}

#gallery_navigation .tabs li{
  float: left;
  border-bottom: none;
  padding: 0.5em 1em 0.5em 2.7em;
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
}

#gallery_navigation .tabs li.active{
  position: relative;
  border-bottom-width: 2px;
  border-style: solid;
}
ul.tabs li a {
	display:block;
	margin-left: -2.7em;
	padding-left: 2.7em;
}
ul.tabs li.active {
	cursor:default;
}

#gallery_navigation ul li#tab_gallery{
  background-image: url('../bilder/tabs/galerie_active.gif');
}
#gallery_navigation ul li#tab_gallery.active{
  background-image: url('../bilder/tabs/galerie_active.gif');
}
#gallery_navigation ul li#tab_list{
  background-image: url('../bilder/tabs/liste_active.gif');
}
#gallery_navigation ul li#tab_list.active{
  background-image: url('../bilder/tabs/liste_active.gif');
}
#gallery_navigation ul li#tab_map{
  background-image: url('../bilder/tabs/karte_active.gif');
}
#gallery_navigation  ul li#tab_map.active{
  background-image: url('../bilder/tabs/karte_active.gif');
}
#gallery_navigation ul li#tab_details{
  background-image: url('../bilder/tabs/details_active.gif');
}
#gallery_navigation  ul li#tab_details.active{
  background-image: url('../bilder/tabs/details_active.gif');
}
#gallery_navigation ul li#tab_zoom{
  background-image: url('../bilder/tabs/zoom_active.gif');
}
#gallery_navigation  ul li#tab_zoom.active{
  background-image: url('../bilder/tabs/zoom_active.gif');
}
#gallery_navigation ul li#tab_info{
  background-image: url('../bilder/tabs/info_active.gif');
  color:black;
}
#gallery_navigation  ul li#tab_info.active{
  background-image: url('../bilder/tabs/info_active.gif');
  color:black;
}
#gallery_navigation ul li#tab_back{
  background-image: url('../bilder/tabs/zurueck.gif');
  margin-right: 1em;
}
#tab_info.active{
	padding-left:18px!important;
	background-position:left center;
}
/*
#tabs_details #tab_info a{
	padding-left:18px!important;
	background-position:left center;
	color:black!important;
}*/

#tabs_details {display:none;}


#right_navi {float: left; margin-left:0px; padding:0px 0px 0px 0px;}
#right_navi2 {float: right;   padding:5px 0px 0px 0px;}

.gallery_navigation .navi_gallery,
.gallery_navigation .navi_details {
  text-align: left;
  padding: 0.5em 0px 0.2em 0px;
  float: left;
  white-space: nowrap;
}
#navi_gallery,#navi_gallery2 { text-align:left; text-transform:uppercase;}
#navi_gallery span ,#navi_gallery2 span { color:#000; text-align:left; padding: 0px 5px 0px 0px; margin:0px;}
#navi_gallery a ,#navi_gallery2 a { padding:0px; margin:0px;}

.gallery_navigation .navi_gallery a, 
.gallery_navigation .navi_details a {

}

#content { 
  float: left;
  width: 100%;
  padding: 1em 0 4em 0;
  margin: 0 0 0 0;
}

#content img{
  border: 0;
}

#map_view {
	margin-top:1em;
}

#basket_view p.previous {
	float:left;
	font-weight:bold;
}

#basket_view p.next {
	float:right;
	font-weight:bold;
	padding-right:1em;
}


#tools_and_pathway table,
/*
#content #gallery_view .image{
  float: left;
}*/

#content #detailed_view .head{
  display: block;
  padding: 0 0 1em 0;
}

#content #detailed_view .head ul{
  list-style-type: none;
  margin: 0;
  width: 100%;
  padding: 0;
}

#content #detailed_view .head ul h1{
  margin: 0;
  padding: 0 0.5em 0 0;
}

#content #detailed_view .head li{
  display: inline;
  float: left;
  height: 1.4em;
}

#content #detailed_view .head li .add_favorite_inactive,
#content #detailed_view .head li .add_favorite_active{
  padding: 0.1em 0 0 0;
  width: 100%;
}

/*
#content #gallery_view .image{
}*/

#content #detailed_view table{
  margin: 0 0 1em 0
}

#content .docImageList table,
#content #list_view table,
#content #favorites_view table,
#content #cart table{
  margin: 0 1em 1em 0;
}

#tools_and_pathway table td {
  padding: 0.5em;
  vertical-align: top;
}
/*
#content .image{
  width: 160px;
  padding: 0.5em 5px;
}*/

/*
#content .image div{
  width: 160px;
  height: 130px;
  text-align: center;
}*/
/*
#content .image p{
  margin: 0.2em 0;
  height: 3.5em;
}

#content .image p.imgCount,
#content .image li.imgCount  {
  float: right;
  margin: -1.7em 0.5em 0.5em 0px;
  padding: 0px;
  height: 1.2em;
  line-height:1.2em;
}

#content .image li.imgCount {
	margin:0;
	padding:0.20em 0px;
}*/

#content ul{
  list-style-type: upper-roman; /* NEU */
  padding: 0;
  margin: 1em 0;
}

/*
#content li{
  margin: 0 0 0.1em 5em;  
}
*/

#content ul.navigation{
  list-style-type: none;
  padding: 0.5em 0 0 0;
  margin: 0.5em 0 0 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  height:1.7em;
}

#content ul.navigation li{
  display: inline-block;
} 

#content ul.navigation li.moreHits {
  float: right;
  padding-right: 0.5em;
}

#content table ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#content table li{
  margin-bottom: 0.5em;
}

#content .docImageList td.image_description,
#content #list_view  td.image_description,
#content #favorites_view  td.image_description {  width: 30em;}

#basket_view table {	border:1px solid #BEBEBE;	border-collapse:collapse;}
#basket_view table.basketOptions input.error {	border:1px solid red;}
.jquery_form_error_message {	color:black;}
#basket_view div.basketsummary {	width:auto;}
fieldset.floatRight,fieldset.card {	float:left;	margin-top:10px;	margin-right:10px;	min-width:200px;	border:1px solid #bebebe;}
#favorites_view  table td {	padding:0.5em;	padding-left:0px;}
fieldset.card p {	margin:0px;	padding:0px;}
fieldset.card div {	padding-top:10px;	padding-left:32px;}
#basket_view h3 {	margin-top:0.5em;	margin-left:0px;}
fieldset.card input {	margin-top:3.5em;	float:left;	margin-right:15px;}
fieldset.card address {	float:left;}
#basket_view table.basketOptions input {	border:1px solid grey;}
#basket_view table .image {	border-width:0px; }
#basket_view th {	text-align:left;}
#basket_view th, #basket_view td {	padding:0.4em;}
#basket_view table.basketOptions {	border-width:0px;	padding:0px;}
#basket_view table.basketOptions select {	width:100%;}

/*######################################################
Cart - Designs the forms to order images
######################################################*/

#content #cart{  padding-bottom: 3em;}
#content #cart ol{  list-style-type: decimal;  padding: 0;  margin: 0;  float: left;}
#content #cart ol li{  display: inline;}
#content #cart .checkout{  padding: 0 0 1.5em 0;}
#content #cart .checkout{  float: left;  width: 100%;  text-align: right;}
#content #cart .checkout span{  text-align: right;}
#content #step2 form td{  vertical-align: middle;  background-color: #fff;  border: 0;  padding: 0.2em 1em 0 0;}
#content #step2 form td input{  width: 15em;} 
#content #step2 fieldset{  border: 0;  padding: 0;  margin: 0;}
#content #step2 form td.multiple_input{  vertical-align: top;  }
#content #step1 table,#content #step3 table{  border-collapse:collapse;}
#content #step1 th,#content #step3 th{  text-align: left;  padding: 0 0.5em 0 0.5em;}
#content #step1 th span{  float: left;}
#content #step1 th a,#content #step1 th a:visited{  float: right;}

/*######################################################
Login
######################################################*/

#login{  padding: 0 0 3em 0;}
#login fieldset{ border: 0;  padding: 0;  margin: 0;}
#login table td{  border: 0;  vertical-align: middle;  padding: 0.2em 0.5em;  text-align: left;}
#login table th.head{  color: white;  background-color:transparent;  padding: 0.2em 0.5em;  text-align: left;}
#login #user_login table input,
#login #register input#mailadress,
#login #reset_mail input#change_mail,
#login #reset_pw input#request_pw{  width: 20em;}
#login ul input#login_now{  margin: 0 1em 0.5em 0;}
#login ul{  vertical-align: middle;}
#login .padding{  padding-top: 1em;}

/*######################################################
Footer - Seperate from content, always stretches over 
100% of the page.
######################################################*/

#footer{  width: 100%; background-color:#7b7b7b; text-transform:uppercase; color:#FFF; text-align: center;  min-height: 3em;    line-height: 3em; margin-top:30px;}
#footer a { color:#FFF;}
#clear_footer{  height: 1px;  width: 100%;  float: left;  clear: both;}

/***************************************/

/*######################################################
NOTE: user.css always has precedence over the main css
file. If certain classes are missing below they can be
added at any time to override the main css.
######################################################*/

/*######################################################
Main Theme Color
These settings will change the main color theme of
search panels, tables and the border colors.
######################################################*/

.main_bg_color{  background-color: transparent;}
.secondary_bg_color{  background-color:transparent;}
#filters{  background-color: rgb(255,255,240); /*light version of secondary_bg_color*/}
#ete_portlet_UserManagement{  background-color: rgb(255,255,240); /*light version of secondary_bg_color*/}
.main_bg_color_border,
#tools_and_pathway .toolbar a:hover,
#pathway .a_open_list:hover,
.gallery_navigation .navi_gallery a:hover,
.gallery_navigation .navi_details a:hover {  border: 1px solid rgb(105,118,150);}

/*######################################################
Secondary Border colors
Secondary border colors for forms, tables, navigation 
and tabs.
######################################################*/

.secondary_border_color_1,
#tools_and_pathway table td{ border:1px solid #fff;}
#content #login table td{  border: 0;  background-color: #fff;}


/*######################################################
Fonts
Major settings for fonts, headings and text colors
######################################################*/

body, td{  font-family: Verdana, Geneva, sans-serif;  margin:0px; padding:0px;}
h1{  font-size: 1.333em;}
h2{  font-size: 1.167em;  margin-top: 0;}
h3{  margin: 0 0 0 -0.5em;  padding: 0em;  font-size: 1em;}
a, 
a:visited{   color: #004585;  text-decoration: none;}
a:hover{  text-decoration: underline;}
#top {  margin:15px 15px 0px 15px;}

/*Oberer Header (Streifen RBA K�ln)*/ 
#custom_header_1 {
  background-image:url(../bilder/emotion/kek_emotion.jpg); 
  height: 130px;			 
  margin:50px 15px 0px 15px ;
  padding:0;  border:0;
  background-position: right 0px; 
  background-repeat:no-repeat; background-color:#C9C9C9;
	-moz-box-shadow: 	1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 		1px 1px 5px rgba(0,0,0,0.5); border:1px solid #cbcbcb;
}
#custom_header_1 div { position:relative; height:46px; background-image:url(../Bilder/emotion/kek_logo.png); 
	background-repeat:no-repeat; width:400px;
  left:15px; top:93px;}
/*Oberer Header (Logo Stadt K�ln)*/

#custom_header_2{
  background-image: url('../bilder/Logo-Koeln.gif');	 
  background-repeat:no-repeat; 
  position:absolute;  width:124px; height:21px; right:15px; top:5px;   
  }
  
  
  
#custom_header_3{
	background-image:url(../Bilder/emotion/suchfeld_default.png); 
	background-repeat:no-repeat; background-color:transparent;
  	width:12.5em; height:54px; left:0px; top:0px; background-position:left 0px;
	background-size:contain; float:left; position:relative; overflow:hidden; 
  } 
  #custom_header_3  a { height:54px;  background-image:url(../Bilder/_t.gif); display:block;  }
  #search  #custom_header_3 { display:none; }

#custom_header_4{	
	background-image:url(../Bilder/emotion/suchfeld_default_bg.png); 
	background-repeat:no-repeat;  background-color:transparent;
  	width:12.5em; height:54px; top:0px; background-position:left 0px;
	background-size: 12.5em; overflow:hidden;
  } 

  #custom_header_4 span {color:#fff; text-transform:uppercase; float:left; margin: 0.95em 0px 0px 1.0em; background-image:none;   }
  




/* Top Menu mit Hyperlinks (oben rechts) */
#custom_header_navi{ white-space:nowrap;
    text-align: right;
    margin-right: 1em;
	float:right; font-size:0.8em;line-height:1em;
	margin: 1.2em 160px 0em 10px ;    
}
#custom_header_navi a { color: #999; text-transform:uppercase; font-size:1.1em;}
#custom_header_navi span { color:#000; text-transform:uppercase; font-size:1.1em;}


#custom_header_lang{
    text-align: right;
    margin-right: 1em; line-height:1em;
	float:left;
	margin: 1em 0px 0em 15px;    
}
#custom_header_lang a { color: #999; text-transform:uppercase; font-size:1.1em;}
#custom_header_lang span { color:#000; text-transform:uppercase; font-size:1.1em;}




/* Header (Banner des selektierten Museums) */
.custom_header_bottom { display:none;
    border:0;
	/*neu*/
	  height:44px; margin:10px 15px 10px 15px ;
	  width:20%; float:left;   
}

#search .mus_default { /*neu: für Rheinisches Bildarchiv*/   
   float:left;  
}
#search .mus_makk {  }

#search input{ border:1px solid #828284; background-color:#828284; color:#FFF; text-transform:uppercase;}
#search select { border:1px solid #CCC;text-transform:inherit; color:#000;}
#search #search_input { background-color:#FFF; border:1px solid #CCC; text-transform:inherit;color:#000;
-moz-box-shadow: inset 0px 0px  5px #ccc;
-webkit-box-shadow: inset 0px 0px  5px #ccc;
box-shadow: inner  0px 0px  5px #ccc;
}




.custom_header_bottom.mus_wrm { /*neu: für Wallraf*/
 background-image:url(../bilder/mus_wrm.jpg);  
}
.custom_header_bottom.mus_bk2021 { /*neu: für Buckunst des 20. / 21. Jhs.*/
 background-image:url(../bilder/buchkunst-emotion.jpg);  
}
.custom_header_bottom.mus_mok { /*neu: für museum für Ostasiatische Kunst*/
  background-image:url(../bilder/mus_mok.jpg); 
}
.custom_header_bottom.mus_mlu { /*neu: für Museum ludwig*/
   background-image:url(../bilder/mus_mlu.jpg); 
}
.custom_header_bottom.mus_rgm { /*neu: für römisch-germanisches Museum*/
  background-image:url(../bilder/mus_rgm.jpg); 
}
.custom_header_bottom.mus_nsd { /*neu: für ns-dok*/
  background-image:url(../bilder/mus_nsd.jpg); 
}
.custom_header_bottom.mus_msc { /*neu: für Museum Schnütgen*/
    background-image:url(../bilder/mus_msc.jpg); 
}
.custom_header_bottom.mus_ksm { /*neu: für kölnisches Stadtmuseum*/
    background-image:url(../bilder/mus_ksm.jpg); 
}
.custom_header_bottom.mus_rjm { /*neu: für rautenstrauch-joest-museum*/
    background-image:url(../bilder/mus_rjm.jpg); 
}
.custom_header_bottom.mus_azo { /*neu: für archäologische zone*/
     background-image:url(../bilder/mus_azo.jpg); 
}
.custom_header_bottom.mus_art { /*neu: für artothek*/
    background-image:url(../bilder/mus_art.jpg); 
}
.custom_header_bottom.mus_gedenken { /*neu: für Projekt des Gedenkens*/
   background-color:#aab4bf;  background-image:url(../bilder/mus_gedenken.jpg);   
}

#RubrikenUndFilter {border:1px solid #bbb; background-repeat:no-repeat;
-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); margin-top:12px; margin-left:-1px;
}

#RubrikenContainer { margin: 10px  0px  0px  0px !important;   }
#FilterContainer {border-top:1px dotted #999999 !important; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 1em !important;}


#RubrikenUndFilter .rubrikenundfilterHeader { background-image:url(../Bilder/emotion/kopf_suchfeld_default.png);
	background-position:right top; color:#FFF;
 height:2.4em; text-transform:uppercase;
 margin-top:-2.4em; margin-left:-1px; width:16.0em; padding:10px 2px 0px 10px;}



#center .left { width:17em; margin-top:-1.7em; margin-left:0.4em; background-color:#FFF;   }
#center .left .filter_header { clear:both; /*height:2.0em; margin-top:-2.4em; margin-left:-1px; width:16.0em; padding:0px 2px 0px 10px ; 
	background-image:url(../Bilder/emotion/kopf_suchfeld_default.png);*/
	margin:10px 0px 0px 10px !important ;
  background-position:top right; background-repeat:no-repeat; 
  color:#000; font-size:1.2em; text-transform:uppercase; line-height:1em;  
    
  }
#center .left .secondary_border_color_1{ border:1px solid  #fff;}
  
#center .left ul { margin:15px 5px 3em 1em ; padding:0px; list-style:none; clear:both;}
#center .left ul li{ margin:0px; padding:0px 0px 0px 0px ; clear:both; display:block; list-style:none; text-align:right;}

#center .left ul li a{   display:block; padding:2px 2px 2px 0px; display:inline; text-align:left;
background-image:url(../Bilder/emotion/check_inaktiv.gif); background-repeat:no-repeat; background-position:left 1px; padding-left:18px; 
}

#center .left ul li span.more  a { background-image:none; }

#center .left ul li  .results { float:left; width:4.4em; text-align:right;  }

#center .left a{ color:#666; float:left; width:12em; }

#center .left li.head { text-transform:uppercase; padding-bottom:5px;  }
#center .left li.head a { color:#000; background-image:none; padding-left:0px; }

#center .filter_navigation .active a {  background-image:url(../Bilder/emotion/check_aktiv.gif); }


  
  
  

#center .left .secondary_border_color_1 { margin-top:54px;
}
#center .left .overflowHidden .filter_header { display:none !important;}

#center .right { padding:0em 0px 0px 21.0em; margin:0px; margin-top:0px;}














.results,
.results_show{  color: #BEBEBE;  margin: 0 0 0 0.1em;}

.filter_navigation .head{  font-weight: normal;}
.filter_navigation .more{  font-style: italic;}




/*CSS Klasse f�r bold*/
.bold {    font-weight: bold;}

/*CSS Klasse f�r italic*/
.italic {    font-style:italic;}

/*CSS Klasse f�r float left */
.floatLeft {    float:left;}

/*CSS Klasse f�r float right */
.floatRight {    float:right;}

/* Tabs zur "Ansichtsauswahl" */
#gallery_navigation .tabs li a {  background-color:transparent;  text-decoration: none;}

#gallery_navigation .tabs li.active{    color: #fff;}
#gallery_navigation .tabs li.active a{}

.gallery_navigation .navi_gallery a,
.gallery_navigation .navi_details a {  color: black;  border: 1px solid white;  text-decoration: none;}
.gallery_navigation .navi_gallery a.active_page,
.gallery_navigation .navi_gallery span.active_page,
.gallery_navigation .navi_details span.active_page,
.gallery_navigation .navi_details a.active_page {  color: white;}
.gallery_navigation .navi_gallery a.active_page:hover,
.gallery_navigation .navi_details a.active_page:hover{  border-color: white;}
#gallery_navigation h2 {float:left; background-image: url(../Bilder/emotion/lasche_grau.png); font-size:1em; padding:8px  30px 20px 15px ; 
		color:#FFF; font-weight:normal; text-transform:uppercase; background-repeat:no-repeat; background-position:right 0px;}

#gallery_navigation .overline { clear:both; margin:0px 1em 0px 0px !important;    padding-top:5px !important;border-bottom:1px solid #7b7b7b; height:1px !important; overflow:hidden;}


/*######################################################
TODO Pr�fen Corrections - overwrites unintended style changes
######################################################*/


#tools_and_pathway table td{  border: 1px solid #BEBEBE;}
#search table td {    background-color: transparent;}
#search td.searchModes a {
	font-size:10px;
	color:black;
	display:block;
	margin-top: -3px;
	text-transform:uppercase;
}
#content #step1 th,
#content #step3 th{  color: #fff;  background-color:transparent;}
#content #step1 th a,
#content #step1 th a:visited{  color: #fff;  background-color:transparent;}
#content #step1 th a:hover{  text-decoration: none;}
#content #step1 a{  font-weight: normal;}
#content .image{  line-height:1em;}
/*
#content .docImageList .image p.description,

#content .image p.description {  height:3.1em;  margin:0px;  padding:0px;  overflow:hidden;  padding-top:1em;}
*/
#content .docImageList {    clear:both;    overflow:auto;
    height: 253px;    max-height: 500px;
    border-top:1px dotted #BEBEBE;    border-bottom:1px dotted #BEBEBE;
    padding-top:1em;	margin-bottom:1em;
}
#content .docImageList .image,
#content #list_view .image,
#content #favorites_view .image {    width:400px;    float:left;
    margin-right:1em;    margin-top:1em;    line-height:1.2em;
    padding:0px;    padding-bottom:0.5em;}
	
#content .docImageList .image {    padding-bottom:0px;    float:left;
    margin-top:0px;    margin-bottom:1em;    margin-right:1em;}

/*#content .docImageList .image p.description {    margin-top:-1em;    height:4.1em;}*/
#content .docImageList .image div,
#content #favorites_view .image div,
#content #list_view .image div {    float:left;    width:160px;    height:160px;}
#content .docImageList .image div img,
#content #list_view .image div img,
#content #favorites_view .image div img {
    margin-top:0.5em;
    margin-left:0.5em;
    max-width: 150px;
    max-height: 150px;
}

#content .docImageList .image ul,
#content #list_view .image ul,
#content #favorites_view .image div img {
    clear:both;
    padding-left:0.5em;
}

/*
#content .docImageList .image p.description,
#content #list_view .image p.description {
    padding:0px;
    padding-top:0.5em;
    padding-right:0.5em;
    margin:0px;
    width:233px;
    height:160px;
    float:left;
    overflow:auto;
}*/

#content .docImageList .image ul.navigation li,
#content .docImageList .image ul.navigation li a img,
#content .image ul.navigation li,
#content .image ul.navigation li a img {
    margin-right:0px;
    margin-left:0px;
}


#content #cart table td{
  background-color: #fff;
}

#search {  
	 margin:0px 0px 10px 0px ;height:54px; 
	border:1px solid  #CCC; 
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
} 
	
#search .left {  display:none; }


#search .rightArrows { float:right;top:0px; right:0px; width:190px; height:54px; background-color:#828284; 
background-image:url(../Bilder/emotion/fotoservice_default.png); background-repeat: no-repeat; background-position:left 0px; }

#search .rightArrows span { float:left; margin:14px 0px 0px 20px ; color:#7b7b7b; text-transform:uppercase; line-height:normal; font-size:0.9em;  }


#search .search_left { float:left; width:25em; height:4.6em;}
#search .search_left.mus_default { width:19em;}

#search .right {   margin: 0em 0em 0em 0em; padding:0px 0em 0px 0em; float:left; background-color:transparent; }
#search .right {  width:65% !important;  }


@media only screen and (max-width: 1600px) { 
	#search .right {  width:70% !important;  }}
@media only screen and (max-width: 1200px) {
	#search .right {  width:63% !important;  }}	
@media only screen and (max-width: 1000px) {
	#search .right {  width:50% !important;  }}
@media only screen and (max-width: 780px) { 
	#search .right {  width:35% !important;  }}
/**/  
  
  
#search #ete_portlet_search_mask { }

#content {  padding-top:0px;  margin-top:0px;}

#content h1 {  margin-top:0px;}

img.thumb {    max-width: 150px; max-height: 150px;}

/*
#content #list_view .image p.kuethumb,
#content #gallery_view .image p.kuethumb {
	display:inline;
	width:125px;
    height:125px;
	display:block;
	padding-top:0.5em;
	margin:0px auto;
	border: 0px dotted #BEBEBE;
}
#content #gallery_view .image p.kuethumb {	padding-top:0.25em;}
*/
img.medium {    max-width: 400px;    max-height: 400px;}
img.zoom {    max-width: 800px;    max-height: 800px;}
div#ete_portlet_DocDisplaySingle {    padding-top: 1em;}

/**CSS Klasse für kein Rahmen */
/*CSS Klasse f�r kein Au�enabstand*/
.noBorder,.noBorderBottom {    border-bottom-width:0px!important;}

.noBorder,.noBorderRight {    border-right-width:0px!important;}
.noBorder,.noBorderTop {    border-top-width:0px!important;}
.noBorder,.noBorderLeft {    border-left-width:0px!important;}

/*CSS Klasse f�r kein Au�enabstand*/
.noMargin,.noMarginBottom {    margin-bottom:0px!important;}
.noMargin,.noMarginRight {    margin-right:0px!important;}
.noMargin,.noMarginTop {    margin-top:0px!important;}
.noMargin,.noMarginLeft {    margin-left:0px!important;}

/* CSS Klassen f�r Listen (keine Aufz�hlungszeichen) */
#content ul.noList,#content ol.noList,ul.noList,ol.noList  {    list-style-type:none;}

/* CSS Klassen f�r kein Innenabstand */
#content .noPadding,#content .noPaddingBottom, .noPadding,.noPaddingBottom {    padding-bottom:0px!important;}
#content .noPadding,#content .noPaddingRight,.noPadding,.noPaddingRight{    padding-right:0px!important;}
#content .noPadding,#content .noPaddingTop,.noPadding,.noPaddingTop {    padding-top:0px!important;}
#content .noPadding,#content .noPaddingLeft, .noPadding,.noPaddingLeft {    padding-left:0px!important;}

/*TODO Pr�fen*/
#center {    margin-bottom:3.5em; margin-top:0em; padding-top:0px; }
#box {    min-height:99.99%;}
.listItemThumbnail img {    max-width:350px;    max-height:350px;}

/*Einzelanzeige Flash*/
div#ete_portlet_DocDisplaySingle object,
div#ete_portlet_DocDisplaySingle embed {
    min-height: 600px;
    max-height: 1200px;
    min-width: 600px;
    max-width: 1200px;
}

#content .detailsContent {  clear:both;}

/*Einzelanzeige Details*/


#content .detailsContent ul.marginLeft5 {    margin-left:5em!important;}
#content .detailsContent h1 {    font-size:1.6em;    }
#content .detailsContent h2 {    font-size:1.3em;    }
#content .detailsContent h3 {    font-size:1.2em;    margin-left:0px;    }
#content .detailsContent h4,
#content .detailsContent h5{    font-size:1em;    }
#content .detailsContent p.docNum,
#content .detailsContent h2,
#content .detailsContent h3,
#content .detailsContent h4,
#content .detailsContent h5 {     padding-top:0.5em;    margin-top:1em;}
#content .detailsContent p {  }
#content .detailsContent table {    border-collapse:collapse;}
#content .detailsContent table td {    padding:0px;    padding-right: 1em;}

#content .detailsContent h1,
#content .detailsContent h2,
#content .detailsContent h3,
#content .detailsContent h4,
#content .detailsContent h5,
#content .detailsContent h6,
#content .detailsContent p,
#content .detailsContent table,
#content .detailsContent ul {	margin:0.5em 0px;}

#content .detailsContent p,
#content .detailsContent table,
#content .detailsContent ul {	list-style-type:none; }
#content .detailsContent tr {	padding-bottom:0.5em:}

/*
 * Weitere Filter Portlet
 */
#allFilters {    padding: 0.5em;    border:1px solid #bebebe;       margin-bottom:3em;    background-color: rgb(255,255,240); }
#allFilters h1 {    font-size:1em;    margin-top:0px;    float: left;}
#allFilters div#close {    text-align: right;    margin-bottom:1em;}
/*
 * Seitendokumente
 */
 #content .augmentedDetail {  border:1px solid #bebebe;   background-color: rgb(255,255,240);
   padding: 0.5em;   margin: 0.5em;   margin-left:0px;
   font-size:10px;   line-height:10px; font-weight:normal;
 } 
 
 #content .augmentedDetail .closeAugment {	float:right; }
 
 #content .augmentedDetail h1,
 #content .augmentedDetail h2,
 #content .augmentedDetail h3,
 #content .augmentedDetail h4,
 #content .augmentedDetail h5,
 #content .augmentedDetail h6 {   border-width: 0px;   font-size:1em; }
 

/** 
 * Dokumentanzeige (1 - 2 spaltig)
 * Bild & Text
 */
.docThumbWrap, #content .docThumbWrap {
 /*
  * Spalte in Detailanzeige, die das Bild enth�lt
  * Wenn das Dokument, kein Bild hat, entf�llt die Spalte
  * und damit auch das docThumb
  */
  height:125px;  max-height: 125px;
  width:125px;  max-width: 125px;
  z-index:2;  padding-right: 1em;
}

.leftPadding {    padding-left: 150px;}

/*
 * Preview Thumbnail des Dokuments der Detailanzeige
 * Kannn aber auch ausserhalb der Detailanzeige verwendet werden
 * (div class=docThumb um das ete:image)
 */
.docThumb, #content .docThumb {  border: 1px solid #BEBEBE;}

/*
 * Dokument Details (Inhalt)
 */
.docTextTrimmed, #content .docTextTrimmed {
  /* 
   * Text in 2ter Spalte neben dem Bild
   * Klasse wird vonm ETE Template vergeben wenn eine "Bildspalte"
   * ausgegeben wird   
   */ 
  position:relative;
  top:-125px;
  padding-left:145px;
  z-index:1;
} 
 
.docText, #content .docText {
  /*
   * Text alleinstehend. Dokument hat kein Bild
   */
  width:100%;
  clear:both;
  float:none;
}

.docTextTrimmed, #content .docTextTrimmed {
  width:auto;
}

.faq h3 {    margin: 0 0 0 0;}  
.imprint h3 {    margin: 0 0 0 0;}  
.adg h1{    margin-top: 2em !important;}
.adg ul {    list-style-type: square !important;    padding-left: 2em !important;}
.overflowHidden {	overflow:hidden;	overflow-x:hidden;	overflow-y:hidden;}



/*-----------------------*/
#tools_and_pathway .left { display:none;}
#tools_and_pathway   { margin:0px;}
#tools_and_pathway .right {}

#tabs_gallery ul.tabs { margin:0px; padding:0px;}
#tabs_gallery ul.tabs li { margin:0px 5px 0px 0px ; padding:4px 15px 4px 13px; border:none; float:left; text-transform:uppercase;}
#tabs_gallery ul.tabs li a{ display:block; color:#666;}
#tabs_gallery ul.tabs li.active { font-weight:normal; color:#000; background-color:transparent; border:none; }

#tabs_gallery ul.tabs li#tab_gallery {background-image:url(../Bilder/tabs/galerie.gif) !important; background-position:left 0.7em;}
#tabs_gallery ul.tabs li#tab_list {background-image:url(../Bilder/tabs/liste.gif) !important; background-position:left 0.7em;}
#tabs_gallery ul.tabs li#tab_map {background-image:url(../Bilder/tabs/karte.gif) !important; background-position:left 0.7em;}

#gallery_navigation.secondary_border_color_1 { border:none; margin-bottom:10px;}


/*
#gallery_view .image  {height:220px; border:1px solid #CCC; 
						-moz-box-shadow: 	1px 1px 3px rgba(0,0,0,0.5);
						-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
						box-shadow: 		1px 1px 3px rgba(0,0,0,0.5);
						margin:0px 20px 20px 0px !important ; padding:0px 5px 5px 5px !important ; text-align:left;
} 


#gallery_view .thumb    { margin:0px !important; padding:0px !important;} 
 
#gallery_view .image    { width:136px; background-color:#E8E8E8;  } 
#gallery_view .image  div { width:134px; height:130px; border:none; background-image:url(../Bilder/emotion/galerie_hg.gif) !important;background-position:6px 0px; margin-top:6px; background-repeat:no-repeat; } 
#gallery_view .image.multiplephotos div  { padding-top:1px;background-image:url(../Bilder/emotion/galerie_hg.gif) !important; background-position:6px 0px;  } 
#gallery_view .image.singlephoto div {padding-top:1px;background-image:url(../Bilder/emotion/galerie_hgSingle.gif) !important; background-position:6px 0px !important; } 
#gallery_view .image.nophoto div {padding-top:1px;background-image:url(../Bilder/emotion/galerie_hgSingle.gif) !important; background-position:6px 0px !important; } 


#gallery_view { text-align:left !important;}
#gallery_view a { color:#666; margin:0px !important;  padding:0px !important; }
#gallery_view p.description { margin-top:0px !important; height:71px !important; overflow:hidden;  }
#gallery_view img {   }
*/
#pathway { }

#list_view table {}


#list_view table td {}
/*
#tabs_details { text-transform:uppercase; width:auto;   height:1.5em; margin:10px 0px 0px 15px; padding:2px 0px 0px 0px !important; float:left; white-space: nowrap; border-left:1px solid #666;}
#tabs_details li,#tabs_details li a { background-color:transparent !important; border:none !important;  margin-top:0px ; padding-top:0px !important;}
#tabs_details ul { width:100%;}

#tabs_gallery { width:auto;   height:1em; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px !important; float:left; white-space: nowrap;}
#tabs_gallery ul, #tabs_gallery li,#tabs_gallery li a { background-color:transparent !important; border:none !important; margin-top:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important;  }
#tabs_gallery ul { width:100%;}


#tab_back a, #tab_zoom a, #tab_details a, #tab_zoom a , #tabs_details #tab_map a{ color:#333;}

#tabs_details #tab_back { float:left; background-image: url(../Bilder/tabs/zurueck.gif) !important; margin:0px 13px 0px -1.9em !important; padding:0px 0px 0px 18px; color:#000; text-transform:uppercase; font-size:0.8em;}


#tabs_details #tab_details { float:left;  background-image:url(../Bilder/tabs/liste.gif) !important; background-position:left 0.3em; 				padding:0px 0px 10px 15px; margin:0px 0px 0px 20px ; color:#000; }
#tabs_details #tab_zoom { float:left;  background-image:url(../Bilder/tabs/zoom_inactive.gif) !important; background-position:left 2px;   	padding:0px 0px 10px 20px; margin:0px 0px 0px 20px ; color:#000;}
#tabs_details #tab_map { float:left;  background-image:url(../Bilder/tabs/karte.gif) !important; background-position:left 0.3em; 					padding:0px 0px 10px 15px;    margin:0px 0px 0px 20px ; color:#000;}

#tabs_details #tab_details.active  { font-weight:normal; }
#tabs_details #tab_zoom.active {background-image:url(../Bilder/tabs/zoom_active.gif) !important;}
#tabs_details #tab_map.active {}

#tabs_gallery #tab_gallery { float:left;  background-image:url(../Bilder/tabs/liste.gif) !important; background-position:left 0.3em !important; 				padding:0px 0px 0px 15px; margin:0px 0px 0px 0px ; color:#000; }
#tabs_gallery #tab_list { float:left;  background-image:url(../Bilder/tabs/zoom_inactive.gif) !important; background-position:left 0.3em !important;   			padding:0px 0px 0px 15px; margin:0px 0px 0px 20px ; color:#000;}
#tabs_gallery #tab_map { float:left;  background-image:url(../Bilder/tabs/karte.gif) !important; background-position:left 0.3em !important; 					padding:0px 0px 0px 15px; margin:0px 0px 0px 20px ; color:#000;}


#ete_portlet_DocDisplaySingle { float:left; margin:0px; padding:0px; line-height:130%;  }
#ete_portlet_DocDisplaySingle p { line-height:130%; margin:5px 0px 5px 0px !important ; padding:0px !important;  }
#ete_portlet_DocDisplaySingle strong { color: #666;}
#ete_portlet_DocDisplaySingle h4 { font-weight:normal; text-transform:uppercase;}

#ete_portlet_DocDisplaySingle a:hover { color: #900;border-bottom:1px dotted #900;}
*/



#ete_portlet_main { float:left;   margin:0px; padding:0px;}
#ete_portlet_DocDisplaySingle  {  float:left;  width:99%; margin:0px; padding:0px;}
/*
#ete_portlet_DocDisplaySingle.details  {  float:left;  width:70%; margin:0px; padding:0px; margin-right:3%;}
*/
/*--------------------------------*/
 					
						
#adgTabs .tab ul { margin:10px; padding:0px; display:block; list-style:none;  }
#adgTabs .tab ul li { margin:0px ; padding:0px 0px 3px 0px ; display:block ; list-style:none;  color:#000;}
#adgTabs .tab ul li a { color:#000; font-size:0.9em; color: #555; word-wrap: break-word;}
#adgTabs .tab .detailBoxLabel { text-transform:uppercase; color:#000; }
#adgTabs .tab .detailBoxHeader { width:101%;  text-transform:uppercase;background-image:url(../Bilder/emotion/kopf_weitere_rechts.png); background-position:right top;
height:3em; margin-top:-2.4em; margin-left:-1px !important; color:#FFF; text-transform:uppercase;
/*  margin:10px; 
 margin-left:-1px; */}
 #adgTabs .tab .detailBoxHeader2L {
	height:3.5em;
 }
 #adgTabs .tab .detailBoxHeader span { margin:10px 0px 0px 10px; float:left;}

 #adgTabs .tab .detailBox .partnerlogo { width:150px !important; margin:10px;}
/*--------------------------------*/

/*#ete_portlet_favoriteStatus  { float:left; border:1px solid #fff; margin:7px 0px 0px 10px !important; width:25px; height:25px; overflow:hidden;}*/
#ete_portlet_favoriteStatus  a { margin:0px; color:#FFF; display:block; width:25px; height:25px;}

#ete_portlet_DocDisplaySingle h1 { color:#000; font-weight:normal; font-size:1.4em !important; margin-bottom:0px !important; line-height:1.0em;}


/*--------------------------------*/
/*
#ete_portlet_DocDisplaySingle ul.docImages { list-style:none;  margin-top:20px;  display:block; width:100%;
  padding-top:10px;   }

#ete_portlet_DocDisplaySingle ul.docImages li { float:left; height:220px; border:1px solid #CCC; 
						-moz-box-shadow: 	1px 1px 3px rgba(0,0,0,0.5);
						-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
						box-shadow: 		1px 1px 3px rgba(0,0,0,0.5);
						margin:0px 20px 20px 0px !important ; padding:0px 5px 5px 5px !important ; text-align:left;width:136px; background-color:#E8E8E8; 
						background-image:url(../Bilder/emotion/galerie_hgSingle.gif) !important; background-position:11px 6px !important; background-repeat:no-repeat;}
#ete_portlet_DocDisplaySingle ul.docImages li.active { background-color:#f8f8f8; 
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: 		none;
}

#ete_portlet_DocDisplaySingle ul.docImages li .image {   width:126px; height:125px !important; border:none; display:block;}						
#ete_portlet_DocDisplaySingle ul.docImages li img.thumb{ height:auto; width:auto; margin:1px 0px 0px 2px ; }
#ete_portlet_DocDisplaySingle ul.docImages .description  { font-size:0.8em; line-height:normal !important; height:53px; overflow:hidden; margin-bottom:10px; margin-left:7px;}
#ete_portlet_DocDisplaySingle ul.docImages .menu  { width:100%;    margin-bottom:10px; margin-left:7px;}
#ete_portlet_DocDisplaySingle ul.docImages .menu a  { width:20px !important; height:20px !important; float:left; display:inherit; border:none !important;}
#ete_portlet_DocDisplaySingle ul.docImages  a  {  border:none !important;}
#ete_portlet_DocDisplaySingle ul.docImages .description2 { display:none;}

#ete_portlet_DocDisplaySingle .overline { width:100%; height:1px;  clear:both; margin:0px 0px 0px 0px !important; padding:0px; overflow:hidden;}


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


#ete_portlet_DocDisplayMultiple #list_view table.resultList { margin:0px; padding:0px;  border-collapse:collapse;   border-spacing:0;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList td p { margin:0px; padding:0px 0px 0px 0px ;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList td a p { color:#656565; text-decoration:none; background-image:url(../Bilder/tabs/weiter.gif); background-repeat:no-repeat; padding-left:10px; background-position:left 4px;  }
#ete_portlet_DocDisplayMultiple #list_view table.resultList td { margin:0px; padding:5px 5px 0px 5px ; border-bottom:1px solid #EFEFEF;border-right:1px solid  #EFEFEF; text-align:left; vertical-align:top; background-repeat:no-repeat !important;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList th { margin:0px; padding:5px 5px 7px 5px ; border-bottom:1px solid #7b7b7b; text-align:left; vertical-align:bottom; 
	font-size:0.9em; text-transform:uppercase; font-weight:normal;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList th a { color:#656565;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList th a { color:#656565;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList th.activeSortColAsc a { background-image: url(../Bilder/tabs/runter.gif); background-position:left 3px; background-repeat:no-repeat; padding-left:15px;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList th.asctiveSortColDesc a { background-image: url(../Bilder/tabs/rauf.gif); background-position:left 3px; background-repeat:no-repeat; padding-left:15px;}

	
#ete_portlet_DocDisplayMultiple #list_view table.resultList td.image {background-position:left 5px;background-repeat:no-repeat;}

#ete_portlet_DocDisplayMultiple #list_view table.resultList  td.image { height: 137px !important;  width: 135px !important; padding:5px 5px 0px 0px ;  }
#ete_portlet_DocDisplayMultiple #list_view table.resultList  td.image .thumb { margin:1px 0px 0px 1px !important; border:none;}
#ete_portlet_DocDisplayMultiple #list_view table.resultList .image.multiplephotos   {background-image:url(../Bilder/emotion/galerie_hg.gif);  background-repeat:no-repeat !important; } 
#ete_portlet_DocDisplayMultiple #list_view table.resultList .image.singlephoto  {background-image:url(../Bilder/emotion/galerie_hgSingle.gif);   background-repeat:no-repeat !important;} 

#ete_portlet_DocDisplayMultiple #list_view tr:nth-child(even) {background-color: #f5efd6; background-color: #faf7ea; background-color: #f7f3e0; }
#ete_portlet_DocDisplayMultiple #list_view tr:nth-child(odd) { background-color:transparent;}
#ete_portlet_DocDisplayMultiple #list_view  table.resultList  td.image { border-right:none !important;  }
#ete_portlet_DocDisplayMultiple #list_view  table.resultList  td.activeSortColAsc { background-color:#f5efd6;}
#ete_portlet_DocDisplayMultiple #list_view  table.resultList  td.asctiveSortColDesc { background-color:#f5efd6;}

/*--------------------------------*/
#ete_portlet_DocDisplaySingle h2 {  clear:both;   margin-top:50px !important; border:none !important; font-weight:normal;font-size:1.3em !important;border-top:1px solid #333 !important;}
#ete_portlet_DocDisplaySingle h3 {  clear:both;   margin-top:20px !important; border:none !important;font-weight:normal; font-size:1.3em !important;  }


#gallery_navigation .backToResults { line-height: normal; font-size:0.8em; text-transform:uppercase; color:#000; float:left; margin:0px 40px 0px 0px !important; padding:0px 0px 0px 14px !important;
background-image:url(../Bilder/tabs/zurueck.gif); background-repeat:no-repeat; background-position:left 2px;}

#right_navi {margin:0px 10px 0px 0px !important; padding:0px !important; float:right;}
#navi_gallery {margin:0px !important; padding:0px !important;  }
#navi_gallery a {margin:0px !important; padding:0px !important; line-height:normal;}
#navi_gallery a.weiter {margin:0px !important; padding:0px 0px 0px 14px  !important;background-image:url(../Bilder/tabs/zurueck.gif); background-repeat:no-repeat; background-position:left 2px;}
#navi_gallery a.zurueck {margin:0px !important; padding:0px 0px 0px 14px  !important;background-image:url(../Bilder/tabs/weiter.gif); background-repeat:no-repeat; background-position:left 2px;}
#gallery_navigation { }

#ete_portlet_DocDisplaySingle h6.lasche2 {float:left; background-image: url(../Bilder/emotion/lasche_grau.png); font-size:1em; padding:9px  30px 10px 15px ; border:none !important; 
		color:#FFF; font-weight:normal; text-transform:uppercase; background-repeat:no-repeat; background-position:right 0px; margin:0px 0px 20px 0px  !important; }
#ete_portlet_DocDisplaySingle .overlinefuss { border-bottom:1px solid #7b7b7b; margin:20px 0px 0px 0px ; padding:0px;}

.abstand10 { height:10px; }

/*###################################### BLeisteNeu ##########################*/
.BLeisteNeu {  width:100%; height:400px; background-color:#F5F5F5; margin-top:20px; margin-bottom:10px;  }
.BLeisteNeu .bu { width:30%;   float:left; padding-top:10px;}
.BLeisteNeu .Abb {    margin-right:2%;  float:left;
	height:399px;
	max-width:60%;
	}
.BLeisteNeu .Abb img { 
	max-height:100%; 
	max-width:100%;border:1px solid #7b7b7b !important;
	
	/*ie8*/
	max-height:399px\9;
	max-width:100%\9;	
	
	}
.BLeisteNeuEinzel {  height:80px;   float:left; border:1px solid #000 !important; margin:0px 10px 10px 0px; }
.BLeisteNeuEinzel img { max-height:80px; border:none !important; }
.BLeisteNeu a { text-decoration:none !important; border:none !important;}

.faq {}

.augmentedDetail { background-color:#f8f8f8 !important; margin-top:20px !important; border:1px solid #d5d5d5 !important; }


#favorites_view  { width:80%;}
#favorites_view a  { color:#333; text-decoration:none; border-bottom:1px dotted #666666;}
#favorites_view h1 ,#favorites_view h2, #favorites_view h3 { font-weight:normal; text-transform:uppercase; margin-top:20px;}
#favorites_view td  { vertical-align:top; text-align:left; padding-right:10px;}
#favorites_view p a { text-decoration:none; background-image:url(../Bilder/tabs/weiter.gif); background-repeat:no-repeat; padding-left:12px; background-position:left 5px;}

 
#mysearches_view  { width:80%;}
#mysearches_view a  { color:#333; text-decoration:none; border-bottom:none;}
#mysearches_view h1 ,#mysearches_view h2, #mysearches_view h3 { font-weight:normal; text-transform:uppercase; margin-top:20px;}
#mysearches_view td  { vertical-align:top; text-align:left;padding-right:10px;}
#mysearches_view p a { text-decoration:none; background-image:url(../Bilder/tabs/weiter.gif); background-repeat:no-repeat; padding-left:12px; background-position:left 5px;}

#myreports_view  { width:80%;}
#myreports_view a  { color:#333; text-decoration:none; border-bottom:none;}
#myreports_view h1 ,#myreports_view h2, #myreports_view h3 { font-weight:normal; text-transform:uppercase; margin-top:20px;}
#myreports_view td  { vertical-align:top; text-align:left;padding-right:10px;}
#myreports_view p a { text-decoration:none; background-image:url(../Bilder/tabs/weiter.gif); background-repeat:no-repeat; padding-left:12px; background-position:left 5px;}


/*========================= TOOLTIPS ============================================*/
.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
    font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.Zebra_Tooltip .Zebra_Tooltip_Message img { border:none; }
.Zebra_Tooltip .Zebra_Tooltip_Message img a { border:none;}
.Zebra_Tooltip .Zebra_Tooltip_Message .menu { width:35px; background-color:#EFEFEF; padding:3px;}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    position: relative;
    padding: 10px 12px 10px 10px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    *margin-right: 0;
    max-width: 250px;
    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow         { position: absolute; height: 10px; width: 20px; overflow: hidden }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom  { bottom: 0 }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top     { top: 0    }

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 4px;
    top: 1px;
    font-size: 9px;
    font-weight: bold;
}

.newThumb {cursor: pointer;}

#content .detailsContent p.docNum ,
#commentDoc p,
#content .detailsContent h6.lasche2 {margin-left:0px!important;}