/* ######################################################## */
/* CSS für ritTauschbörse (c) 2020 Reber IT - web and more  */
/* ######################################################## */

/* BASISDESIGN - FARBEINSTELLUNGEN *BEGINN* */

/* Abschnitt: Reine Farbangaben */
a.lnkButton {   background-color: #004f95; color: #fff;    }
div.actionBtn li a {   background-color: #004f95; color: #fff;    }
div.actionBtn button { background-color: #004f95; color: #fff;     }
div.actionBtn.insBtn li a {  background-color: #004f95; color: #fff;    }
div.actionBtn.insBtn li a:hover {   color: #fff;   }
div.flthdr_area {  background-color: #004f95; color: #fff;   }
div.filter_rubrik.hdr { color: #fff; }
div.dataField div.buttonField button, div.dataField div.buttonField2 button { background-color: #004f95; color: #fff;   }
div.errField { color: #004f95; }
div.dataField.errMandatory { color: #900;   }
div.adminBtn li a {  min-width: 200px; height: 30px;  background-color: #004f95; color: #fff; padding: 8px 10px;   }
div.adminBtn li.active a { background-color: #666;   }
div.adminBtn button { display: inline-block; min-width: 120px;  background-color: #004f95; color: #fff; padding: 6px 10px; border: 0px;    }
div.saveInfo { background-color: #FC3; border: 1px solid #F90; }
div.saveErr { background-color: #F9C1C2; border: 1px solid #900;  }

div.inserat { border: 1px solid #ccc; }
div.inserat div.insType { background-color: #004f95;   }
div.inserat div.insType span.rt90 { color: #fff; }
div.inserat div.insHeader { background-color: #F5F5F5;}
div.inserat div.insInfo div#iKat { color: #004f95;  }
div.insDesc div#iDescHead {  color: #004f95;}

div.siteNav { background-color: #004f95; color: #fff; }
div.lnkNav span.ON { color: #FFF;   color: #FFF3B0; }
div.lnkNav a {  color: #FFF;}

i.btnNav {background-color: #004f95; color: #fff;  }
i.btnNav.disabled { background-color: #f5f5f5; color: #fff;}

div.btnUser { background-color: #004f95; color: #fff; }
button.btnUser { background-color: #004f95; color: #fff; }
button.btnUser2 { background-color: #900; color: #fff; }
button.btnSearchCancel {  background-color: transparent; color: #999; }

div#dlgUploadedImages div.imgThumb span.imgAction a { background-color: #004f95; color: #fff;}
div.btnUpload { background-color: #004f95; color: #fff;}
div.mailPreview a { background-color: #004f95; color: #fff; }

div.userResultMsg { background-color: #004f95; color: #fff;}

/* Abschnitt: Allgemeines Styling */
body, html { margin: 0; padding: 0;  /* height: 100%;*/ font-family: "Montserrat", Verdana, Arial, sans-serif; font-size: 96%;  }
html { margin: 4px 10px;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 100%; }
h1 { font-size: 180%; color: #007175; font-weight: 600;}
h2 { font-size: 160%; color: #004f95; font-weight: 600; margin: 10px 0px 15px 0px;}
h4 { font-size: 130%; margin: 20px 0px 10px 0px; }
h6 { font-size: 110%; margin: 10px 0px 15px 0px; font-weight: 600; }
h5.userHead { font-size: 110%; margin: 10px 0px -10px 0px; font-weight: 600; width: 80%; }

.markActiveItem, .markActiveItem:hover { background-color: #FC0 !important;}
/* BASISDESIGN - FARBEINSTELLUNGEN *ENDE* */


/* Abschnitt: Allgemeines Styling */
div.actionBtn li { display: inline-block; padding: 0px; margin: 0px;    }
div.actionBtn li a {  min-width: 200px; height: 30px;  padding: 8px 10px;   }
div.actionBtn li a i {  margin-right: 8px;  }
div.actionBtn button { display: inline-block; min-width: 120px; padding: 6px 10px; border: 0px;    }
div.actionBtn button i {  margin-right: 8px;  }

div.siteNav { display:block; width:100%;  margin-bottom: 20px; padding: 3px 10px; font-weight: 600;}
div.lnkNav { display: inline-block; margin-left: 30px; font-weight: 100; }
div.lnkNav span.ON{  margin: 0px 4px; }
div.lnkNav a{  margin: 0px 4px; }

div.actionBtn.insBtn  { margin-top: 8px;  }
div.actionBtn.insBtn li a {  min-width: 200px; height: 30px; padding: 4px 10px;   }
div.actionBtn.insBtn li a i {  margin-right: 8px;  }
div.actionBtn.insBtn li.noText a i {  margin-right: 0px;  }

a.lnkButton {   padding: 6px 10px; border: 0px;   }
a.lnkButton.brd {   padding: 6px 25px; border: 0px;   }

input { margin: 0px; padding: 2px 4px; height: 32px;}
input.spacer, label.spacer {  margin-left: 20px !important;}
input[type="checkbox"] { margin: 0px; padding: 2px 4px; height: auto; margin-right: 5px;}
select { margin: 0px; padding: 4px 4px; height: 32px;}
div.infoTerms { margin-bottom: 30px; }

li.singleLI { margin-left: 30px; }

span.adLogInfo { background-color: #FC0; padding: 2px 5px; border: 1px solid #900;}
span.adLogWarn { color: #900; }
span.portalInfoVersion { font-size: 80%; color: #666; margin-top: 60px;  display: inline-block; }

/* Abschnitt: Inseratsübersicht */
div.flthdr_area {   width: 80%; }
div.filter_rubrik { display: inline-block; min-width:10%; font-size: 86%; padding: 6px; 4px;}
div.filter_rubrik.hdr { display: inline-block; width:30px; min-width: 10px; font-size: 120%; vertical-align:top; }
div.filter_rubrik div.filterArea { display: block; }
div.filter_rubrik div.filterArea select { min-width: 98%;}
div.filter_rubrik div.filterArea input { min-width: 300px;}
div.userFilter { margin-bottom: 10px;}
button.btnDefault{ padding: 2px 6px;}
div.btnDefault { padding: 4px 6px; padding-right: 1px;}
div.datePicker.btnDefault { margin-right: 10px; margin-bottom: 20px;}
button.btnDefault i, div.btnDefault i { margin-right: 6px;}

/*a.iMainImg img { border: 2px solid #060; width: 65px; }
a.listImg  { vertical-align: top; }
*/
div.adminImgList a div.listImg.iMainImg { width: 50px; height: 70px; border: 2px solid #060;   }
div.adminImgList a div.listImg { background-size: cover; background-repeat:no-repeat; background-position: center center; display: inline-block; margin-right: 2px; border: 1px solid #CCC;  }
div.adminImgList a div.imgLayerList { width: 40px; height: 60px; background-size: cover; background-repeat:no-repeat; background-position: center center;              }
.data_field table tr div.adminImgList a { margin-right: 2px; text-align: center;  }
.data_field table tr div.adminImgList i.loading {  font-size: 100%;   width: 32px; height: 32px;  text-align:center;  line-height: 32px; color: #FC0; background-color: transparent; margin-bottom: 4px;  position: absolute; margin-top: 30px; z-index: 1;}

a.tbLightBox { }

/* Abschnitt: Neues Inserat */
div.dataField { display: block; margin-left: 2%; width: 80%; }
div.dataField div.buttonField { display: inline-block; margin-left: 8px; width: 50px; vertical-align: top; }
div.dataField div.buttonField2 { display: inline-block; margin-left: 8px; width: 200px; }
div.dataField div.buttonField button, div.dataField div.buttonField2 button { width: 32px; height: 32px;    border: 0px; margin-bottom: 4px;}
div.dataField label.first { display: inline-block; width: 20%; vertical-align: top; }
div.dataField label { display: inline-block; width: auto; }
div.dataField input { margin-bottom: 4px; }
div.dataField input[type=text] { width: 50%; }
div.dataField input[type=text].shortTxt { width: 30%; }
div.dataField input[type=text].shortTxt2 { width: 20%; }
div.dataField input[type=text].colPickTxt { width: 120px; }
div.dataField select { margin-bottom: 4px;}
div.dataField select.selMulti { width: 30%; height: 160px;}
div.dataField textarea { width: 50%; margin-bottom: 2px; min-height: 60px; }
div.dataField.errMandatory {   font-weight: 600; }
div.dataField.margBottom { margin-bottom: 10px; }
div.dataField.margTop { margin-top: 20px; }
div.headerField { display: block; margin-left: 2%; width: 80%; font-weight: 600;}

div.errField { display: block;   font-weight: 600;   margin-top: 20px;}
div.errField ul { font-weight: 100; }
div.actionBtn.formInside {  margin-top: 25px; margin-bottom: 30px;}
div.actionBtn.spaceTop { margin-top: 35px;}
select#insRubrik { min-width: 137px; }
select#insKategorie { min-width: 237px;}
input#txtTitel  { min-width: 500px; width: 50%;}
input#txtDesc  { min-width: 500px;  width: 60%;}
input.miniField1  { width: 120px !important;}
div.infoField { margin: 20px 0px 20px 0px; }
.startOption { font-style: italic; background-color: #F3F3F3;   -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;}

div.errField {    margin-left: 18%; }
div.actionBtn.formInside {    margin-left: 18%; }
div#imgInfoUpload { border: 1px dotted #F90; padding: 4px 10px; background-color: #FFC; margin-left: 18%; width: 60%;
	}

span#chkField01 { display: inline-block; width: 240px; padding: 4px 12px; }

div#appuser_itemRuntimeDiv { display: inline-block; }
div.datePicker { display: inline-block; }
.lInfo { font-size: 80%; margin-bottom: 20px; color: #758ca4;}

div.userResultMsg { display: inline-block; padding: 10px 20px 10px 18px; margin: 0px 0px 20px 40px; }
div.userResultMsg i {margin-right: 6px; }
.userInputBtns { margin: 15px 0px 0px 0px;}
.userInputBtns a{ padding: 10px 20px; margin-right: 10px;}

div.infoAlreadySubmit { margin: 10px 0px 20px 0px; }

/* Neues Inserat: Hinweis auf Börse (Nacharbeit) */
span.bInfoTop {color: #004f95; font-size: 120%;}
span.bInfoTop i { margin-right: 10px; font-size: 120%; }
span.bInfo a { display: inline-block; padding: 2px 5px;  background-color: #004f95; color: #fff !important; font-size: 80%;  }
span.bInfo i { margin-right: 10px; font-size: 120%; }
span.bInfo { display: inline-block; margin: 2px 0px 5px 0px;}
span.bInfo.abstand { margin-bottom: 20px;}
span.bInfoGrp { font-weight: 600; }


/* Abschnitt: ADMIN - Anmeldung */
body.editView { min-width: 1200px;}
div.adminPanel .dataField { display: block; margin-left: 2%; width: 80%; }
div.adminPanel .dataField label { display: inline-block; width: 200px; }
div.actionBtn.Admin { margin-left: 240px; margin-top: 25px;  }
div.adminPanelError { margin-left: 240px; margin-top: 10px;}
div.adminBtn { margin-bottom: 30px;  }
div.adminBtn li { display: inline-block; padding: 0px; margin: 0px; margin-bottom: 15px;   }
div.adminBtn li a {  min-width: 200px; height: 30px;  padding: 8px 10px;   }
div.adminBtn li.active a {  }
div.adminBtn li a i {  margin-right: 8px;  }
div.adminBtn button { display: inline-block; min-width: 120px;   padding: 6px 10px; border: 0px;    }
div.adminBtn button i {  margin-right: 8px;  }
input.small { width: 300px !important; }

i.btnNav {  width: 30px; height: 30px; text-align: center; }

button.btnUser, button.btnUser2 { border: 0px;    }
button.btnFilter { font-size: 180%; vertical-align: bottom;}
button.btnSearchCancel { position: absolute; margin-left: -30px; margin-top: 10px;  }
.searchField { padding-right: 30px;}
.filterInfo { margin-top: -10px; margin-bottom: 20px;}

div.saveInfo { display: inline-block; width: auto; text-align: left;  padding: 8px 25px; }
div.saveErr { display: inline-block; width: auto; text-align: left;   padding: 8px 25px; }
div.saveErr li { margin-left: 40px; }

div.adminView_stat { font-size: 86%; margin-bottom: 28px; }
div.adminView_stat div.dataField label.first { width: 280px;   }

div.adminView_ins { margin-bottom: 28px;}
div.adminView_insErr { margin-bottom: 28px;}

div.adminAlert { display: block; margin-bottom: 30px; }

/* Abschnitte: AUTOCOMPLETE */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width: auto !important; min-width: 200px;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: visible;  }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
#plzLoad { display: none; }
#findLoad { display: none; }

/* TRANSITIONS */
textarea { transition: all 0.3s ease; height: 80px; }
textarea.user { transition: all 0.3s ease; height: 130px; }
textarea:focus {  height: 280px; }

/* Inserats-Styling (Admin)
div.inserat { display:block; border: 1px solid #ccc; height: 150px; margin-bottom: 10px; }
div.insType { display:inline-block; background-color: #004f95;  min-height:150px; width: 30px; position: relative; }
div.insType span.rt90 { color: #fff; text-align: center; position: absolute; top: 110px; width: 30px;
-webkit-transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(-90deg); -moz-transform-origin: 50% 50%; -ms-transform: rotate(-90deg); -ms-transform-origin: 50% 50%; -o-transform: rotate(-90deg); -o-transform-origin: 50% 50%;
transform: rotate(-90deg); transform-origin: 50% 50%;
}
div.insImg {  display:inline-block; width: 150px; height: 150px; vertical-align:top;background-size:cover; background-repeat:none; }
div.insImg.noImage {  background-image: url("/img/noImage.png");   }
div.insInfo {  display:inline-block; vertical-align:top;}
div.insAnbieter {  display:inline-block; vertical-align:top;}
div.insAdmin {  display:inline-block; vertical-align:top;} */

/* Inserats-Styling (User) */
div.inserat { display:block;   height: auto; margin-bottom: 10px; vertical-align: bottom;  /*height: 100%;*/ position: relative; }
div.inserat div.insType { vertical-align: bottom; display:inline-block; height:100%; width: 35px; border-bottom: 1px; position: relative;   position: absolute; border-right: 2px solid #fff;}
div.inserat div.insType span.rt90 {  text-align: left; position: absolute; bottom: 20px; width:100%; font-weight: 600;
-webkit-transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(-90deg); -moz-transform-origin: 50% 50%; -ms-transform: rotate(-90deg); -ms-transform-origin: 50% 50%; -o-transform: rotate(-90deg); -o-transform-origin: 50% 50%;
transform: rotate(-90deg); transform-origin: 50% 50%; }

div.inserat div.insHeader {  margin-left: 35px; display:block;   vertical-align:top;  height: auto;   padding: 5px 0px 5px 10px; font-size: 90%; position: relative;  box-sizing: border-box; }
div.inserat div.insHeader div#iKat {  display:inline-block; width:40%; font-size: 110%;  box-sizing: border-box; }
div.inserat div.insHeader div#iDate {  display:inline-block; width:40%; text-align: right;box-sizing: border-box; }
div.inserat div.insHeader div#iEdit {  display:inline-block; width:16%; text-align: right; position: relative; right: 0px; float: right; height: 100%; margin-top: -1px; box-sizing: border-box; }
div.inserat div.insHeader div#iTitel {  display:inline-block; font-weight: 600;  font-size: 110%; width: 75%; box-sizing: border-box;}
div.inserat div.insHeader div#iPrice i {  margin-right: 10px;}
div.inserat div.insHeader div#iPrice {  display:inline-block; font-weight: 600;  font-size: 120%; width: 24%; box-sizing: border-box; text-align: right; margin-top: 10px;}

div.inserat div.insImg { margin-left: 35px;display:inline-block; width: 180px; height: 150px; vertical-align:top;background-size:cover; background-repeat:none; background-position: center center; box-sizing: border-box; position:absolute;   }
div.inserat div.insImg.noImage {  background-image: url("/img/noImage.png");background-position: top;   }
div.inserat div.insImg div.iAnzBox { display: inline-block; position: absolute; bottom: 0px;  right: 0px; background-color: #333; color: #fff; padding: 1px 5px; margin: 0px 1px 1px 0px; font-size: 80%; }
div.inserat div.insImg div.iAnzBox i { margin-left: 5px; }

div.insDesc {   display:block; vertical-align:top;   /*height: 100%;*/ font-size: 90%;padding-top: 10px; box-sizing: border-box; padding-bottom: 40px;  min-height: 150px;    margin-left: 235px; margin-right: 35px; }
div.insDesc div#iDescHead { font-size: 110%;  }
div.insDesc div#iDesc { word-wrap: break-word;   }

div.inserat div.insContact {  display:block; vertical-align:top;    /*height: 100%;*/ padding-top: 5px; font-size: 90%; position: relative; text-align: right; margin-top: -37px;   box-sizing: border-box;}
 div.inserat  div.insContact div i {  margin-right: 8px;  }
 div.inserat  div.insContact a i {  margin-right: 8px;  }
 div.inserat  div.insContact div#iField {  display:inline-block; padding: 6px 20px; background-color: #f5f5f5;  margin-right: -3px; }
 div.inserat  div.insContact div#iTel {  display:inline-block; padding: 6px 20px; background-color: #f5f5f5;  margin-right: -2px; }
 div.inserat  div.insContact div#iPlace {  display:inline-block; padding: 6px 20px; background-color: #f5f5f5;   margin-right: 0px; }
 div.inserat  div.insContact a {  display:inline-block;  width: auto;   }




div.infoStateUser { display: inline-block; width: 40px; height: 50px; margin-left: 10px; float: left;}
div.infoStateUser i { font-size: 200%; text-align: right; color: #900; }
div.infoStateUser.success i { color: #090; }

/* Bilderupload */
div#dlgBasicUpload {   margin-left: -4px;}
div#dlgUploadedImages { display: inline-block; width: 80%; margin-bottom: 30px; margin-left: -4px;}
div#dlgUploadedImages div.imgThumb { display: inline-block; width: 100px; margin-bottom: 6px;}
div#dlgUploadedImages div.imgThumb img {  width: 100px;}
div#dlgUploadedImages div.imgThumb span.imgAction { }
div#dlgUploadedImages div.imgThumb span.imgAction a { font-size: 80%;  display: inline-block; padding: 6px 8px;  width: 100px; margin-top: 2px;   }
div#dlgUploadedImages div.imgThumb span.imgAction a i { font-size:120%; margin-right: 4px; }
div#dlgUploadedImages div.imgThumb .imgLayer { width: 100px; height: 120px; background-size: cover; background-repeat:no-repeat; background-position: center center;              }

div#dlgUploadedImages span#imgUploadInfo{ display: block; margin-bottom: 8px;}
div.btnUpload { width: 250px; cursor: pointer; margin-top: 4px; padding: 6px 10px 6px 20px; }


/*Mailtemplatebearbeitung */
select#cboTmpl { width: 50%; margin-bottom: 30px; }
textarea#txtTmpl { width: 50%; height: 300px;  }
input#txtSubject {  width: 100%; margin-bottom: 20px; }
select#cboPH {  width: 200px; margin-right: 10px; }
div.edtTmpl { width: 50%; margin-bottom: 20px; }
div.tmplPH { width: auto; float: right; }

button.btnEditor {  width: 30px; height: 30px; }
span.btnEditorGroup { margin-right: 25px;}
span.btnEditorGroupNoM { margin-right: 4px;}
div.mailPreview { width: 50%; text-align: right; margin-bottom: 30px;  margin-top: 8px;}
div.mailPreview a { width: 50%; text-align: right; margin-bottom: 30px; padding: 5px 10px;}
div.mailPreview a i { margin-right: 4px; }

#previewResult { display: none; }
div.featherlight div#previewResult { display: block; }
div.featherlight div#previewResult div.mailPreview_sub { margin-bottom: 20px; font-weight: 600;}
div.featherlight div#previewResult div.mailPreview_cnt {}

/* ADMIN - Allgemeine Bearbeitungsdarstellung (kopiert)*/
/* Sonstiges: Ajax/etc */
h5 {  display:block; border-bottom: 1px solid #999;  width: 100%; margin-bottom: 10px; }
#lstInfo { display:inline-block; max-width: 40%; font-size: 90%; float:left;}
#filterON { display:inline-block; max-width: 40%; float: right;}
#appUserForm { width: 85%; display:block;}
#appUserForm label { min-width: 200px; font-size: 100%; margin-left: 20px; vertical-align:top; }
#appUserForm textarea { width: 50%; font-size: 100%; margin-left: 4px; min-height: 60px; margin-bottom: 10px;  }
#appUserForm div.viewOnly { display: inline-block; font-size: 86%; margin-bottom: 8px; }
#appUserForm div.viewOnly.saveReminder { margin-left: 225px; font-size: 70%; color: #009;}
#appUserForm input  {  margin-bottom: 4px;   }
#appUserForm input[type=text] { width: 50%; font-size: 100%; margin-bottom: 4px;   }
#appUserForm input[type=button] { padding: 2px 20px; margin-top: 20px; }
#appUserForm input.shortTxt { width: 30%; }
#appUserForm input.dateTxt { width: 200px; }
#appUserForm .appuser_inputcbo{ width: 50%; font-size: 100%;   }
#appUserForm .appuser_inputcbo.short{ width: 30%; font-size: 100%;   }
.searchBox {  width: 80%; display:block;  text-align: right; margin-bottom: 20px;}
.searchBox a { text-align: center; }
.searchBox i {  width: 32px; height: 32px; line-height: 32px;  color: #fff; background-color: #004f95; }

.colPickTxt {  border: 1px solid #CCC; }

.formWarning { margin-left: 224px; /*Label-Abstand! */ background-color:#F90; color: #fff; font-size: 96%; width: 50%; text-align:center; padding: 2px 5px;  margin-bottom: 5px; display:block; display:none; }
.formWarning#ticketPreCheck { display:block; background-color:#699; }
.formWarning#userPreCheck { display:block; background-color:#699; }
.formWarning.ok#userPreCheck { display:block; background-color:#060; }
.formWarning.error#userPreCheck { display:block; background-color:#900; }

.formatHTML_Items {display: inline-block; width: 50%; text-align: right; margin: 4px 0px 8px 0px;}

#appUserDiv_really { background-color:#F2F2F2; padding: 8px 12px; border: 1px solid #999;  }
#appUserDiv_really.warning { background-color:#FFC; padding: 8px 12px; border: 1px solid #F90;  }
#appUserDiv_really.info { background-color:#F2F2F2; padding: 8px 12px; border: 1px solid #090;  }
#appUserDiv_really.error { background-color:#FC6; padding: 8px 12px; border: 1px solid #930;  }
#appUserDiv_really hr {  }
#appUserDiv_really #itemDesc { font-weight: 600;  }
#appUserDiv_really li { margin-left: 60px;  }

.data_field table { width: 95%; font-size: 86%;}
.data_field table thead { background-color:#D8D8D8; -webkit-print-color-adjust: exact !important; }
.data_field table thead tr:hover { background-color:#D8D8D8; }
.data_field table tr:hover { background-color:#F2F2F2;  }
.data_field table tr.endedItem { background-color:#FFDFE0; }
.data_field table tr a { margin-right: 8px; text-align: center;  }
.data_field table tr i { font-size: 100%;   width: 32px; height: 32px;  text-align:center;  line-height: 32px; color: #fff; background-color: #004f95; margin-bottom: 4px; }
.data_field table tr i.noBGCol { font-size: 100%; width: auto; height: auto;  line-height: normal;  margin-bottom: 0px; background-color: transparent; color: #333; margin-right: 6px;}
.data_field table tr a.miniBtn { margin-right: 4px; text-align: center;  }
.data_field table tr a.miniBtn.disabledLnk  i{ background-color: #999; }
.data_field table tr a.miniBtn i { width: 28px; height: 28px; line-height: 28px; margin-top: 4px;  }

.data_field table td.noWrap{  white-space: nowrap; }
.data_field table td#maxW{  max-width: 400px; word-wrap: break-word; }

/* Statusinfos - Inserate */
.data_field table tr i.pending { background-color: #900; }
.data_field table tr i.approved { background-color: #090; }

table.small { }
table.small tr.sum td { font-weight:700; font-size: 110%; }
table.small tr th { padding: 5px; }
table.small tr td { padding: 5px; }

/* Sonstiges: Allgemein */
.hidden { display: none !important; }
i.disabled { color: #CCC; margin-right: 5px;}
i.red { color: #F00; }
i.grn { color: #090; }
i.org { color: #F90; }
div#panelSN {display: inline-block; }
div#panelFooter {display: block; width: 300px; float: right;}
div#appuser_datanav { text-align:right; width: 95%; border-top: 1px solid #999; padding-top: 8px; margin-bottom: 20px;}
span#sitenavpanel { min-width: 200px; font-size:90%;  display:block; text-align:left; vertical-align:top; }
body.editView span#sitenavpanel { display:inline-block; text-align:right; margin-right: 20px; }
span#sitepageselctor {font-size:90%;  display:block; margin-bottom: 20px; }
.ff_content h3 { font-size: 150% !important; }
.ff_content h5 { font-size: 130% !important; }


.helpFinder { display:block; position:absolute; top: 130px; background:#F3F3F3; border: 1px solid #CCC; padding: 10px 20px; max-width: 60%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
.helpFinder button { border: 1px solid #666; background: #FFF; color: #000; padding: 5px 15px; cursor: pointer; font-weight: 600; }

.reportInfo { display:inline-block; border: 1px solid #F90; background-color:#FFC; padding: 3px 5px; margin: 3px 0px; width: 80%;}
.abstandhalter { min-width: 250px; display:inline-block; }
.listZeile2 { margin-left: 18px; }
.listZeile2 i { margin-left: 18px; }

/* Admin - LadeIcon */
div#waitLoading { position: fixed;  color: #fff; z-index: 32; font-weight: 600; font-size: 150%; display: block; left: 40%; top: 30%; width: 20%; text-align:center; }
div#screenLoading { width: 100%; height: 100%; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.75); z-index: 30; filter: blur(4px); display: block;
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

/* Public - LadeIcon */
div#waitLoading_public { position: fixed;padding: 30px 20px;  color: #fff; background-color: rgba(0,0,0,0.75); z-index: 32; font-weight: 600; font-size: 130%; display: none; left: 40%; top: 30%; width: 20%; text-align:center;
-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
}
div#screenLoading_public { width: 100%; height: 100%; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0.75); z-index: 30;  display: none;
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

	div.dataField input[type=text] { width: 50; }
	div.dataField input[type=text].shortTxt { width: 45%; }
	div.dataField select.selMulti { width: 45%; }
	/*input#txtTitel  { min-width: inherit; width: 75%;}
	input#txtDesc  { min-width: inherit; width: 75%;} */
	div.dataField textarea { /*width: 75%;*/ }
	select#insRubrik, select#insKategorie, select#insBoerse {  min-width: inherit; width: 50%;}
	select > option.startOption { color: #ccc;}
	
	#dlgBasicUpload {  width: 75% !important;}
 	div.dataField label.last { width: 70%; vertical-align: top; }

/* Admin - Log */
.lgz { display: block; padding: 2px 4px; font-size: 80%; }
.lg_head { background-color: #666; color:#fff;  padding: 5px 4px;  font-size: 100%;}
.lg_date { width: 10%; display: inline-block;}
.lg_admin  { width: 3%; display: inline-block;}
.lg_desc { width: 80%; display: inline-block;}

/* RESPONSIVE CSS */

@media only screen and (max-width: 1300px) {
	/*body { background-color: #0F0; } / grün */
	div.flthdr_area { width: 100%; }
	div#waitLoading_public { width: 40%;left: 30%; }

	div.dataField input[type=text] { width: 75%; }
	div.dataField input[type=text].shortTxt { width: 45%; }
	div.dataField select.selMulti { width: 45%; }
	input#txtTitel  { min-width: inherit; width: 75%;}
	input#txtDesc  { min-width: inherit; width: 75%;}
	div.dataField textarea { width: 75%; }
	select#insRubrik, select#insKategorie {  min-width: inherit; width: 50%;}
	#dlgBasicUpload {  width: 75% !important;}
 	div.dataField label.last { width: 70%; vertical-align: top; }

}

@media only screen and (max-width: 1050px) {
	/*body { background-color: #FC6; } /  orange */
	div.filter_rubrik { min-width: 28%; }
	select#cboRubrik, select#cboKat { width: 98%;}
	div.actionBtn li { margin-bottom: 15px; }
	div.filter_rubrik.breakUp { margin-left: 34px; min-width: 96%; display: inline-block;}
	div.filter_rubrik.breakUp div.filterArea input {    min-width: 88%; }
	div#waitLoading_public { width: 60%;left: 20%;  }
	h2 {  margin-top: 15px;}

	div.dataField { width: 100%; }
	div.dataField input[type=text].shortTxt { width: 45%; }
	div.dataField select.selMulti { width: 45%; }
	select#insRubrik, select#insKategorie {  min-width: inherit; width: 50%;}
 	div.dataField { width: 100%; }
 	div.dataField label.last { width: 70%; vertical-align: top; }

	div.inserat div.insHeader div#iTitel {  width: 65%; }
	div.inserat div.insHeader div#iPrice {  width: 34%;}

}
@media only screen and (max-width: 850px) {
	/*body { background-color: #FC6; } /  orange */
	div.filter_rubrik.hdr{ display: none; }
	div.filter_rubrik { min-width: 85%; margin-left: 34px; min-width: 85%; display: inline-block; }
	select#cboRubrik, select#cboKat { width: 90%;}
	div.actionBtn li { margin-bottom: 15px; }
	div.filter_rubrik.breakUp { margin-left: 34px; min-width: 96%; display: inline-block;}
	div.filter_rubrik.breakUp div.filterArea input {    min-width: 88%; }
	div#waitLoading_public { width: 60%;left: 20%;  }
	h2 {  margin-top: 15px;}

	div.dataField { width: 100%; }
	div.dataField input[type=text].shortTxt { width: 45%; }
	div.dataField select.selMulti { width: 45%; }
	select#insRubrik, select#insKategorie {  min-width: inherit; width: 50%;}
 	div.dataField { width: 100%; }
 	div.dataField label.last { width: 70%; vertical-align: top; }

	div.inserat div.insHeader div#iTitel {  width: 65%; }
	div.inserat div.insHeader div#iPrice {  width: 34%;}

}

@media only screen and (max-width: 500px) {
  /*body { background-color: #FCC;  } /  rot */
  div.flthdr_area { width: 100%; }
  div.actionBtn li { width: 100%; margin-bottom: 2px; }
  div.actionBtn li a{ width: 100%; display: block; padding: 12px 10px; margin-bottom: 4px; height: auto;}
  div.filter_rubrik.hdr { display: none;}
  div.filter_rubrik { min-width: 97%; margin-left: 10px }
  div.filter_rubrik.breakUp { margin-left: 10px; min-width: 97%; display: inline-block;  margin-bottom: 10px;}
  div.filter_rubrik.breakUp div.filterArea input {    min-width: 88%; }
  div#waitLoading_public { width: 100%;left: 0%; height: 100%; top: 0%;padding-top: 50%; }
  div.inserat div.insContact { margin-top: 0px; padding-top: 2px; position: relative;     background-color: #f5f5f5; margin-left: 34px; }
  div.inserat div.insContact div#iTel {    background-color: #fff; }
  div.inserat div.insContact div#iPlace {    background-color: #fff; }

  div#dlgUploadedImages div.imgThumb .imgLayer { width: 130px; height: 150px;          }

  div.dataField { margin-left: 1%; width: 100%; }
  div.dataField label.first {display: block; width: 98%; }
  div.dataField input[type="text"] { width: 98%; }
  div.dataField textarea { width: 98%; }
  div.errField, div.actionBtn.formInside { margin-left: 2%; }
  div.actionBtn button { width: 100%; display: block; padding: 12px 10px; margin-bottom: 4px; height: auto; text-align: left; }
  a.lnkButton.brd {    margin-top: 4px; }
  select#insRubrik, select#insKategorie {  min-width: inherit; width: 98%;}
	input#txtTitel  { min-width: inherit; width: 98%;}
	input#txtDesc  { min-width: inherit; width: 98%;}
	#dlgBasicUpload {  width: 98% !important;}
 	div.dataField label.last { width: 90%; vertical-align: top; }
	div#dlgUploadedImages { width: 98%; }
	div#dlgUploadedImages div.imgThumb { width: 130px; }
div#dlgUploadedImages div.imgThumb span.imgAction a { width: 130px; }
div#dlgUploadedImages div.imgThumb img {  width: 130px;}

div#imgInfoUpload {  margin-left: 2%; width: 98%;
	}

		h2 {  font-size: 180%;}

  h5.userHead {    width: 100%;}

  div.inserat div.insImg { position:relative;   }
div.insDesc {    margin-left: 50px; margin-right: 20px; margin-top: 0px; min-height: 10px;}

  	div.inserat div.insHeader div#iTitel {  width: 98%; margin-top: 10px; margin-right: 2px;}
	div.inserat div.insHeader div#iPrice {  width: 98%; margin-top: 0px; margin-right: 2px;}

div.siteNav { text-align: center; padding: 5px 0px 0px 0px;}
div.lnkNav { display: block; margin-left: 0px; margin-top: 5px; border-top: 1px solid #fff; width: 100%;  }
div.lnkNav span.ON{  margin: 0px 2px; padding: 8px 2px; display: inline-block;  font-size: 136%;}
div.lnkNav a{  margin: 0px 2px; padding: 8px 2px; display: inline-block; font-size: 130%; }


}