+
/* 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;
    max-height: 1850px;
    //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, .naviLieferanten a:focus {
	background: #07b; color:white;
}               
.navi .current a {
	background: red; color: white;
}




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

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


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

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

/* **************************************************/
.wrapperkdauftrag {
 padding:0;
 margin:auto;
 width:1400px;
 max-height: 400px;
 //background-color:whitesmoke;
 background-color: blue;
 }

.wrapperkdauftrag .table {
padding:0;
margin:0;
display: block;	
width: 800px;
height: 400px;
background-color: lightpink;
overflow: auto;
float:left;
}
.wrapperkdauftrag .fields {
padding:0;
margin:0;
display: block;	
width: 600px;
height: 400px;
background-color: yellowgreen;
float:right;
}

/*
.clearing {
//clear: both;
}
*/
.wrapperkdauftrag .table .tablebuttons {
display: block;
 //justify-content:flex-start; 
padding-top: 10px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.wrapperkdauftrag .table .tablecontent {
display: block;	
//width: 100%;
height: 380px;
padding: 10px;
 overflow: auto;
background-color: lightgreen; //whitesmoke;
}
/*
.ncdbutton {
  border: 1px solid black; 
  border-radius: 8px; 
  background-color: red;
  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 .ncdbutton { 
border: 3px solid black; 
border-radius: 8px; 
background-color: violet;  
color: white; 
padding-left: 30px; 
padding-right: 30px; 
text-align: center; 
text-decoration: none; 
display: inline-block; 
font-size: 16px; 
margin: 0; 
cursor: pointer; 
} 

.ncdbutton:hover { 
background-color: #c62828; 
}

.wrapperkdauftrag .fields .fieldsbuttons {
padding-top: 0px;	
padding-left:0px;	
padding-bottom: 0px; 
border: 3px solid #ccc; 
display:flex;	
gap: 8px;
align-items: center;
justify-content:flex-start; 
//width: 390px;
min-height: 50px;
background-color: lightgoldenrodyellow;
}

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


/* **************************************************/
.wrapper {
 padding:0;
 margin:auto;
 width:1400px;
 max-height: 400px;
 //background-color:whitesmoke;
 background-color: blue;
 }

.wrapper .table {
padding:0;
margin:0;
display: block;	
width: 800px;
height: 400px;
background-color: lightcyan;
float:left;
}
.wrapper .fields {
padding:0;
margin:0;
display: block;	
width: 600px;
height: 400px;
background-color: yellowgreen;
float:right;
}

/*
.clearing {
//clear: both;
}
*/
.wrapper .table .tablebuttons {
display: block;
padding-top: 10px;	
padding-left: 10px;
//width: 590px;
height: 50px;
background-color: white;
}

.wrapper .table .tablecontent {
display: block;	
//width: 100%;
height: 380px;
padding: 10px;
background-color: lightblue;
}

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

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

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

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