/*
** CSS Datei für das grundsetzliche Layout der Marketingdb
*/
* {margin:0;padding:0;}
html, body { width:100%; height:100%; color:#000; font-family:Arial, sans-serif; font-size:12px; background-color:#f4f4f4;}
#wrapper {margin-bottom:50px;}
p.success {color:#008f00;font-size:12px;}
p.error {font-size:12px;color:#dc0000}
div.clear {clear:both;display:block;}
div.line {margin-top:10px;margin-bottom:10px;border-bottom:1px #000000 solid;}
h2.show {cursor:pointer;}
.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span.erkl {z-index:10;display:none;padding:14px 20px;margin-top:-80px;margin-left:-80px;width:300px; line-height:16px;font-weight:normal}
.tooltip:hover span.erkl{display:inline; position:absolute; color:#373737;border:1px solid #e0e0e0; background:#ffffff;font-weight: normal;}
.callout {z-index:20;position:absolute;bottom:-13px;border:0;left:50px;}
/*CSS3 extras*/
.tooltip span.erkl{border-radius:4px;box-shadow: 5px 5px 8px #CCC;}

/* Header */
#header {background-color:#27ae60;height:50px;}
#header a {text-decoration:none;}
#header #hauptnavi ul li {float:left;display:inline;}
#header #hauptnavi ul li.right {float:right;}
#header #hauptnavi ul li a {color:#ffffff;padding:15px 22px 15px 22px;display:block;font-size:16px;border-right:1px solid #239d57;}
#header #hauptnavi ul li a:hover {background-color:#2cc36b;}
#header #hauptnavi ul li ul.level2 li:hover {background-color:#2cc36b;}
#header #hauptnavi ul li a.active {background-color:#2cc36b;color:#ffffff;padding:15px 22px 15px 22px;display:block;font-size:16px;border-right:1px solid #239d57;}
#header #hauptnavi ul li ul.level2 {position:absolute;background-color:#27ae60;display:none;z-index:99;}
#header #hauptnavi ul li ul.level2 li a {border:none;}
#header #hauptnavi ul li ul.level2 li {clear:both;}
#header #hauptnavi ul li:hover ul.level2 {display:block;}
#header #hauptnavi ul li:hover ul.level2 li {width:100%;}

/* Benutzerverwaltung */
#main span.radioButton {margin-right:20px;}

/* Main */
#main {margin-top:20px;}

/* Login */
#main .login {width:400px;background-color: #ffffff;border:1px solid #d6d6d6;padding:20px;margin:0px auto;}
#main .login label {display:block;}

/* Datenansicht */
#main h1 {font-size:16px;margin-top:20px;margin-bottom:24px;}
#main h2 {font-size:14px;margin-top:10px;margin-bottom:10px;}
#main .textLblSuche {float:left;display:inline;margin-right:20px;}
#main .textLblSuche label {clear:both;display:block;}
#main .textLbl label.lbl {width:120px;float:left;}
#main input.text {width:245px;height:22px;border:1px solid #dadada;padding:0 5px 0 5px;margin-bottom:5px;}
#main input.textKlein {width:20px;height:22px;border:1px solid #dadada;padding:0 5px 0 5px;margin-bottom:5px;}
#main input.textDate {width:100px;height:22px;border:1px solid #dadada;padding:0 5px 0 5px;margin-bottom:5px;}
#main .neueProduktionsliste input.text, #main .neueProduktionsliste select, #main .neueProduktionsliste textarea.textarea {width:600px}
#main input.txtSuche {width:180px;}
#main input.textLange {width:500px;height:22px;border:1px solid #dadada;padding:0 5px 0 5px;margin-bottom:5px;}
#main input.text:hover {border: 1px solid #2cc36b;background-color: #ffffff;box-shadow:none;}
#main input.textLange:hover {border: 1px solid #2cc36b;background-color: #ffffff;box-shadow:none;}
#main textarea.textarea {width:245px;height:50px;border:1px solid #dadada;padding:5px;}
#main textarea.textarea:hover {border: 1px solid #2cc36b;background-color: #ffffff;box-shadow:none;}
#main .file {margin-bottom:5px;}
#main .chosen-select {margin-bottom:5px;width:200px;}
#main .slcOperator {width:50px;}
#main .chosen-container a{color:#000000;margin-bottom:5px;}
#main .chosen-container a:hover {text-decoration:none;}
#main span.radioLand {width:80px;float:left;}
#main .absenden {margin-top:32px;}
#main .absenden .button {border:none;background-color:#27ae60;color:#ffffff;text-transform:capitalize;padding:9px 25px 9px 25px;margin-right:25px;cursor:pointer;}

#main input.buttonSave {border:none;background-color:#27ae60;color:#ffffff;text-transform:capitalize;padding:4px 10px 4px 10px;cursor:pointer;}
#main a {text-decoration:none;color:#27ae60;}
#main a:hover {text-decoration:underline;}
#main p {margin-bottom:10px;}
#container {width:100%;overflow:hidden;}

#main #left div.suche, #main #filter, #main #auflistung, #main #erklaerungen, #main #benutzerverwaltung, #main #upload, #main #partnerwechsel, #main #regeln, #main #eigeneDaten, #main #infos, #main #kontakte, #main #fotos {background-color:#ffffff;border:1px solid #d6d6d6;}
#main #erklaerungen, #main #benutzerverwaltung, #main #upload, #main #partnerwechsel, #main #regeln, #main #eigeneDaten, #main #infos, #main #kontakte {padding:20px;margin-left:20px;margin-right:20px;}
#main #left {width:306px;margin:12px 7px 0 20px;float:left;}
#main #left div.suche form {border-left:#27ae60 4px solid;padding:20px 19px 30px 19px;}
#main #left div.suche h1 {margin-top:0px;}
#main #left div.suche .text.suche {display:block;}
#main #left div.suche .textarea.suche {display:block;}
#main #left div.suche label {font-size:12px;font-weight:bold;margin-bottom:5px;display:block;}
#main #left div.suche input.text,#main #left div.suche textarea.textarea, #main #left div.suche .chosen-container {margin-bottom:20px;}
#main #left div.erweiterteSuche {margin-top:20px;}
#main #left div.export {background-color:#ffffff;border:1px solid #d6d6d6;border-left:#c0392b 4px solid;margin-top:25px;padding:0 20px 20px 20px;}
#main #left div.export a.excelExportLink {color:#ffffff;background-color:#e74c3c;padding:9px 25px;position:relative;margin:0;}
#main #left div.export a.excelExportLink::after {content: '';position: absolute;top: 0;width: 0;height: 0;}
#main #left div.export a.excelExportLink:hover {background: #e74c3c;}
#main #left div.export a.excelExportLink::after{border-style: solid;}
#main #left div.export a.excelExportLink::after {right: -32px;border-width: 16px;border-color: transparent transparent transparent #e74c3c;}
#main #left div.export a.excelExportLink:hover::after {border-left-color: #e74c3c;}
#main #left div.export a.excelExportLink:hover {text-decoration:none;}
#main #left div.export p {margin-bottom:40px;}
#main #left div.bilderExport p {margin-bottom:10px;}
#main #left div.bilderExport .chosen-container {margin-bottom:50px;position:absolute;}
#main #left div.bilderExport .chosen-container .chosen-results {z-index:99;}





#main #filter {margin:12px 30px 0 351px;min-width:70%;}
#main #filter .filterBlock {display:block;overflow:auto;margin-bottom:10px;border-left:#27ae60 4px solid;padding-left:22px;}
#main #filter div.check {width:300px;padding-right:10px;padding-bottom:10px;height:25px;}
#main #filter div.filterZeilen {width:300px;float:left;display:inline;}
#main #filter div.check span.name {margin-left:7px;}
#main #filter .filterBlock h2 {margin-bottom:20px;color:#27ae60;text-transform:uppercase;font-size:14px;cursor:pointer;}
#main #filter .filterBlock h2 span.pfeilUnten {background-image: url('/files/layout/pfeil_kategorie.png');width:20px;height:20px;display:block;float:left;background-repeat:no-repeat;background-position:center;}
#main #filter .absenden, #main #filter h1 {margin-left:30px;}
#main #filter .absenden {margin-bottom:20px;}

#main table tr th {font-size:14px;}

#main #auflistung {padding:17px;margin:40px 30px 40px 20px;min-width:100%;width:auto;position:relative;display:inline-block;float:left;}
#main table.auflistung {width:100%;border-collapse:collapse;overflow:scroll;position:relative;}
#main table.auflistung tr th {text-align:left;vertical-align: top;}
#main table.auflistung tr td, #main table.auflistung tr th {border-bottom:1px solid #ededed;padding:3px 5px 3px 5px;}
#main table.auflistung tr:hover td, #main table.einstellungen tr:hover td {background-color:#ededed;}
#main table.auflistung tr th span.sortieren_oben, #main table.auflistung tr th span.sortieren_unten {margin-left:5px;cursor:pointer;}
#main table.auflistung tr.grau td {background-color:#CCC;}

/* Datendetails */
#main #fotos  {width:276px;margin:12px 7px 0 20px;float:left;padding:20px;}
#main #fotos a.group {margin-right:5px;}
#main #infos {margin:12px 30px 0 351px;min-width:70%;}
#main #infos span.tsnrGruen {color:#27ae60;}
#main #infos h1.float {float:left;display:inline;margin-right:50px;}
#main #infos a.zurueck {float:left;margin-top:23px;}
#main #infos .filterBlock {display:block;overflow:auto;margin-bottom:30px;border-left:#27ae60 4px solid;padding-left:22px;}
#main #infos .filterBlock h2 {margin-bottom:20px;color:#27ae60;text-transform:uppercase;font-size:14px;cursor:pointer;}
#main #infos h2 span.pfeilUnten {background-image: url('/files/layout/pfeil_kategorie.png');width:20px;height:20px;display:block;float:left;background-repeat:no-repeat;background-position:center;}
#main #infos table td.bezeichnung {width:250px;padding-right:10px;}
#main #infos table td.aktuelleDaten {width:250px;padding-right:10px;}
#main #infos table td.datenBearbeiten {width:250px;padding-right:10px;}
#main #infos td.datenBearbeiten .select {width:180px;}
#main #infos td.datenBearbeiten .chosen-container .chosen-single {height:20px;}

/* Erklaerungen */
#main #erklaerungen .navi ul li {float:left;display:inline;margin-right:40px;}
#main #erklaerungen span.neueErklaerung {cursor:pointer;text-decoration:none;color:#27ae60;}
#main #erklaerungen span.neueErklaerung:hover {text-decoration:underline;}

/* Upload */
#main #upload .radioMenu{float:left;display:block;}

/* Regeln */
#main #regeln #neueKondition, #main #regeln #neueSetzenAuf {color:#27ae60;cursor:pointer;}
#main #regeln .kondition, #main #regeln .setzenAuf {float:left;display:inline;}

/* Produktionsliste */
#main .neueProduktionsliste .label {width:200px;float:left;}

/* Bild im Mouseover anzeigen */
img.bild:hover {position:absolute;margin-left:-100px;margin-top:-55px;width:400px;}
img.bildGross {float:left;display:inline;margin-right:20px;}

/* Formate Auflistung */
#main table.tabelle td, #main table.tabelle th {border-bottom:1px solid #ededed;padding:3px 5px 3px 5px;}
#main .label {width:150px;float:left;}

/* Tracking */
#main table.auflistung span.menge {float:left;margin-right:10px;}

/* CONFIRM */
.jconfirm .jconfirm-scrollpane {width:600px;margin: 0 auto;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {float:left !important;}