/*------------------------------------*\
	RESET
\*------------------------------------*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,th,var{
    font-style:normal;
    font-weight:normal;
}
caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
}*/




/**
 * Allgemeine Elementselektoren
 */

body {
  font-family: "myriad-pro",Arial,Helvetica,Verdana,sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

a {
    text-decoration: none;
}

html.ie-oldie body {
  font-family: Arial,Helvetica,Verdana,sans-serif;
  font-size: 14px;
}

input, textarea, select {
  font-family: "myriad-pro",Arial,Helvetica,Verdana,sans-serif;
}

html.ie-oldie input, html.ie-oldie textarea, html.ie-oldie select {
  font-family: Arial,Helvetica,Verdana,sans-serif;
}

a img, table{
  border: none;
}

/* Form heading */
h2 {
    font-size   : 14px;
    padding     : 0;
    margin      : 0;
}

html.ie-oldie h2 {
    font-size: 14px;
}

h2 span.inner-title { /* Expert search, db selection, options */
  padding-left: 10px;
  color: #333;
  font-weight: normal;
  /*font-size: 14px;*/
}

form{
  margin: 0;
  padding: 0;
}

/* Error Msgs Heading */
h3 {
    font-size   : 14px;
    padding     : 5px;
    margin      : 0;
}

html.ie-oldie h3 {
    font-size: 14px;
}

li {
  padding : 2px;
}

p {
  padding : 5px;
}

/* --- HEADER, NAVIGATION --- */
#header {
    z-index: 2;
    background: #FF9900 url(../img/julit_header_background.png) repeat-x;
    width: 100%;
    height: 40px;
    clear: both;
}

#logo, #headline {
    float: left;
    padding: 0;
    margin: 0;
    height: 40px;
}

#headline {
    margin-left: 40px;
}

 #nav {
     list-style: none;
     font-weight: bold;
     margin: 0 0 10px 0;
     padding: 0;
     width: 100%;
     background: #D3D3D3;
     position: relative;
     z-index: 5;
 }

 #nav ul {
     padding: 0;
 }



 #nav a {
     display: block;
     padding: 3px 2px 3px 2px;
     color: #000;
     background: #d3d3d3;
     text-decoration: none;
 }

 #nav li {
     float:left;
     margin: 0 10px 0 0;
     position: relative;
     padding: 0;
 }

 #nav a:hover{
     color: #f00;
     background: #d3d3d3;
     /*text-decoration:underline;*/
 }

 #nav li.first{
     margin-left: 40px;
 }

 /*--- DROPDOWN ---*/
 #nav ul{
     padding: 0;
     margin: 0;
     background:#d3d3d3; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
     background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
     border-left:1px solid #ccc;
     border-right:1px solid #ccc;
     list-style:none;
     position:absolute;
     /*left:-9999px;*/ /* Hide off-screen when not needed (this is more accessible than display:none;) */
     display: none;
     font-weight:normal;
 }
 #nav ul li{
     /*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
     border-bottom:1px solid #ccc;
     background: #ccc;
     float: none;
     margin-right: 0;
 }

 #nav ul a{
     white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
     background: #ccc;
     padding: 6px 10px 6px 3px;
 }
 #nav li:hover ul{ /* Display the dropdown on hover */
     left: 0; /* Bring back on-screen when needed */
     display: block;
 }
 #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
     /*background:#6b0c36;*/
     background: #d3d3d3;
     /*text-decoration:underline;*/
 }
 #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
     text-decoration: none;

 }
 #nav li ul li {
     /*width: 100%;*/
 }
 #nav li:hover ul li a{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
     background: #eaeaea;
     color: #000;
 }
 .ie-oldie #nav li#navCat:hover ul li a { width: 110px; }
 .ie-oldie #nav li#navAdm:hover ul li a { width: 150px; }
 .ie-oldie #nav li#navSrc:hover ul li a { width: 100px; }
 .ie-oldie #nav li#navOrd:hover ul li a { width: 100px; }
 .ie-oldie #nav li#navHlp:hover ul li a { width: 130px; }

 #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
     background: #f90;
     color: #000;
 }


/* --- TABNAVIGATION --- */
td#tabpanel {
    font-size: 40px; /* ??? */
}

a.inactiveTab, a.activeTab {
    display: block;
    float: left;
    margin-right: 7px;
    padding: 5px 7px;
    color: black;

    border: solid 1px #FF9900;
    border-bottom: solid 1px #DDDDDD;
    text-decoration: none;
    height: 16px;
}

a.activeTab {
    background-color: #FF9900;
    font-weight: bold;
    /*border-bottom: solid 1px #FF9900;*/
}

a.inactiveTab {
    background-color: #DDDDDD;
}

a.inactiveTab:hover {
    color: red;
    text-decoration: none;
}



/**
 * Main content
 */

#mainContent{
  /*position    : absolute;*/
  margin-top  : 15px;
  margin-left : 40px;
  z-index     : 1;
  overflow    : hidden;
}

#errMsg, #sucMsg{
  position  : absolute;
  border    : 2px red solid;
  width     : 256px;
  margin-left: 64px;
  clear : both;
}

#errMsg ul, #sucMsg ul{
  margin: 0 0 0 20px;
  padding:0;
}

#sucMsg{
  border-color  : #FF9900;
}

#error, #success, #errorTop, #successTop{
  border: 2px red solid;
  width: 250px;
  margin-left: 25px;
  float: left;
}

#errorTop, #successTop{
  background-color  : white;
  margin-left: 0;
}

#error p, #success p, #errorTop p, #successTop p{
  padding: 5px;
  margin: 0;
}

#error ul, #success ul, #errorTop ul, #successTop ul{
  margin: 5px 5px 5px 20px;
  padding:0;
}

.errorText, .successText{
  /*font-weight : bold;*/
  color       : red;
}

.successText{
  color : green;
}

#success, #successTop{
  border-color  : #FF9900;
}

/**
 * Ausrichtungsklassen
 */

.fl{
  float : left;
}

.fr{
  float : right;
}

.left{
  text-align  : left;
}

.center{
  text-align  : center;
}

.right{
  text-align  : right;
}

.vTop{
  vertical-align  : top;
}

.vMiddle{
  vertical-align : middle;
}

.vBottom{
  vertical-align  : bottom;
}

/**
 * Hintergrundklassen
 */

.bgDarkGrey{
  /*background-color  : #CCCCCC;*/
  background-color  :  #D3D3D3;
}

.bgLightGrey{
  background-color  : #EEEEEE;
}

.bgDarkGrey2{
  background-color  : #DDDDDD;
}

.bgLightGrey2{
  background-color  : #F5F5F5;
}

.bgWhite{
  background-color  : white;
}

.bgHover{
  background-color  : #AAAAFF;
}

/**
 * Breiten und Höhen
 */

.w20px{
   width  : 20px;
 }



/**/
.null{

}





/**
 * Abstandsklassen
 */

.noMarg{
  margin  : 0;
}

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

.miniPadTBpx{
  padding-top     : 3px;
  padding-bottom  : 3px;
}

.miniPadBpx{
  padding-bottom  : 3px;
}

.noMargPadL{
  margin-left  : 0;
  padding-left : 0;
}

.noMargPadLR{
  margin-left  : 0;
  margin-right  : 0;
  padding-left : 0;
  padding-right : 0;
}

/* todo: Entfällt, Adm_User/Cat_Sys/Cat_Sys_InventoryForm */
.miniPadR {
  padding-right : 10px;
}


.stdPad{
  padding : 10px;
}

.stdPadTB{
  padding-top  : 3px;
  padding-bottom : 3px;
}

/* Überall, Zwischen Form-Zeilen */
.stdPadT{
  padding-top  : 6px;
}

/* Zu Buttons unter Formularen */
.bigPadT{
  padding-top  : 24px;
}

.noLRPad{
  padding-left  : 0;
  padding-right : 0;
}

.margPageL{
  margin-left : 40px;
}


/**
 * Rahmen
 */

.settingsTd{
  /*border-bottom : solid white 2px;*/
  padding-top   : 10px;
  padding-bottom   : 10px;
}

.settingsTbl30{
  width   : 350px;
  margin-top : 0;

}

.settingsTbl30 td{
  width: 70%;
  padding-top: 8px;
  padding-right: 15px;
}


.blackBorder{
   border: black 1px solid;
}

.redBorder{
   border: red 1px solid;
}


/**
 * Höhenklassen
 */



/**
 * Breitenklassen
 */

.totalWidth{
  width: 100%;
}


/**
 * Styles
 */

.bold{
  font-weight : bold;
}


/**
 * Formularelemente
 */

.formInput, select, textarea {
  border      : #999 1px solid;
  font-size   : 14px;
  /*margin-top  : 2px;*/
  width       : 100%;
}

html.ie-oldie .formInput,
html.ie-oldie select,
html.ie-oldie textarea,
html.ie-oldie input {
    font-size: 14px;
}

.inconspFormInput{
    /*border-left       : none;
    border-top        : none;
    border-right      : none;*/
    border: 1px solid #999;
    background-color  : #EEEEEE;
}

 .inconspFormInput option {
     border-top: 0;
 }

.formInput{
  width       : 100%;
}

.formInputSetting100{
  width: 100px;
}

input.autocomplete
{
/*
  position: relative;
  background-image: url(../img/autocomplete.gif);
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 19px;
  width: 120px;
*/
}

.button{
  /*border      : black 1px solid;*/
  border: none;
  cursor: pointer;
  font-size   : 14px;
  font-weight : bold;
  width       : 90px;
  height: 26px;
  background-color: #DDDDDD;
}

.varbutton {
    border      : black 1px solid;
    border: none;
    font-size   : 14px;
    font-weight : bold;
    /*padding     : 0 12px 0 12px;*/
    cursor      : pointer;
    margin-bottom: 20px;
  height: 26px;
  width: 140px;
  background-color: #DDDDDD;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 14px;
}

 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-focus,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-focus,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-default
 {
  border: none; !important;
  cursor: pointer; !important;
  font-size: 14px; !important;
  font-weight: bold; !important;
  width: 90px; !important;
  height: 26px; !important;
  background: #DDDDDD; !important;
  border-radius: 0; !important;
  outline: none; !important;
}

 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button .ui-button-text,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover .ui-button-text,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-focus .ui-button-text,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-focus .ui-button-text,
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-default .ui-button-text
 {
  padding: 0; !important;
  line-height: 26px;  !important;
  color: #000;  !important;
 }



html.ie-oldie .button {
    font-size: 11px;
}

.disabled{
  background-color  : #EEEEEE;
}


/**
 * Tabs
 */

.clear{
  clear     : left;
  overflow  : hidden;
  margin    : 0;
  padding   : 0;
}





#errMsgTab, #sucMsgTab{
  float         : left;
  padding       : 3px 7px;
  background-color    : #DDDDDD;
}

#errMsgTab{
  border        : solid 1px red;
  color         : red;
}


#sucMsgTab{
  border        : solid 1px green;
  color         : green;
}

.block{
  display : block;
}

.pointer{
  cursor  : pointer;
}

.hidden{
  display : none;
}

#successMsgWidget {
  width  : 250px;
  padding : 0 15px;
}

input.datepicker {
  margin-right: 5px;
}
input.datepicker + img {
  vertical-align: -15%;
}

.accordion .tab {
  margin-bottom: 1px;
  background-color: #EEE;
  border: 1px solid #AAA;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.accordion h3.header {
  padding-left: 25px;
  background: #DDD url(../img/arrow-right.png) no-repeat 5px 50%;
}
.accordion h3.header.opened {
  background-color: transparent;
  background-image: url(../img/arrow-down.png);
}
.accordion div.body {
  padding: 5px;
}


/* marcus, new */
img.spacer {
    width: 40px;
    height: 1px;
}

input.tiny {
    width: 40px;
}


 .ui-autocomplete {
     max-height: 180px;
     overflow-y: auto;
     padding: 0 2px 0 0;
     margin: 0;
     border: 1px solid #afafaf;
 }

 /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
 * html .ui-autocomplete {
     /*height: 180px;*/
 }

 .ui-autocomplete li {
     font-size: .9em;
     padding: 0;
     margin: 0;
     width: inherit;
     overflow: hidden;
 }

 .ui-autocomplete li.even {
     background-color: #f4f4f4;
 }

 .ui-autocomplete li.ui-menu-item a.ui-corner-all {
     display: block;
     background-image: none;
     outline: 0px;
     border: none;
     border-radius: 0; /* todo: moz-, webkit etc. */
     padding: 0;
     margin: 0;
     height: 20px;
 }

 .ui-autocomplete li.ui-menu-item a.ui-state-hover {
     display: block;
     background-color: #63709a;
     background-image: none;
     outline: 0px;
     color: #fff;
     border: none;
     border-radius: 0;
     padding: 0;
     margin: 0;
     height: 20px;
   font-size: 14px;
 }

 .ui-menu .ui-menu-item a { font-size: 14px; }

 .lbl1 {
     display: block;
     float: left;
     width: 100px;
     height: 20px;
   font-size: 14px;
 }
 .lbl2 {
     display: block;
     float: left;
     height: 20px;
   font-size: 14px;
 }
 .lbl3 {
     display: block;
     clear: both;
   font-size: 14px;
 }

 dd, dt {
     float: left;
     margin: 0;
     padding: 0;
 }
 dl, dt {
     clear: both;
  }
 dl {
     overflow: hidden;
 }

 dt {
     width: 120px;
     margin-right: 20px;
     margin-bottom: 10px;
 }
 dd {
     width: 100px;
     margin-bottom: 10px;
 }

 .buttonset {
     left: 0;
     right: 0;
     border-top: 1px solid #CCC;
     padding: 10px 0 10px 0;
     position: absolute;
     bottom: 0;
     text-align: right;
 }

 .buttonset input:hover {
     /*margin-right: 3px;*/
     border-color: #666;
     color: #333;
 }




 /*******
  DETAILS
  *******/

 #detail_container h3 {
     font-size: 14px;
     margin: 0;
     padding: 0;
 }

 #detail_container h3.toggle {
     cursor: pointer;
     margin-top: 15px;
     position: relative;
     padding-left: 9px;
 }

 #detail_container h3.toggle .ui-icon {
     position: absolute;
     left: -8px;
     top: 50%;
     margin-top: -8px;
 }

 #detail_container .list-opened {
   display: block;
 }
 #detail_container .list-closed {
   display: none;
 }

 #detail_container dl {
     overflow: hidden;
     padding: 0;
 }

 #detail_container ul {
     overflow: hidden;
     padding: 0;
     list-style: none;
 }

 #detail_container ul li {
     padding: 0;
 }

 #detail_container p {
     padding: 0;
 }

 #detail_container table.data td {
     padding-right: 15px;
     padding-top: 3px;
 }

 textarea.zoom {
     resize: vertical;
     width: 365px;
     height: 100px;
 }

 /* ADM SETTINGS */
 #body-Adm_Settings a.inactiveSettingsTab,
 #body-Adm_Settings a.activeSettingsTab {
     display: block;
     color: black;
     text-decoration: none;
     margin-bottom: 5px;
 }

 #body-Adm_Settings a.activeSettingsTab {
     background-color: #EEEEEE;
     font-weight: bold;
 }

 #body-Adm_Settings a.inactiveSettingsTab:hover {
     color: red;
     text-decoration: none;
 }

 #body-Adm_Settings .settingsTabTable {
     display: none;
 }

 #body-Adm_Settings #mainContent h3 {
   clear: both;
   padding: 0;
   margin-bottom: 15px;
   margin-top: 15px;
 }

 #body-Adm_Settings #mainContent h3:nth-child(1) {
   margin-top: 0;
 }

 #body-Adm_Settings #mainContent label {
   display: block;
   margin-top: 1px;
 }

 #body-Adm_Settings #mainContent ul {
   padding: 0;
   margin: 0;
   overflow: hidden;
 }

 #body-Adm_Settings #mainContent li.setting {
   padding: 0;
   height: auto;
   margin-bottom: 6px;
   min-height: 26px;
 }

 #body-Adm_Settings #mainContent .labelCol {
   float: left;
   width: 250px;
 }

 #body-Adm_Settings #mainContent .inputCol {
   float: left;
   width: 125px;
 }

 #body-Adm_Settings #mainContent .order .labelCol {
   float: left;
   width: 175px;
 }

 #body-Adm_Settings #mainContent .order .inputCol {
   float: left;
   width: 200px;
 }

 #body-Adm_Settings #mainContent .customer .labelCol {
   float: left;
   width: 100px;
 }


 #body-Adm_Settings #mainContent .customer .inputCol {
   float: left;
   width: 275px;
 }

 /* SYS RESULT */
 #body-Sys_Result #mainContent{
     margin-left : 0;
     border: 1px solid white; /* FF BUG Hack */
 }

 #body-Sys_Result .resultTable{
     display : none;
     /*font-size: 1.1em;*/
 }

 #body-Sys_Result .resultTable td.vTop {
     font-size: 14px;
 }

 html.ie-oldie #body-Sys_Result .resultTable td.vTop {
     font-size: 14px;
 }

 #body-Sys_Result #printer_dialog h2 {
     margin-top: 8px;
 }

 #body-Sys_Result #printer_dialog ul {
     list-style: none;
     margin: 8px 0 20px 0;
     padding: 0;
 }

 #body-Sys_Result #printer_dialog ul li {
     margin: 0;
     padding: 0;
     float: none;
     height: auto;
 }

 /* SRC NEWSRC */

 #body-Src_NewSrc img.ctrlSrcTerm{
     display:none !important;
 }


 #body-Src_NewSrc #tblPad {
     margin-bottom: 0px;
 }

 #body-Src_NewSrc a.inactiveSearchTab, a.activeSearchTab{
     display             : block;
     float               : left;
     margin-right        : 5px;
     padding             : 2px 4px;
     color               : black;
     background-color    : #DDDDDD;
     border              : solid 1px white;
     text-decoration     : none;

 }

 #body-Src_NewSrc a.activeSearchTab{
     background-color    : #EEEEEE;
     font-weight         : bold;
     border-bottom       : none;
     border-bottom       : 1px solid #EEEEEE;
 }

 #body-Src_NewSrc a.inactiveSearchTab:hover{
     color  : red;
     text-decoration   : none;

 }

 #body-Src_NewSrc .searchTabTable{
     display     : none;
 }

 #body-Src_NewSrc .padFT{
     padding-top  : 3px;
     padding-bottom : 0px;
 }

 #body-Src_NewSrc img#saveOptions {
     vertical-align: bottom;
 }



 #body-Src_NewSrc input.suggest,
 #body-Src_NewSrc input.suggestNr {
     float: left;
     margin: 3px 0 0 0;
 }

 #body-Src_NewSrc input.scol1,
 #body-Src_NewSrc select.scol1 { width: 66px;  }
 #body-Src_NewSrc input.scol2,
 #body-Src_NewSrc select.scol2 { width: 160px; }
 #body-Src_NewSrc input.scol3,
 #body-Src_NewSrc select.scol3 { width: 249px; }
 #body-Src_NewSrc input.scol4,
 #body-Src_NewSrc select.scol4 { width: 339px; }
 #body-Src_NewSrc input.scol5,
 #body-Src_NewSrc select.scol5 { width: 439px; }

 #body-Src_NewSrc input.col1,
 #body-Src_NewSrc select.col1 { width: 82px;  }
 #body-Src_NewSrc input.col2,
 #body-Src_NewSrc select.col2 { width: 178px; }
 #body-Src_NewSrc input.col3,
 #body-Src_NewSrc select.col3 { width: 265px; }
 #body-Src_NewSrc input.col4,
 #body-Src_NewSrc select.col4 { width: 355px; }
 #body-Src_NewSrc input.col5,
 #body-Src_NewSrc select.col5 { width: 455px; }

 /*** autosuggest ***/

 #body-Src_NewSrc button.suggest {
     margin-top: 3px;
     width: 1.4em;
     height: 20px;
 }

 #body-Src_NewSrc .ui-autocomplete {
     max-height: 180px;
     overflow-y: auto;
     padding: 0 2px 0 0;
     margin: 0;
     border: 1px solid #afafaf;
 }


 #body-Src_NewSrc .ui-autocomplete li {
     font-size: .9em;
     padding: 0;
     margin: 0;
     width: inherit;
     overflow: hidden;
 }

 #body-Src_NewSrc .ui-autocomplete li.even {
     background-color: #f4f4f4;
 }

 #body-Src_NewSrc .ui-autocomplete li.ui-menu-item a.ui-corner-all {
     display: block;
     background-image: none;
     outline: 0px;
     border: none;
     border-radius: 0; /* todo: moz-, webkit etc. */
     padding: 0;
     margin: 0;
     height: 20px;
 }

 #body-Src_NewSrc .ui-autocomplete li.ui-menu-item a.ui-state-hover {
     display: block;
     background-color: #63709a;
     background-image: none;
     outline: 0px;
     color: #fff;
     border: none;
     border-radius: 0;
     padding: 0;
     margin: 0;
     height: 20px;
 }


 #body-Src_NewSrc .lbl1 {
     display: block;
     float: left;
     width: 100px;
     height: 20px;
 }
 #body-Src_NewSrc .lbl2 {
     display: block;
     float: left;
     height: 20px;
 }
 #body-Src_NewSrc .lbl3 {
     display: block;
     clear: both;
 }

 #body-Src_NewSrc a.disk_button {
     border: 1px solid black;
     padding: 4px 4px 4px 25px;
     height: 24px;
     background-image: url(../img/save_big_noborder.gif);
     background-repeat: no-repeat;
     background-position: 1px 2px;
     font-weight: bold;
     margin: 2px;
 }

 #body-Src_NewSrc .long {
     /*white-space: pre;*/           /* CSS 2.0 */
     /*white-space: pre-wrap;*/      /* CSS 2.1 */
     /*white-space: pre-line;*/      /* CSS 3.0 */
     /*white-space: -pre-wrap;*/     /* Opera 4-6 */
     /*white-space: -o-pre-wrap;*/   /* Opera 7 */
     /*white-space: -moz-pre-wrap;*/ /* Mozilla */
     word-wrap: break-word;      /* IE 5+ */
     margin: 0 0 0 20px;
     padding: 0;
     width: 250px;
 }

 #body-Src_NewSrc iframe {
     border: 0;
 }

 /* ORD CART */
 #body-Ord_Cart #mainContent{
     margin-left : 0;
 }

 #body-Ord_Cart .cartTable{
     display : none;
 }

 /* --- neuer Weg, Tabs --- */
 #body-Ord_Cart ul#tabpanel {
     list-style: none;
     clear: both;
     margin: 0;

     /* -- floatclearer -- */
     overflow: hidden;
     width: 100%;
 }

 #body-Ord_Cart ul#tabpanel li {
     float: left;
     display: block;
     padding: 0;
     margin: 0 7px 0 0;
     border: solid 1px #FF9900;
     border-bottom: solid 1px #DDDDDD;
     background-color: #d3d3d3;
 }

 #body-Ord_Cart ul#tabpanel li.active {
     background-color: #FF9900;
     font-weight: bold;
     border-bottom: solid 1px #FF9900;
 }

 #body-Ord_Cart ul#tabpanel a {
     padding: 5px 7px;
     display: block;
 }

 #body-Ord_Cart ul#tabpanel li.active a {
     padding: 4px 7px 6px 7px;
 }

 /* CAT NEW */
 #body-Cat_New a.inactiveCatMainTab, a.activeCatMainTab{
     display             : block;
     float               : left;
     /*margin-right        : 5px;*/
     padding             : 2px 7px 2px 2px;
     color               : black;
     background-color    : #DDDDDD;
     border-bottom       : none;
     text-decoration     : none;
     line-height         : 1em;
 }

 #body-Cat_New a.activeCatMainTab{
     background-color  : #EEEEEE;
     font-weight      : bold;
     padding             : 1px 7px 2px 2px;
 }

 #body-Cat_New a.inactiveCatMainTab:hover{
     color  : red;
     text-decoration   : none;
 }

 #body-Cat_New .catMainTabTable {
     display     : none;
     margin-top  : 15px;
     width       : 100%;
 }

 /* UPLOAD */

 #body-Cat_New #iframe_uploadform {
     width:  404px;
     height: 290px;
     border: none;
 }

 #body-Cat_New #progresslayer {
     position: absolute;
     top: 0;
     background-color: #fff;
     width: 454px;
     height: 290px;
 }

 #body-Cat_New #progressbar {
     position: absolute;
     top: 130px;
     left: 20px;
     width: 404px;
 }

 #body-Cat_New select#editAttachmentType {
     width: 308px;
 }

 #body-Cat_New textarea#editAttachmentContent {
     width: 306px;
     resize: none;
 }

 #body-Cat_New input#editFileNameOriginal {
     width: 272px;
 }


 #body-Cat_New div#filelist {
     margin-top: 10px;
 }

 #body-Cat_New optgroup {
     font-style: normal;
 }

 #body-Cat_New optgroup option {
     padding-left: 10px;
 }

 #body-Cat_New #file-panel {
     position: absolute;
     width: 350px;
     height: 230px;
     display: none;
     background-color: #eee;
     z-index: 20000;
     font-size: .9em;
 }

 #body-Cat_New #file-panel #file-panel-header {
     background-color: #bbb;
     cursor: move;
 }

 #body-Cat_New #file-form {
     /*padding: 10px 20px 0 20px;*/
 }

 #body-Cat_New #file-form div.set {
     margin-bottom: 10px;
 }

 #body-Cat_New p#file-error {
     color: #f00;
     padding: 0;
     margin: 5px 0 0 0;
     height: 20px;
     display: none;
 }

 #body-Cat_New input.scol1,
 #body-Cat_New select.scol1 { width: 66px;  }
 #body-Cat_New input.scol2,
 #body-Cat_New select.scol2 { width: 160px; }
 #body-Cat_New input.scol3,
 #body-Cat_New select.scol3 { width: 249px; }
 #body-Cat_New input.scol4,
 #body-Cat_New select.scol4 { width: 339px; }
 #body-Cat_New input.scol5,
 #body-Cat_New select.scol5 { width: 439px; }

 #body-Cat_New input.col1,
 #body-Cat_New select.col1 { width: 82px;  }
 #body-Cat_New input.col2,
 #body-Cat_New select.col2 { width: 178px; }
 #body-Cat_New input.col3,
 #body-Cat_New select.col3 { width: 265px; }
 #body-Cat_New input.col4,
 #body-Cat_New select.col4 { width: 355px; }
 #body-Cat_New input.col5,
 #body-Cat_New select.col5 { width: 455px; }

 #body-Cat_New a.disk_button {
     border: 1px solid black;
     padding: 4px 4px 4px 25px;
     height: 24px;
     background-image: url(../img/save_big_noborder.gif);
     background-repeat: no-repeat;
     background-position: 1px 2px;
     font-weight: bold;
     margin: 2px;
 }

 #body-Cat_New .long {
     /*white-space: pre;*/           /* CSS 2.0 */
     /*white-space: pre-wrap;*/      /* CSS 2.1 */
     /*white-space: pre-line;*/      /* CSS 3.0 */
     /*white-space: -pre-wrap;*/     /* Opera 4-6 */
     /*white-space: -o-pre-wrap;*/   /* Opera 7 */
     /*white-space: -moz-pre-wrap;*/ /* Mozilla */
     word-wrap: break-word;      /* IE 5+ */
     margin: 0 0 0 20px;
     padding: 0;
     width: 250px;
 }

 #body-Cat_New iframe {
     border: 0;
 }

 /* SACK SEARCH */

 #body-Sack_Search .tab {
     overflow: hidden;
 }

 #body-Sack_Search form {
     font-size: 14px;
 }

 #body-Sack_Search .block {
     /*width: 270px;*/
     overflow: hidden;
 }

 #body-Sack_Search .clr {
     clear: both;
 }

 #body-Sack_Search label {
     width: 152px;
     display: block;
     float: left;
     padding: 4px 0 0 0;
 }

 #body-Sack_Search label.small {
     width: 28px;
     padding-left: 8px;
 }

 #body-Sack_Search input {
     width: 150px;
     display: block;
     float: left;
 }

 #body-Sack_Search input.small {
     width: 55px;
 }

 #body-Sack_Search input#fulltext {
     width: 200px;
     clear: both;
     float: none;
     display: inline;
 }

 #body-Sack_Search select {
     width: 150px;
 }

 #body-Sack_Search #result-template {
     display: none;
 }

 #body-Sack_Search #resultset td {
     padding: 7px;
     font-size: 14px;
 }

 #body-Sack_Search #resultset tr:nth-child(even) { background-color: #BBB; }
 #body-Sack_Search #resultset tr:nth-child(odd)  { background-color: #EEE; }

 #body-Sack_Search td.author {
     width: 400px;
     padding: 10px;
     vertical-align: top;
 }

 #body-Sack_Search td.title {
     width: 400px;
     padding: 10px;
     vertical-align: top;
 }

 #body-Sack_Search td.year {
     width: 400px;
     padding: 10px;
     vertical-align: top;
 }

 #body-Sack_Search #resultcount {
     padding: 0;
     margin-top: 20px;
 }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* collect.css
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 #errors ul {
     clear: both;
     color: red;
     margin: 0 0 0 30px;
     padding: 0;
     font-size: 14px; }

 #errors li {
     padding: 0; }

 @media print {
     #header, .no-print {
         display: none; }

     #mainContent {
         margin-left: 0; } }
 @media print {
     #iconRow {
         display: none; } }
 #page table.table-head {
     width: 100%;
     margin-bottom: 30px;
     font-size: 1.3em; }

 #page table.table-head td {
     font-weight: bold; }

 #page table.table-main td.col1 {
     width: 10%; }

 #page table.table-main td.col2 {
     width: 18%; }

 #page table.table-main td.col3 {
     width: 47%; }

 #page table.table-main td.col4 {
     width: 25%; }

 #page table.table-signature {
     width: 100%;
     margin-bottom: 10px;
     border-bottom: solid 1px #CCC; }

 #page table.table-signature td {
     font-weight: bold; }

 #page table.table-signature td.col1 {
     width: 10%; }

 #page table.table-title-suggested {
     width: 100%;
     margin-bottom: 5px; }

 #page table.table-title-suggested td.col1 {
     width: 10%; }

 #page table.table-title-suggested td.col2,
 #page table.table-title-suggested td.col3 {
     border-bottom: solid 1px #CCC;
     vertical-align: top; }

 #page table.table-title-suggested td.col3 {
     width: 25%; }

 #page div.checkbox {
     border: 1px solid #000;
     width: 11px;
     height: 11px; }

 #page div.textfield {
     border-bottom: 1px solid #000;
     width: 11px;
     height: 11px; }

 #page table.table-title-inventory {
     width: 100%;
     color: #999;
     font-size: 10px; }

 #page table.table-title-inventory td.col1 {
     width: 10%; }

 #page table.table-title-inventory td.col2,
 #page table.table-title-inventory td.col3,
 #page table.table-title-inventory td.col4 {
     border-bottom: solid 1px #CCC; }

 #page table.table-title-inventory td.col2 {
     width: 18%;
     text-align: center;
     vertical-align: top; }

 #page table.table-title-inventory td.col4 {
     width: 25%; }


 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* form.css
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button,
 .ui-button-text-only .ui-button-text,
 .ui-button-text,
 .ui-widget-content label {
   font-size: 14px;
 }

 /* Möglichst entfernen! */
 textarea, select, .formText {
     width: 100%;
 }
 /* ==================== */

 input {
     outline: none;
 }


 textarea {
     resize: none;
 }

 .error-message {
     margin-top: 15px;
     color: #ff0000;
 }

 form ul {
     list-style: none;
 }

 form ul li {
     float: left;
     height: 40px; /* prevent checkbox float ! */
     margin: 0 10px 5px 0;
 }

 form input {
     margin-top: 2px;
     font-size: 14px;
     border: #999 1px solid;
 }

 form input.formCheckbox,
 input[type=checkbox] {
     vertical-align:middle;
     border: none;
 }

 form select, form textarea {
     margin-top: 2px;
 }

 form textarea {
     margin-top: 2px;
     font-size: 14px;
     border: #999 1px solid;
 }

 input.formText {
     border:  1px solid #999;
     padding: 2px;
 }

 .span_1 { width: 90px;  }
 .span_2 { width: 190px; }
 .span_3 { width: 290px; }
 .span_4 { width: 390px; }
 .span_5 { width: 490px; }

 .span_1 input.formText, .span_1 select, .span_1 textarea { width: 84px; }
 .span_2 input.formText, .span_2 select, .span_2 textarea { width: 184px; }
 .span_3 input.formText, .span_3 select, .span_3 textarea { width: 284px; }
 .span_4 input.formText, .span_4 select, .span_4 textarea { width: 384px; }
 .span_5 input.formText, .span_5 select, .span_5 textarea { width: 484px; }

 .span_1 input.suggest, .span_1 input.suggestNr { width: 62px; float: left; }
 .span_2 input.suggest, .span_2 input.suggestNr { width: 162px; float: left; }
 .span_3 input.suggest, .span_3 input.suggestNr { width: 262px; float: left; }
 .span_4 input.suggest, .span_4 input.suggestNr { width: 362px; float: left; }
 .span_5 input.suggest, .span_5 input.suggestNr { width: 462px; float: left; }

 .span_1d { width: 100px; padding: 0; }
 .span_2d { width: 210px; padding: 0; }
 .span_3d { width: 320px; padding: 0; }
 .span_4d { width: 430px; padding: 0; }
 .span_5d { width: 540px; padding: 0; }

 .span_1d input.formText, .span_1d select, .span_1d textarea { width: 94px; }
 .span_2d input.formText, .span_2d select, .span_2d textarea { width: 204px; }
 .span_3d input.formText, .span_3d select, .span_3d textarea { width: 314px; }
 .span_4d input.formText, .span_4d select, .span_4d textarea { width: 424px; }
 .span_5d input.formText, .span_5d select, .span_5d textarea { width: 534px; }

 .span_1d input.suggest, .span_1d input.suggestNr { width: 71px; float: left; }   /* padding: 2, border: 1 */
 .span_2d input.suggest, .span_2d input.suggestNr { width: 181px; float: left; }
 .span_3d input.suggest, .span_3d input.suggestNr { width: 291px; float: left; }
 .span_4d input.suggest, .span_4d input.suggestNr { width: 401px; float: left; }
 .span_5d input.suggest, .span_5d input.suggestNr { width: 511px; float: left; }


 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* columns.css
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /**
 * DEVELOPMENT CORRECTIONS
 **/

 #catMainForm {
     float: left;
 }

 button.suggest, button.add {
     display: block;
     width: 20px;
     height: 24px;
     padding: 0;
     float: right;
     top: -1px;
     left: -1px;

     margin-top: 3px;
     line-height: 20px;
 }

 #systematik button.suggest {
     /*top: 2px;*/
 }

 button.suggest span.ui-icon,
 button.add span.ui-icon {
     display: block;
   width: 15px;
   height: 15px;
 }

 .ie-oldie button.suggest, .ie-oldie button.add {
     height: 21px;
     float: left;
 }

 .ie-oldie button.suggest span.ui-icon, .ie-oldie button.add span.ui-icon {
     top: 4px;
 }

 #systematik .tableNodeLabel {
     margin-top: -32px;
 }

 a.inactiveCatMainTab, a.activeCatMainTab {
     margin-right: 0;
     font-size: 14px;
     line-height: 14px;
     font-weight: normal;
     /*line-height: normal;*/
 }

 /* panel right attachments */
 a.disk_button {
     display: block;
     width: 200px;
     height: 20px;
     background-position: 3px 5px;
 }

 .summaryTable tr.even td {
     background-color: #DDD;
 }

 .summaryTable tr.odd td {
     background-color: whiteSmoke;
 }

 /**
  * HELPER
  **/

 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { zoom: 1; }


 /**
  * TMP RESET
  **/

 .panelLeft ul,
 .panelRight ul {
     padding: 0;
     margin: 0;
 }

 .panelLeft li,
 .panelRight li {
     padding: 0;
 }



 /**
  * PANEL
  **/

 .panelLeft, .panelRight {
     float: left;
 }

 /** PANEL HEAD **/

 .panelHead {
     padding: 10px;
     width: 490px;
     height: 19px;
     background-color: #CCC;
 }

 .panelRight .panelHead {
     padding-top: 9px;
     padding-bottom: 0;
     height: 30px;

     position: relative;
 }

 .panelHead span {
     margin-right: 0;
 }

 .panelHead .panelHeadTitle  {
     margin-right: 0;
     font-weight: bold;
 }

 .panelHead .panelHeadId,
 .panelHead .panelHeadEdit,
 .panelHead .panelHeadDate {
     margin-right: 10px;
 }

 .panelHead a {
     float: right;
     margin-left: 5px;
 }

 .btnOrder {
     width: 13px;
     height: 13px;
     background: url(../img/invstatus_3.gif) no-repeat left top;
     display: block;
 }

 .btnHelp {
     width: 14px;
     height: 14px;
     background: url(../img/help_julit_sprite.gif) no-repeat left top;
     display: block;
 }

 .btnHelp:hover {
     background-position: left bottom;
 }

 .panelHead a.btnHelp,
 .panelHead a.btnOrder {
     float: right;
     margin-left: 5px;
 }

 .panelTabs {
     list-style: none;

     position: absolute;
     bottom: 0;
 }

 .panelHead .panelTabs li {
     margin: 0 5px 0 0;
     height: 30px;
     float: left;
     font-size: 14px;
     border-top: 1px solid white;
     border-right: 1px solid white;
     border-left: 1px solid white;
     background-color: #EEE;
 }

 .panelHead .panelTabs li a {
     padding: 2px 5px;
     display: block;
     float: none;
     margin-left: 0;
 }

 /** PANEL BODY **/

 .panelBody, .darkPanel {
     width: 500px;
     padding: 10px 0 10px 10px;
     background-color: #EEE;
     min-height: 565px;
 }

 .panelBody .small {width: 30px; }

 .panelAction {
     text-align: right;
 }

 .panelAction .button {
     margin-right: 10px;
 }

 .panelBody textarea {
     resize: none;
     padding: 0;
 }


 #catMainTabTable4 .tableNodeLabel,
 #catMainTabTable7 .tableNodeLabel {
     margin-top: 60px;
 }

 .panelBody .no_span {
     float: none;
     height: 25px;
     display: block;
     clear: both;
 }

 .panelBody .no_span label {
     width: 100px;
     display: block;
     float: left;
     padding-right: 5px;
     text-align: right;
 }

 .panelBody .no_span input,
 .panelBody .no_span select {
     float: left;
     width: 200px;
 }


 table.equalHeight {
     margin-top: -10px;
     margin-left: -10px;
 }

 table.equalHeight td {
     vertical-align: top;
 }

 table.equalHeight td.panel {
     vertical-align: top;
     background-color: #EEE;
     margin-right: 10px;

     width: 510px;
 }

 .panelRight .panelHead .clearfix::before,
 .panelRight .panelHead .clearfix::after {
     display: block;
 }

 /* --- Marcus 29.8.2012 ---*/
 .tabContent {
     display: none;
 }

#chPassForm {
  overflow: hidden;
}

#chPassForm label {
  display: block;
  float: left;
  width: 150px;
  padding-top: 3px;
}

 #chPassForm input {
   display: block;
   float: left;
 }

 #chPassForm input.formInput {
   width: 220px;
 }

 #chPassForm input.checkbox {
   margin-top: 7px;
 }