/* ---- BODY ---- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

body, 
input,
select,
textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}


/* ---- PORTAL HEADER ---- */

#portalHeader {
    background: url('/images/header/interntool-header_v3.png') left top no-repeat;
    height: 80px;
}


/* ---- LOGIN FORM ---- */

#loginForm {
	margin: 30px auto 0px auto;
	width: 350px;
	padding: 0;
	border: 1px solid #C2C2C2;
}

#loginForm .loginFormHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
	border-bottom: 1px solid #C2C2C2;
	background-color: #D5D9DE;
}

#loginForm #login {
	padding: 10px 20px 10px 20px;
	text-align: center;
}

#loginForm .loginFormContent {
	padding: 0 20px 0 20px;
	text-align: center;
}


/* ---- PORTAL COLUMNS ---- */

#portalColumns {
    width: 100%;
}

#portalColumnNavigation {
    width: 160px;
    vertical-align: top;
}

#portalColumnMain {
    vertical-align: top;
    padding: 15px 0 0 15px;
}


/* ---- PRINT ---- */

.printTD {
    text-align: right;
    padding: 5px 5px 5px 0;
}


/* ---- TABLE LISTINGS ---- */

.TREven {
    background-color: #D5D9DE;
}

.TROdd {
    background-color: transparent;
}

.TRAlert {
    background-color: red;
}

/* ---- PROJECTPARTNER REPORT ---- */

table .projectparterReport td {
    vertical-align: top;
    padding: 3px;
}

table .projectparterReport .projectSelect {
    width: 200px;
}

table .projectparterReport .activityTextarea {
    width: 300px;
    height: 40px;
}

table .projectparterReport .employeeSelect {
    width: 200px;
}


/* ---- INVOICE ---- */

.descriptionTextarea {
    width: 250px;
    height: 40px;
}

.invoiceCommentForm {
	width: 300px;
}



/* ---- ADD AND EDIT TIME-ENTRY ---- */

.projectSelect {
    width: 450px;
}

.workpackageSelect {
    width: 450px;
}

.activityTextarea {
    width: 450px;
    height: 50px;
}


/* ---- NAVIGATION ---- */

.navigationtd {
    padding: 0;
    margin: 0;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    /* background-color: #89A8D7; */
    background-color: #D5D9DE;
}

.naviheadline {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C2C2C2;
	padding: 17px 0 0 5px;
}

.justlineheadline {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C2C2C2;
}

.navigationTree {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    line-height: 1em;
}

.navTreeItem {
    display: block;
    padding: 0;
    margin: 0;
}

.navTreeItem a {
    display: block;
    text-decoration: none;
    padding: 2px 0px 2px 15px;
}

.navTreeItem a:hover {
    background-color: #023C83;
    color: #FFFFFF;
}

.navTreeItem a.selected {
    background-color: #89A8C7;
    color: #FFFFFF;
}


/* ---- SHADOW FORMS ---- */

input:focus {
	background: #89A8D7;
}

textarea:focus {
	background: #89A8D7;
}



/* --------------------------------------------------------------------- */


.AddressUsed {
    color : gray;
    font-weight : bold;
}

.ErrorMessages {
    color : red;
    text-align : center;
    font-weight : bold;
}

.SuccessMessages {
    color : green;
    text-align : center;
    font-weight : bold;
}

.motivationtext {
    width: 450px;
    height: 50px;
    padding: 0;
    margin: 0;
}

.motvationtext_height {
    width: 450px;
    height: 150px;
    padding: 0;
    margin: 0;
}

.task_comment {
    width: 450px;
    height: 350px;
    padding: 0;
    margin: 0;
}

.todofield {
    width: 450px;
}

.todofieldshort {
    width: 200px;
}

.TRSumme,
.TDSumme {
    background-color: #87cefa;
}

.TDGreen {
    background-color: #BAE6A4;
}

.TRRed,
.TDRed {
    background-color: #FF6A6A;
}

.ControllingOK {
    color: #1E8303;
}

.ControllingNotOK {
    color: #FF6A6A;
}

.Stil2 {
    font-size: 9px;
    color: #FF0000;
}

.prozent {
	color: #FF0000;
}

input.deletebutton {
	background: transparent url(/images/delete.gif) 1px 3px no-repeat;
	cursor: pointer;
	padding: 1px 1px 1px 10px;
	border: none;
}

input.checkbox {
	border: none;
	width: 12px !important;
}

.list {
	font-size: 11px;
}

.bigheadline {
	font-size: 15px;
	font-weight: bolder;
}

.listheadline {
	font-size: 11px;
	font-weight: bold;
}

.topheadline {
	font-size: 12px;
	font-weight: bold;
}

.listingtable td {
    padding: 0 5px 0 5px;
}

.listingtable th.selection,
.listingtable td.selection {
    padding: 0 !important;
    width: 10px;
    text-align: center;
}

.listingtable th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #C2C2C2;
    padding: 0 10px 0 0;
}

h1 {
	font-size: 12px;
	font-weight: bolder;
	border-bottom: 1px solid #C2C2C2;
}

h2 {
	font-size: 11px;
	font-weight: bolder;
	border-bottom: 1px solid #C2C2C2;
}

.bearbeiten h2 {
	font-weight: normal;
	border-bottom: 1px solid #C2C2C2;
}

.bearbeiten h1 {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #C2C2C2;
	padding-top: 1px;
}

.ShowTime {
    background-color : #00A400;
    color : #FFFFFF;
    font-weight : bold;
}

.TDTimeSelect {
    width : 16px;
    text-align : right;
}

div.AdressSelect,
div.AdressSelect a,
div.AdressSelect a:link,
div.AdressSelect a:visited,
div.AdressSelect a:active {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
    color : #000000;
    text-decoration : none;
}

div.AdressSelect a.selected {
    background: #023C83;
    color: #FFFFFF;
}

div.AdressSelect a:hover {
    background-color : #000000; /* #FFFFFF; */
    font-weight : bold;
    color : #FFFFFF; /* #CC0000; */
    text-decoration : none;
}

div.TimeSelect A,
div.TimeSelect A:link,
div.TimeSelect A:visited,
div.TimeSelect A:active {
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
div.TimeSelect A:hover {
  background-color: #000000; /* #FFFFFF; */
  font-weight: bold;
  color: #FFFFFF; /* #CC0000; */
  text-decoration: none;
}

div.TimeSelectMain A,
div.TimeSelectMain A:link,
div.TimeSelectMain A:visited,
div.TimeSelectMain A:active {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
div.TimeSelectMain A:hover {
  background-color: #000000; /* #FFFFFF; */
  font-weight: bold;
  color: #FFFFFF; /* #CC0000; */
  text-decoration: none;
}

a {
	font-style: normal;
	text-decoration: none;
	color: #003366;
}

a:hover {
	color: #5F87BD;
}

tr.headline td {
	font-size: 11.5px;
	font-weight: bold;
	border-bottom: 1px solid #C2C2C2;
}

tr.headlinemain td {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #C2C2C2;
	padding-top: 10px;
}

tr.headlinesub td {
	font-weight: bold;
	border-bottom: 1px solid #C2C2C2;
}

tr.line td {
	font-size: 2px;
	border-top: 1px solid #C2C2C2;
}

tr.justline td {
	border-top: 1px solid #C2C2C2;
}

tr.summe td {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #C2C2C2;
}


table {
	font-size: 11px;
}
input {
	border: 1px solid #C2C2C2;
	font-size: 11px;
}
.healdine1 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C2C2C2;
}
.new {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C2C2C2;
}
select {
	font-size: 11px;
	border: 1px solid #C2C2C2;
}
textarea {
	font-size: 11px;
	border: 1px solid #C2C2C2;
}
.checkbox {
	border: 0px;
	width: 10px;
}
.textklein {
	font-size: 9px;
}
.comment {
    background: #EEEEEE;
    border: 1px dotted #003366;
    padding: 0 1em 0.5em 1em;
    margin-bottom: 1em;
}

.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #003366;
    border-bottom: 1px solid #003366;
    font-size: 100%;
    margin: 1em 0em 1em 0em;
}
.listing th {
    background: #EEEEEE;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    border-right: 1px solid #003366;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    text-transform: none;
}
.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}

.listing .odd {
    /*every second line should be shaded */
    background-color: transparent;
}

.listing .even {
    background-color: #D5D9DE;
}

.listing td {
    border-right: 1px solid #003366;
    padding: 0em 1em;
    text-align: left;
}

.listing a:hover {
    text-decoration: underline;
}

.auswertunginhalt {
	border-bottom: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	padding-left: 5px;
	text-align: right;
}
.auswertunghead {
	border-bottom: 2px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	padding-left: 5px;
	text-align: right;
	font-weight: bold;
}
.auswertungbottom {
	border-top: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	padding-left: 5px;
	text-align: right;
}
form {
 	margin-top: 0;
}

.rn {
	padding-right: 10px;
	text-align: right;
}

.downbutton {
    border: none;
}

.linkimg {
	border: none !important;
}



/* --- STATUS FUER RECHNUNGEN --- */
input.bezahlt {
	background: transparent url(/images/bezahlt.gif) no-repeat;
	border: none;
}
input.nichtbezahlt {
	background: transparent url(/images/nicht_bezahlt.gif) no-repeat;
	border: none;
}
input.erstellt {
	background: transparent url(/images/erstellt.gif) no-repeat;
	border: none;
}
input.versendet {
	background: transparent url(/images/versendet.gif) no-repeat;
	border: none;
}


/* --- STATUS FUER PROJEKTE --- */
input.invorbereitung {
	background: transparent url(/images/invorbereitung.gif) no-repeat;
	border: none;
}
input.inarbeit {
	background: transparent url(/images/inarbeit.gif) no-repeat;
	border: none;
}
input.abgeschlossen {
	background: transparent url(/images/abgeschlossen.gif) no-repeat;
	border: none;
}
input.archiv {
	background: transparent url(/images/archiv.gif) no-repeat;
	border: none;
}


/* --- STATUS FUER MITARBEITER --- */
input.aktiv {
	background: transparent url(/images/aktiv.gif) no-repeat;
	border: none;
}
input.inaktiv {
	background: transparent url(/images/inaktiv.gif) no-repeat;
	border: none;
}


/* --- VERRECHNUNGSSTATUS FUER PROJEKTE --- */
input.verrechenbar {
	background: transparent url(/images/verrechenbar.gif) no-repeat;
	border: none;
}
input.nicht_verrechenbar {
	background: transparent url(/images/nicht_verrechenbar.gif) no-repeat;
	border: none;
}
input.sonderprojekte {
	background: transparent url(/images/sonderprojekte.gif) no-repeat;
	border: none;
}
input.engagement {
	background: transparent url(/images/engagement.gif) no-repeat;
	border: none;
}
input.talente {
	background: transparent url(/images/talente.gif) no-repeat;
	border: none;
}


/* ---- Projekte erfassen ---- */

.customerSelect {
    width: 600px;
}


/* ---- Tabelle fuer viele Daten ---- */

.largelistingtable.withWidth {
	width: 900px;
}

.largelistingtable th {
    text-align: left;
    padding: 0 5px 0 5px;
    border-bottom: 2px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
}

.largelistingtable th.betrag {
    text-align: right;
}

.largelistingtable td {
    padding: 0 5px 0 5px;
    border-bottom: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
}

.largelistingtable .lastcell {
    border-right: none;
}

.largelistingtable {
    border: 1px solid #C2C2C2;
}

.noborder,
.noborder td,
.noborder th {
    border: none;
}




/* ---- Anzeige Namen ---- */

.loginname {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C2C2C2;
	padding-right: 5px;
}





/* ---- Adressbuch ---- */

#mailingliste optgroup {
    color: #000000;
    padding-top: 5px;
    font-style: normal;
}

#mailingliste option {
    color: #003366;
}

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


/* ---- Nachrichten ---- */

.green {
    color: #00A400;
    font-weight: bold;
}

.red {
    color: #FF0000;
    font-weight: bold;
    /* text-decoration: blink; */
}

.thinGreen {
    color: #00A400;
}

.thinRed {
    color: #FF0000;
}

.thinYellow {
    color: #B78631;
}


/* ---- Auswertung Tage ---- */

.auswertungprojekt {
    width: 250px;
}

.auswertungwert {
    width: 35px;
    text-align: right !important;
}


/* ---- Mailinglisten Uebersicht ---- `*/

.maillisting {
    width: 600px;
}

.maillistingnowidth td,
.maillisting td {
    padding: 2px 3px 2px 3px;
}

.bearbeiten a {
    font-weight: normal;
    text-align: right;
}

.projekt {
    border-bottom: 1px solid #ABABAB;
}


/* ---- Projekt Form ---- */

.firmselection {
    width: 500px;
}

.selectionfield {
    width: 150px;
}

.inputfield {
    width: 300px;
}

.projecttextarea {
    width: 500px;
    height: 150px;
}


/* ---- AdressDetail ---- */

.boldtext {
    font-weight: bold;
}

.multimail {
    width: 400px;
}


/* ---- Rechnungen ---- */

.invoiceFormContent {
    width: 400px;
}

.sumTable {
    border: 1px solid #ABABAB;
    width: 300px;
    font-size: 90% !important;
}

.sumTable td {
    border-bottom: 1px solid #ABABAB;
    border-right: 1px solid #ABABAB;
    padding: 1px 4px 1px 4px;
    width: 33%;
}

.sumTable td.headline {
    border-bottom: 2px solid #ABABAB;
    font-weight: bold;
    text-align: center;
    font-size: 100% !important;
}

.sumTable td.summe {
    border-top: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
}

.sumTable td.amount {
    text-align: right;
}

.sumTable tr.open {
    color: red;
}

.sumTable tr.payed {
    color: green;
}

.sumTable tr.planed {
    color: orange;
}

.sumTable td.last {
    border-right: none;
}

.sumTable td.project {
    border-bottom: 2px solid #ABABAB;
    color: blue;
}

.grey {
    color: grey !important;
}

.adddiv {
    width: 600px;
    text-align: right;
}

.invoiceselect {
    width: 330px;
}

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


/* ---- PRINT ---- */

.printdiv {
    width: 600px;
}

.printdiv a {
    color: #00A0C6;
}

.printdiv .topHeading {
    color: #00A0C6;
    font-size: 20px;
}

.printdiv .discreet {
    color: #00A0C6;
    font-size: 10px;
}

.printdiv h1,
.printdiv h2,
.printdiv h3,
.printdiv h4,
.printdiv h5,
.printdiv h1 a,
.printdiv h2 a,
.printdiv h3 a,
.printdiv h4 a,
.printdiv h5 a {
    color: #00A0C6;
    font-weight: normal;
    text-decoration: none;
    border: none;
}

.printdiv h1 {
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0 0 0;
}

.printdiv h2 {
	font-size: 12px;
	font-weight: bold;
}

.printdiv h3 {
	font-size: 11px;
	font-weight: bold;
}

.printdiv h4 {
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 0;
}

.printdiv .image-right {
    float: right;
    margin-top: 15px;
    padding-left: 10px;
}

.printdiv .footerspacer {
    padding: 10px 0 10px 0;
}


#printtable tr.headline td {
    font-size: 11px !important;
}

#printtable td h1 {
    font-size: 18px !important;
}

#printtable {
    text-align: left !important;
}

.cellHintYes {
    border : 2px solid green;
}

.cellHintNo {
    border : 2px solid orange;
}


/* ----- ADRESSBUCH MODIFY ---- */

.inputShort {
    width: 80px;
}

.inputMiddle {
    width: 160px;
}

.inputLong {
    width: 501px;
}

.inputNormal {
    width: 340px;
}

.inputPercent {
    width: 100%;
}

.adressbooktable td {
    padding: 2px 3px 2px 3px;
}

.adressbooktable.addressbook {
    background-color: #E8E8E8;
}

/*
.suisseHidden {
    display: none;
}
*/

.telesisHidden {
    display: none;
}

.hidden {
    display: none;
}



/* ---- PROJECT TABS ---- */

#projekt-tabs {
    padding: 10px 0 10px 0;
}

#projekt-tabs ul {
    background-color: transparent;
    padding: 0;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}

#projekt-tabs li {
    display: inline;
}

#projekt-tabs li a {
    margin-right: 5px;
    margin-left: 5px;
    height: auto;
}

#projekt-tabs li a:hover {
    border-bottom: 1px solid #ABABAB;
}

#projekt-tabs li a.selected {
    border-bottom: 1px solid #ABABAB;
}


/* ---- OTHERS ---- */

.discreet {
    font-size: 8px;
}

.discreetDescription {
    border: 1px solid #C2C2C2;
    background-color: #E2E2E2;
    font-size: 9px;
    color: #333333;
    margin: 3px 0px 0px 0px;
    padding: 2px;
}


/* ---- INVOICE FORM ---- */

.invoiceTable .inputNormal {
    width: 420px;
}


/* ---- INVOICE EVALUATION ---- */

.actionTable td {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
    text-align: center;
    width: 18px;
}


/* ---- LANGUAGESELECTOR ---- */

#languageselector {
    float: right;
    margin: 0 5px 0 0;
}

#languageselector a.selected {
    font-weight: bold;
}


/* ---- EXT PROJECTS ---- */

.extProjectDetailTable,
.extProjectDiv {
	width: 800px;
}

.uploadedImageDiv {
	/* display: table-cell; */
	display: inline-block;
	padding: 3px;
}

img.uploadedImage {
	border: 5px solid #C2C2C2 !important;
}

.grouped_elements img {
	border: none;
}

.extProjectDetailTable .extProjectLinksTop td {
	padding-top: 3px;
}
.extProjectDetailTable .extProjectLinksBottom td {
	padding-bottom: 3px;

}

.extProjectDetailTable td.label,
.translateTable td.label {
    width: 180px;
    font-weight: bold;
}

.translateTable td.labelShort {
    width: 200px;
    font-weight: bold;
}

.extProjectDetailTable tr.textarea {
    vertical-align: top;
}

.translateTable tr {
	vertical-align: top;
}

.translateTable textarea,
.translateTable input, 
.translateTable select {
	width: 490px;
}

.translateTable .inputMiddle {
	width: 160px;
}

.translateTable .calInput {
	width: 100px;
}

.translateTable textarea {
	height: 250px;
}

tr.linkseperator td {
	border-bottom: 1px solid #ABABAB;
}

select.dateSelect {
    width: 40px;
    text-align: right;
}

select.yearSelect {
    width: 60px;
}

.addresslisting select.inputNormal {
	height: 20px;
}

.submitButton {
    color: #006699;
    font-weight: bold;
    width: 100px !important;
}

.submitButtonFinal {
	color: #006699;
    font-weight: bold;
	width: 200px !important;
}

.submitFinal {
	color: #006699;
    font-weight: bold;
	width: 230px !important;
}

.translateTable td.submitTD {
    border-top: 1px solid #C2C2C2;
    padding-top: 5px;
    text-align: center;
}

.addressTable .required,
.translateTable .required {
	color: #FF0000;
	font-weight: bold;
}

#mailinglist .error input,
#mailinglist .error textarea,
.translateTable .error input,
.addressTable .error input,
.translateTable .error select,
.addressTable .error select,
.translateTable .error textarea,
.addressTable  .error textarea{
    border-color: #FF0000;
    border-width: 2px;
}

.translateTable td.label {

}

.addressTable td.labelShort {
	font-weight: bold;
	width: 150px;
}

.addressTable .inputNormal {
	width: 320px;
}


/* ---- ADD LINK ---- */

.addLink {
	text-align: right;
	width: 900px;
}




/* ---- Unsichtbar - Connexia ---- */

.invisibleFields {
	display: none;
}


/* ---- TASKS PRINTVIEW ---- */

.printHeader {
	background: transparent url('/images/logo-telesis-projekte.png') no-repeat right 10px;
	height: 70px;
	text-align: right;
}

/* ---- CALENDAR ICON ---- */

.calButton {
	padding: 0 0 0 2px;
	margin: 0 0 -2px 0;
}

.calInput {
	background: #F0F0F0;
	padding-left: 4px;
	width: 100px;
}


/* ---- PROJECTFORM - EXT-PROJECTS ---- */
#projectForm textarea.smallTextarea {
	height: 40px;
}

#projectForm textarea {
	height: 140px;
}


/* ---- FORM ---- */

.formTable {
    width: 800px;
}

.formTable.info {
	width: 480px;
	padding: 5px;
}

.formTable tr.textarea {
    vertical-align: top;
}

.formTable .error input,
.formTable .error select,
.formTable .error textarea {
    border-color: #FF0000;
    border-width: 2px;
}

.formTable td.label {
    width: 150px;
}

.formTable td.submitTD {
    border-top: 1px solid #C2C2C2;
    padding-top: 5px;
    text-align: center;
}

.formTable td.fileSubmitTD {
    border-top: 1px solid #C2C2C2;
    padding-top: 5px;
    text-align: right;
}

.required {
	color: #FF0000;
	font-weight: bold;
}