@charset "UTF-8";

body { background-color: #ffffff; }
#page {   margin-bottom: 2em; }
footer#bottom { border-top: 4px solid; }
.wrapper-login h1 { text-align: left; }
header#top { position: relative; }
.eventFrame .wrapper { width: 100%; max-width: 990px; }

section h1 {
  line-eight: 20px;
  margin-bottom: 9px;
  font-size: 20px;
}

button {
    display: inline-block;
    padding: 5px 10px;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.02em;
    font-size: 11px;
    font-family: Tahoma, Arial, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    border: 1px solid #749217 !important;
    background: url("../img/btn-overlay.png") repeat-x !important;
}

button:hover, button:focus, button:active {
    outline:medium none;
    opacity:0.9;
    -khtml-opacity: .9;
    -moz-opacity: 0.9;
}

button.delete { 
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px  !important;
    background: url("/img/delete.png") repeat-x !important;
    text-shadow: 0;
    height: 16px; 
    width: 16px; 
}

button.delete:hover { 
    outline:none;
    border:none !important;
    opacity:1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.ok { 
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px  !important;
    background: url("/img/accept.png") repeat-x !important;
    text-shadow: 0;
    height: 16px; 
    width: 16px; 
}

button.changeButton {
    background: url("../img/btn-overlay.png") repeat-x !important;
    color: #444444 !important;
}

.wrapper-login {
    width: 550px;
    text-align: center;
}

#bottom .wrapper { text-align: center; }

#Ergebnisse { position: absolute; top: 10px; right: 230px; width: 250px; height: 70px; font-size: 12px; cursor: pointer; }
#Ergebnisse * { text-align: right; font-weight: normal; }
#Ergebnisse table { margin: 0; }
#Ergebnisse td.title { padding: 0px; width: 120px; }
#Ergebnisse td.title a { font-weight: bold; color: #777; text-decoration: none; }
#Ergebnisse td { padding: 0; width: 10px; }
#Ergebnisse td.geschafft { padding-left: 4px; width: 80px; }
#Ergebnisse td.geplant { padding-right: 4px; width: 80px; }
#Ergebnisse td.ampel { width: 30px; }
#Ergebnisse table td.title > div {
	position:relative;
	display:block;
	padding:0 0 0 6px;
}
div.listingDetails { display: none; }
#Ergebnisse table td.title div.listingDetails {
	background-color:#FFF;
	border-color:#E2EFFF;
	border-style:solid;
	border-width:1px 1px 3px;
	left:-12px;
	position:absolute;
	text-align:left;
	top:26px;
	display:none;
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}
#Ergebnisse table td.title div.listingDetails div.pad{
	padding:8px 10px;
}
#Ergebnisse .listingDetails th { padding-right: 5px; font-weight: bold; }
table td.highlighted, table tr.highlighted td {
	background-color: #E2EFFF !important;
}
table td.highlighted td.highlighted {
	background-color: #ffffff !important;
}

input.datum { width: 85px; text-align: right; }
input.zeit { width: 45px; text-align: right; }
#formRow input.customer, #formRow input.project { width: 150px; }
input.description { width: 414px; }
input.percentage { width: 60px; text-align: right; }

textarea.description { width: 414px; height: 17px; margin: 0; vertical-align: middle; resize: none; font-size: 14.6667px; position: relative; }

input.zahlungsziel { width: 90px; }
input.quantity { width: 50px; }
.description.short { width: 290px; }
.description.longer { width: 350px; }
input.price { width: 88px; }
input.vatRate { width: 45px; }

.dataTables_filter input { width: 150px; }

input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],input[type="date"],input[type="checkbox"],textarea,select {
  border-color:#888;
  border-style:solid;
  border-width:1px;
  padding:1px;
  color:#777;
  background-color: #fbfbfb;
}
input:focus, textarea:focus { background-color: #fbfbfb; border-color: inherit; }
fieldset input[type="text"] { width: 228px; }
fieldset select { width: 232px; }

.formulare input[type="text"], .formulare input[type="password"], .formulare textarea, .formulare select { width: 300px; }
.formulare input.stundensatz { width: 190px; text-align: right; }
.formulare textarea { font-family: sans; font-size: 13.3333px; }

.erfassung { position: relative; }
.erfassung td, .erfassung th { padding-left: 6px; }
.erfassung td:first-child, .erfassung th:first-child { padding-left: 0; }
.submitButton { bottom: 0px; padding: 2px; }
.erfassung.submitButton { position: absolute; right: 3px; }

#formRow { padding: 0 5px 5px 5px; margin-bottom: 1em; border: 1px solid #888; width: 978px; }

fieldset label { display: block; width: 120px; float: left; text-align: right; margin: 0 5px 0 0; padding: 4px 0 0; }
.longerLabels label { width: 230px; }
.longerLabels input[type="checkbox"] { margin-bottom: 4px; }
.row { clear: left; height: 2em; margin-bottom: 0.5em; position: relative; }
.row.heigher { height: 4em; margin-bottom: 0.5em; }
.row.autoheight { height: auto; margin-bottom: 0.5em; }
.row ul { list-style: none; }
.row ul li { float: left; display: inline-block; width: 600px; }
fieldset input, fieldset select, fieldset img { float: left; }
.longerInputs input[type="text"] { width: 320px; }

.longerLabels .titelLabel { width: 130px; margin-right: 0; }
.longerLabels .titelVorname { width: 100px; }

.ui-widget-content legend { background: inherit; }
#wizzard fieldset { border: none; }
.ui-tabs-panel .longerLabels label { width: 180px; }
.ui-tabs-panel fieldset { width: 500px; }
.ui-tabs-panel .longerLabels .titelLabel { width: 80px; }
.ui-tabs-panel .longerLabels .titelVorname { width: 100px; }

select.error, input.error { background: #fdd; }
select.valid, input.valid { background: #dfd; }

.inputTable tbody tr:hover td, .inputTable tbody tr.odd:hover td { cursor: pointer; background: #ddd !important; }

.confirmDialog { display: none; height: 150px;}

#message { margin-top: 1em; }

.addDataButton { position: absolute; top: 10px; right: 0; font-size: 13px;}

table th.numbers, table td.numbers { text-align: right; }
table tr.totalsRow { font-weight: bold; }

.ui-dialog form.stornoDialog { height: 200px; }
.ui-dialog form.stornoDialog label { width: 100px; }
.ui-dialog form.stornoDialog textarea { height: 120px; width: 250px; }

#customerInfo ul { list-style: none; }
fieldset.secondFieldset {
  position: absolute; 
  top: 0px; 
  left: 500px;
  margin: 0;
  padding: 8px 0 0 0;
  width: 440px; 
}
fieldset.secondFieldset.longerLabels { width: 490px; }

fieldset.secondFieldset legend { padding-left: 6px;  }
#wizzard fieldset.secondFieldset { width: 350px; }

div.wrapper { position: relative; }
.tooltip { display: none; }
.tooltip table { position: absolute; width: auto; }

input.address.street { width: 178px; margin-right: 5px; }
input.address.streetnumber { width: 40px; }
input.address.zip { width: 60px; margin-right: 5px; }
input.address.city { width: 158px; }
span.eurozeichen { display:block; float: left; margin-top: 2px; margin-left: 3px; }
input.adresse.titel { width: 50px; margin-right: 5px; }
input.adresse.vorname { width: 169px; }

tr th.sorting, tr th.sorting_asc, tr th.sorting_desc { padding-right: 20px; }
td.ta-right, td.ta-right input { text-align: right; }

div.pdfLayout { height: 130px; }
div.pdfLayout textarea { height: 120px; }

.ui-progressbar { height:4px; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; }
table.stylized td.title > div { background: none; padding: 0; }
#forecastTable a { border: none; color: black; }
#forecastTable a:hover { border: none; }

.explainLetterhead { width: 500px; margin-left: 180px; margin-top: 60px; }

.tableCheckbox { width: 25px; }
.tableDate { width: 65px; }
.tableQuantity { width: 38px; }
.tableVAT { width: 30px; }
.tablePrice { width: 90px; }
.tableSum { width: 90px; }
.tableTime { width: 45px; }
.tableDelete { width: 18px; }

#responseText { z-index: 100; display: none; position: absolute; top: 5px; left: 300px; }

.fett { font-weight: bold; font-size: 125%;}
.kursiv { font-style: italic; }

.nummernPreview { position: absolute; top: 60px; left: 370px; }
.nummerDisplay { font-weight: bold; }

.insteadOfInput { display: block; float: left; margin-top: 2px; font-size: 13px; }

.pakete td, .pakete thead th { text-align: center; }
.pakete tbody th, .pakete thead td { width: 300px; }
#monatsPreisZeile { display: none; }

.hideOverflow { 
  height: 1.5em;  
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.hideOverflow.customer { width: 250px; }

#menu { position: relative; width: 100%; }
.sf-menu a.sf-with-ul.short { padding-right: 1em; }
.menu-left, .menu-right { position: absolute; }
.menu-center { margin-left: 300px; }
.menu-left { left: 0; }
.menu-right { right: 0; }
.sf-menu a.activeMenuEntry { 
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    vertical-align: baseline;
    font-weight: bold;
    outline: 0 none;
    display: block;
    position: relative;
    color: #EEEEEE;
    padding: 0.75em 1em;
    min-width: 1px;
}

#deactivate { margin-left: 500px; }
tr.deactivated td { text-decoration: line-through; }
tr.deactivated td.numbers { text-decoration: none; }
tr.ausgegraut { color: #bbb; }
option.deaktiviert { color: #999; font-style: italic; }

#offenePosten .rechnungsnummer { width: 90px; }
#offenePosten .kunde { width: 210px; }
#offenePosten .betrag { width: 125px; }

.anmeldung td { padding: 2px 5px; }
.anmeldung { margin-bottom: 1.5em; }

.projektErgebnis { font-style: italic; color: #999; }
form fieldset .tageszielIn { width: 100px; height: 1.33em; margin-right: 5px; }
#tageszielInAuswahl { width: 50px; }
#dashboard { width: 100%; position: relative; height: 440px; }
#dashboard div { position: absolute; width: 480px; height: 210px; }
#dash_umsatz { top: 0; left: 0; }
#dash_op { top: 230px; left: 0; }
#dashboard div#dash_kunden { top: 0px; right: 0; height: 440px; }

#einBlick { width: 100%; padding: 5px 10px 15px; text-align: right; font-size: 125%; }
#einBlick table { width: 100%; }
#einBlick td { width: 25%; }

button.wizzardSubmit { display: none; }
#ausdruckenbutton, #downloadbutton { visibility: hidden; }

.freitext { width: 618px; height: 30px; font-size: 14px; }
.angebotHochRunter { width: 50px; }
table.stylized td.angebotHochRunter { padding-left: 0; padding-right: 0; }
.angebotMenge { width: 70px; }
.angebotBeschreibung { width: 600px; }
.angebotMwst { width: 80px; }
.angebotPreis { width: 160px; }
.angebotLoeschen { width: 30px; }
.angebotsDetailsButton { padding: 2px; }

.hochrunter { border: none !important; width: 22px; height: 21px; }
.hochrunter:active, .hochrunter:hover, .hochrunter:focus { border: none !important; box-shadow: none; }
.hoch { background: url("../images/oben.png") !important; }
.runter { background: url("../images/unten.png") !important; }
.hochrunter.versteckt { visibility: hidden; }
#angebotDrucken { visibility: hidden; }
#angebotSenden { visibility: hidden; }
.full.beta { background: url("../images/beta.png") 890px 0px no-repeat; padding-top: 50px; }
#customerSubsAngebote.beta { background: url("../images/beta.png") 880px 0px no-repeat; padding-top: 100px; }
  
.gruen { color: #009640; }
.rot { color: #ff0000; }

.inputTable.noHand tbody tr:hover td, .inputTable.noHand tbody tr.odd:hover td { cursor: default; }

.stundenDetails { display: none; font-style: italic; }

.password-meter { float: left; margin: 0 0 0 15px; visibility: hidden; }
.password-meter-message { height: 1em; }
.ui-dialog .ui-dialog-buttonpane { position: relative; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; float: none; text-align: center; }
button.wizzardLinks { position: absolute; left: 10px; }
button.wizzardRechts { position: absolute; right: 10px; }
.ui-dialog .ui-dialog-buttonpane button.grau { background-image: url("/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png") !important; color: #777 !important; }
/*

ui-bg_highlight-hard_100_fafaf4_1x100.png
ui-bg_highlight-hard_15_459e00_1x100.png
ui-bg_highlight-hard_95_cccccc_1x100.png
ui-bg_highlight-soft_25_67b021_1x100.png
ui-bg_highlight-soft_95_ffedad_1x100.png
ui-bg_inset-soft_15_2b2922_1x100.png
*/
.wizzardStep { display: none; }

#addRabatt { background: url("../img/add.png") !important; width: 16px; height: 16px; border: none !important; padding: 0; }
#rabattFormBody { display: none; }

.hide { display: none; }

label.error { border: 1px solid black; background: #ffffff !important; z-index: 100; text-align: center; position: absolute; top: 30px; left: 120px; }
fieldset.longerLabels label.error { left: 230px; }

#wizzard .wrapper { width: 750px; }
#wizzard fieldset.secondFieldset { left: 350px; }
#wizzard .wrapper label { width: 90px; }
#wizzard fieldset.secondFieldset label { width: 110px; }

.createInvoiceButton { position: absolute; top: 10px; right: 0px; width: 180px; display: inline-block; line-height: 13px; }

.dialog { display: none; }

.row.withStatus { width: 500px; }

#pagetitle { border-top: 4px solid; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
}
.ui-tabs .ui-tabs-nav {
    padding: 0.2em 0.4em 0 0;
}
.ui-tabs .ui-tabs-panel { margin-top: 0px; }
.ui-tabs ul { border: none; background: none !important; }
.ui-tabs li.ui-state-default, 
.ui-tabs .ui-tabs-nav li.ui-state-active,
.ui-tabs .ui-tabs-panel { border-top: 2px solid; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; }

.datepick-cmd:hover { color: #fff; }
form {   overflow: visible; }
table.stylized th { font-weight: normal; }

#registerPage { font-size: 150%; }
#registerPage h1 { font-size: 30px; margin-bottom: 15px; }
#registerPage button { font-size: 17px; }
#registerForm #salutation { width: 90px; }
#registerForm select, 
#registerForm input[type="text"], 
#registerForm input[type="password"] { margin-right: 10px; padding: 10px 6px; }
#registerForm #vorname { width: 150px; }
#registerForm #email { width: 250px; }
#registerForm .row.heigher { height: 50px; }

#schnellsuche { position: absolute; top: 38px; right: 0; width: 180px; }
#schnellsuche input { width: 176px; margin: 0; position: absolute; top: 20px; border-color: #888; background-color: #f8f8f8; }
#schnellsuche label { 
    display: block; 
    margin: 0; 
    top: 0; 
    font-size: 12px; 
    font-weight: bold; 
    color: #777; 
    text-decoration: none; 
    text-shadow: none;
    letter-spacing: -0.02em;
}
.ui-autocomplete { width: 450px; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-image: none;
}
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.neuPfeil {
    position: absolute;
    top: 55px;
    right: 10px;
}
.neuAnlegen {
    background: url("/img/neuWolke.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 170px;
    width: 590px;
    margin-top: 20px; 
    padding: 75px 30px 5px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.fest { position: fixed; top: 0px; background: white; z-index: 100; width: 100%; padding-bottom: 20px; }

table.display { width: 100%; }
.customerToBill { border: 1px solid; margin: 10px 0; padding: 0 10px; }
.customerToBill table.display { width: 968px; margin: 0; }
.customerToBill .billingPart { margin-bottom: 12px; }
.customerToBill h4 { margin: 10px 0 0; width: 710px; }
.customerToBill h5 { margin-top: 0px; line-heigth: 14px; }
.billHeading { min-height: 50px; position: relative; }
.billingTotals { width: 237px; position: absolute; top: 0; right: 0; }
.billingTotals table { text-align: right; }
.billingTotals td { padding: 3px; font-weight: bold; }
.billingTotals td.betrag { width: 75px; }
.billingTotals td.beschreibung { width: 150px; }

.formulare input.anzahl { width: 80px; }
.formulare input.leistung { width: 600px; }
.formulare input.preis { width: 120px; }
.formulare input.numbers { text-align: right; }

.checkboxRow { padding-left: 100px; }
.checkboxRow input[type="checkbox"] { width: auto; }
.longerLabels .checkboxRow { padding-left: 210px; }
.checkboxRow label { text-align: left; width: 300px; padding: 2px 0 0 8px; }
.longerLabels .checkboxRow label { width: auto; }
.checkboxRow.multi { padding-left: 10px; }
.checkboxRow.multi label { padding: 2px 0 2px 2px; width: 165px; }
.checkboxRow.multi div { display: inline-block; }

.radioRow label { text-align: left; width: 160px; padding: 2px 0 0 8px; }

table.empfehlungenTable { font-style: italic; }
table.stylized table.empfehlungenTable tr:last-child td { border: none; }

#faktoring { text-align: center; margin-top: 3em; }
#faktoring p { font-size: 150%; margin-bottom: 0.5em; }

.ausgegrautesFieldset, .ausgegrautesFieldset:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
}
/*fieldset input.captchaCode { margin-left: 34px; width: 434px; }*/
#emailRepeat { visibility: hidden; }

.explainAnhang { margin: 0em 3em 1em 2em; }

#page a#keinInteresseAnFactoring { display: block; margin-top: 20px; border: none; cursor: pointer; color: #999; }
#page a#keinInteresseAnFactoring:hover { background: none; }

#letterHeadGenerator { margin: 50px 0 0 100px; }

.decimoAGB ol { counter-reset: item; margin-left: 0.75em; position: relative; }
.decimoAGB ol li { display: block; }
.decimoAGB ol li:before { content: counters(item, ".") "."; counter-increment: item; position: absolute; left: -0.75em; }

.decimoAGB ol ol { margin-left: 0.5em; }
.decimoAGB ol ol li:before { left: -0.5em; }

.decimoAGB ol li { font-size: 18px; font-weight: bold; margin-bottom: 1.5em; }
.decimoAGB ol li li, .decimoAGB ol li div { font-size: 14px; font-weight: normal; margin-bottom: 0.5em; }

.goHome { cursor: pointer; }

.briefbogenWrapper { width: 100%; }
.briefbogenEntscheidung { width: 350px; float: left; height: 250px; position: relative; }
.briefbogenEntscheidung p.buttonContainer { width: 100%; text-align: center; position: absolute; bottom: 20px; }
.briefbogenEntscheidung:first-child { border-right: 1px solid #aaa; padding-right: 15px; }
.briefbogenEntscheidung:last-child { padding-left: 15px; }

.formulare .tickets label { width: 100px; }
.formulare input.maximal { width: 40px; }

.saldo { font-weight: bold; }

table.stylized td.tageUeberfaellig { padding: 0 5px; vertical-align: middle; text-align: center; }
td.tageUeberfaellig div { width: 30px; height: 24px; padding-top: 6px; background: url("/images/tue.png"); }
td.tageUeberfaellig div.rot { color: #ccc; }
td.tageUeberfaellig div.orange { background-position: 60px 0px; color: #333; }
td.tageUeberfaellig div.gruen { background-position: 30px 0px; color: #222; }

tr.pending_transaction { font-style: italic; color: #999; }
select.tickets { width: 50px; text-align: right; padding-right: 5px; }

div.row span.doppelpunkt { float: left; display: inline-block; margin: 0 5px 0 2px; }
.bezeichnung { text-align: right; }

form .row input.preis { text-align: right; width: 120px; }

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

fieldset input.artikelanzahl { height: 19px; margin-right: 5px; width: 20px; text-align: right; }

div.row.position input.quantity { width: 100px; text-align: right; margin-right: 5px; }
div.row.position input.beschreibung { width: 600px; margin-right: 5px; }
div.row.position input.preis { width: 100px; text-align: right; }
div.row.position input.disabled { color: #aaa; }

div#umschalter { position: absolute; top: 38px; right: 200px; width: 300px; }

button.copy { 
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px  !important;
    background: url("/img/copy.gif") repeat-x !important;
    text-shadow: 0;
    height: 16px; 
    width: 16px; 
}

button.copy:hover { 
    outline:none;
    border:none !important;
    opacity:1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.grau { background-image: url("/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png") !important; color: #777 !important; }