@charset "utf-8";

body {
    font-family: sans-serif;
    font-size: 12px;
    background: #FFFFFF;
}

a {
    text-decoration: none;
    color: #00309C;
}

a:her {
    text-decoration: none;
    color: #0059F6;
}

img {
    border-width: 0;
}

form {
     display: inline;
     margin-bottom: 0;
}

th {
    text-align: center;
}

td {
    vertical-align: top;
}

tr .summe {
    text-align: right;
}

hr {
    border: 0px;
    border-top: 1px solid #888888;
}

.control {
    width: 100%;
    text-align: center;
    background-color: #666666;
    clear: both;
}
.control a {
    padding: 3px;
    display: block;
    color: #EEEEEE;
}
.control a:hover {
    background-color: #222222;
    display: block;
    color: #FFFFFF;
}

.warnung {
    color: white;
    background-color: #a9211f;
    padding: 2px;
    text-align: center;
    width: auto;
    margin-top: 3px;
    margin-bottom: 3px;
}
.warnung a {
    color: #FFAAAA;
}

.hinweis {
    color: white;
    background-color: #36a91f;
    padding: 2px;
    text-align: center;
    width: auto;
    margin-top: 3px;
    margin-bottom: 3px;
}
.hinweis a {
    color: #AAFFAA;
}

.spacer {
    width: 50px;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    padding: 3px;
}

.button {
    background-color: #666666;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    padding: 3px;
}
.button a {
    color: #EEEEEE;
    padding: 3px;
    display: block;
}
.button a:hover {
    background-color: #222222;
    display: block;
}

.reload {
    padding: 2px;
    position: fixed;
    z-index: 10000;
}
.reload a {
    color: #118811;
    font-size: 30px;
}
#seite {
    max-width: 1300px;
}
#navigation {
    width: 100%;
    background-color: #666666;
    border: 1px solid #222222;
    margin-bottom: 10px;
    float: center;
    padding: 0px;
}
#navigation a {
    padding: 3px;
    display: block;
    color: #EEEEEE;
}
#navigation a:hover {
    background-color: #222222;
    display: block;
    color: #FFFFFF;
}


#editform {
    clear: both;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    margin-bottom: 10px;
    margin-right: 10%;
    margin-left: 10%;
    float: left;
}

#editform * input .maxwidth{
    width: 100%;
}

#downloadmatrix {
    clear: both;
    padding: 3px;
    margin-bottom: 10px;
}
#downloadmatrix table {
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#downloadmatrix th {
    border: 1px solid #888888;
    padding: 5px;
}
#downloadmatrix td {
    border: 1px solid #888888;
    padding: 5px;
}

#suchfeld {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

#todoliste {
    clear: both;
    margin-bottom: 10px;
    padding: 0px;
    color: #ffffff;
    width: 100%;
}

.rueckrufe {
    background-color: #9a270c;
    border: 1px solid #5d1606;
    padding: 5px;
    color: #ffffff;
    width: 100%;
}
.rueckrufe th {
    font-weight: bold;
    font-size: 15px;
	color: #ed927f;
}
.rueckrufe td {
    padding: 0px;
}
.rueckrufe hr {
    width: 100%;
}
.rueckrufe a {
    color: #FFEEBB;
}

.todos {
    background-color: #0b6a9a;
    border: 1px solid #05405d;
    padding: 5px;
    color: #ffffff;
    width: 100%;
    margin-top: 5px;
}
.todos th {
    font-weight: bold;
    font-size: 15px;
	color: #7fcbed;
}
.todos td {
    padding: 0px;
    width: auto;
}
.todos hr {
    width: 100%;
}
.todos a {
    color: #FFEEBB;
}


#firmenliste .button {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
}

#firmenliste {
    clear: both;
    padding: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#firmenliste table {
    width: 100%;
    clear: both;
    background-color: #EEEEEE;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
#firmenliste th {
    border: 1px solid #888888;
    padding: 5px;
}
#firmenliste td {
    border: 1px solid #888888;
    padding: 5px;
}

.leftbar {
    clear: both;
    border: 0px solid red;
    margin-bottom: 10px;
    float: left;
    max-width: 300px;
    min-width: 300px;
}

.firma {
    max-width: 300px;
    min-width: 300px;
    clear: both;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    float: left;
}
.firma table {
    width: 100%;
}
.flagge {
    display: inline-block;
    white-space: nowrap;  
    vertical-align: middle;
    border: 1px solid #666666;
}
.firmentitel {
    font-size: 20px;
    font-weight: bold;
}

.lizenz {
    background-color: #FFFFFF;
    border: 2px dashed #d2460a;
    background-image: url('stempel.png');
    background-repeat: no-repeat;
    background-position: center ;
}
.lizenz table {
    color: #7c0e04
}

#filialen {
    float: left;
    margin-left: 10px;
    max-width: 650px;
    background-color: #CCDDCC;
    border: 1px solid #99AA99;
    padding: 10px;
    margin-bottom: 10px;
}
#filialen .tabs{
    width: 650px;
}
.filiale {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    float: left;
    width: 650px;
    clear: both;
}

.daemoninfo {
    background-color: #DDDDDD;
    border: 1px solid #888888;
}

.monatsrechnung {
    background-color: #90D140;
    border: 1px solid #888888;
    float: center;
    margin: 10px;
}

.monatsrechnung table {
    padding: 2px;
    width: 100%;
}

.rechnungspositionen {
    float: center;
}
.rechnungspositionen table {
    background-color: #cce5af;
    border: solid 1px #70b120;
}

.rechnungspositionsdeltas {
    background-color: #DDDDDD;
    border: 1px solid #888888;
    overflow: scroll;
    overflow-x: hidden;
    height: 250px;
}

.rechnungsbutton {
    background-color: #a0b389;
    border: 0px;
    font-size: 10px;
    font-family: sans serif;
    font-weight: bold;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 12px;
    text-align: center;
    vertical-align: top;
}
.rechnungsbutton a {
    color: #444444;
    display: block;
}
.rechnungsbutton a:hover {
    background-color: #798767;
    display: block;
}
.filialrechnungen {
    border: 1px solid #888888;
    background-color: #cce5af;
    overflow: scroll;
    overflow-x: hidden;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    height: 150px;
    font-size: 11px;
}
.filialrechnungen table{
    width: 100%;
}

#support {
    width: 650px;
    float: left;
    margin-left: 10px;
    color: #444444;
    margin-bottom: 10px;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    padding: 10px;
}
#support img{
    margin: 10px;
    vertical-align:middle;
}
#support select{
    width: 100%;
}
#support textarea{
    width: 100%;
}
#support input{
    width: auto;
}
#support input[type=submit]{
    width: 100%;
}

#supportpasswords {
    float: right;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#supporthistory {
    width: 100%;
    background-color: #EEEEEE;
    padding: 0px;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 600px;
    margin-top: 10px;
}
#supporthistory table {
    padding: 0px;
    border-collapse: collapse;
}
#supporthistory td {
    padding-left: 5px;
    padding-right: 5px;
}

.aktives_telefonat {
    background-color: #EE9999;
}

#actiontodohistory {
    clear: both;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 5px;
    height: 200px;
    margin-top: 10px;
    font-size: 9px;
    width: 100%;
    margin-bottom: 20px;
    overflow: scroll;
    overflow-x: hidden;
}
#actiontodohistory table table {
    margin: 5px;
    border-collapse: collapse;
}
#actiontodohistory table table th {
    border: 1px solid #888888;
    padding: 5px;
}
#actiontodohistory table table td {
    border: 1px solid #888888;
    padding: 5px;
}

#personen {
    background-color: #AAAAAA;
    border: 1px solid #888888;
    max-width: 300px;
    min-width: 300px;
    float: left;
}

#personenliste {
    clear: both;
}

.person {
    border: 1px solid #888888;
    margin: 5px;
    background-color: #FFFFFF;
}
.person table {
    width: 100%;
}
.person hr{
    width: 66%;
}

.filialperson {
    border: 1px solid #888888;
    margin: 5px;
    background-color: #CCDDCC;
}
.filialperson table {
    width: 100%;
}
.filialperson hr{
    width: 66%;
}

#kundendownloads {
    width: 100%;
    border: 0px;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 100px;
}

#lastschriftstornos {
    max-width: 293px;
    min-width: 293px;
    float: right;
    background-color: #ffdddd;
    border: 1px solid #d2460a;
    margin: auto;
    margin-left: 3px;
    margin-right: 3px;
}

#abiscoclients {
    background-color: #ABCDEF;
    clear: both;
    border: 1px solid #888888;
    max-width: 300px;
    min-width: 300px;
    margin-bottom: 10px;
}
#abiscoclientstable {
    overflow: scroll;
    max-height: 400px;
}

.small {
    font-size: 8px;
}

.red {
    color: red;
}

.green {
    color: green;
}

#firmapasswords {
    width: 100%;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    font-size: 10px;
    margin-bottom: 10px;
    float: left;
}

#todonotizen {
    max-width: 200px;
    width: 200px;
    float: right;
}

#todonotizen textarea {
    width: 186px;
    display: inline-block;
    margin: 2px;
}

.todo {
    width: 100%;
    background-color: #0B6A9A;
    border: 1px solid #05405d;
    margin-bottom: 10px;
    float: left;
}
.todo select {
    width: 186px;
}

.notiz {
    width: 100%;
    background-color: #ffffdd;
    border: 1px solid #888877;
    margin-bottom: 10px;
    float: left;
}

.admin {
    background-color: #ffbbbb;
}
.wichtig {
    border: solid 2px #a9211f;
}
.monospace {
    font-family: monospace;
}

#downloadliste {
    clear: both;
    padding: 3px;
    margin-bottom: 10px;
    float: left;
}
#downloadliste table {
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#downloadliste th {
    border: 1px solid #888888;
    padding: 5px;
}
#downloadliste td {
    border: 1px solid #888888;
    padding: 5px;
}

#fccstartoffen {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    padding: 3px;
}
#fccstartoffen table {
    background-color: #EE9999;
    border-collapse: collapse;
    width: 100%;
}
#fccstartoffen th {
    border: 1px solid #888888;
    padding: 5px;
}
#fccstartoffen td {
    border: 1px solid #888888;
    padding: 5px;
}


#supportstatistik {
    clear: both;   
    display: block;
    padding: 0px;
}

#supportstatistiksuche{
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
}
#supportstatistiksuche table {
    background-color: #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}
#supportstatistiksuche th {
    border: 1px solid #888888;
    padding: 5px;
}
#supportstatistiksuche td {
    border: 1px solid #888888;
    padding: 5px;
}

#supportoffen {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    padding: 3px;
}
#supportoffen table {
    background-color: #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}
#supportoffen th {
    border: 1px solid #888888;
    padding: 5px;
}
#supportoffen td {
    border: 1px solid #888888;
    padding: 5px;
}

#supportstatistikliste {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 0px;
    padding: 3px;
}
#supportstatistikliste div table {
    width: 100%;
}

.statistik {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 0px;
    padding: 3px;
}
.statistik table {
    background-color: #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}
.statistik td {
    border: 1px solid #888888;
    padding: 5px;
}

.kalenderwochen {
    background-color: #EEEEEE;
    border: 1px solid #888888;
}
.kalenderwochenstunden {
    background-color: #333333;
}
.kalenderwochenstunden td {
    padding: 2px;
}

.akquise {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    float: center;
    clear: both;
    padding: 3px;
    margin-left: 0;
    margin-right: 0;
}
.akquise table {
    background-color: #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}
.akquise td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

#monatsrechnungen {
    padding: 3px;
    clear: none;
    float: right;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    margin-bottom: 10px;
}

#monatsrechnungen table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#monatsrechnungen td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

#rechnungshistorie {
    padding: 3px;
    clear: left;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
    margin-bottom: 10px;
}
#rechnungshistorie table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#rechnungshistorie td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

#rechnungsdifferenzen {
    padding: 3px;
    clear: left;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
    margin-bottom: 10px;
}
#rechnungsdifferenzen table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#rechnungsdifferenzen td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}
#zusammenfassendemeldung {
    padding: 3px;
    clear: left;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
    margin-bottom: 10px;
}
#zusammenfassendemeldung table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#zusammenfassendemeldung td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}
#zusammenfassendemeldung .csvdatei {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    overflow: scroll;
    overflow-x: hidden;
    height: 50px;
    padding: 5px;
}
#fibuids {
    padding: 3px;
    clear: left;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
    margin-bottom: 10px;
}
#fibuids table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#fibuids td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

#kosten {
    padding: 3px;
    clear: left;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
    margin-bottom: 10px;
}
#kosten table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#kosten td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

#offeneposten {
    margin-bottom: 10px;
    padding: 3px;
    clear: none;
    width: 45%;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    float: left;
}
#offenepostenscoller{
    overflow-y: scroll;
    max-height: 400px;
}
#offeneposten table {
    width: 100%;
    background-color: #EEEEEE;
    border-collapse: collapse;
}
#offeneposten td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

.bezahlt {
    color: #CC0000;
    text-align: center;
}

.unbezahlt {
    color: #CC0000;
}

.gewinn {
    float: right;
    color: #008000;
    text-align: center;
    font-weight: bold;
}
.verlust {
    float: right;
    color: #CC0000;
    font-weight: bold;
}
.unstimmigkeit {
    float: left;
    color: #0000CC;
    font-weight: bold;
    margin-right: 2px;
}

.zyklus {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    margin-bottom: 10px;
    float: center;
    clear: both;
    padding: 3px;
    margin-left: 25%;
    margin-right: 25%;
}
.zyklus table {
    background-color: #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}
.zyklus td {
    border: 1px solid #888888;
    background-color: #F8F8F8;
    padding: 5px;
}

.filialmap{
    width: 100%;
    height: 300px;
    border: 1px solid gray;
}

.kundenmap{
    width: 800px;
    height: 800px;
    border: 1px solid gray;
}

#versionsmotd {
    clear: both;
    padding: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#versionsmotd table {
    width: 100%;
    clear: both;
    background-color: #EEEEEE;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
#versionsmotd th {
    border: 1px solid #888888;
    padding: 5px;
}
#versionsmotd td {
    border: 1px solid #888888;
    padding: 5px;
}
#versionsmotd td textarea {
    width: 99%;
}


#kundenmotd {
    clear: both;
    padding: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#kundenmotd table {
    width: 100%;
    clear: both;
    background-color: #EEEEEE;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
#kundenmotd th {
    border: 1px solid #888888;
    padding: 5px;
}
#kundenmotd td {
    border: 1px solid #888888;
    padding: 5px;
}



/*----- Tabs -----*/
.tabs {
	width: 78%;
	display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links {
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration:none;
}
.tab-links:after {
	display:block;
	clear:both;
	content:'';
	text-decoration:none;
}

.tab-links li {
	float:left;
	list-style:none;
	text-decoration:none;
}

.tab-links a {
	display:inline-block;
	text-decoration:none;
}

.tab-links a:hover {
	text-decoration:none;
}

li.active a, li.active a:hover {
    /* background-color: #222222; */
}

/*----- Content of Tabs -----*/
.tab-content {
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}