@media print{
nav, .displayOnlyArea {
    display:none;
}
.printArea {
    display:inline;
}
.printArea p {
    margin: 0;
}
table td {
    vertical-align: top;
}
.vertragsinfo {
    font-size:0.8em;
}
}
@media screen{
    
* {
	margin:0;
	padding:0;
}
#nav {
    background-image: url("logo_arctx.png"), url("tischer_logo.png");
    background-repeat: no-repeat;
    background-position: right top, left top;
    background-size: 250px;
}
html, body {
	font: 100% Arial, Helvetica, sans-serif;
    background-color: #FAFAFA;
    color: #454545;
}
nav {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 24px;
  text-align: center;
  background-color: #EEEEF2;
}
nav>ul>li>a {
  transition: 0.3s ease;
  background: #EEEEF2;
  color: #454545;
  font-size: 18px;
  text-decoration: none;
  border-top: 3px solid #EEEEF2;
  border-bottom: 3px solid #EEEEF2;
  padding: 12px 0;
  margin: 0 20px;
}
nav>ul>li>a:hover {
  border-top: 3px solid #007ACC;
  border-bottom: 3px solid #007ACC;
  padding: 4px 0; 
}
nav li {
    list-style-type: none;
    display: inline-block;
    height: 1em;
    padding: 0 0em;
}
main{
    margin: 1em;
}
.changestate>*{
    font-size: 1em;
    padding:0.2em;
}
.state_red {
    background-color: #FFC0C0;
}
.state_yellow {
    background-color: #FFE0C0;
}
.state_green {
    background-color: #C0FFC0;
}
.state_archived {
    background-color: #DEDEDE;
}
.contracts {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.5em;
}
.contracts tr td:nth-child(1){
    width: 6%;
}
.contracts tr td:nth-child(2){
    width: 23%;
}
.contracts tr td:nth-child(3){
    width: 27%;
}
.contracts tr td:nth-child(4){
    width: 14%;
}
.contracts tr td:nth-child(6){
    width: 9%;
}
.contracts a {
    color: black;
    text-decoration: none;
}
.search>*{
    font-size: 1.2em;
}
.nohl {
    color: #00558E;
    text-decoration: none;
}
article {
    font-size: 1.5em;
}
.savenotes>*{
    font-size: 1.2em;
}
.savenotes>input{
    font-size: 1em;
}
.search>*{
    font-size: 1.2em;
}
.customers {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.5em;
    background-color: #007ACC;
    color: white;
}
.customers tr td:nth-child(1){
    width: 3em;
}
.customers tr td:nth-child(2){
    width: 15em;
}
.customers tr td:nth-child(4){
    width: 5.6em;
}
.customers a {
    color: white;
    text-decoration: none;
}
.customer_details {
    background-color: #007ACC;
    color: white;
}
.savecustomer{
    font-size: 20pt;
}
.savecustomer>*{
    font-size: 20pt;
    margin-bottom: 0.2em;
}
.backbutton{
    background-color: white;
    border: 1px solid #00558E;
    color: #00558E;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;
}
.backbutton:hover{
    background-color: #00558E;
    color: white;
}
.contractsbycustomer {
    border-collapse: collapse;
    width: 60%;
    font-size: 1em;
}
.contractsbycustomer tr td:nth-child(1){
    width: 10%;
}
.contractsbycustomer tr td:nth-child(3){
    width: 20%;
}
.contractsbycustomer a {
    color: black;
    text-decoration: none;
}
.snav {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 24px;
  text-align: center;
  background-color: transparent;
}
.snav>ul>li>a.std {
  transition: none;
  background: transparent;
  color: #919191;
  font-size: 18px;
  text-decoration: none;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  padding: 12px 0;
  margin: 0 20px;
}

.snav li {
    list-style-type: none;
    display: inline-block;
    height: 1em;
    padding: 0 0em;
}
.snav>ul>li>a.r {
    transition: none;
  background: transparent;
    color: #454545;
  font-size: 18px;
  text-decoration: none;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  padding: 12px 0;
  margin: 0 20px;
}

.snav>ul>li>a.cr {
    transition: none;
  background-color: transparent;
  font-size: 18px;
  text-decoration: none;
  border-top: 3px solid #45BA1E;
  border-bottom: 3px solid #45BA1E;
  padding: 4px 0;
  margin: 0 20px;
}
.fwbutton{
    background-color: white;
    border: 1px solid #45BA1E;
    color: #45BA1E;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;
}
.fwbutton:hover{
    background-color: #45BA1E;
    color: white;
}
.newitem{
    font-size: 1.2em;
}
.newitem>select{
    font-size: 1em;
}
.centered{
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}
.centered2{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.left{
    text-align: left;
}
.cancelbutton{
    background-color: white;
    border: 1px solid #FC5947;
    color: #FC5947;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;
}
.cancelbutton:hover{
    background-color: #FC5947;
    color: white;
}
.overview td, .overview th{
    padding-right: 2em;
}
.overview td {
    vertical-align: top;
}
.printArea{
    display:none;
}
.endbutton{
    background-color: white;
    border: 1px solid #45BA1E;
    color: #45BA1E;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;
}
.endbutton:hover{
    background-color: #45BA1E;
    color: white;
}
.loginform{
    text-align: center;
    font-size:2em;
}
.loginform *{
    font-size:1em;
}
.wrongPW{
    color:#FC5947;
    text-align:center;
    font-size:1.5em;
}
}