/* Algemene styling */
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #cfcfcf;

}
.voorraad{
color: rgb(0, 0, 0);
font-size: 150%;
padding-left: 30px;

}
footer{
position: fixed;
bottom: 0;
width: 99%;
border: 1px solid black;


}

a {
color:rgb(56, 56, 56);
}

.titel {
text-align: center;
padding-left: 450px;
}

.tekst-border {
border: black solid 3px; padding-bottom: 200px;
}

p {
font-size: large;
width: 67%;
padding-left: 10px;
}
label {
font-size: large;

}
h1 {
padding-left: 10px;
}
.button-form {
width: 5%;
margin-top: 3px;
}
.voorraad-button{
width: 100%;
}
/*nav bar*/

ul {
list-style-type: none;
margin: 0px;
padding: 10px;
overflow: hidden;
background-color: rgb(126, 126, 126);
margin-bottom: 30px;
}

li {
float: right;
margin-top: 5px;
  
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: large;
  
}

li a:hover {
background-color: rgb(163, 116, 16);
}

.active {
background-color: #000000;
}

#logo {
float:left;
}


/* Home page */

.tekst-border-home {
border: black solid 3px; padding-bottom: 130px;
}

.mark-foto {
float: right;
margin-right: 250px;
margin-top: 85px;
border: solid 1px black;
height: 255px;
width: 180px;
}

.home-tekst {
padding-left: 10px;
}

/* Luidspreker design page */

.foto-design {
height: 250px;
float: right;
margin-right: 20px;
margin-top: 60px;
border: solid 1px black;

}

.foto-design-last {
height: 250px;
float: right;
margin-right: 50px;
margin-top: 60px;
border: solid 1px black;
}


/* Geluidsmetingen page */

.tekst-border-geluidsmetingen {
border: black solid 3px; padding-bottom: 20px;
}
.foto-geluidsmetingen {
height: 350px;
float: right;
margin-right: 150px;
margin-top: 60px;
border: solid 1px black;

}
/* Verkoop/installatie pagina */


.tekst-border-installatie {
border: black solid 3px; padding-bottom: 10px;
}
table {
margin-left: 10px;
width: 25%;
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 5px;
}
th {
background-color: rgb(126, 126, 126);
}



/* Contact page */

.contact-padding {
padding-left: 0px;
}
.versturen {
text-decoration: none;
color: black;
}

.voorraad-table{
width: 70%;
}

.toevoegen{
background-color: rgb(225, 223, 223);
border: 1px solid black;
max-width: 40%;
text-align: center;
margin: auto;
font-size: large;
}
.toevoegen input[type="text"], .toevoegen select, .toevoegen textarea, input[type="email"], input[type="tel"], #categorie{
width: 95%;
margin: 5px;
font-size: 17px;
}
.toevoegen [type="submit"]{
width: 95%;
margin: 5px;
border-radius:5px;
border:0;
padding-top: 10px;
padding-bottom: 10px;
color: black;
background-color: darkgrey;
font-size: 20px;
margin-bottom: 20px;
}
.toevoegen textarea{
height: 130px;
resize: vertical;
font-family: Arial, Helvetica, sans-serif;
}
#info {
font-family: Arial, Helvetica, sans-serif;
}

.delete form button{
width: 95%;
margin: 5px;
border-radius:5px;
border:0;
padding-top: 10px;
padding-bottom: 10px;
color: black;
background-color: rgba(255, 30, 30, 0.738);
border: 2px solid black;
font-size: 20px;
margin-bottom: 20px;
}
#keep button{
background-color: rgba(0, 255, 0, 0.87);
}
.delete{
background-color: rgb(225, 223, 223);
border: 1px solid black;
max-width: 600px;
text-align: center;
margin: auto;
font-size: large;
}
.delete table, .delete p{
margin: auto;
width: 90%;
margin-top: 3%;
margin-bottom: 3%;
}
.column{
float: left;
}
.left {
width: 50%;
background-color: rgb(155, 155, 155);
margin: auto;
}
.right {
width: 50%;
background-color: rgb(155, 155, 155);
text-align: center;
}
.right p {
padding-left: 0;
width: 100%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row {
background-color: rgb(155, 155, 155);
border: 0;

}
.contact{
background-color: rgb(155, 155, 155);
border-right: 1px solid black;
/* max-width: 65%; */
text-align: center;
/* margin: auto; */
font-size: large;
}
.contact input[type="text"], .toevoegen select, .contact textarea, input[type="email"], input[type="tel"]{
width: 70%;
margin: 5px;
font-size: 17px;
}
.contact [type="submit"]{
width: 70%;
margin: 5px;
border-radius:5px;
border:0;
padding-top: 10px;
padding-bottom: 10px;
color: black;
background-color: darkgrey;
font-size: 20px;
margin-bottom: 20px;
}
.contact textarea{
height: 130px;
resize: vertical;
font-family: Arial, Helvetica, sans-serif;
}
#contact{
text-align: center;
}