@media print
{

body{
	background-color:white;
	color:black;
	font-family:Arial,Calibri,sans-serif;
}

html,p,ul,li,td,h1,h2,h3,h4{
	font-family:Arial,Calibri,sans-serif;
}

b,th{
	font-weight: bold;
}

table{
	margin:auto;
}

form{
	text-align:center;
}

.greentxt{
	color:#00AF00;
	background:transparent;
}

.redtxt{
	color:#FF0000;
	background:transparent;
}

.mblueTD{
	font-weight:bold;
}

.stext{
	color:lightyellow;
	background:#FFFFFF;
	font-size:90%;
}

a:link,a:visited{
	color:#000000;
	background:#FFFFFF;
	text-decoration:none;
}

img{
	border:0px;
	padding:0px;
}

input,textarea,select{
	border:0px;
	padding:4px;
	font-family:Arial,Helvetica,sans-serif;
}

#td1_20,#td1_2,#td2_20,#td2_2,#td_action1,#td_action2,#td_action3,#td_action4,#td_action5,#td_navi1,#td_navi2,#td_navi3,#td_navi4,#td_navi5,hr{
	display:none;
}

#druck,#werbung1,#werbung2,#werbung3,#top1,#top2,#top3,#top4,#top5,#top6,#top7,#top8,#top9,#top10,#top11,#top12{
	display:none;
}
}

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}
* {
  box-sizing: border-box;
}

.left {
  background-color: #2196F3;
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
}

.main {
  background-color: #f1f1f1;
  padding: 20px;
  float: left;
  width: 60%; /* The width is 60%, by default */
}

.right {
  background-color: #04AA6D;
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
}








    /*  index page styles Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 1500px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;} 
    }













body{
    background-color:whitesmoke;
	color:black;
}

a.ninfolink{
	padding:2px;
	color:red;
	background:transparent;
	text-decoration:none;
}

a.ninfolink:hover{
	padding:2px;
	color:maroon;
	background-color:#0099ff;
}

a.nlink{
	padding:2px;
	color:red;
	background:yellow;
	text-decoration:none;
}

a.nlink:hover{
	padding:2px;
	color:#FFFFFF;
	background-color:#9AA4B7;
}

a.nmenulink{
	padding:2px;
	color:#63829E;
	background:transparent;
	text-decoration:none;
}

a.nmenulink:hover{
	padding:2px;
	color:#FFFFFF;
	background-color:yellow;
}

.stext{
	color:#808080;
	background:transparent;
	font-size:90%;
}

html,p,ul,li,td,h1,h2,h3,h4{
	font-family:Arial,Helvetica,sans-serif;
}

b,th{
	font-weight:bold;
}

table{
	margin:auto;
}

.phprechnung_tabelle{
    background-color:whitesmoke ;
	color:black;
	padding:10px;
	border:0.5px dashed navy;
}

.phprechnung_tabelle_g{
         background-color: #A6C8FF;
	color:black;
	padding:10px;
	border:0.5px dashed navy;
}

.phprechnung_sp_oben{
    background-color: white;
	color:blue;
	padding:10px;
	border-bottom:3px solid blue;
}

.phprechnung_menu_sel{
	border-top:3px solid white;
	border-left:3px solid white;
	border-right:3px solid white;
	color:black;
	background-color:pink;
}

.phprechnung_menu_sel a{
	border-bottom:2px solid white;
	padding:10px;
	display:block;
	font-size:100%;
	width:100%;
	color:white;
        background-color: blue;
	text-decoration:none;
}

.phprechnung_menu_sel a:hover{
	padding:5px;
	display:block;
	font-size:95%;
	width:100%;
	color:red;
	background-color:#ffff99;
}

.phprechnung_menu{
	border-top:2px solid white;
	border-left:1px solid orange;
	border-right:1px solid yellow;
	color:black;
	background-color:pink;
}

.phprechnung_menu a{
	padding:5px;
	display:block;
	font-size:95%;
	width:100%;
	color:white;
        background-color: #0066ff;
	text-decoration:none;
}

.phprechnung_menu a:hover{
	padding:5px;
	display:block;
	font-size:95%;
	width:100%;
        color:#3333ff;
        background-color: #ffff99;
}

.phprechnung_menu_sub{
	border-left:1px solid white;
	border-right:1px solid white;
	border-top:1px solid white;
	
	
	color:navy;
	background-color:aqua;
}

.phprechnung_menu_sub a{
	padding:3px;
	display:block;
	font-size:80%;
	width:100%;
	color:navy;
        background-color: aquamarine;
	text-decoration:none;
}

.phprechnung_menu_sub a:hover{
	padding:5px;
	display:block;
	font-size:95%;
	width:100%;
	color:white;
        background-color: #0066ff;
}

hr{
	border-bottom:1px solid #DCDCDC;
}

img{
	border:0px;
	padding:1px;
}

a:hover img{
	border:1px solid #3D6DA0;
	padding:0px;
}

.dbTxt{
	color:blue;
	background:transparent;
}

.graytxt{
	color:blue;
	background:white;
}

.greentxt{
	color:green;
	background:transparent;
}

.redtxt{
	color:#FF0000;
	background:transparent;
}

.wTD{
	background-color:lightblue;
	color:black;
}
.wTD1{
	background-color:#FFFACD;
	color:black;
}

.select {
  width: 100%;
  display: block;
  min-width: 15ch;
  max-width: 30ch;
  vertical-align: center;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1rem;
  cursor: pointer;
  line-height: 21.1;
  
 /*
 background-color: red;
 background-image: linear-gradient(to bottom, yellow, white 63%);
*/
 }


.grayTD{
    background-color:#FFFACD ;
	color:black;
}

grayTD1{
    background-color:#FFFACD ;
	color:black;
}

.DgrayTD{
	background-color:#FFFACD;
	color:blue;
}

.mblueTD{
	background-color:#3D6DA0;
	color:white;
}

.mgreyTD{
	background-color:#DCDCDC;
	color:red;
}
.redTD{
	background-color:transparent;
	color:#FF0000;
}
.justifydbTxt{
	color:#000080;
	background:transparent;
	text-align: justify;
}
.choice200{
	width:200px;
}

.choice250{
	width:250px;
}

input,textarea{
	border:1px solid #63829E;
	padding:4px;
	font-family:Arial,Helvetica,sans-serif;
}

input:focus,textarea:focus,select:focus{
	border:1px solid #63829E;
	color:black;
        background-color: rgb(153,217,237);
	padding:4px;
	font-family:Arial,Helvetica,sans-serif;
}

input.button{
	border:0px solid blue;
	padding:10px;
	color:	darkblue;
	background-color:#99ccff;
}

.button {
	border:1px solid yellow;
	padding:11px;
	cursor:pointer;
        color:	darkblue;
        background-color:#99ccff;
}

input.button:hover{
	border:1px solid yellow;
	padding:11px;
	cursor:pointer;
}

.grayTD:hover, .wTD:hover, .wTD1:hover, .hover{
	background-color: #9AA4B7;
	color: blue;
}

.form_input {
	width: 60%;
	text-align: left;
	overflow: visible;
}

.form_textarea {
	width: 60%;
	height: 90px;
	overflow: visible;
}

.form_new_textarea {
	width: 90%;
	height: 60px;
	overflow: visible;
}