/* Css-Sprites für Listen (systemFlags) */
.systemFlagBackground,
.sprite-flagFiledEntry,
.sprite-flagNewEntry,
.sprite-flagPublishedEntry,
.sprite-flagRecentlyEdited,
.sprite-stockStatusBad,
.sprite-stockStatusCritical,
.sprite-stockStatusGood,
.sprite-wand {
	background: url(../images/site/systemFlags/cssSprite.png) no-repeat scroll 0.0 transparent;
	width: 16px;
	height: 16px;
	float: left;
}

.sprite-flagFiledEntry {background-position: 0px 0px; }
.sprite-flagNewEntry {background-position: 0px -16px; }
.sprite-flagPublishedEntry {background-position: 0px -32px; }
.sprite-flagRecentlyEdited {background-position: 0px -48px; }
.sprite-stockStatusBad {background-position: 0px -64px; }
.sprite-stockStatusCritical {background-position: 0px -80px; }
.sprite-stockStatusGood {background-position: 0px -96px; }
.sprite-wand {background-position: 0px -112px; }

/* Textstile */
.textNormal {
	font-size: 12px;
	font-weight: normal;
}

.textBold {
	font-size: 12px;
	font-weight: bold;
}

.textSmallNormal {
	font-size: 10px;
	font-weight: normal;
}

.textSmallBold {
	font-size: 10px;
	font-weight: bold;
}

.textButton {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}

.textButtonHilight {
	
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	cursor: pointer;
}

/*
.textButtonNormal {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	cursor: pointer;
	padding: 0px;
}
*/
.textButtonklein {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	padding: 0px;
}

.titleHelpText	{
	color:#333333;
	font-size: 12px;
	font-weight: bold;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
	}

.tabsShopOrderProcess {
  float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.TabsHilightShopOrderProcess {
  float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.BackgroundShopOrder {
  width: 100%; 
  vertical-align: top;
  float: none;
  border: none;
  background-color: #D8D9D4;
}

.titleShopOrder {
  text-align: center;
  background-color: #B9B9B7;
  padding-left: 5px;
  width: auto;
  border-bottom: 2px solid #ffffff;
}

.blockshopBasketImage {
  border: 1px solid #9F997D;
  padding: 3px;
  margin-bottom: 5px;
}

.blockshopItemImage {
  border: 1px solid #9F997D;
  padding: 3px;
  margin-bottom: 5px;
}

/* Stile für die Seite */

.infoField {
	position: relative;
	width: 90%;
	border: none;
	padding: 10px 3px 3px 3px;
	text-align: center;
	}
	
.inputText {
	color: #333333;
	font-size: small;
	font-weight: normal;
	}

.inputText_Hightlight {
	color: #333333;
	font-size: small;
	font-weight: normal;
	background-color: #FFB3B3;
	border: 1px solid #333333;
	}

.inputImage {
	border: 0px none #000000;
	cursor: pointer;
	}
/* Blockstile */

.inputTransImage {
	border-style: none;
	border: 0px;
	width: 1px;
	height: 1px;
	}
	
/* Stile für die Toolbar */

.toolbarMain {
/*  Diese Werte anpassen, damit die Toolbar den richtigen Abstand 
    zu anderen Elementen hat */
	margin-left: 0px;
	margin-right: 9px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.toolbarTop {
	border: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.toolbarTopEntry {
	border: none;
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
	background-image: url(../images/site/toolbar/topMiddleUser.gif);
	background-repeat: repeat-x;
}

.toolbarActiveTopEntry {
	border: none;
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
	background-image: url(../images/site/toolbar/topActiveMiddleUser.gif);
	background-repeat: repeat-x;
}

.toolbarTopSeperator {
	border: none;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/site/toolbar/topSeperatorMiddle.gif);
	background-repeat: repeat;
	width: 100%;
}

.toolbarTopSeperatorUser {
	border: none;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/site/toolbar/topSeperatorUser.gif);
	background-repeat: repeat;
	background-position:right top;
	background-color: #ffffff;
	width: 100%;
}

.toolbarPage {
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}

.tabData {
  border: 1px solid #61686E;
  border-top: 0px solid #61686E;
  padding: 10px 10px 0px 10px;
  background-color: #D8D9D9;
}

.toolbarOptionlistEntry {
	width: 30%;
	min-width: 200px;
	background-color: #D8D9D9;
	border: solid #61686E 1px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	float: left;
	height: 60px;
	-moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.toolbarBigEntry {
  background-color: #DFDFDF;
/*
  left: 5%;
  top: 100px;
	width: 90%;
*/
	border: solid #61686E 1px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
/*
	float: left;
	height: 300px;
*/
	overflow: auto;
}

.toolbarOptionlistEntry:hover {
  width: 30%;
	min-width: 200px;
	border: solid #61686E 1px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	float: left;
	background-color: #DFDFDF;
	height: 60px;
	-moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

/* Stile für Listen */

.listTable {
	clear: both;
	table-layout: fixed;
}

.listEntryTable {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}

.listHeader {
	height: 23px;
	background-image: url(../images/site/list/headerMiddle.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.listUserHeader {
	height: 35px;
/*	background-image: url(../images/site/list/headerMiddle.gif);*/
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	/* color: #FFFFFF; */ /* dieses macht die ListHeader weiß, wenn diese nicht sortierbar sind, CB, 15.02.2011 */
	color: black;
	margin: 0px;
	padding: 0px;
/*	vertical-align: top;*/
}

.listHeaderOpenClose {
  width: 20px;
  height: 23px;
	margin: 0px;
	padding: 0px;
  white-space: nowrap;
}

.listUserHeaderOpenClose {
  width: 20px;
	margin: 0px;
	padding: 0px;
  white-space: nowrap;
}

.listHeaderChoose {
  width: 20px;
  height: 23px;
	margin: 0px;
	padding: 0px;
  white-space: nowrap;
}

.listUserHeaderChoose {
  width: 20px;
	margin: 0px;
	padding: 0px;
  white-space: nowrap;
}

.listHeaderOptionsField {
	height: 23px;
	/*background-image: url(../images/site/list/headerMiddle.gif);
	background-repeat: repeat-x;*/
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
/* keine Breitenangabe hier! wird von der Liste erzeugt!
	width: 90px; 
*/
}

.listHeaderField {
	vertical-align: top;
	text-align: left;
/*	overflow: auto;*/
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	padding-left: 3px;
}

.listUserHeaderField {
	text-align: left;
/*	overflow: auto;*/
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	padding-left: 5px;
}

.listFieldTitle {
	font-size: 11px;
	font-weight: bold;
	color: #61686E;
	text-align: left;
	overflow: hidden;
}

.listUserFieldTitle {
	font-size: 12px;
	font-weight: bold;
	color: #61686E;
	text-align: left;
	overflow: hidden;
	padding-left: 5px;
}

.listFieldEntry {
	font-size: 11px;
	font-weight: normal;
	color: #61686E;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
}

.listUserFieldEntry {
	font-size: 11px;
	font-weight: normal;
	color: #61686E;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

.listFieldEntryActive {
	font-size: 11px;
	font-weight: normal;
	color: #61686E;
	background-color: #dddddd;
	vertical-align: top;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
}

.listFieldOptions {
  text-align: right;
}

.listFieldSeperator {
  background-image:url(../images/site/list/fieldSeperator.gif);
  background-repeat: repeat-y;
  border: none 0px;
  width: 1px;
}

.fullEditLanguage {
	background-image: url(../images/site/toolbar/topMiddle.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.fullEditLanguageActive {
	background-image: url(../images/site/toolbar/topActiveMiddle.gif);
	background-repeat: repeat-x;
	color: #61686E;
}
/* Stile für die Formulare by CB, ohne Anspruch an Designkompetenz :) */

.searchbarHeader {
	height: 20px;
	background-image: url(../images/site/list/headerMiddle.gif); 
	background-repeat: repeat-x;
	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	border-left: solid #000000 1px;
	border-top: solid #000000 1px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 0px;
}

.searchbarHeaderLabel {
	color: white;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	padding-left: 10px;
	margin-top: 5px;
	padding-right: 5px;

	/* float: left; */
}

.searchbarFormBlock {
	background-color: #d8d9d9;
	width: 100%;
	padding: 0px;
}

.searchbarFormBlock:hover {
	background-color: #DFDFDF;
	width: 100%;
}

.searchbarLabelInputContainer {
  width: 100px;
  float: left;
  display: block;
  white-space: nowrap;
}

.searchbarLabel  {
  text-align: left;
	font-weight: bold;
}

.searchbarButton {
	font-size: 11px;
	/* float: left; */
}

.ButtonFullEditDefault {
  border: 0.2em outset YellowGreen;
  background-color: LightYellow;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DarkGreen;
}

.ButtonFullEditDefault:hover {
	border: 0.2em inset YellowGreen;
}

.ButtonFullEditDefault[disabled] {
	background-color: lightGrey;
	color: DarkGrey;
}

.SaveAs {
  border: 0.2em outset YellowGreen;
  background-color: LightYellow;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DarkGreen;  
}

.SaveAs:hover {
  border: 0.2em inset YellowGreen;
}

.SaveAs[disabled] {
	background-color: lightGrey;
	color: DarkGrey;
}

.Accept {
  border: 0.2em outset darkGreen;
  background-color: lightGreen;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DarkGreen;  
}

.Accept:hover {
  border: 0.2em inset darkGreen;
}

.Accept[disabled] {
  border: 0.2em outset green;
  background-color: lightGrey;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DarkGrey;
}

.Undo{
  border: 0.2em outset CadetBlue;
  background-color: PowderBlue;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DodgerBlue;  
}

.Undo:hover {
  border: 0.2em inset CadetBlue;
}

.Cancel{
  border: 0.2em outset SaddleBrown;
  background-color: Salmon;
  padding: 3px 10px;
  margin: 0px 0px 10px 10px;
  font-size: 11px;  
  font-weight: bold;
  letter-spacing: 0.12em;
  color: DarkRed;
}

.Cancel:hover {
  border: 0.2em inset SaddleBrown;
}

.ButtonRadius {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.searchbarButtonActive {
	margin: 0px 2px 10px 0px;
	padding: 0px;
	font-size: 9px;
	float: left;
}

.searchbarInput  {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	margin-right: 0px;
	padding: 0px;
}

.searchbarInputRO  {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	color: #444444;
}

.searchbarLabelInput {
	float: left;
	font-size: 11px;
	font-weight: normal;
}

.menuEditorLabel {
 font-weight: bold;
 margin: 0 0 5px 0;
}

.bottommenuMain {
	border: 1px solid #61686E;
	font-size: 11px;
	font-weight: normal;
	color: #61686E;
	background-color: #CCCCCC;
}

.bottommenuUserMain {
	border: 1px solid #61686E;
	font-size: 11px;
	font-weight: normal;
	color: #61686E;
	background-color: #CCCCCC;
}

.bottommenuPage {
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
}

.bottommenuPageActive {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.listFieldQuickEditControl {
	text-align: right;
}
/* Layout für General Toolbar */

.generalToolbarTopAreaBackground {
  background-repeat: repeat-x;
  padding: 4px;
  border: 1px solid #9F997D;
}

.generalToolbarTopAreaLayout {
  height: 25px;
  padding: 4px;
}

.generalToolbarTopAreaFont {
  color:#333333;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  height: 25px;
}

.generalToolbarMainArea {
  background-repeat: repeat-x;
  background-color: #dddddd;
  border: 1px solid #9F997D;
  margin-bottom: 10px;
  margin-top: 10px;
}

.generalToolbarBottomArea {
  background-repeat: repeat-x;
  border: 1px solid #9F997D;
}

.generalToolbarBottomText {
  color:#333333;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
}

/* End Layout General Toolbar*/

.stdTitleLineBackground {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
  background-image: url(../images/site/toolbar/topSeperatorMiddle.gif);
	background-repeat: repeat-x;
}

.stdTitleBackground {
	border: none;
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
  background-image: url(../images/site/toolbar/topSeperatorMiddle.gif);
	background-repeat: repeat;
}

.stdBackground {
  border: 1px solid #61686E;
}

.stdTitleBackgroundActive {
	border: none;
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
	background-image: url(../images/site/toolbar/topActiveMiddle.gif);
	background-repeat: repeat-x;
}

.stdElementBorder {
  border: solid #61686E 1px;
  background-color: #D8D9D9;
  padding: 5px;
}

.stdElementBorder:hover {
  background-color: #DFDFDF;
}
/* Test für Listendarstellung */
.ul_horizontal {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 /* height: 40px; */
 background: #FF0000;
 float: left;
}

.ul_vertical {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 /* height: 40px; */
 background: #FF0000;
 clear: both;
 position: absolute;
}

.li_vertical {
  clear: both;
}

.li_horizontal {
  float: left;
}

.helptext {
	color: #333333;
  font-size: 12px; 
  line-height: 17px;
  line-height: 100%;
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
/*
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 17px 0px;
	height: 278px;
	width: 400px;
	border: 1px solid #464646;
*/
  background-color: white;
  z-index: 40;
  position: absolute;
  text-align: left;
  vertical-align: top;
}
.helpTextLink {
	vertical-align: middle;
}

.helpTextImage{
	vertical-align: top;
	cursor: pointer;
}

.fileBrowserLink {
  vertical-align: top;
}

.fileBrowserImage {
  vertical-align: text-top;
}

.priceDefinition {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

/* Stile für Widgets */

.widget {
	position: absolute;
	padding-top: 0px;
	max-width: 450px;
	max-height: 450px;
	overflow: auto;
	background-color: #DEDEDE;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}


.widgetColorPicker {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 460px;
	height: 330px;
	overflow: hidden;
	background-color: #DEDEDE;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}

.widgetMenu {
	border-bottom : 1px solid #000000;
	margin: 0px;
	padding-bottom : 19px;
	padding-left : 10px;
}

.widgetMenu ul, .widgetMenu li	{
	display : inline;
	list-style-type : none;
	margin: 0px;
	padding: 0px;
}

	
.widgetTabLink {
	background : #ffffff;
	border: 1px solid #000000;
	color: #666;
	float: left;
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.widgetCloseButton {
	float: right;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #333333
}

.innerWidget {
	background-color: white;
	margin-top: 0px;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.innerWidgetColorPicker {
	background-color: white;
	height: 267px;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.adminMainTitle {
	margin: 20px 0px 20px 0px;
	font-weight: bold;
	font-size: 16px;
}

.adminTitle {

}

.blockCalendarTooltip {
	background-color: #C0C0C0;
	padding: 3px;
	border: 1px solid black;
	text-align: left;
}

.blockCalendarTitle {
	background-color: #B1D631;
	color: white;
	font-size: 9px;
	font-weight: bold;
	padding: 2px; 
}

.blockCalendarContent {
	font-size: 9px;
}

/*** swfUpload Styles ***/

#SWFUploadForm {
	margin: 0px;
	padding: 0px;
}

#fsUploadProgress {
	margin: 0px;
	padding: 0px;
}

#divStatus{
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

#swfUploadButtonContainer{
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}

#btnCancel{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	width: 100px;
	height: 25px;
	vertical-align: middle;
}

#SWFUpload_0{
}

.uploadifyQueueItem {
  padding: 5px 5px 5px 0px;
}

/* CSS-Klasse für Hervorhebung einer Zeile im treeEditor */
.adminHoverLine {
	background-color: transparent;
	height: 2em;
}

.adminHoverLine:hover {
	background-color: #afafaf;
	font-weight: bold;
	height: 2em;
}

.input_readonly {
  background-color: #DEDBDE; 
  border: 1px solid transparent;
  vertical-align: top;
}

.input_editable {
  background-color: #FFFFFF; 
  border: 1px solid #464646;
}

.calendarDayNormal {
  text-align: center;
  cursor: pointer; 
  background-color: #FFFFFF;
  font-size: 11px;
}

.calendarDayNormal:hover {
  cursor: pointer; 
  text-align: center; 
  background-color: gray;
}

.calendarDayWeekend {
  text-align: center;
  cursor: pointer;
  font-weight: bold; 
  background-color: #C6C6C6;
  font-size: 11px;
}

.calendarDayWeekend:hover {
  text-align: center;
  cursor: pointer;
  font-weight: bold; 
  background-color: gray;
}

.calendarDayUnused {
  color: #C6C6C6; 
  text-align: center; 
  background-color: #FFFFFF;
  font-size: 11px;
}

.calendarDayToday {
  cursor: pointer; 
  text-align: center; 
  border: 1px solid #FF0000;
  background-color: #F3F3F3;
  font-weight: bold;
}

.imgIconTrans {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.imgClickIcon16x16 {
	border: 0px none transparent;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.permaChooserTypeDiv {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.permaChooserTypeUL {
	list-style: none outside none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.permaChooserLinkLi {
	color: green;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

.permaChooserNoLinkLi {
	color: red;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Anfang CSS-Klassen für Erweiterung 'literature' */
.pageLiteratureResultOdd {
	background-color: #cccccc;
}

.pageLiteratureResultEven {
	background-color: #aaaaaa;
}

.pageLiteratureFirstCell {
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}

.pageLiteratureSecondCell {
	vertical-align: top;
	text-align: left;
}

.pageLiteratureShowSpacerTR {
	height: 10px;
}
.pageLiteratureShowLabelCell {
	vertical-align: top;
	text-align: left;
	padding: 2px;
}

.pageLiteratureShowContentCell {
	vertical-align: top;
	text-align: left;
	padding: 2px;
}
/* Ende CSS-Klassen für Erweiterung 'literature' */

/* Anfang CSS-Klassen für Erweiterung 'configLayout' */
.configLayoutBlockCell {
	text-align: center;
	vertical-align: top;
	border: 1px black solid;
/*	margin: 2px;*/
	background-color: transparent;
}


.configLayoutBlockCell:hover {
	text-align: center;
	vertical-align: top;
	border: 1px black solid;
/*	margin: 2px;*/
	background-color: #DFDFDF;
}

.configLayoutBlockCellSpecial {
	text-align: left;
	vertical-align: top;
	border: 1px black solid;
/*	margin: 2px;*/
	background-color: transparent;
}

.configLayoutBlockCellSpecial:hover {
	text-align: left;
	vertical-align: top;
	border: 1px black solid;
/*	margin: 2px;*/
	background-color: #DCDCDC;
}

.configLayoutTable {
/*	border-collapse: collapse;*/
	border: 2px solid #61686E;
	/*margin: 5px;*/
}

.configLayoutBold {
	font-weight: bold;	
}
/* Ende CSS-Klassen für Erweiterung 'configLayout' */

/* CSS-Klassen für die Darstellung des 'in Bearbeiten' (adminseitig) */
.inEditDiv {
	padding: 5px;
	border: 1px #61686E solid;
	background-color: #DFDFDF;
	margin-bottom: 10px;
}

.inEditLabel {
	font-weight: bold;
}

.inEditName {
	font-style: italic;
}
/* Ende CSS-Klassen für die Darstellung des 'in Bearbeiten' (adminseitig) */

.treeEditorLangStatusIcon {
	border: 0px transparent none;
	margin-left: 10px;
	width: 12px;
	height: 12px;
	margin-bottom: -2px;
}

/* neue CSS-Klassen für Darstellung von Einträgen, die moderiert sind */
.listFieldTitlePresenter {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #005500;
	text-align: left;
	overflow: hidden;
}

.listFieldEntryPresenter {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #888888;
	background-color: #CCCCCC;
	vertical-align: top;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
}

.pageLoginLabel {
	margin-top: 10px;
	font-weight: bold;
}

.pageLoginInput {
}

.messageOneInput {
	margin: 0px 0px 10px 0px;
}

.messageLabel {
	font-weight: bold;
	padding:  0px 0px 5px 0px;
}

.avatarImageStandard {
	width: 80px;
	border: 1px solid rgb(51, 51, 51);
}

.avatarImageListStandard {
	width: 40px;
	border: 1px solid  rgb(51, 51, 51);
	padding: 3px;
	margin: 3px 0px 0px 0px;
	background-color: #ffffff;
}

/*.avatarImageListStandard:hover {
	width: 120px;
	border: 1px solid  rgb(51, 51, 51);
	position: absolute;
	z-index: 100;
	padding: 5px;
	margin: 10px;
	background-color: #ffffff;
}*/

.avatarImageBlockUserProfile {
	width: 160px;
	border: 1px solid  rgb(51, 51, 51);
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
}

.avatarImageInComments {
	width: 60px;
	margin: auto 5px auto 0px;
	padding: 3px;
	border: 2px solid #9F997D;
	background-color: #ffffff;
}

.sharedDisplayLink {
	text-decoration: underline;
	cursor: pointer;
}

.shopPortalWatchlistActive {
  font-size: 14px;
  font-weight: bold;
  color: red;
	cursor: pointer;
}

.shopPortalWatchlistInactive {
  font-size: 14px;
  font-weight: bold;
  color: #4c6488;
	cursor: pointer;
}

.shopPortalMultiSearchHeader {
	background-color: #eeeeee;
	font-weight: bold;
	border-top: 2px solid #4C6488;
	width: 100%;
	height: 24px;
	text-align: center;
}

.shopPortalMultiSearchInactive {
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 2px solid white;
	border-right: 0px solid white;
	border-left: 2px solid white;
	border-top: 0px solid white;
/*	width: 200px;*/
	float: right;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
}

.shopPortalMultiSearchActive {
  background-color: #eeeeee;
	color: #4C6488;
	font-weight: bold;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	border-left: 0px solid white;
	border-top: 0px solid white;
	width: 200px;
	float: left;
	padding: 5px;
}

.forumHeader {
  border: 1px solid #999999;
  padding: 5px;
/*  width: 100%;*/
}

.forumBreadcrumbs {
  width: 100%;
  background-color: #999999;
}

.backgroundChapterTabs {
/*  width: 100%;*/
  background-color: #ffffff;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.forumTabInactive {
	background-color: #EEEEEE;
	color: #4C6488;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 0px solid #999999;
	border-top: 1px solid #999999;
	/* width: 200px; */
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px -1px 0px;
	cursor: pointer;
}

.forumTabActive {
  background-color: #ffffff;
	color: #999999;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #999999;
	border-left: 0px solid #999999;
	border-top: 1px solid #999999;
	/* width: 200px; */
	float: left;
	padding: 5px;
	margin: 0px 0px -1px 0px;
}

.chapterDescription {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 5px;
}

.sectionControlButtons {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 5px;
}

.sectionForum {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 5px;
  margin-bottom: 10px;
}

.shopItemDetailsVariantLabel {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	padding-right: 20px;
}

.shopItemDetailsVariantText {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
}
.shopItemOverviewBG {
}

.shopItemOverviewBG:hover {
}

.shopItemOverview2BG {
}

.shopItemOverview2BG:hover {
}

/*BEGIN Styles für jquery Upload*/
.uploadifyQueue {
  background-color: transparent;
  padding: 5px 5px 5px 0px;
  margin: 2px 0px 2px 0px;
}

.cancel {
  float: left;
  padding-right: 10px;
}

.fileName {
}

th {
	background-color: #CCCCCC;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.uploadQueueOuter {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-bottom: 10px;
	padding: 10px;
	max-width: 350px;
}

.btnCancel {
	float: right;
	cursor: pointer;
}

.uploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
	height: 5px;
}
.uploadProgressBar {
	background-color: #0099FF;
	height: 3px;
}

.theFont {
  font-family: verdana,sans-serif;
}

.uploadButton,.swfupload {
  background-color: #f0f0f0;
  border: 2px solid #333333;
  color: #4C6488;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding-left: 50px;
  margin-bottom: 10px;
  width: 217px;
  height: 27px;
}

/*END Styles für jquery Upload*/

.ui-datepicker-trigger {
  cursor: pointer;
  vertical-align: bottom;
  width: 24px;
}

.ui-autocomplete-loading {
	background: white url(../images/site/wait2.gif) right center no-repeat;
}

/* DropDown für jQuery-Autocomplete-DropDown */
.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/*Styles für Besucher-Statistiken*/

.statsListBox {
  width: 100%;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #61686E;
  margin-bottom: 10px;
}

.statsDataCells {
  text-align: left;
  padding: 0px 5px 0px 10px;
  vertical-align: top;
}

/*Bildupload Artikel*/

.darkCutArea {
	position: absolute;
	background: url(../images/site/transwhite.png) transparent scroll repeat left top;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	z-index: 5;
	display: none;
}

.cutArea {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	cursor: move;
	z-index: 20;
	/* fix for IE7, leeres <div>mit enthaltenem <img> wird nicht als draggable erkannt! */
	background-color: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}

.handleCorner {
	position: absolute;
	background-color: #000000;
	width: 9px;
	height: 9px;
	z-index: 25;  /* z-index höher als cutArea! */
	display: none;
	cursor: nwse-resize;
}

.handleCorner1 {
	position: absolute;
	background-color: #000000;
	width: 9px;
	height: 9px;
	z-index: 25;  /* z-index höher als cutArea! */
	display: none;
	cursor: nesw-resize;
}

.textButtonNormal {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	cursor: pointer;
}

/* Referenzimplementation: button mit Klasse falls disabled */
button[disabled].textButtonNormal {
	font-size: 11px;
	font-weight: 200;
	text-decoration: none;
	color: #777777;
	cursor: auto;
	padding: 0px;
}

.VariantDefinitionNormal {
	background-color: white;
}

.VariantDefinitionMarked {
	background-color: red;
}

.shopDetailsViewPriceNone {
	display: none;
}

.shopDetailsViewPriceNormal {
	font-size: 14px;
	font-weight: bold; 
}

.shopDetailsViewPriceStrike {
	font-size: 14px;
	font-weight: bold;
	text-decoration: line-through;
}

.shopDetailsViewSpecialPriceNone {
	display: none;
}

.shopDetailsViewSpecialPriceNormal {
	font-size: 14px;
	font-weight: bold;
	color: #e8302c;
}

/*Layout für Animated Overlay Base*/

.animatedOverlayOuter {
  text-align: left;
  border: 5px solid #aaaaaa;
  background-color: #FFFFFF;  
}

.animatedOverlayHeader {

}

.animatedOverlayHeaderInner {
  background-color: #DEDFDF;
  padding: 5px 5px 5px 5px; 
}

.animatedOverlayContent {
}

/*Layout Overlay für Bildanzeige*/

.PictureShowInner {
	text-align: left;
	display: block;
	border: 5px solid rgb(170, 170, 170);
	position: absolute;
	background-color: rgb(255, 255, 255);
	z-index: 43;
	position: fixed;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
	zoom: 1;
}

.PictureShowTitleBar {
	background-color: rgb(222, 223, 223);
	width: 100%;
	height: 25px;
	overflow: hidden;
	zoom: 1;
}

.PictureShowTitle {
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	zoom: 1;
}

.PictureShowCloseButton {
	text-align: right;
	float: right;
/*
	padding-top: 5px;
	padding-right: 5px;
*/
	margin: 5px;
	width: 28px;
	height: 15px;
	background-image: url(../images/site/icons/close.gif);
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	zoom: 1;
}

.PictureShowControlDiv {
	position: absolute;
	bottom: 30%;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.PictureShowBG {
	z-index: 42;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	zoom: 1;
}

.PictureShowPopup {
	text-align: left;
	z-index: 42;
	width: 100%;
	height: 100%;
	background: none repeat scroll 0% 0% rgb(0, 0, 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
}

.PictureShowContentDiv {
	overflow: auto;
	background-color: rgb(255, 255, 255);
	/*	padding: 10px; */
	padding: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}

.PictureShowImg {
	/* width: 100%; */ /* auskommentiert von CB am 24.05.2011: zerstört Artikelbildanzeige im Overlay unter Chrome */
	/* height: 100%; */ /* auskommentiert von CB am 24.05.2011: zerstört Artikelbildanzeige im Overlay unter Chrome */
	border: 0px none transparent;
	margin: 0px;
	padding: 0px;
}

.PictureShowControlPrevDiv {
	position: absolute;
	left: 0px;
	bottom: 30%;
	float: left;
	text-align: left;
	padding: 5px;
	border-top: 2px solid #aaaaaa;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	background-color: #FFFFFF;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
}

.PictureShowControlPrev {
	width: 16px;
	height: 16px;
	background-image: url(../images/site/control_rewind_blue.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px none transparent;
	cursor: pointer;
	padding: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
}

.PictureShowControlNextDiv {
	position: absolute;
	right: 0px;
	bottom: 30%;
	float: right;
	/* margin-right: 20px; */
	margin: 0px;
	text-align: right;
	padding: 5px;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	background-color: #FFFFFF;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
}

.PictureShowControlNext {
	width: 16px;
	height: 16px;
	background-image: url(../images/site/control_fastforward_blue.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px none transparent;
	cursor: pointer;
	padding: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
}

#PictureShowDescDiv {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-color: lightgray;
	z-index: 45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	zoom: 1;
}

#PictureShowDesc {
	padding: 5px;
}

.PictureShowInput {
	margin: 0px;
	padding: 0px 3px 0px 0px;
	vertical-align: middle;
}

#PictureShowSlideshowControlDiv {
	font-size: 11px;
	float: right;
	padding: 5px 0px 0px 0px;
}

.PictureGalleryPicturesLi {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #61686E;
	width: 500px;
	cursor: n-resize;
}

.PictureGalleryPicturesLiNew {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #61686E;
	width: 500px;
	background-color: red;
	cursor: n-resize;
}

/*Layout für die Pageansicht der Bildergalerie*/

.galeryTeaser {
  background-color: #FFF;
  padding: 5px;
}

.galeryOnePicture {
  cursor: pointer;
  margin: 0px 10px 10px 0px;
  border: 1px solid #333333; 
  padding: 5px;
  float: left;
  background-color: transparent;
}

.PictureDescText {
  font-size: 12px;
  color: black;
  font-weight: bold; 
}

.shopAddressFormOuter {
	width:490px;
	padding-right: 10px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.shopAddressFormOuterView {
	padding-right: 10px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.shopAddressFormLabel {
	padding-bottom: 5px;
	font-weight: bold;
}

.footnote {
	margin: 5px 0px 5px 0px;
	font-size: 11px;
	font-style: italic;
}

.shoppingCartTaxInfo {
	font-size: 9px;
}

.ShopActionText {
  padding: 10px 0px 0px 0px;
  color: red;
  font-weight: bold;
}

.pageClonesiteResultRowEven {
  background-color: #eeeeee;
}

.pageClonesiteResultRowOdd {
  background-color: #dddddd;
}

.ImageCropperLogoContainerDiv {
	width: 100%;
	height: 600px;
	overflow: auto;
}

.EuromodaStartpageList {
	list-style-position: outside;
	list-style-image: url(../images/site/custom/euromoda/list-field-option.png);
  margin-left: 3px;
  padding-left: 24px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 25px;
}

.EuromodaStartpageListMore {
	list-style-position: outside;
	list-style-image: url(../images/site/custom/euromoda/list-field-option-more.png);
  margin-left: 3px;
  padding-left: 24px;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 20px;
}

.EuromodaStartpageListing {
  line-height: 2.0em;
  color: #191919;
}

input[readonly] {
	background-color: transparent;
	border: none;
	/* width: 100%; */ /* auskommentiert von CB am 09.06.2011, zerstört Layout für addDynamicArea in Extension gasprice */
}

textarea {
}

textarea[readonly] {
	background-color: lightgrey;
}

.statusTabNormal {
	margin: 0px -15px 0px 0px;
	color: #ffffff;
	float: left;
	background: url(../images/site/custom/euromoda/statusTabNormal.png) no-repeat left top transparent;
	width: 142px;
	height: 28px;
	position: relative;
}

.statusTabActive {
	margin: 0px -15px 0px 0px;
	color: #ffffff;
	float: left;
	background: url(../images/site/custom/euromoda/statusTabActive.png) no-repeat scroll left top transparent;
	width: 142px;
	height: 28px;
	position: relative;
}

.statusTabVisited {
	margin: 0px -15px 0px 0px;
	color: #ffffff;
	float: left;
	background: url(../images/site/custom/euromoda/statusTabActive.png) no-repeat left top transparent;
	width: 142px;
	height: 28px;
	position: relative;
}

/* Overlay für Bilddarstellung in Inhaltsseiten Test von Martin... */
#lightbox {
	position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
  
#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer>#hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:../images/site/gif;base64,AAAA); /* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover, #prevLink:visited:hover {
  background: url(../images/site/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
  background: url(../images/site/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%; 
}

#imageData {
  padding:0 10px;
  color: #666;
}

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}
	
#imageData #caption {
  font-weight: bold;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
			
#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}	 	

#overlay {position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}
/* END Test von Martin... */

.msgLogout{
  margin: 50px auto 50px;
  padding: 20px;
}

.toolboxBase {
	position: absolute;
	left: 200px;
	top: 150px;
	width: 300px;
	/* height: 400px; */
	z-index: 1000;
	background-color: blue;
	color: white;
}

.blockRightAdmin {
	float: left;
	text-align: left;
}

.linkbutton {
  background: url(../filepool/site/sitelayout/bullit-point-wg-lv3.png) top left no-repeat transparent;
  padding: 1px 0px 0px 12px;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border: none; 
}

.linkbutton:hover {
  background: url(../filepool/site/sitelayout/bullit-point-wg-lv3.png) top left no-repeat transparent;
  padding: 1px 0px 0px 12px;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  border: none;
}

.linkbutton:active {
  background: url(../filepool/site/sitelayout/bullit-point-wg-lv3.png) top left no-repeat transparent;
  padding: 1px 0px 0px 12px;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  border: none;
}

.clientsCenterRight{
  -moz-border-radius: 4px 4px 4px 4px;
  background-color: #D8D9D9;
  border: 1px solid #333333;
  margin: 0px 0 0 25px;
  padding: 10px;
}

.searchResultsTabNormal {
	border: 1px solid silver;
  margin: 0px;
  padding: 10px 20px;
	float: left;
	background-color: #D8D9D9;
}

.searchResultsTabActive {
	border: 1px solid silver;
	border-bottom: 1px solid white;
  margin: 0px;
  padding: 10px 20px;
	float: left;
	background-color: transparent;
}

.searchResultsTabVisited {
	border: 1px solid silver;
  margin: 0px;
  padding: 10px 20px;
	float: left;
	background-color: #D8D9D9;
}

.ProgressBarTextDiv {
	font-weight: bold;
	font-size: 11px;
}

.ProgressBarContainer {
/* Breite wird per PHP gesetzt */
    background-color: #F5F5F5;
    border: 2px solid #E5E5E5;
    font: 11px Verdana,Geneva,sans-serif;
    margin-bottom: 10px;
    padding: 10px;
}

.ProgressBar {
	width: 0px;
	height: inherit;
	background-color: #0099FF;
}

.ProgressBarOuter {
    background-color: #FFFFFF;
    border-color: #808080 #C5C5C5 #C5C5C5 #808080;
    border-style: solid;
    border-width: 1px;
    height: 5px;
    margin-top: 10px;
    width: 100%;
}

.ProgressBarDetails {
	margin: 10px 0px 0px 0px;
	border-color: #808080 #C5C5C5 #C5C5C5 #808080;
  border-style: dotted;
  border-width: 1px;
	max-height: 150px;
	overflow: auto;
	display: none;  /* per default unsichtbar, wird von PHP aktiviert */
}

.listFieldBillingPayed {
	color: green;
	font-weight: bold;
}

.listFieldBillingOpen {
	color: red;
	font-weight: bold;
}


.loginMenuNormal {
	color: black;
	font-weight: bold;
	font-style: normal;
}

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

.loginMenuActive {
	color: black;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
}

.loginMenuDetailUL {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 28px;
}

.loginMenuDetailNormal {
	margin: 3px 0px;
	font-style: normal;
	cursor: pointer;
}

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

.loginMenuDetailActive {
  margin: 3px 0px;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
}

.UserNotificationCount {
}

.UserNotificationList {
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: bold;
}

.listShopItemImageHoverContainer {
	position: absolute;
	width: 16px;
	height: 20px;
	background-color: #ffffff;
}

.listShopItemImageHover {
	background-color: #ffffff;
	position: absolute;
	width: 14px;
	height: 18px;
	border: 1px gray solid;
	padding: 3px;
	cursor: sw-resize;
}

.tdFormatPrice {
	text-align: right;
}

.tdFormatTotalPrice {
	text-align: right;
	font-weight: bold;
}

.SearchWordsAutoSuggestDiv {
	float: left;
	width: 190px;
	height: 32px;
	display: block;
	background-color: #EEEFFF;
	border: 1px solid #61686E;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	margin: 0px 5px 10px 5px;
	padding: 10px 0px 0px 10px;
}

.SearchWordsAutoSuggest {
  margin: 0px 10px 0px 0px;
}

.divFloatClear {
	height: 0px;
	clear: both;
}

.divHidden {
	display: none;
	height: 0px;
}

.cssRatingStarsBackground,
.sprite-star0,
.sprite-star1,
.sprite-star2,
.sprite-star3,
.sprite-star4,
.sprite-star5 {
background: url(../images/site/images_rating/cssSpriteStars.png) no-repeat scroll 0.0 transparent;
width: 143px;
height: 25px;
/* float: left; */
}

.sprite-star0 {background-position: 0px 0px; }
.sprite-star1 {background-position: 0px -25px; }
.sprite-star2 {background-position: 0px -50px; }
.sprite-star3 {background-position: 0px -75px; }
.sprite-star4 {background-position: 0px -100px; }
.sprite-star5 {background-position: 0px -125px; }

.ratingUserTR {
	vertical-align: top;
}

.ratingUserCriteriaCell {
	text-align: left;
	vertical-align: top;
	padding: 5px 0px;
}

.ratingUserRadioCell {
	text-align: center;
	vertical-align: top;
	padding: 5px 0px;
}

.ratingCriteriaInfotext {
	position: absolute;
	padding: 5px 10px;
	border: 1px solid #999999;
	-moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
	z-index: 10;
	left: 10px;
	top: 10px;
	background-color: #dddddd;
	border: 1px solid #999999;
	overflow: visible;
}

.ratingTabHeaderNormal {
	background-color: #dddddd;
	border: 1px solid #999999;
	float: left;
	padding: 5px 10px;
	margin: 0px 5px 0px 0px;
	cursor: pointer;
}

.ratingTabHeaderActive {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-bottom: 1px solid #ffffff;
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 0px 0px;
}

.ratingTabHeaderLabel {
	font-size: 14px;
	font-weight: bold;
}

.ratingTabContent {
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 99%;
	margin: -1px 0px 0px 0px;
}

.ratingDivUserComment {
	margin: 10px 10px 10px 10px;
	padding: 5px 10px;
	border: 1px solid #999999;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.ratingDivAdminComment {
	margin: -10px 20px 5px 20px;
	padding: 5px 10px;
	border-top: 0px solid #e95470;
	border-left: 1px solid #e95470;
	border-bottom: 1px solid #e95470;
	border-right: 1px solid #e95470;
	background-color: #f3f3f3;
	-moz-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}

.commentBubble {
  background: url(../images/site/images_rating/bubble.png) no-repeat scroll left top transparent; 
  text-align: left;
  cursor: pointer;
  font-size: 11px;
  padding: 3px 8px 0px 5px;
  margin: 0px 0px 0px 7px;
  width: 168px;
  height: 78px;
}

/*
	CSS-Klasse displayNGWaitxx: derzeit nur verwendet in module.element.displayNG.rating.user.tpl (CB, 19.07.2011)
*/
.displayNGWaitDiv {
	background-color: silver;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	display: block;
	z-index: 10;
}

.displayNGWaitTable {
	width: 100%;
	height: 100%; /* funktioniert nicht im IE 7 (Fakemode), wird ignoriert CB, 19.07.2011 */
	text-align: center;
	vertical-align: middle;
}

.formatCellCurrency {
	text-align: right;
	white-space: nowrap;  /* Vermeiden eines Zeilenumbruchs vor EUR-Zeichen */
}

.formatCellSumCurrency {
	text-align: right;
	white-space: nowrap;  /* Vermeiden eines Zeilenumbruchs vor EUR-Zeichen */
	font-weight: bold;
	text-decoration: underline;
}

.formatCellAmount {
	text-align: center;
}

.formatCellSumAmount {
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}

#TimoutReminderDiv {
  background-color: #D8D9D9;
  border: 1px solid #B21E8D;
  border-radius: 4px 4px 4px 4px;
  margin: 15px 0 0 25px;
  padding: 10px;
	position: fixed;
	z-index: 10;
	left: 10px;
	top: 10px;
	width: 250px;
	height: auto;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
}

#adminLogin {
  display: none;
  height: 0px;
  background-color: #D8D9D9;
  border-bottom: 1px solid #333333;
  color: black;
  padding: 3px;
  margin: 0 0 5px 0;
}

.ShopItemByTypeOverviewA {
	text-decoration: none;
	cursor: default;
}

.ShopItemByTypeOverviewA:hover {
	text-decoration: none;
	cursor: pointer;
}