/*  --------------------------------------------------------------- */
/*              Globals                                             */
/*  --------------------------------------------------------------- */

body {background-color:#FFF; color:#000; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
body {font-size: 12px;} 

textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.0em;}

body,table,input,textarea,select { margin:0; padding:0;}

input,textarea,select,.mimicInput {margin:0px; padding:2px; border:1px solid white;background-color:#FFF;}  /* */


form, div, a {margin: 0; padding: 0;}
table        {border-collapse:collapse;}
img          {border:0;}

a        {color:#4A657F; word-spacing:2px;}  
a:active {}
a:hover  {text-decoration:underline;}

/* h1 {margin:10px 0 0 10px; padding:0px;} */
h1 {margin:10px 0 0 0; padding:0px; font-size:1.2em; font-weight:bold;}
h2 {margin:5px 0 0 0; padding:0px; font-size:1.1em; font-weight:bold;}
h3 {margin:2px 0 0 0; padding:0px; font-size:1.0em; font-weight:bold;}

.paragraph {font-weight:bold; color:#FF0000;}

/* is only for making setting the font-size */
.makeAllSmaller {font-size:0.75em;}
.manipulateButtonsContainer {font-size:0.75em;}

/*  -------------------------------------- */
/*              Footer                     */
/*  -------------------------------------- */
#footerBody {color:#FF0000; font-size:22px;}
.textLinkPoweredBy {margin:1px 0 1px 0; padding-left:8px; overflow:hidden;}
.textLinkPoweredBy a {text-decoration:none;}
.textLinkPoweredBy a:hover {text-decoration:underline; color:#EE3638; }

/*  -------------------------------------- */
/*              Loading-Div                */
/*  -------------------------------------- */
/* --  loading_div is used in:          -- */
/* --  Import:        manualImages      -- */
/* --  Projektmappen: edit              -- */
/* --  Search:        BildSuche         -- */
.loading_div {width:100px; height: 20px; padding:5px; font-size:0.75em;
              font-weight:bold; color:#FF0000; background-color:#FFF4F4;}

.infoFooter {margin:2px; padding:2px; font-size:0.8em;}

/* define userVariable */
.userVariable {margin:2px; padding:2px; font-size:1.0em;}

/*  --------------------------------------------------------------- */
/*              Welcome                                             */
/*  --------------------------------------------------------------- */
/*              Welcome-Head               */
/*  -------------------------------------- */
.bildSucheHeadDiv {margin:5px 0 0 0; overflow:hidden; text-align:center; font-size:0.75em;}
.topMenuBG {height:58px; background:url(fotos_topmenu.png) no-repeat center;}
.topMenuSeparator {border-bottom:1px solid #91E3F2;}

.textLinkPoweredBy {font-size:0.4363em; font-weight:normal; text-decoration:none;}

.topMenuButton {padding:1px 5px 0px 5px; display:block; font-weight:bold;
                text-decoration:none; color:#000; border:0px;}
.topMenuButton:hover {text-decoration:none;}

/*  -------------------------------------- */
/*              Welcome-Left               */
/*  -------------------------------------- */
/* welcomeLeft is a body-class                     */
.welcomeLeft {}
/*   because of FF and IE different handling of padding and margin       */
/*   we adjust the welcomeText via padding of the containerTable of it   */
/*   pay attention of the "10px" difference between left and right       */
.welcomeLeft table tr td {padding-left:10px; padding-right:20px;} 

.logoPoweredBy {margin:30px 20px 20px 20px; text-align:right;}

/*  --------------------------------------------------------------- */
/*              Search                                              */
/*  --------------------------------------------------------------- */
.searchBody {margin:0;}
.contentBox {padding:0 0 0 10px; border:1px solid #91F0F2; background-color:#FFF; font-size:0.75em;}

/*  -------------------------------------- */
/*              Search-Views               */
/*  -------------------------------------- */

.outputMiniViewTitle {width:55px; font-weight:bold; white-space:nowrap; overflow:hidden;}

.minithumb {
  float: left;
  overflow: hidden;
  margin: 8px 0px 0px 8px;
  padding:0 0 2px 0;          /* 2px to bottom for dpi-output */
  width: 110px;
  /*height: 140px;*/
  font-size:0.75em;
  background-color:#E5E5E5;
 /* border: 1px solid #93EAFB; */
}

.outputStandardViewTitle {width:138px; font-weight:bold; line-height:14px; white-space:nowrap; overflow:hidden;}
.outputStandardViewThema {width:160px; font-weight:normal; line-height:14px; white-space:nowrap; overflow:hidden;}

.maxithumb {
  float: left;
  overflow: hidden;
  margin: 8px 0px 0px 8px;;
  padding:0 0 2px 0;          /* 2px to bottom for dpi-output */
  width: 160px;
  height: 200px;
  font-size:1em;
  background-color:#E5E5E5;
  color:#666666;
  /* border: 1px solid #E5E5E5; */
  
}

.allInfoThumb {margin:8px 8px 18px 10px; padding:0px; background-color:#E5E5E5; }



/*  --------------------------------------------------------------- */
/*              Editor AND GroupEditor-Stuff                        */
/*  --------------------------------------------------------------- */

/*  for Internet Explorer / Firefox Extra-Wurst                     */
/*                                                                  */
/*  normaly it would be:                                            */
/*      "class=mimicInput"                                          */
/*      "style={width:236px; min-height:18px; padding:0px;}"        */
/*                                                                  */
/*  BUT IE doesn't know "min-heigth"                                */
/*  SO we declare "height:18px" wich leads to a "min-height" effect */
/*  in Internet Explorer                                            */
/*  BUT in Firefox is results in a "max-height"-effect              */
/*  SO we use an own class with the IE Tan-Hack                     */

.multiLinkSchlagwortHack {
margin:2px 0 2px 0; padding:2px; border:1px solid #7F9DB9; background-color:#FFF;   /* copy of mimicInput */
width:236px; min-height:18px; padding:0px;}                                         /* normaly used style */
/* for Internet Explorer */ /*\*/ * html .multiLinkSchlagwortHack {height:18px;} /**/

/* end of Internet-Explodierer / Firefox - Extra-Wurst              */


/*  --------------------------------------------------------------- */
/*              GroupEditor-Stuff                                   */
/*  --------------------------------------------------------------- */
.outputSelectionHeadline {font-weight:bold;}



/*  --------------------------------------------------------------- */
/*              Editor-Stuff                                        */
/*  --------------------------------------------------------------- */
.imageuploadBildinformationenOutput {width:160px; overflow:hidden;}

.msCheckBox {border:0px; background:transparent; font-family:monospace;}

/* for Internet Explorer:                                           */
/* background:transparent does not work ...                         */
/* so we have to make checkBoxes with "correkt" background-colors   */

table.editorMSCheckBoxContainer {border-collapse:collapse;}
.editorMSCheckBoxContainer td {padding:4px;}
/* for Internet Explorer */ /*\*/ * html .editorMSCheckBoxContainer td {padding:0;} /**/
.editorMSCheckBoxContainer input {margin:0px; padding:0px; border:0; background:#E6F0F2; font-family:monospace;}

/* end of Internet-Explodierer-Extra-Wurst                          */


/*  --------------------------------------------------------------- */
/*              Upload-Stuff                                        */
/*  --------------------------------------------------------------- */

.fileUploadContainer {height: 82px; overflow: auto;}
.fileUploadContainer input {margin:0; padding:0;}       /* font-size: 12px; border: 1px solid green; */
.fileUploadForm input {}                                /* font-size: 10px; */
input.fileUploadFormSubmit {}                           /*font-size: 12px;*/

.fileUploadPreviewContainer {height:110px; border-collapse:collapse; overflow:auto;}
/* for Internet Explorer */ /*\*/ * html .fileUploadPreviewContainer {height:110px;} /**/

.fileUploadPreview {width:85px; height:100px; margin:0px 4px 4px 0px; float: left; background-color: #FFF;}
/* for Internet Explorer */ /*\*/ * html .fileUploadPreview {height:102px;} /**/

.fileUploadPreview table {width:70px; height:70px;}     /*  border: 1px solid #000000; */
.fileUploadPreview td {vertical-align:middle; text-align:center;}

.fileUploadPreview span {font-size: 12px;}          /* --- file-info (e.g. jpg 200kb)in preview thumb --- */
.fileUploadPreview a {border:0px;}

.fileUploadPreview a.removelink {                               /* --- delete button of preview thumb --- */
  font-weight: normal;
  text-align: center;
  height: 12px;
  padding: 0px 2px 2px 2px;
  margin:2px 0px 1px 2px;
  color: #F00;
  background:#FFF;
  border: 1px solid #1B6586;
  font-weight: bold; 
  font-size:10px;
  text-decoration: none;
  line-height:20px;
}
.fileUploadPreview a.removelink:hover {background:#E6F0F2; text-decoration:none;}

.fileUploadPleaseWait {background:url(../../gfx/uploadprogress.gif) no-repeat #EEF3F4;} /*  background-position: 182px 16px; */


/*  --------------------------------------------------------------- */
/*              FullView                                            */
/*  --------------------------------------------------------------- */
/*      for correct font-sizing we have to correct the zoomButtons too                                          */
/*      we got 2 zoomMenus                                                                                                                                      */
/*                                              - one in the menu                                                                                               */
/*                                              - one when hovering over the image                                                              */
/*      the sizes of both are not equal !                                                                                                       */
/*      because, the one in menu is affected by menu its CSS settings                                           */
/*      to fit the one "over the image"                                                                                                         */
/*                                      - we got no covering element, so we use class zoomButton directly       */
/*                                      which influenses the one "in menu" too                                                          */
/*                                      but in menu (handmade - no script) we can build a container around  */
/*                                      - there we stretch the font-size                                                                        */
.zoomButtonContainer {font-size:1.3em;}

/*      settings for NaviMenu (onMouseOver and in menu of fullview)                                             */
.zoomButton {height:14px; /*font-size:0.75em; */ border:1px solid #818382; background-color: #ccc;}
.zoomButton a {width:12px; height:12px; padding:1px; display:block; line-height:11px; border:1px solid #818382; font-weight:bold; text-align:center; text-decoration:none;}
.zoomButton a:hover {background-color:#eee; text-decoration:none;}

/*  --------------------------------------------------------------- */
/*              Anfragen                                            */
/*  --------------------------------------------------------------- */
.anfragenTable {width:100%; font-size:0.75em;}
.anfragenTable td {padding:6px 10px 4px 10px; border:1px solid #91F0F2; background-color:#FFF;}
.anfragenTableHead td {padding:4px 10px 4px 10px;}
.anfrageUserLink {text-decoration:none;}
.anfrageUserLink:hover {text-decoration:underline;}

.anfrageImageThumbContainer {width:70px; height:40px; overflow:auto;}
.anfrageImageThumb {margin:3px 0 7px 0;}
.anfrageImageThumb img {width:50px;}


/*  --------------------------------------------------------------- */
/*              Anfragen                                            */
/*  --------------------------------------------------------------- */
/* if we wanna change the font-size of the output text, we have to  */
/* care about the "Donwload >>" Link too                            */
/* --> therefore we use the Container                               */
.outputTextDivDPIHintContainer {font-size:1.0em;}
.outputTextDivDPIHint {font-weight:normal;}


/*  --------------------------------------------------------------- */
/*              Formelemente                                        */
/*  --------------------------------------------------------------- */

table.language_select {border-collapse: collapse; padding:0; border-spacing:0;margin-left:4px;}

table.language_select td {
  
  font-size:10px;
  margin:0px;
  padding:0px 0px 3px 0px;
}

a.lang_flag_default {
  font-size:10px;
  color:#5A5A5A;
  text-decoration: none;
  font-weight:bold;
  vertical-align:top;
  padding:0px;
  line-height:10px;  
  margin:0px;
  
}

a.lang_flag_default:hover {

  text-decoration:none;
  color:#3C3C3C;
}


a.lang_flag_en {
  text-decoration: none;

  font-size:10px;
  color:#5A5A5A;
  font-weight:bold;
  vertical-align:top;
  padding:0px;
  line-height:10px;
  margin:0px;
}


a.lang_flag_en:hover {  
  text-decoration:none;
  color:#3C3C3C;
}


.buttonLogoBBS {
  /* height: 12px; */
  font-size:10px;
  color:#5A5A5A;
  text-decoration: none;
  font-weight:bold;
  vertical-align:top;
  padding:0px;
  line-height:10px;  
  
}


.buttonLogoBBS:hover {

  text-decoration:none;
  color:#3C3C3C;
}



.uploadButton {border: 2px outset;}

.smallPulldown, .smallerPulldown {
    margin:0;
    padding:1px;
    border:1px solid #888888;
    margin-bottom: 3px;
    font-size: 12px;
}
.select {font-size:0.6em; height:18px; line-height:0px;}

.inputExtraLong {width:300px; margin:0 2px 2px 0;}
.inputWhiteLong {width:225px; margin:0 4px 0 0;}

.commentArea {width:380px; margin:0 2px 2px 0;}

/*  --------------------------------------------------------------- */
/*              Buttons                                             */
/*  --------------------------------------------------------------- */

.closeButtonCON {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconConnector.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonCON:hover {background-position: 20px 0px;}

.closeButtonCONactive {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconConnector.png);
  background-position: 0px 19px;
  background-repeat: repeat;
}
.closeButtonCONactive:hover {background-position: 20px 19px;}

.closeButtonKategorien {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconKategorien.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonKategorien:hover {background-position: 20px 0px;}

.closeButtonAmappen {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconAmappen.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonAmappen:hover {background-position: 20px 0px;}

.closeButtonPM {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconPmappen.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonPM:hover {background-position: 20px 0px;}

.closeButtonAutomator {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconAutomator.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonAutomator:hover {background-position: 20px 0px;}

.closeButtonPrint {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconPrint.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonPrint:hover {background-position: 20px 0px;}

.closeButtonNewImg {
  display: block;
  width: 20px;
  height: 19px;
  overflow: hidden;
  background-image: url(iconNewImg.png);
  background-position: 0px 0px;
  background-repeat: repeat;
}
.closeButtonNewImg:hover {background-position: 20px 0px;}

.editButtonSmall {
  font-weight: normal;
  display: block;
  text-align: center;
  width: 20px;
  height: 12px;
  padding: 0px;
  margin: 0px;
  color: #818382;
  border: 0px solid #818382;
  background-color: #E2E2E2;
  font-weight: bold; 
  /*font-size:10px;*/
  text-decoration: none;
}

.editButtonSmall a:hover {color:#444; border: 0px solid #444; background-color: #F2F2F2;}

.interfaceSmallRed{
  display: block;
  text-align: center;
  width: 70px;
  height: 13px;
  padding: 0px;
  margin: 0px;
  color: #CE6500;
  /* background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2; */
  border: 1px solid #CE6500;
  font-weight: bold; 
  /*font-size: 10px;*/
  text-decoration: none;
}

.interfaceSmallRed:hover {
  color: #f90;
  background-color: #F2F2F2;
  border: 1px solid #f90;
}

.interfaceGrayButton {
  font-family: arial;
  font-weight: normal;
  display: block;
  text-align: center;
  width: 70px;
  height: 16px;
  padding: 1px 2px 0px 2px;
  background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2;
  color: #006699;
  border: 1px solid #006699;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}
.interfaceGrayButton:hover {

  color: #0099CC;
  border: 1px solid #0099CC;
  background-color: #F2F2F2;
  text-decoration: none;

}

.interfaceBMIButton {
  font-weight: normal;
  display: block;
/*  text-align: center;       */
/*  width: 70px;        */
/*  height: 16px;       */
  padding: 1px 2px 0px 2px;
/*  background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2;     */
  color: #CE6500;                   /*  #1B6586;        */
  border: 0px;                      /*  border: 1px solid #1B6586;      */
  /*font-size: 13px;*/                  /*  12px;       */
  text-decoration: underline;       /*  none;       */
}

.interfaceBMIButton:hover {
  color: #000000;      /*  #268BB8;    */
/*  border: 1px solid #268BB8;      */
/*  background-color: #F2F2F2;      */
}

.interfaceLink {
display: block; 
text-align: center;
width: 70px;
height: 18px;
padding: 2px 0px 0px 0px;
/*  background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2;*/
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
/*border-right:1px solid #FFFFFF; */
background-color:#6bb9c6;
}
.interfaceLink:hover {
text-decoration:none;

}

.btnBBS {
background:#87bbf0;
height:18px;
width:18px;
color:#FFFFFF;
font-weight: bold;
text-align: center;
border-right:1px solid #ffffff;
padding:0px;
}

a.navButtonTopBBS {
background:#999999; 
color:#FFFFFF;
font-weight: bold;
font-size:10;
text-align: left;
text-decoration:none;
padding: 1px 10px 2px 10px; /* 1px 4px 2px 8px;   */
border-right:1px solid #ffffff; 
/*height:18px;*/
margin:0px;
line-height:17px;
}

.navButtonTopBBS:hover {
/* background:#CCCCCC; */
/* color:#666666; */
background:#507396;
color:#FFFFFF;
text-decoration:none;
}


a.navButtonTopSubBBS {
background:#CCCCCC;
color:#666666;
font-weight: bold;
font-size:10;
text-align: left;
text-decoration:none;
padding: 1px 10px 2px 10px; /* 1px 4px 2px 8px;   */
border-right:1px solid #ffffff; 
/*height:18px;*/
margin:0px;
line-height:17px;
}

.navButtonTopSubBBS:hover {


text-decoration:none;
}


a.navButtonHomeBBS {
background:#999999;
width:160px;
color:#FFFFFF;
font-weight: bold;
font-size:10;
text-align: left;
text-decoration:none;
padding:1px 10px 2px 25px;
border-right:1px solid #ffffff; 
/*height:18px;*/
margin:0px;
line-height:17px;
}

a.navButtonHomeBBS:hover {
/* background:#CCCCCC; */
/* color:#666666; */
background:#507396;
color:#FFFFFF;
text-decoration:none;
}

a.navButtonTopSelectedBBS {
background:#507396; 
color:#FFFFFF;
font-weight: bold;
font-size:10;
text-align: left;
text-decoration:none;
padding: 1px 10px 2px 10px; /* 1px 4px 2px 8px;   */
border-right:1px solid #ffffff; 
/*height:18px;*/
margin:0px;
line-height:17px;
}

.navButtonTopSelectedBBS:hover {
/* background:#CCCCCC; */
/* color:#666666; */

}

td.navButtonLogoCell {
/*font-size:10px; */
margin:0px; 
padding:0px 4px 3px 4px;
height:10px;



}

.interfaceLinkShort {
/*  display: block; */
  text-align: center;
/*  width: 16px;    */
/*  height: 16px;   */
  padding: 1px 2px 0px 2px;
  color: #CE6500;   /*  color: #CE6500;     */
/*  background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2;       */
/*  border: 1px solid #CE6500;      */
/*  font-weight: bold;  */
  /*font-size: 13px;*/  /*  12px;   */
  text-decoration: underline;   /*  none;   */
}

.interfaceLinkShort:hover {
  color: #000000;   /*  #f90;   */
  background-color: #F2F2F2;
/*  border: 1px solid #f90;     */
}

.navButtonActive {

  width: 16px;        
  height: 16px;       
  padding: 1px 2px 0px 2px;
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  /* border:1px solid #006699; */
  background-color:#87bbf0;
  /*background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2;   */

  
}
.navButtonActive:hover {text-decoration:none;}

.navButtonInactive {
  width: 16px;
  height: 16px;
  padding: 1px 2px 0px 2px;  
  display: block;
  text-align: center;
  line-height:16px;
  color: #999999;
  font-weight: bold;
  text-decoration: none;  
  background-color:#CCCCCC;  
  /*border:1px solid #999999;  */
}

.closeButton, .editorButton, .groupEditorButton {width: 15px; text-decoration:none; background:#FFF; font-size:12px;border: 1px solid black;}
.closeButton:hover, .editorButton:hover, .groupEditorButton:hover {background-color:#E6F0F2;}

.editLinkSmall, .removeLinkSmall {

  font-family: arial;
  
  display: block;
  text-align: center;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin: 0px;
  color: #FFFFFF;
  border: 1px solid #87bbf0;  
 /* background: url(buttonBg.png) repeat-x #E5E5E5;  /*E2E2E2*/ */
  font-weight: bold; 
  font-size:10px;
  text-decoration: none;
  background-color:#87bbf0;
}
.editLinkSmall:hover, .removeLinkSmall:hover { text-decoration: none;}

.editLinkSmallBorder {text-decoration:none; background:#FFF; border:1px solid #145A7C;}
.editLinkSmallBorder:hover {text-decoration:none; background-color:#E6F0F2;}


.interfaceLinkSmall {

  font-family: arial;  
  display: block;
  text-align: left;
  width: 70px;
  height: 16px;
  padding: 0 0 0 4px;
  margin: 0px;
  color: #fff;
  border: 1px solid #87bbf0; 
  font-weight: bold;
  text-decoration: none;
  background-color:#87bbf0;
}




.adminButton {
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  overflow: hidden;
  padding: 1px 1px 0px 1px;
/*  color: #ccc;
  border: 1px solid #E2E2E2; 
  background-color: #818382; */
  color: #1B6586;
  border: 1px solid #1B6586;
  background: url(buttonBg.png) repeat-x #E2E2E2;
  font-weight: normal; 
  font-size: 12px;
  text-decoration: none;
}

.adminButton:hover {color:#268BB8; border: 1px solid #268BB8; background-color: #F2F2F2; text-decoration:none;}

/*  --------------------------------------------------------------- */
/*              Schriften                                           */
/*  --------------------------------------------------------------- */
.metallFat {font-weight: bold; color:#666666;}
.metall {font-weight: bold; color:#666666;}

.sidebarHeadLine {line-height:30px; font-weight:bold; color:#666666;padding-top:4px;margin-left:2px;}           /* #E2E2E2; */

.textLinks {font-weight: normal;}
.textLinks a {min-width:16px; height:16px; padding:0 1px 0 1px; display: block; text-align: center; line-height:16px; text-decoration: none;}
.textLinks a:hover {text-decoration:underline;}

td.selectedChunk {
  width: 20px;

}

a.selectedChunk  {
 display: block; 
  margin: 1px 0px 2px 4px;
  padding: 0px 5px 0px 5px;
  font-size: 1.1em;
  font-weight: bold;
/*  line-height: 22px; */
  color: #6bb9c6;/*818382; */

  background-color:#eeeeee;
/*  border:1px solid red;*/
text-decoration:none;
}

input.selectedChunk  {
 width:42px;
 height:16px;
 margin:0px;
 padding:1px;
}

.statusText {font-weight:normal; color:#EEE;}
.statusError {font-weight: bold; color:red;}
.statusErrorLogin {font-weight:normal; color:#CE6500; }

/*  --- Error-Message in ...                   --- */
/*  --- "Editor", "GroupEditor", "Schlagworte" Projektmappen --- */
.errorStatusContainer {margin:0 10px 0 10px; padding:10px 0 10px 0; font-size:0.8em;}
.errorStatus {padding:2px 0 2px 10px; font-weight: bold; color:#FF0000; background-color:#FFF4F4;}

/*  --------------------------------------------------------------- */
/*              Hintergrund Farben                                  */
/*  --------------------------------------------------------------- */
.leftViewBg {margin:0; padding:0; background-color:#E5E5E5;}            /* EEF3F4 C7C7C7 */

.fullviewBody {background-color:#FFF;}
.fullviewHeadBar {margin:0 0 10px 0; padding:0 0 0 10px; background-color:#C8F0F8;}

.diaHeadline {background-color: #CCCCCC;}               /* #EEF3F4 #CCC; */
.thumbHeadLine {border-bottom:1px solid #AFC0C3;}


.sidebarBody {
    margin:0; 
    background-color:#f2f2f2; 
    border-right:solid 1px #888;
    background: url(img/sidebar_bg.png) repeat-y right;
}  /*CCFFCC border-right:1px solid #CCCCCC*/
.sideBarHead {font-size:0.75em; font-weight:bold; background-color:#7ACDDE;}
.sideBarSubHead {font-size:0.75em; font-weight:bold; background-color:#C2EAF2;}

.lightBg {background-color:#EEE;}

.shinyTableHigh {padding:1px 2px 1px 2px; background-color: #EEE;} 
.shinyTableLow {padding: 1px 2px 1px 2px; background-color: #DDD;} 


/*  --------------------------------------------------------------- */
/*              Divs                                                */
/*  --------------------------------------------------------------- */

.bildSucheHeadDiv {margin: 5px 0 0 0;}



#buttonBar {
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  border:1px dotted red;
}

#wideContent {margin: 10px 0 0 10px; padding:0; border:1px dashed green;}
.wideContent {margin: 10px 0 0 10px; padding:0;}

.headBar1 {
/* overflow: hidden; */
  height:31px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background-color:  #dddddd;           /* #C8F0F8;, #A9ACAA;     */
    /*background-image:url(img/toolbar_bg.png);*/
/*  background-image:url(headBarGradient.png);      */
 /* border-top: 1px solid #FFFFFF;        */
}

.headBar2 {
/* overflow: hidden; */
  height:26px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background-color: #f3f3f3;
  /* border-bottom: 1px solid #00667D; */
}

.headBar3 {
  height:26px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background-color: #93EAFB;
  border-bottom: 1px solid #818382;
}

.applicationHeader {
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*border-bottom: 1px solid #818382; */
}

.groupEditSwitch { margin:1px 0 0 12px; padding:2px; text-align:center; display:block;
                   border:2px solid #818382; color:#555555; background-color:#eee;
                   text-decoration: none;width:100px;}
.groupEditSwitch:hover {text-decoration: none;}


.groupEditSwitchWide { 
                   display: block; 
                   border: 2px solid #818382;
                   background-color: #eee; 
                   color: #555;
                   padding: 2px;
                   margin: 0px;
                   margin-top: 1px;
                   margin-bottom: 2px;
                   width: 120px;
                   text-decoration: none;
                   text-align: center;

                   }
/*
.treeNumLink {
    text-decoration:    none; 
    background-color:   #f90; 
    color:              #EEE;
    padding:            0px 2px 0px 2px;
    margin-left:        4px;
}

.treeNumLink:hover {
    text-decoration:    none; 
    background-color:   #4F9447;
    color:              #000;
}
*/


.categoryTreeTitle { 
  font-weight: bold;
  display: block;
  text-align: center;       
  height: 16px;       
  padding: 1px 5px 0px 5px;
 /* background-color: #EEEEEE; */
  color: #4A657F;                   
 /*border: 1px solid #818382;       */
  text-decoration: none;
}

.categoryTreeTitle:hover {
  text-decoration:underline;
  /*background-color: #FFFFFF;*/
}


.mappenTreeTitle { 
  font-weight: bold;
  /* display: block; */
  text-align: center;       
  height: 16px;       
  padding: 1px 0px 0px 0px;
 /* background-color: #EEEEEE; */
  color: #4A657F;                   
 /*border: 1px solid #818382;       */
  text-decoration: none;
}

.workfolder2_grouping_span {font-weight: bold; color:#666666;}

.mappenTreeTitle:hover {
  text-decoration:underline;
  /*background-color: #FFFFFF;*/
}



/*  BACKUP of categoryTreeTitle   */

/*    height:13px;                          */
/*    background-color: #AFBBC7;            */
/*    text-decoration:  none;               */
/*    border:           1px solid #2A3743;      */
/*    color:            #2A3743;                */
/*    padding:          0px 2px 0px 2px;        */
/*    display:          block;                  */

/*  BACKUP of categoryTreeTitle:hover       */
/*    color:            #fff;                   */


/*.resultLink {                             */
/*    width:            14px;                   */
/*    height:           14px;                   */
/*    margin:           1px;                    */
/*    margin-left:      2px;                    */
/*    padding:          1px;                    */
/*    text-align:               center;             */
/*    text-decoration:  none;               */
/*    line-height:      14px;                   */
/*    background-color: #617587;            */
/*    color:#FFF;                           */
/*}                                         */

/*.resultLink:hover {background-color:#7C96AD; color: #EEEEEE;} */

.resultLink { 
  font-weight: normal;
  display: block;
  text-align: center;       
  height: 16px;       
  padding: 1px 5px 0px 5px;
  /* background-color: #EEEEEE; */
  color: #CE6500;                   
  /* border: 1px solid #818382;       */
  text-decoration: none;
}

.resultLink:hover {color: #000000;}     /*background-color: #FFFFFF;*/

.automatorIcon {
  float:left;
  width:18px;
  height:14px;
  background-image:url(automatorIcon.png);
  background-repeat:no-repeat;
}

.projektmappenResultContainer {font-weight:bold; font-size:0.75em; border-top:1px solid #91F0F2; border-width:1px 1px 1px 0;}
.projektmappenResultContainer td {padding:3px 0 3px 0;}
.projektmappenResultContainer a {font-weight:normal;}

.projektmappenResultBorder {border-left:1px solid #91F0F2;}

.schlagwortResult {width:100%;}
a.schlagworteResultLink {padding-left:5px; text-decoration:none;}
a.schlagworteResultLink:hover {text-decoration:underline;}

.contentTableContainer {margin: 10px 10px 20px 0px; background: #FFF;}
.contentTable {width:100%;}
.contentTable td {vertical-align:top;}

.contentLineHead {padding-left:3px; font-weight:bold; border-bottom:1px solid #DDD; color:#333333;}
.contentLineOutput {padding-right:3px; font-weight:normal; border-bottom:1px solid #DDD;color:#333333;}

.textThumbContentLineHead {padding-left:3px; font-weight:bold; border-bottom:1px solid #AFC0C3;}   /* DDD */
.textThumbContentLineOutput {padding-right:3px; font-weight:normal; border-bottom:1px solid #AFC0C3;}   /* DDD */



/* Wiedervorlage */
.contentGroup { padding-left:10px; background-color:#E5E5E5; font-weight:bold; font-size:0.75em;} 


.magicSideBar {
/* commented only for debugging - to get rid of nervige fehlermeldung "unbekannte eigenschaft ..."
  
  scrollbar-shadow-color: #777;
  scrollbar-highlight-color: #666;
  scrollbar-face-color: #555;
  scrollbar-3dlight-color: #444;
  scrollbar-darkshadow-color: #333;
  scrollbar-track-color: #222;
  scrollbar-arrow-color: #111;
  
 */ 
}

.logtable {margin:10px 10px 10px 10px; border:0; text-align: left; background:#FFF; border:0;
           font-size:0.8125em; font-weight:normal;}
.logtable th {padding:5px; text-align:left; font-weight:bold;}
.logtable td {padding:2px; vertical-align:top; border-top:1px solid  #AFC0C3;}

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

.inputExpertSearch {width: 200px; margin:0 2px 2px 0;}


/* buttons */

.kuenstlerLink {margin:0; display:block; overflow:hidden; color:#CE6500; background-color:#D7D7D7;}
.kuenstlerLink:hover {color:#FF9900; background-color:#EEE;}
.kuenstlerLink table a { text-decoration:none;}     /*  line-height:16px;  */

.posButton{
  display:block;
  margin:0px;
  padding:0px;
  width:100%;
  border:1px solid #CCC;
  font-weight:bold;
  color:#99B0CC;
  background-color:#2A3743;
  text-align:center;
  text-decoration:none;
}
.posButton:hover {color:#BBD0FF; background-color:#557088;}

.tabHeaderActive{
  display:block;
  margin:0px;
  padding:0px;
  width:100%;
  height:18px;
  color:#99B0CC;
  background-color:#2A3743;
  text-decoration:none;
  text-indent:4px;
}
.tabHeaderActive:hover {color:#BBD0FF; background-color:#557088;}

.tabHeaderInactive{
  display:block;
  margin:0px;
  padding:0px;
  width:100%;
  height:18px;
  color:#EEE;
/*  background-color:#a9acaa; */
  background-color:#CE6500;
  text-decoration:none;
  text-indent:4px;
}

/* PRAESENTATION BUTTONS */
.praesbutton{
  font-family: arial;
  
  display: block;
  text-align: center;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin: 2px;
  color: #FFFFFF;
  border: 1px solid #87bbf0;  
 /* background: url(buttonBg.png) repeat-x #E5E5E5;  /*E2E2E2*/ */
  font-weight: bold; 
  font-size:10px;
  text-decoration: none;
  background-color:#87bbf0;
}
.praesbutton:hover {text-decoration:none;}

.praesbutton_or{
  display:block;
  width:14px;
  height:14px;
  margin:1px;
  padding:0px;
  text-align:center;
  text-decoration:none;
  line-height:14px;
  background-color:#CE6500;
  color: #D7C197;
}
.praesbutton_or:hover {background-color:#ff9900; color: #EEE;}

.praesInactive{
  font-family: arial;
  
  display: block;
  text-align: center;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin: 2px;
  color: #FFFFFF;
  border: 1px solid #999999;  
 /* background: url(buttonBg.png) repeat-x #E5E5E5;  /*E2E2E2*/ */
  font-weight: bold; 
  font-size:10px;
  text-decoration: none;
  background-color:#999999;
}

.praesNavActive{ 
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  padding: 0px 2px 0px 2px;
  color: #999;
/*  background-color: #333; */
  border: 1px solid #999; 
  font-weight: normal;
  /*font-size: 14px;*/
  text-decoration: none;
}

.praesNavActive:hover, .praesClose:hover, .praesLink:hover{
  color: #CCC;
  background-color: #666;
  border: 1px solid #CCC; 
}

.praesNavInactive{
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  padding: 0px 2px 0px 2px;
  color: #999;
/*  background-color: #333; */
  border: 1px solid #999; 
  font-weight: normal;
  /*font-size: 14px;*/
  text-decoration: none;
}

.praesClose{
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  padding: 0px 0px 0px 0px;
  color: #999;
  background-color: #333; 
  border: 1px solid #999; 
  font-weight: normal;
  /*font-size: 14px;*/
  text-decoration: none;
}

.praesLink {
  display: block;
  text-align: center;
  width: 70px;
  height: 16px;
  padding: 1px 2px 0px 2px;
  color: #999;
/*  background-color: #333;  */
  border: 1px solid #999; 
  font-weight: bold; 
  /*font-size: 12px;*/
  text-decoration: none;
}

.ortsgruppe{
  width:304px;
  overflow:hidden;  
  padding:0px 0px 0px 0px;
  margin:0px 0px 2px 0px;
  border:1px solid #818382; 
  background-color:#C7C7C7;
}

/* Mappen */
.bildmappeGray {display:block; width:140px; overflow:hidden; text-decoration:none; color:#DDD;}

.bildmappe{
  display:block;
  /*width:140px;*/      /*unendliche Breite fuer den Mappennamen*/
  overflow:hidden;
  text-decoration:none;
  font-weight:bold;
  
}

.bildmappe:hover {}
.bildmappe:active {}

/* Divs */
.bildHeader {
  height:28px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #999999;   /*2a3743*/
  border-bottom: 1px solid #818382;
}

.sidehandle{
  margin:0px;
  padding:0px;
  background-color:#aaa;
}
.sidehandle:hover{
  background-color:#eee;
}

/* SCHRIFTEN */

.praesHeadline{}

.tabsHeaders {float:none; clear:left; border-collapse:collapse; margin-top:10px; margin-left:8px; position:relative; top:1px;}
/* for Internet Explorer */ /*\*/ * html .tabsHeaders {margin-left:9px; top:2px;} /**/
.tabsHeadersTr {vertical-align: bottom;}
.tabsHeaderTd {height:19px; vertical-align: bottom;}

.tabsBody {float:none; clear:left;}
table.tabsBodies {width:393px; height:300px; margin: 0px 0px 5px 10px;  /* border:1px solid #999999; */ background-color: #ffffff/*#ebf6fa*/;}

.tabsHeaderActive   {height:19px; padding:5px 7px 5px 7px; float:left; font-weight:bold;
                      /* border:1px solid #999999; */  border-width:1px 1px 0 1px; color:#000; background-color:#ffffff; text-decoration:none;}

.tabsHeaderActive:hover {text-decoration:none;}

.tabsHeaderInactive {margin-top:5px; padding:5px 7px 5px 7px; height:15px; float:left;
                      /* border:1px solid #999999; */ border-width:1px 1px 0 1px; color:#000; text-decoration:none; background-color:#F2F2F2}

.tabsHeaderInactive:hover {float:left; background-color:#FFF; text-decoration:none;}

.buttonMMDownload {
    display:block;
    width:37px;
    height:42px;
    color:#CE6500;
    font-weight:bold;
    background:url(../../gfx/button-mm.png) no-repeat;
    text-align:center;
    text-decoration:none;
}
.buttonMMDownload:hover {background-image:url(../../gfx/button-mm-hover.png);}


/*  --------------------------------------------------------------- */
/*              Importer                                            */
/*  --------------------------------------------------------------- */

.interfaceSmallGray {

width:70px; height:13px; margin:0; padding:0;  font-size:10px; text-align:center; display:block;
                     font-family:arial; font-weight:bold; color:#FFFFFF; 
                     border: 1px solid #87bbf0; 
                     background-color: #87bbf0;
                     /*  background: url(../../gfx/buttonBg.png) repeat-x #E2E2E2; */
                     text-decoration:none;
                     
}

.interfaceSmallGray:hover {/* border: 1px solid #268BB8; color:#268BB8; background-color: #F2F2F2; */ text-decoration:none;}

#browserHeader {height:25px; margin:0; padding:0; border-bottom:1px solid #818382; background-color:#CE6500; overflow:hidden;}
#browserContent {margin:0; padding:0 0 0 10px;}
#browserThumb {width:106px; height:143px; margin:8px 0 0 8px; padding:0; float:left; background-color:#eee;}

#imageInfo {width:102px; height:12px; padding:0 2px 0 2px; font-size:10px; position:relative; top:0; left:0;
            background-color:#ddd; overflow:hidden;}

.imageInfo {width:410px; margin:0; padding:2px; position:absolute; border:1px solid #818382; background-color:#eee;}

.msFix {margin:0; padding:0; border:0; width:12px; height:12px; top:0; left:0; vertical-align:middle;}

.stackROOT {margin:0 0 10px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
            font-weight:bold; color:#fff; background-color:#818381; cursor:pointer;}
.selstackROOT {margin:0 0 10px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
               font-weight:bold; color:#fff; background-color:#2F475D; cursor:pointer;}

.stackSHARE {margin:0 0 1px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
             color:#fff; background-color:#81A6C6; cursor:pointer;}
.selstackSHARE {margin:0 0 10px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
                color:#fff; background-color:#2F475D; cursor:pointer;}

.stackDIR {margin:0 0 1px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
           color:#fff; background-color:#5E84A8; cursor:pointer;}
.selstackDIR {margin:0 0 10px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
              color:#fff; background-color:#2F475D; cursor:pointer;}

.stack {margin:0 0 1px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
        color:#FFF; background-color:#ddd; cursor:pointer;}
.selstack {margin:0 0 1px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px; letter-spacing: 1px;
           font-weight:bold; color:#FFF; background-color: #546F87; cursor:pointer;}

.dirs {margin:0 0 1px 0; padding:1px 5px 1px 3px; width:380px; height:14px; line-height:12px;
       background-color: #E2E2E2; cursor:pointer; overflow:hidden;}

.dirName {margin-right:5px; width:160px; line-height:14px; float:left; white-space:nowrap; overflow:hidden;}
.dirInfo{width:215px; line-height:14px; text-align:right; float:left; color:#546F87; white-space:nowrap; overflow:hidden;}

.pathBox {margin:0; padding:2px; background-color:#EEEEEE;}
.path {margin:0; padding:0 5px 0 5px; font-weight:bold;}

.smallPrint {font-size:10px; line-height:10px;}



/*  --------------------------------------------------------------- */
/*              Admin                                               */
/*  in the admin area we use EZDB.css files only                    */
/*  --------------------------------------------------------------- */
.adminViewBg {background-color:#FFFFFF;} 
.adminEditorBg {background-color: #DDD;} 

.navItem{ 
  display:block; 
  line-height:18px; 
  font-weight:bold; 
  text-decoration:none; 
  color:#eee; 
  background-color: #507396; 
  padding:0px 5px 0px 5px; 
  margin:0px 10px 2px 0px; 
  width:159px;
} 
.navItem:hover {color:#507396; background-color:#87bbf0;text-decoration:none;} 

.navItem2{ 
  display:block; 
  line-height:18px; 
  font-weight:bold; 
  text-decoration:none; 
  /* color:#FFFFFF;  */
  /* background-color: #87bbf0; */
  padding:0px 5px 0px 5px; 
  margin:0px 10px 2px 0px; 
  width:159px;
} 

.navItem2:hover {color:#0099CC; /* background-color:#FFFFFF; */ text-decoration:none;} 

.adminHeadline {
  background-color:#999999;
  margin:10px 20px 0px 10px;
  padding:0px 5px 0px 5px;
  line-height:18px;
  font-weight:bold;
  color:#eee;
}


table.aufgaben {
  background-color: white:
}

table.aufgaben td {
  padding: 2px 5px 2px 5px;
}


.inputFieldStyle {
  width:224px;

}







.inventar_headline {

padding-top:10px;
color:#666666;

}

.inventar_headline_bold {

padding-top:6px;
/*padding-bottom:3px; */
font-weight:bold;
color:#666666;
/*background: #f1f1f1; */

}


.editlinkTableStyle {
border-collapse:collapse;
margin-left:1px;
}

.tableStyle {
border: 1px solid #CCCCCC; /*#7F9DB9;*/
}

.inputStyle {
border: 1px solid #CCCCCC; /* #7F9DB9; */
}


.inputStyleHighlighted {
border: 1px solid #CCCCCC; 
background-color:#e7dead;
}


.pulldownStyle {
margin:0; padding:1px;
border: 1px solid #CCCCCC; /*#7F9DB9; */
}

.greyLine {
border-bottom:3px solid #e5e5e5;
padding-bottom:10px;
}

.fieldDescription {
font-size:11px;
}

.fieldDescriptionFoto {
color:#666666;
}

a.divAreaHeadline {
display:block;
width:1240px;
padding-left:10px;
height:20px;
padding-top:6px;
color:#666666;
text-decoration:none;
font-weight:bold;
}


a.divAreaHeadline:hover {
  background-color:#CCEBFF;
}

a.divAreaHeadline:selected {
  background-color:#CCEBFF;
}

a.divAreaHeadlineSelected {
display:block;
width:1240px;
padding-left:10px;
height:20px;
padding-top:6px;
color:#666666;
text-decoration:none;
font-weight:bold;
background-color:#CCEBFF;
}


a.divAreaHeadlineSelected:hover {
  background-color:#CCEBFF;
}

.elkMarkerClass {
    width  : 100% ; 
    height :  5px ; 
    border-width : 2px   ; 
    border-style : solid ; 
    border-color : red   ; 
    font-size : 0px ; 
}

.elkDraggerClass {
    border-width : 2px ; 
    opacity : 0.8 ; 
    background-color : #b0b0b0 ; 
    filter : alpha(opacity=80) ; 
    border-style : dashed ; 
    border-color : #d0d0d0 ; 
}

.jsCalendar {
    position : absolute ; 
    width : 200px; 
    height : 170px ; 
    background-color : white ; 
    border : 1px solid #888 ; 
}

.jsCalendarYearNameTD {
    background-color : #d0d0d0 ; 
    text-align : center ; 
    width : 100% ; 
}

.jsCalendarMonthNameTD{
    background-color : #d0d0d0 ; 
    text-align : center ; 
    width : 100% ; 
}

.jsCalendarCloseButton {
    text-vertical-align : middle ; 
    cursor : pointer ;  
    font-family: arial;
    font-weight: normal;
    display: block;
    text-align: center;
    width: 60px;
    height: 14px;
    padding: 0px;
    margin: 0px;
    color: #888;
    border: 1px solid #888;
    background: url(buttonBg.png) repeat-x #fff;
    font-weight: bold; 
    font-size:10px;
    text-decoration: none;
}

.jsCalendarHeadTable {
    width : 100% ; 
    border : 1px solid #888 ; 
    height:18px;
}

.jsCalendarTD {
    align : right ; 
    cursor : pointer ; 
    width : 14% ; 
    border : 1px solid #e0e0e0 ; 
}

.jsCalendarTodayTD {
    background-color : #eee ; 
    align : right ;    
    cursor : pointer ; 
    width : 14% ; 
    border : 1px solid #e0e0e0 ; 
}

.jsCalendarSelectedTD {
    background-color : #6bb9c6 ; 
    align : right ;    
    cursor : pointer ; 
    width : 14% ; 
    border : 1px solid #e0e0e0 ; 
}

.jsCalendarOtherMonthTD {
    background-color : #b0b0b0 ; 
    align : right ;    
    cursor : pointer ; 
    width : 14% ; 
    border : 1px solid #e0e0e0 ; 
}
    
.jsCalendarDaysTable {
    width : 100% ; 
}

.jsCalendarButtonMinus {
    text-vertical-align : middle ; 
    cursor : pointer ;  
    font-family: arial;
    font-weight: normal;
    display: block;
    text-align: center;
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    color: #888;
    border: 1px solid #888;
    /*background: url(buttonBg.png) repeat-x #E2E2E2;*/
    background: #fff;
    font-weight: bold; 
    font-size:10px;
    text-decoration: none;
}

.jsCalendarButtonPlus {
    text-vertical-align : middle ; 
    cursor : pointer ;  
    font-family: arial;
    font-weight: normal;
    display: block;
    text-align: center;
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    color: #888;
    border: 1px solid #888;
    background: #fff;
    font-weight: bold; 
    font-size:10px;
    text-decoration: none;
}
















/* OK, let's start the new stuff here ... TODO: remove above (somewhen) */

/* global HTML styles */
select, input, textarea {
    border: solid 1px #888;
    color:#444;
}
a:link {
    /*color: #6bb9c6;*/
    color: #888;
}

/* The ONE class for normal-sized interface buttons (may get
 extended by a "smallbutton" class somewhen) */
.button {
    display: block; 
    background-color: #6bb9c6;
    text-align: center;
    padding: 2px 8px 2px 8px;
    color: #fff;
    text-decoration: none;
    white-space: no-wrap;
    line-height: 17px;
    font-weight:bold;
}
a.button {
    color: #fff;
}
.button:hover {
    background-color: #fff;
    color: #6bb9c6;
    text-decoration: none;
}

/* blue glass buttons */
.colored80 {
    width: 80px;
    height: 20px;
    line-height:20px;
    padding: 0px 0px 0px 0px;
    /*background: url(img/but_blue_80_hover.png) no-repeat;*/
    background: #6bb9c6;
}
a.colored80 {
    color: #fff;
    /*color: #6bb9c6;*/
}
.colored80:hover {
    /*background: url(img/but_blue_80.png) no-repeat;*/
    background: #ffffff;
    /*color: #fff;*/
    color: #6bb9c6;
    text-decoration: none;
}
.colored120 {
    width: 120px;
    height: 20px;
    padding: 2px 0px 0px 0px;
    /*background: url(img/but_blue_120_hover.png) no-repeat;*/
}
/*a.colored120 {
    color: #6bb9c6;
}*/
.colored120:hover {
    /*ackground: url(img/but_blue_120.png) no-repeat;*/
    /*color: #ffffff;*/
    text-decoration: none;
}

/* silver glass buttons */
.silver80 {
    width: 80px;
    height: 20px;
    padding: 2px 0px 0px 0px;
    background: url(img/but_silver_80.png) no-repeat;
}
a.silver80 {
    color: #888;
}
.silver80:hover {
    background: url(img/but_silver_80.png) no-repeat;
    color: #fff;
    text-decoration: none;
}

/* gray glass buttons (and popuplinks) */
.gray16, .popuplinks a {
    width:14px;
    height:14px;
    line-height:13px;
    padding: 0px 0px 0px 0px;
    /*background: url(img/but_gray_16_hover.png) no-repeat;*/
    background: #ffffff;
    border: solid 1px #888;
    font-weight:normal;
    font-size: 10px;
}
a.gray16, .popuplinks a {
    color:#888;
}
.gray16:hover {
    color:#fff;
    /*background: url(img/but_gray_16.png) no-repeat;*/
    background: #888;
}
.gray24, .gray24disabled {
    width:22px;
    height:20px;
    line-height:20px;
    padding: 0px 0px 0px 0px;
    /*background: url(img/but_gray_24.png) no-repeat;*/
    background: #888888;
    color:#fff;
}
.gray24:hover {
    /*background: url(img/but_gray_24_hover.png) no-repeat;*/
    background: #fff;
    color: #888;
    text-decoration: none;    
}
.gray24disabled, .gray24disabled:hover {
    width:22px;
    height:18px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    color: #aaa;
    /*background: url(img/but_gray_24_disabled.png) no-repeat;    */
    border: solid 1px #aaa;
    background: transparent;
}
.gray70s {
    width: 70px;
    height: 16px;
    font-size:11px;
    padding: 2px 0px 0px 0px;
    line-height:14px;
    /*background: url(img/but_gray_70_small.png) no-repeat;*/
    background: #fff;
    color:#888;
    border: solid 1px #888;
}
a.gray70s {
    color: #888;
}
.gray70s:hover {
    background: #888;
    color:#fff;
    border: solid 1px #888;
}

/* litegray glass buttons (inverted gray) */
.litegray24 {
    width:22px;
    height:18px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    color: #888;
    /*background: url(img/but_gray_24_hover.png) no-repeat;*/
    border: solid 1px #888;
    background: transparent;
}
a.litegray24 {
    color:#888;
}
.litegray24:hover {
    /*background: url(img/but_gray_24.png) no-repeat;*/
    background: #888;
    color: #fff;
    text-decoration: none;    
}

/* The one class for text that should be smaller than the default */
.smalltext {
    font-size: 11px;
}

/* The one class for elements with bold text */
.boldtext {
    font-weight: bold;
}

/* The classes for all input-elements */
.entry, .pulldown {
   /* color: #333333;*/
    background-color: #ffffff;
    border: none; /*solid 1px #999999;*/
    border-top: solid 1px #888;
    border-left: solid 1px #888;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 2px;
    margin: 0px;
}
.pulldown {
    padding: 1px;
}

/* The class for horizontal/vertical button lists (not used yet) */
/*
.hList, .vList {
    margin:0px;
    padding:0px;
}
.vList {
    list-style: none;
}
.hList li {
    display:inline;
    margin-right:5px;
}
.hList li a {
    display:inline;
}
.vList li {
    margin-bottom:2px;
}
*/

/* Search result items */
.thumbnailBig {
    float: left;
    overflow: hidden;
    margin: 8px 0px 0px 8px;;
    padding:0 0 2px 0;          /* 2px to bottom for dpi-output */
    width: 160px;
    height: 200px;
    font-size:1em;
    background-color:#ffffff;
    border: solid 1px #888888;
    color:#666666;
  /* border: 1px solid #E5E5E5; */
  
}
.thumbnailBigHead {
    table-layout:fixed;
    overflow:hidden;
    width:180px;
    height:30px;
    background-color: #eeeeee;
}

/* Fonts */
.fntGray      {color:#888888;}

/* Popuplink (should be buttons, but are hardcoded in function) */
div.popuplinks {
    width:16px;
    height:16px;

}
div.popuplinks > div > a {
    display: block;
    color: #888;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
}

/* helpbox layout */
#helpWindow {
  margin: 10px 0px 0px 10px;
  padding: 0px;
  color: #000;
  border: 1px solid #888888;
  background-color: #FFFFFF;
  width: 450px;
  /*font-family: courier new,courier,monospace;*/
  text-align: left;
}
.helpLogo {
    margin:0 5px 0 0;
    padding:0 7px 0 8px;
    font-weight: bold;
    color: #FFFFFF;
    background-color:#888888;
}
.helpHead {height: 15px;margin:0 0 10px 0; font-weight:bold;}
.helpSubhead { margin:0; display:block; font-weight:bold; color:#000;}
.helpHeadbox {margin:0; padding:0; border-bottom: 1px solid #888888;}
.helpBox {margin:8px; color:#666;}
.helpText {margin:0 0 10px 0; display: block; color:#000;}

/* div around additional searchform for expert search */
#expertSearchForm {
    background:#dddddd;
    border-bottom:1px solid #888888;
}

/* the vertical spacer in the mainmenu in the appHeadTemplate */
#mainMenuTable a {
    display:block;
    height:27px;
    line-height:24px;
    color: #6bb9c6;
    text-decoration:none;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
}
#mainMenuTable td {
    /*background-color: #6bb9c6;*/
    
}
#mainMenuTable a:hover {
    background-color: #888;
    color:#ffffff;
}
.mainMenuSpacer {
    width:1px;
    height:27px;
    background-color:#888;
}

/* needed for inputs in Edit-View */
#cmd_context, #cmd_action, #cmd_target_folder {
    font-size: 11px;
}

/* divs für Mappen, Lieferscheine, Rechnungen, ... */
.mapBlock {
    border: solid 1px #888;
    margin: 10px 10px 10px 10px;
    padding: 10px;
}