/*
 * @package DC5-Application
 * @subpackage Common
 *
 */

@charset "UTF-8";

/*
Basic styles, valid for "all" devices.
Including IE workarounds, commonly starting with "* html" ...

You will find the following sections within this document:

BITV
TAGS
DC COMMON
	DC highlight of search results
	DC error formatting
	DC page header
	DC page header backgrounds
	DC forms' button line
	DC forms buttons, not within button line
	DC forms' obligatory items
FRAMES
DIALOGUES
	CALENDAR
MAIN NAVIGATION
	LOGIN
	MENU
	DROP-DOWN-MENUS
	TABS
DC CONTENT AREA
METHODMENU
SEARCH
	SEARCH
	ADVANCED SEARCH
	SEARCH NAVIGATION
	FILTER
VIEWS
	LIST
	MINIGALLERY
	GALLERY
	DETAIL
EDIT MASKS
	SIMPLE EDIT
	MULTI EDIT
	LIST EDIT
COLLECTIONS
	MINI-COLLECTIONS
JOURNALS
THESAURUS
CROSS-BROWSER-ELEMENTS
TOGGLE BOX

To modify...

Font-Family:		modify body in section 'TAGS'
Font-Size:			modify both(!) body Tag declarations in section 'TAGS'
colors:				#000 - text, modify body in section 'TAGS'
					#555 - link & visited link, modify a:link in section 'TAGS'
					#111 - active & hover link,  modify a:hover, ... in section 'TAGS'
					#333 - forms, modify input, ... in section 'TAGS'
					#f00 - error & search highlight,  modify .dcError & .highlight in section 'DC COMMON'
background-image:	modify #dcBgHead0 in section'DC COMMON'
alignment
and/or float:		use the classes .left, .right and .center, remember to clear floats after using them with class .clearBoth, see /includes/main.html.php for examples


In some cases CLASSes or IDs are left empty, inluding the comment "... fyop ...".
This means they are already set within the HTML, but are intentionally left blank "for your own purposes" ...
*/

/********************* BITV *********************/
/*
include these in different stylesheet?!
*/

a:link.dcHelp,
a:visited.dcHelp,
a:hover.dcHelp,
a:active.dcHelp { cursor:help; border-bottom:1px dotted; font-weight:bold; }


a:link.topnav {FONT-SIZE: 10px; COLOR: #7f7d71; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none;}
a:visited.topnav{FONT-SIZE: 10px; COLOR: #7f7d71; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none;}
a:hover.topnav{FONT-SIZE: 10px; COLOR: #f06414; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none;}
a:active.topnav { FONT-SIZE: 10px; COLOR: #f06414; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }


a:link.pub {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0;font-weight:bold; text-decoration:none;}
a:visited.pub{FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none;}
a:hover.pub{FONT-SIZE: 12px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none;}
a:active.pub { FONT-SIZE: 12px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none; }

a:link.navigation { FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none;}
a:visited.navigation{ FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none;}
a:hover.navigation{ FONT-SIZE: 10px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; font-weight:bold; text-decoration:none;}
a:active.navigation	{ FONT-SIZE: 10px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0;  font-weight:bold; text-decoration:none; }

a:link.btnnext { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; background-color:#FFFFFF; }
a:visited.btnnext{ FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; background-color:#FFFFFF; }
a:hover.btnnext{ FONT-SIZE: 11px; COLOR: #f68826; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; background-color:#FFFFFF;}
a:active.btnnext{ FONT-SIZE: 11px; COLOR: #f68826; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; background-color:#FFFFFF;}

a:link.switchsearch {FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none;}
a:visited.switchsearch{FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0;  text-decoration:none;}
a:hover.switchsearch{FONT-SIZE: 10px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0;  text-decoration:none;}
a:active.switchsearch { FONT-SIZE: 10px; COLOR: #f68826; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0;  text-decoration:none; }

a:link.gallery { border: 2px solid #ffffff; }
a:hover.gallery{ border: 2px solid #e69e5a;}


/*
RP Bildstatus
*/
a:link.rpPictStatus,
a:visited.rpPictStatus,
a:hover.rpPictStatus,
a:active.rpPictStatus { color:#000; text-decoration: none;}

/*
show different pointer on mouseover
*/

label,
select,
input[type=checkbox],
input[type=radio]{ cursor:pointer; margin-bottom:1px; font-weight:bold; color:#fff; background-color: transparent; border: 0px;  }

input[type=button],
input[type=submit] { cursor:pointer; margin-left:1em; margin-bottom:1px; font-weight:bold; color:#fff; background-image: url('../images/btn_back.jpg'); 	background-repeat: repeat-x;  }

/*
highlight only form elements having focus
*/
input,
textarea,
select { color:#333; background: #fff; }

/*
ie does not know pseudo class :focus and
should thus be always colored normally, using ...
*/
* html input,
* html textarea,
* html select { background:#fff; }

/*
give input types image, radio and checkbox this class,
as IE up to version 6.x doesn't support css attribute selectors ...
*/
input.IE { background:transparent; border:none; }

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover { color:#333; background:#fff; }

/*
used in login form within dcMainMenu
*/
input[type=image]:hover { background:#aaa; }


/********************* TAGS *********************/
body {
	width:100%;
	height:100%;
	margin:0;
 	font-family:verdana,arial,helvetica,sans-serif;
	font-size:60%;
	line-height:1.2em;
	color:#fff;
	background:#000000; 
	}

/*** bof:IE5.x Mac ***/
*>html body { font-size:80%; }
/*** eof:IE5.x Mac ***/

h1 { font-size:1.2em; font-weight:bold; margin:0; }
h2 { font-size:1.1em; font-weight:bold; margin:0; }
h3 { font-size:1em; font-weight:bold; margin:0; }
h4 { font-size:.9em; font-style:italic; margin:0; }

p { margin:0; }

a:link,
a:visited { text-decoration:none; color:#fff; }

/*
 Bereits angesehene Texte markieren
*/

#dcViewFrame a:link
{
  text-decoration:underline;
}

#dcViewFrame a:link.rpPictStatus
{
  text-decoration:none;
}

#dcViewFrame a:visited
{
  /* color:#369; */
  color:#F06414;
  text-decoration:none;
}

a:hover,
a:active { color:#ff0; text-decoration:underline; }

caption { text-align:center; font-weight:bold; }

form,
fieldset { padding:0; margin:0; border:none; }

form { line-height: 1.5em; }

input,
textarea,
select {
	color:#333;
	padding:.2em;
	font-size:1em;
	font-family:verdana,arial,helvetica,sans-serif;
	border:1px solid #ccc;
	}

select { padding:0 }

input { vertical-align:middle; }

ul { margin:0; padding:0; }

hr {
	margin:0;
	padding:0;
	border:none;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
	width:100%;
	height:2px;
	background:#ccc;
}

/*
classes are used for formatting prepared views
*/
strong,
.strong { font-style:normal; font-weight:bold; }

em
.em { font-style:italic; font-weight:normal; }

/********************* DC COMMON *********************/

.clearBoth { height:0; line-height:0; font-size:0; overflow:hidden; clear:both; }
* html .clearBoth { display:inline; }

.left { float:left; }
.right { float:right; text-align:right; }
.center { text-align:center; vertical-align:middle; }

.marginBottom { margin-bottom:1em; }

/*** For hiding SELECT elements while menus drop down ***/
.on { visibility:visible; }
.off { visibility:hidden; }


/*** DC highlight of search results ***/
.highlight { color:#f00; font-weight:bold; }

/*** DC error formatting ***/
/*
general
*/

.dcError {
	font-weight:bold;
	color:red;
	padding:0.5em;
	border:1px dotted #f00;
	background:yellow;
	}


.dcMessage {
	font-weight:bold;
	color:black;
	padding:0.5em;
	border:1px solid black;
	background:lightgreen;
	}

/*
input forms
*/
.dcWrong {
	font-weight:bold;
	color:#f00;
	padding:0.5em;
	}

.dcFrameBody .dcError { border:none; padding:auto; }

#dcTooltip {
	text-align:center;
	position:absolute;
	width:21em;
	border:1px solid #373436;
	padding:.5em;
	background-color:#fef6e2;
	visibility:hidden;
	z-index:84;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

#dcTooltip img { margin-bottom:.5em; }
#dcTooltip p { text-align:left; }

/*** DC page header ***/
.dcPageHeader {
	width:100%;
	/* height:60px; */
	height: 0;
	background-color:#fff;
	background-repeat:no-repeat;
	}

/*** DC page header background ***/
#dcBgHead {
	background-image:url('../images/head.jpg');
	cursor:pointer;
	}

/*** DC forms' button line ***/
.dcButtonLine { text-align:right; }


.dcButtonLine input {
	margin-left:1em;
	font-weight:bold;
	color:#fff;
	background-image: url('../images/btn_back.jpg');
	background-repeat: repeat-x;
	}

.dcButtonLineLeft { text-align:left; }

.dcButtonLineLeft input {
	margin-left:1em;
	font-weight:bold;
	color:#fff;
	background:#373436;
	border:none;
	}

.dcButtonLine input:hover { color:#ccc; }

/*** DC forms' buttons, not within button line ***/
.dcFormButton {
	margin-right:1em;
	font-weight:bold;
	color:#fff;
  background:#373436;
	border:none;
	}

.dcFormButton:hover { color:#ccc; background:#373436; }

.dcLinkButton
{
  padding: 5px;
  margin: 5px;
}

a.dcLinkButton.dcFormButton,
a:active.dcLinkButton,
a:visited.dcLinkButton,
a:hover.dcLinkButton
{
  color: #fff;
}

/*** DC forms' required fields ***/
.dcRequired { font-weight:bold; color:#F06414;}
.dcRequired:after { content:"*"; color:#000; }

/********************* FRAMES *********************/
.dcFrameHeadContent {
    line-height:1.6em;
    padding:0.2em;
	  font-weight:bold;	  
    }

.dcFrameHeadInfo {
    line-height:1.6em;
    padding:0.2em;
	font-weight:bold;
	color:#afb52f;
    }

.dcFrame {
	margin-bottom:1em;
	/* border:1px solid #ccc; 
	border:1px solid #FAB124;*/
}

.dcFrame h2 {
	padding:.2em;
}

.dcFrame a {
	color: white;
}

.dcFrameHead {
    line-height:1.6em;
    padding:.2em;
    /* background:#001839; */
    /*background:#FAB124;*/
    
	  color:#afb52f;
    font-size: 12px;
    }

.dcFrameHeadshowhide  {
	line-height:1.6em;
	padding:.2em;
	background:#C0C0C0;
	background:#FAB124;
}
div.dcFrameHeadshowhide span.left,
div.dcFrameHeadshowhide span.right {
	width: 49%;
}
.dcFrameHeadshowhide  {
	line-height:1.1em;
	cursor: pointer;
}
div.dcFrameHeadshowhide:hover{
	background:#FFE512;
}
.dcFrameHeadshowhideBox {
	border-bottom:1px solid #ccc;
	cursor: pointer;
}


.dcFrameHead h2 { display:inline; }

/* .dcFrameBody { padding:.5em; line-height:1.6em;	background:#fef6e2; } */
.dcFrameBody { padding:.5em; line-height:1.6em; /*background:#F7EFDB;*/ }
.dcFrameBodyBigFont { font-size:1.7em; padding:.5em; line-height:1.8em;  } /* background:#F7EFDB; */

/********************* DIALOGUES *********************/
.dcDialogue fieldset select { width:100%; }
* html .dcDialogue fieldset select {width:90%; }
.dcDialogue fieldset.dcButtonLine { margin-top:1em;}
div.dcDialogue { padding:1em; }

/* body.dcDialogue { background:#fef6e2; } 
body.dcDialogue {  } /*background:#F7EFDB;*/

h2.dcDialogue {
	background:#373436;
	color:#fff;
	line-height:1.6em;
	padding-left:.2em;
	}

/*** CALENDAR ***/

#dcCalendar {
	width:100%;
	border:1px solid #ccc;
	margin-bottom:1em;
	border-spacing:0;
	empty-cells:hide;
	background:#fef6e2;
	}

#dcCalendar caption {
	line-height:1.6em;
	padding:.2em;
	font-weight:bold;
	background:#ccc;
	}

#dcCalendar td {
	text-align:right;
	line-height:1.6em;
	padding:.2em;
	}

#dcCalendar thead th,
#dcCalendar tfoot td {
	border:1px solid #ccc;
	text-align:center;
	font-weight:bold;
	}
#dcCalendar thead th  { border-width: 0 0 2px 1px; line-height:1.6em; padding:.2em;  }
#dcCalendar tfoot td { border-width: 2px 0 0 1px; }

/* .opaque { background:#fff; } */
.opaque { background:#F7EFE2; } 
.opaque a { color: black; } 

#dcCalendar tbody td a:hover { display:block; background:#fef6e2; }

/*
not all formats are used by default. therefore named, but empty
*/
#dcCalendar .noDay { /* ... fyop ... */ }

#dcCalendar #today {
	font-weight:bold;
	background:#fef6e2;
	border:1px solid #f00;
	}

#dcCalendar .weekNo { /* ... fyop ... */ }

#dcCalendar #thisWeek { /* ... fyop ... */ }
#dcCalendar #thisWeek .weekNo { font-weight:bold; }

/********************* MAIN NAVIGATION *********************/

.dcMainNav {
	width:100%;
	background:#b8b6a7;
	/* background:#f06414; */
	height:2.2em;
	}


.dcMainNavMain {
	width:100%;
	background:#b8b6a7;
	/* background:#f06414; */
	color:#ffffff;
	height:5.4em;
	padding-left:5px;
	}

/*** LOGIN ***/
.dcMainNavLogin { line-height: 2.2em; padding-right: 1em; }

.dcMainNavLogin a:link,
.dcMainNavLogin a:visited,
.dcMainNavLogin label { color:#fff; font-weight:bold; }

/*
overload default form line-height
*/
.dcMainNav form { line-height: 2.2em; }
/*
give top menu items the same hover view as their children
*/
.dcMainNav ul li span:hover { cursor:pointer; color:#aaa; }

/*** MENU ***/
#dcMainNavMenu { }

.dcMainNavMenuItem {
	font-weight:bold;
	line-height:1.6em;
	padding-left:.4em;
	}

/*** DROP-DOWN-MENUS ***/
/*
 * e.g. http://www.alistapart.com/articles/dropdowns/
 * XXX - width should automatically be adjusted to the widest item within
*/
#dcMainNavMenu ul {
	list-style:none;
	z-index:168;
	}

#dcMainNavMenu li {
	float:left;
	position:relative;
	width:16em;
	list-style:none;
	padding:.2em .2em;
	z-index:250;
	}

#dcMainNavMenu li ul {
	display:none;
	position:absolute;
	top:2em;
	left:0;
	padding:.2em 0;
	background:#373436;
    background:#54666f;
	/* background:#003b6c; */
    }

#dcMainNavMenu li ul li ul {
	background:yellow;
    }

#dcMainNavMenu li ul { overflow:visible; }

/* class 'over' only for msie scripting, see dc_main.js, line 23 pp for details ... */
#dcMainNavMenu li:hover ul,
#dcMainNavMenu li.over ul { display:block; }

/*
links within drop-downs
*/
#dcMainNavMenu a:link,
#dcMainNavMenu a:visited { color:#fff;	}

#dcMainNavMenu a:hover { color:#aaa; }

/*** TABS ***/
ul.dcTabs { display:inline; }

ul.dcTabs li {
	margin-left:0;
	margin-right:.5em;
	padding:.2em .5em .2em;
	list-style: none;
	display: inline;
	background:#ccc;
	font-weight:bold;
	border:1px solid #ccc;
	}

ul.dcTabs li.here {
	list-style: none;
	display: inline;
	background:#fef6e2;
	border-bottom:1px solid #fef6e2;
	font-weight:bold;
	}

/********************* DC CONTENT AREA *********************/
/*
margin-right is used to make space for dcMethodMenu
*/
#dcContentContainer, #dcContentContainerShowNstpImagebox{
	width:100%;
	background-color:#000000;
	margin-left: -21em;
	float:right;
	}

#dcContentContainerShowNstpImagebox{
	margin-left: -49em;
}

#NstpImagebox { 
	width:49em; 
	float:left; 
	text-overflow:ellipsis; 
	background-color:#000000;
	overflow:hidden; 
	text-align: right;
	margin-top: 10px;
}

#NstpImagebox img {
	margin: 0 12px 10px 0;
	vertical-align: top;
}

#SearchquickBox {
}

#dcSearchquickBoxContainer {
  padding-left: 5px;
}

/*
to prevent margin inheritance into forms (i.e. collection_list.html.php) using IE,
padding is used instead of margin:1em 21em 1em 1em;
*/
#dcContent, #dcContentShowNstpImagebox { 
	margin-left: 21em;
	margin-top: 10px;
}

#dcContentShowNstpImagebox { 
	margin-left: 49em;
}

#dcContentLeft  { float:right; margin-bottom:.5em; margin-right:1em; }
#dcContentRight { float:right; margin-bottom:.5em; margin-right:1em; }

#nstpText {}
#nstpText ul { margin: 1em; padding: 1em; }
#nstpText ol { margin: 1em; padding: 1em; }

/********************* METHODMENU *********************/

#dcMethodMenuContainer { width:15em; margin-left:20px; float:left; text-overflow:ellipsis; overflow:hidden; }

.dcMethodMenu   { margin:0em; overflow:hidden; }

/*.dcMethodTop   { margin:1em; background-color:#4779bd}*/
.dcMethodTop   {padding: 20px 6px 20px 6px; background-color:#4779bd}


/*.dcMethodLighbox   { margin:1em; background-color:#0cb695}*/

.dcMethodLighbox   { padding-left:6px; padding-right: 6px; background-color:#0cb695}

* html .dcMethodMenu a { overflow:hidden; text-overflow:clip; }

a:link.breadcrumb { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:visited.breadcrumb{ FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:hover.breadcrumb{ FONT-SIZE: 11px; COLOR: #7bacd1; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:active.breadcrumb	{ FONT-SIZE: 11px; COLOR: #7bacd1; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }

a:link.navleft { FONT-SIZE: 12px; COLOR: #7bacd1; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:visited.navleft{ FONT-SIZE: 12px; COLOR: #7bacd1; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:hover.navleft{ FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }
a:active.navleft{ FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; text-decoration:none; }

.dcMethodMenu h3 { border-bottom:1px solid #ccc; margin:.5em 0; }


/********************* SEARCH *********************/

/*** SEARCH ***/
/* .dcSearch { background:#fef6e2; } */
.dcSearch { background:#000000; }

.dcSearch fieldset span { float:left; margin-bottom:.5em; margin-right:1em; }

.dcSearch fieldset span img { vertical-align:top; }

.dcSearch fieldset span.dcEntryMissing span {
  color:#f00;
  font-weight:bold;
}

/*** ADVANCED SEARCH ***/
.dcSearchAdvanced fieldset {
	margin-bottom:1em;
	padding:.4em;
	/* background:#fef6e2; */
        /*background:#F7EFDB;*/
	    border-bottom:1px solid #ccc;
	/* border-bottom:1px solid #6ba5d6; */
    /* border-bottom:1px solid #F06414; */
	}

/*** SEARCH NAVIGATION ***/
.dcSearchNav{
	line-height:1.6em;
	padding:.2em;
	/* background:#fef6e2; */
       /* background:#FAB124;*(
	/* border-bottom:1px solid #ccc; */
  margin-top : 1em;       
	margin-bottom:1em;
	font-weight: lighter;
	}

.dcSearchNav img { vertical-align:middle; }

.dcSearchNav h2 { display:inline; margin:0 1em; }

.dcSearchNav span.left { width:80%; }
.dcSearchnav span.right { width:20%; }

/*
holly hack, http://www.positioniseverything.net/articles/hollyhack.html#haslayout
*/
* html .dcSearchNav { height:1%; }

/*** FILTER ***/
* html #dcFilterBoxContainer { height:1%; }


/********************* VIEWS *********************/
/*
wrapper
... only .5em at bottom because of .5em spacing between single items
*/
#dcViewFrame {
    padding-bottom:.5em;
    /* ie7 fix */
    overflow: hidden;
 }


/*
holly hack, see above ...
*/
* html #dcViewFrame { height:1%; }

/*** LIST ***/
.dcListItemContainer {
	width:100%;
	padding-bottom:.5em;
	/*border-bottom:1px solid #ccc;*/
    font-size:1.3em; line-height:1.4em;
}

.dcListItemContainerBigFont {
	width:100%;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
    font-size:1.5em; line-height:1.6em;
}

.dcListItem { padding:.2em; }

.dcListItemText { padding:.5em; }

.dcListItemOpaque { background:#262626; }

.dcListItemOpaque2 { background:#262626; }

/*
give dcListItemHead additional class right to align text and checkbox to the right
*/
.dcListItem div.right { float:none; }

.dcListItemImg {
	width:16em;
/*	height:15em;	*/
	min-width:160px;
	min-height:150px;
	float:left;
	padding-left: 10px;
	padding-top: 10px;
	}
* html .dcListItemImg { height:150px; }

/* .dcListItemHead { font-style:italic; color:#969; } */
.dcListItemHead { font-style:italic; color:#F06414; }
.dcListItemBody { margin-left: 17em; }
.dcListItemBody_noimage { margin-left: .5em; }
.dcListItemBody p.strong { margin-bottom:.5em; }
.dcListItemTrailer { margin-top:.5em; }

/*** MINIGALLERY ***/
/*
Contains absolute width and height as relative units produce weird layouts when used with small font sizes.
See minigallery.html.php for correct measures.
*/
/*
.dcMiniGalleryItemContainer {
	float:left;
	min-width:140px;
	min-height:140px;
    border: 1px solid #ccc;
	margin-right:1em;
	margin-bottom:1em;
	}

* html .dcMiniGalleryItemContainer { height:130px; width:130px; }
*/

/*
this head section is used for selection checkbox only ...!
*/
/*
.dcMiniGalleryItemHead { position:absolute;z-Index:70;margin:.2em; }

.dcMiniGalleryItemImg {
	position:absolute;
	float:left;
	text-align:center;
	min-width:140px;
	min-height:140px;
	margin:0px;
	background:#fef6e2;
	}
* html .dcMiniGalleryItemImg { height:130px; width:130px; margin-bottom:0; }
*/






.dcMiniGalleryItemContainer {
    float:left;
    min-width:140px;
    min-height:150px;
    border: 1px solid #ccc;
    margin-right:1em;
    margin-bottom:1em;
    }

* html .dcMiniGalleryItemContainer { height:152px; width:130px; }

/** fix IE minigallery items overlapping main navigation */
* html div.dcMiniGalleryItemContainer * { position:static; }

.dcMiniGalleryItem {
    min-height:150px;
    overflow:hidden;
}

/** this head section is used for selection checkbox only ...! */
.dcMiniGalleryItemHead { text-align:left; }

* html .dcMiniGalleryItemHead { height:10px; width:130px; }

.dcMiniGalleryItemImg {
    text-align:center;
    min-width:140px;
    min-height:110px;
    font-weight:bold;
    }

* html .dcMiniGalleryItemImg {
    width:130px;
    height:130px;
    margin-top:0px;
    margin-bottom:5px;
    }

.dcMiniGalleryItemFunctions {
  text-align:center;
  font-weight:bold;
  text-decoration: none;
}

* html .dcMiniGalleryItemFunctions { margin-top:-20px; margin-bottom:0px; width:140px;  }





/*** GALLERY ***/
.dcGalleryItemContainer {
	float:left;
	width:15em;
	min-width:156px;
	padding:2px;
	margin-right:3em;
	margin-bottom:2em;
	border: 1px solid #ccc;
	}
* html .dcGalleryItemContainer { width:150px; }

.dcGalleryItem {
	height:25em;
	min-height:270px;
	overflow:hidden;
	}

.dcGalleryItem input,
.dcGalleryItem img { vertical-align:top; }
/*
allow vertical alignment of images within links
*/
.dcGalleryItem a:link { margin:.1ex; }

.dcGalleryItem span.left { width:30%; }
.dcGalleryItem span.right { width:70%; }

.dcGalleryItemHead { text-align:left; margin-bottom:5px; }

.dcGalleryItemImg {
	text-align:center;
	min-width:156px;
	min-height:154px;
	line-height:154px;
	}

* html .dcGalleryItemImg { height:150px; width:150px; }

.dcGalleryItemImgChannel {
   text-align:center;
   margin-bottom:.2em;
   min-width:154px;
   min-height:154px;

   background:#DEDBDE;
   border-bottom:1px solid #ccc;
}
* html .dcGalleryItemImgChannel { height:152px; width:150px; }

.dcGalleryItemBody {  }
* html .dcGalleryItemBody { height:6em; }

.dcGalleryItemBodyChannel {
  height: 30px;
}


.dcGalleryItemFunctions {
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
	}


/*** DETAIL ***/
#dcDetailContainer div.dcFrame { margin-bottom:1em; }
#dcDetailContainer div.dcFrameHead {  }
#dcDetailContainer div.dcFrameBody { background:transparent; }

#dcDetailItemImg {
	margin-right:1em;
	margin-bottom:1em;
	float:left;
	}

#dcDetailContainer { font-size:1.3em; line-height:1.4em; }
#dcDetailContainerBigFont { font-size:1.5em; line-height:1.6em; }
#dcDetailHead { font-size:1.1em; font-weight:bold; margin-bottom:.5em; }
#dcDetailBody { font-size:1.0em; }
#dcDetailTrailer { margin-top:.5em; font-size:0.8em; }
#dcDetailFooter { margin-top:.5em; font-size:10px; color:#CCCCCC }

.rpDetailLinks { 
	float: left;
	border:1px solid #FAB124;
	width: 45%;
	}

.rpDetailLinksNoBorder { 
	float: left;
	width: 45%;
	}
	
.rpDetailRechts { 		
	float: left;
	width: 50%;
	color: #830647;
	padding-left: 20px;	
	}

.dcDetailLinkImg { float:left; }
.dcDetailLinkTxt { clear:both; }

/*** KWIC ***/
/*
... fyop ...
*/

/********************* EDIT MASKS *********************/

/*** SIMPLE EDIT ***/
.dcEdit img {
	margin: 1.5em 1em 1em .5em;
	float:left;
	}

.dcEdit span.left { width:49%; margin-bottom:1em; }
.dcEdit span.right { width:49%; margin-bottom:1em; }

.dcEdit fieldset { float:left; margin-bottom:1em; margin-right:1em; }

.dcEdit fieldset div { margin-bottom:.5em; }

.dcEdit fieldset input,
.dcEdit fieldset textarea { width:56ex; }

/*** MULTI EDIT ***/
/*
property repeat-y results in weird disply in IE 6.x, therefore ccc.gif is 1600px wide and only right-aligned ...
*/
body#dcMultiEditContainer { background:url('../images/ccc.gif') right; margin:0; }

#dcMultiEdit { padding:1em; }
#dcMultiEdit .dcFrame { margin-top:1px; }
#dcMultiEdit input,
#dcMultiEdit select,
#dcMultiEdit textarea { margin-bottom:1em; }
#dcMultiEdit .dcButtonLine input { margin-bottom:0; }

#dcMultiEditList { margin:1em; }

#dcMultiEditList .dcGalleryItemContainer { margin-bottom:1em; }
#dcMultiEditList .dcGalleryItem { height:21em; min-height:210px; }

/*** LIST EDIT ***/
/*
used in listeditor.php
*/
.dcListEdit .dcSearchNav { border-top:1px solid #ccc; background:#fef6e2; }

/********************* COLLECTIONS *********************/
.dcFrame div.dcCollection { background:transparent; }
.dcFrame div.dcCollectionEdit { background:#fef6e2; }

.dcCollection span.left,
.dcCollectionEdit span.left { width:19%; font-weight:bold; }
.dcCollection span.right,
.dcCollectionEdit span.right { width:80%; text-align:left; }

.dcCollectionEdit .dcButtonLine { margin-bottom:1em; }

input.dcCollection,
textarea.dcCollection { margin-bottom:.5em; }

/*** MINI-COLLECTIONS ***/
.dcMiniCollection { /* ... fyop ... */ }
.dcMiniCollectionHead { padding-bottom:.5em; border-bottom:1px solid #ccc; }
.dcMiniCollectionItem { padding:.2em 0 .32em; border-bottom:1px solid #ccc;}
.dcMiniCollectionItem img { margin-right:.5em; vertical-align:top; }
.dcMiniCollection .borderless { border-bottom:none; }
.dcMiniCollection .opaque { background:#fef6e2; }

.dcMiniCollection .dcSearchNav { background:#fef6e2; }
.dcMiniCollection .dcSearchNav h2 { display:inline; margin:0 .5em; }
.dcMiniCollection .dcSearchNav span.left { width:70%; }
.dcMiniCollection .dcSearchnav span.right { width:30%; }

.dcMiniCollection div.right { float:none; }
/*
<img src="<?=DC_WWW?>images/blind.gif" width="0" height="0" alt="" />
within collection_list.html.php needed by IE to align INPUT and TEXTAREA to the left #P
*/

/********************* JOURNALS *********************/

.dcFrame div.dcJournal { background:transparent; }

.dcJournal span.left { width:19%; font-weight:bold; }
.dcJournal span.right { width:80%; text-align:left; }

.dcJournalEdit fieldset.left { width:19%; }
.dcJournalEdit fieldset.right { width:80%; text-align:left; }

.dcJournalEdit fieldset.left input { margin:0; border:none; background:#fef6e2; }

.dcJournalEdit fieldset.right input,
.dcJournalEdit fieldset.right textarea { width:56ex; margin-bottom:1em }

/********************* THESAURUS *********************/
.dcThesaurusContainer { margin:1em; border-bottom:1px solid #ccc; }
.dcThesaurusContainer iframe { width:100%; }
/*
msie workaround ...
*/
* html .dcThesaurusContainer iframe { width:97%; }

.dcDialogue select.dcThesaurus { width:30%; margin-right:1em; margin-bottom:1em; }

#dcThesaurusList {
  background:#fff;
  margin:1em 0;
  padding:.5em;
  border:1px solid #ccc;
  /*
  currently (20050602) browsers ignore local anchors and setting of style.top within scrolling elements ...
  height:21em;
  overflow:scroll;
  */
}

ul.dcThesaurus {
  list-style-type: none;
  padding:0;
  margin:0 1em;
  }

ul.dcThesaurus li {
  text-indent:-.9em;
  padding-left:.5em;
  padding-top:.2em;
  background: url(../thestree/tree_vertline.gif) repeat-y;
}

ul.dcThesaurus ul {
  list-style-type: none;
  margin-left:1em;
}

ul.dcThesaurus li img { margin-right:.4em; border: 0}


/********************* USER PREFERENCES *********************/
fieldset#dcUserPreferences label { display:block; width:18em; float:left; }
fieldset#dcUserPreferences div input { display:inline; }

/********************* CROSS-BROWSER-ELEMENTS *********************/
/*
used for floating dialogues like calendar, assistants etc.
*/
.clsCBE {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	margin:0;
	width:64px;
	height:64px;
	clip:rect(0 64px 64px 0);
	background:#fff;
	border:1px solid #373436;
	z-index:42;
	}

#dcModal {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	display:none;
	background:#fff;
	z-index:23;
	filter:alpha(opacity=64);
	-moz-opacity:0.64;
	opacity:0.64;
	}


/********************* CSS tabs *********************/
/* Begin Joshua Kaufman's "unraveled" CSS tabs (http://www.unraveled.com/projects/css_tabs/) */
/* XXX - double trouble - should use own styles (dcTabs), before implementing twice :P */

ul#tabnav {
list-style-type: none;
padding-left: 15px;
padding-bottom: 25px;
padding-top: 0px;
margin: 0;
}

ul#tabnav li {
float: left;
height: 22px;
background-color: #fff;
margin: 2px 2px 0 2px;
/* border: 1px solid #ccc; */
border: 1px solid #FAB124;
}

#tabnav a {
float: left;
display: block;
color: #999;
text-decoration: none;
padding: 4px;
}

#tabnav li a:hover {
/* background-color: #fef6e2; */
background-color: #F7EFDB;
}

#tabnav li.tabhighlight {
/* border-bottom: 1px solid #fef6e2; */
/* background-color: #fef6e2; */
border-bottom: 1px solid #F7EFDB;
background-color: #F7EFDB;
}

#tabnav li.tabhighlight a {
color: #000;
}

/* End Joshua Kaufman's "unraveled" CSS tabs (http://www.unraveled.com/projects/css_tabs/) */

/* TOGGLE BOX */
.hide{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: none;
	border:1px solid #f00;
}


/* description box */
.desc{
	width:150px;
	padding:10px;
}

.amount{
	width:400px;
	padding:4px;
	background:#262626;
}


/* gallery box */
.gallerypix{
	width:150px;
	padding:10px;
}

.gallerydesc{
	padding:2px;
	background:#E7E7E8;
}

/*index images arrangement */
.frontpix{
	width:200px;
	padding:10px;
}



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

Styles f?r cxdcsynd-Modul

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

.cxtable
{
  width: 100%;
}

.cxtable td
{
  vertical-align: top;
}

.cxtable th
{
  background-color: #FAB124;	
}

.cxtableeven
{
	background-color: #262626;	
}

.cxtableodd
{
  background-color: #595951;
}

.cxtable td a
{
  color: white;
}

.trheader 
{
  background-color: #FAB124;	
}

.trcellodd
{
  background-color: #595951;
}

.trcelleven
{
  background-color: #262626;	
}

.cxHeaderLine
{
	width: 100%;
	background-color: #FAB124;
	font-weight: bold;
}

.cxaltenatingcolor1
{
	background-color: #595951;
}

.cxaltenatingcolor2
{
	background-color: #262626;	
}

.cxmyaccount
{
    
}

.cxmyaccount ul
{
	list-style-type: none;
}

.cxmyaccount ul li
{
	border: 1px solid #fff;
	margin-bottom: 5px;
	background-color: #262626;	
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
}

.cxcartblock
{
	background-color: #0db695;	
}

.cxcartheader
{
  color: white;
  font-size: 12px;
}

.cxheader
{
  color: #afb52f;
  font-size: 12px;
  font-weight: bold;
}

.cxformclass fieldset
{
  margin-bottom: 20px; 
  border:0; 
}

.cxformclass fieldset i
{
  font-style:normal;
}

.cxformclass fieldset input,
.cxformclass .tdfield input
{
  width:250px;
  font-style:normal;
}

.cxformclass fieldset select
{
  width:auto; 
}

.cxformclass fieldset legend
{
  line-height:1.6em;
  padding:0em;
	font-weight:bold;
	color:#afb52f;
	margin:0;
}

.cxformclass fieldset span
{
  float:none; 
  display:inline; 
}


.cxformclass fieldset span.floater
{
  float:none; /* floating von dcSearch wieder ausschalten */
  display:block;
  margin-bottom:5px; 
}

.cxbuttonline
{
  border-top: 1px solid #fff; 
  padding-top:5px; 
  padding-left:0px; 
}

.cxcart
{
  background-color: #0db695;
  color: white;
  padding: 20px 6px 20px 6px;
}

.cxadminworkfor
{
  background-color: red; 
  color:#fff; 
  font-weight:bold; 
  padding:5px;
}

.bodyhr
{
	border-top: 1px solid #808080;
}
/*
Changes done by CX on original dc design
body 	+color:#fff;
.dcFrameHead -background:#FAB124;
.dcFrameHead +	color:#afb52f;
.dcFrameHead +font-size: 12px;
.dcFrameBody -background:#F7EFDB;
.dcSearchAdvanced fieldset -background:#fef6e2;
.dcFrameBodyBigFont -background:#F7EFDB;
body.dcDialogue -background:#F7EFDB;
hr 	+border-top: 1px solid black; +border-bottom: 1px solid white; +height:2px;
.dcButtonLine input +background-image: url('../images/btn_back.jpg');	+background-repeat: repeat-x; ;
input[type=submit] +margin-left:1em; margin-bottom:1px; font-weight:bold; color:#fff; background-image: url('../images/btn_back.jpg'); 	background-repeat: repeat-x;        
*/