+
/* Rechnung.CSS */ 

* {
   padding:0;
   margin:0;
}

html { 
  scroll-behavior: smooth; 
   padding:0;
   margin:0;
}

body {
    background-color: #DFDFDF;
    font-family: Arial,sans-serif;
    font-size  : 20px;
    color:black;

    margin:auto;
    width:1400px;
    height:950px;
    //background-color: whitesmoke;
}
	
	
/*
Grundlegende Gestaltung für die Navigation 
*/
.navi ul {
 background:gray; 
 list-style-type: none;    
  padding: 0; 
  margin: 0;
  display: flex; 
 justify-content:flex-end; 
}

.navi li {
margin-right: 5px;
border: 1px solid black;
}


.navi a {
  background: green; 
  color: white; 
  text-decoration: none; 
  display: block;
  padding: 0.5rem;
}

.navi a:hover, .naviAuftrag a:focus {
	background: #07b; color:white;
}               
.navi .current a {
	background: red; color: white;
}




.naviAuftrag ul {
 background:gray; 
 list-style-type: none;    
  padding: 0; 
  margin: 0;
  display: flex; 
 justify-content:flex-start; 
}

.naviAuftrag li {
margin-right: 5px;
border: 1px solid #333;
}


.naviAuftrag a {
  background: green; 
  color: white; 
  text-decoration: none; 
  display: block;
  padding: 0.5rem;
}

.naviAuftrag a:hover, .naviAuftrag a:focus {
	background: #07b; color:white;
}               
.naviAuftrag .current a {
	background: red; color: white;
}
/* **************************************************/ 
.paleft {
 padding:0;
 margin:0;
 display: block;
 width:900px;
 height: 800px;
 //background-color:whitesmoke;
 background-color: blue;
 float: left;
 }

.paleft .rechnkopf {
padding:0;
margin:0;
display: block;	
width: 900px;
height: 400px;
background-color: lightcyan;
//float:left;
}

.paleft .rechnkopf .rechnkopfheadline {
display: block;
padding-top: 5px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.paleft .rechnkopf .rechnkopfcontent {
display: block;
padding-top: 5px;	
padding-left: 10px;
//width: 590px;
height: 350px;
background-color: red;
}

/* ========================================== */
.paleft .rechnpos {
padding:0;
margin:0;
display: block;	
width: 900px;
height: 400px;
background-color: lightcyan;
}

.paleft .rechnpos .rechnposheadline {
display: block;
padding-top: 5px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.paleft .rechnkopf .rechnposcontent {
display: block;
padding-top: 5px;	
padding-left: 10px;
//width: 590px;
height: 350px;
background-color: red;
}

/* **************************************************/
.paright {
 padding:0;
 margin:0;
 display:block;
 width:500px;
 height: 800px;
 //background-color:whitesmoke;
 background-color: yellow;
 float: right;
 }

.ncdbutton {
  border: none;
  background-color: lightskyblue;
  color: black;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0;
  cursor: pointer;
}

footer {
  clear: both;
  background-color: whitesmoke;
  color: black; 
  text-align: right; 
}