+
/* Kunden.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: 800px;
    //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 #333;
}


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

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

.navikunden ul {
 display:flex; 
 justify-content:flex-start; 
 background:violet; 
 list-style-type: none;    
 padding:0; 
 margin: 0;
 border: 5px solid #333;
}

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


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

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

.wrapperkdauftrag {
 padding:0;
 margin:auto;
 width:1400px;
 height: 400px;
 //background-color:whitesmoke;
 background-color: blue;
 }
 
.wrapperkdauftrag .kdtable {
padding:0;
margin:0;
display: block;	
width: 800px;
height: 400px;
background-color: red;
float:left;
}

.wrapperkdauftrag .kdtable .kdtablebuttons {
display: block;
padding-top: 10px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.wrapperkdauftrag .kdtable .kdtablecontent {
overflow: auto;	
display: block;	
//width: 100%;
height: 320px;
padding: 10px;
background-color: lightpink;
}

.wrapperkdauftrag .fields {
padding:0;
margin:0;
display: block;	
width: 600px;
height: 400px;
background-color: yellowgreen;
float:right;
}

.wrapperkdauftrag .kdtable .tablebuttons {
display: block;
padding-top: 10px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.wrapperkdauftrag .kdtable .tablecontent {
display: block;	
//width: 100%;
height: 340px;
padding: 10px;
background-color: lightpink;
}

.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;
}

.wrapperkdauftrag .fields .fieldsbuttons {
padding-top: 10px;	
padding-left: 10px;	
display: block;	
//width: 390px;
height: 50px;
background-color: lightgoldenrodyellow;
}

.wrapperkdauftrag .fields .fieldscontent {
padding-top: 10px;	
padding-left: 10px;		
display: block;	
//width: 400px;
height: 340px;
background-color: lightskyblue;
}