* {
    margin: 0;
}

html{
    background-color: #ffffff;
}

/* body----------------------------------------------------------------*/
.body {
    margin: 0;
    padding: 0;
}


/*navigatiebalk--------------------------------------------------------*/
#ul_navigatiebalk  {
    margin: 0;
    padding: 0;
}

/*text van de navigatiebalk*/
li a {
    display: flex;
    color:rgb(194, 205, 201);
    text-decoration: none;
    text-align: center;
    
}

/*textboxen in de navigatiebalk*/
li {
    float: left;
    padding: 3.28% 3%;
    list-style-type: none;
    background-color: black;
}

/*zorgt ervoor dat er een kleur komt als je muis op een navigatie block komt**/
li:hover{
    background-color: #195a54;
    transition-property: inherit;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
}

/*als je op die pagina zit wordt de link achtergrond gekleurd in de navigatiebalk*/
.active{
    background-color: #206957;
}

/*code voor de gehele navigatie balk*/
#hele_navigatiebalk {
    background-color: black;
    position: fixed;
    width: 100%;
    font-size: smaller;
    z-index: 5;
    font-family: "Poppins", sans-serif;
}

/*contact box navigatiebalk*/
#contact_li {
    float: right;
    background-color: #00857c;
}

/*zorgt ervoor dat er een kleur komt als je muis op het contact block komt*/
#contact_li:hover {
    background-color: #195a54;
}

/*als je op de contact pagina zit wordt de link achtergrond gekleurd in de navigatiebalk*/
#active{
    float: right;
    background-color: #195a54;
}

/*logo van de WLP die zich in de navigatiebalk bevind*/
#WLP_Logo {
    padding-top: 0.2cm;
    float: left;
    border-style: solid;
    border-width: 2%;
    width: 9.1%;
}

/*Home-----------------------------------------------------------------*/

/*het witte WLP logo*/
#Thuis {
    padding-top: 1%;
    position: relative;
    z-index: 3;

}

/*Welkom tekst op de home pagina*/
.Welkomtext {
    font-size: xxx-large;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

/*Code voor de paragraaf hoofden*/
.Home_Paragraph_Header {
    font-size: x-large;
    font-weight: bolder;
    font-family: "Poppins", sans-serif;
    margin-left: 5%;
}

/*Code voor de text van de partij standpunten*/
.Home_Paragraph_Text {
    font-size: large;
    font-family: "Poppins", sans-serif;
    margin-right: 40%;
    margin-left: 3%;
   
}

/*backroundlogo voor Home*/
#Homelogo_WLP {
    width: 100%;
    height: 100%;
    padding: 0%;
    position: sticky;   
    z-index: 1;
}

/*tekst in de homepagina*/
#Thuistekst {
    z-index: 5;
    

}


/* Alle Foto's in de Thuistekst*/
.Fotos_in_de_Thuistekst {

    width: 40%;
    margin-left: 3%;
}

/* WLP Promotionele video css code */

#WLP_Video_div {

   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   height: 50%;
}

/* De css code voor de slogan aan het einde van de pagina Home*/

#Samen_voor_de_toekomst {
    font-size: xxx-large;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #00857c;
}

/*leden----------------------------------------------------------------*/
/*hoe breed is de gehele tabel*/
.tabel {
    width: 100%;
}

th,td {
    text-align: center;
    border: 0.15cm solid black;
    padding: 1.5%;
    color: black;
    border-radius: 0.2cm;
    background-color: #e3f8f6;
}

#Tablehead{
    color: rgb(0, 90, 0);
}

#Tablebody{
    color: rgb(0, 129, 129);
}

/*leeftijd van de verkiesbare leden*/
.age {
    width: 24%;
}

/*de opleidingen van de verkiesbare leden*/
.degree{
    width: 44%;
}

/*naam van de verkiesbare leden*/
.naam{
    width: 39%;
}

/*code die de kleur van de partijleiders aanpast*/
.leider{
    background-color: rgba(127, 255, 212, 0.4);
}

#Leden_table {
    padding-top: 4cm;
    position: static;
    display: block;
    font-family: "Poppins", sans-serif;
    
}

/*De titel van de pagina*/
.title{
    font-size: 240%;
    width: 86%;
    text-align: center;
    margin: auto;
    border: 0.2cm solid black;
    border-radius: 0.2cm;
    background-color: #d5faf6;
    font-family: "Poppins", sans-serif;

}


/*vergaderingen--------------------------------------------------------*/

#vergaderingsagenda {
    padding-top: 4cm;
}

.agendatabel {
    width: 100%;
    font-family: "Poppins", sans-serif;
}

.agendatitle{
    font-size: 190%;
    border: 0.2cm solid;
    text-align: center;
    width: 80%;
    margin: auto;
    border-radius: 0.2cm ;
    background-color: #d5faf6;
    font-family: "Poppins", sans-serif;
}

/*De hele vergaderingpagina*/

#Hele_vergadering {
    background-image: url();
}

/*ideologien-----------------------------------------------------------*/

/*De gehele div met tekst van de ideologien*/
.Ideologientekst {

    padding-top: 7%;
    background-color: #e3f8f6;
}


/*Welkom tekst op de Ideologien pagina*/
.Ideologien_Welkomtext {
    font-size: xxx-large;
    font-weight: 600;
    font-family: "Poppins", sans-serif;

}

/*Code voor de paragraaf hoofden*/
.Ideologien_Paragraph_Header {
    font-size: x-large;
    font-weight: bolder;
    font-family: "Poppins", sans-serif;
    margin-left: 5%;

}

/*Code voor de text van de Ideologien*/
.Ideologien_Paragraph_Text {
    font-size: large;
    font-family: "Poppins", sans-serif;
    margin-right: 50%;
    margin-left: 3%;

}

/*De slottekst van de pagina Ideologien*/
.Ideologien_Endtekst {
    font-family: "Poppins", sans-serif;
    font-size: x-large;
    text-align: center;
    color: #195a54;
    font-weight: bold;
    
}

/*alle tekst afbeeldingen in de Ideologien pagina*/
.fotos_in_de_Ideologientekst {
    width: 30%;
    margin-left: 3%;
}

/*contact--------------------------------------------------------------*/
.kleur{
    background-color: #e3f8f6;
}

/*De voor mogelijke vragen sectie*/
#Contacttext {
    background-color: #d3fdfa;
    padding: 1%;
    margin: auto;
    width: 75%;
    margin-top: 4cm;
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: x-large;
}

/*Mail logo */
.Mail {
    padding: 1%;
    background-color: #d7fffc;
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    margin-top: 1%;
    margin-left: 19%;
    width: 3.5cm;
    height: 3cm;
    float:  left;
}

.Mail1 {
    background-color: #d7fffc;
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    margin-top: 1%;
    margin-right: 19%;
    padding: 1%;
    width: 3.5cm;
    height: 3cm;
    float: right;
}

/*phone*/
.phone {
    background-color: #d7fffc;
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    margin-top: 1%;
    padding: 1%;
    width: 3cm;
    float: left;
    margin-left: 1%;
}

.phone1 {
    background-color: #d7fffc;
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    margin-top: 1%;
    padding: 1%;
    width: 3cm;
    float: right;
    margin-right: 1%;
}


/*Info partij leiders*/
.Gijs{
    float: left;
    margin-left: 10.5%;
    margin-top: 2%;
    background-color: rgba(23, 197, 180, 0.274);
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    text-align: center;
    width: 37%;
    font-size: 130%;
    font-family: "Poppins", sans-serif;
}

.Daan{
    float: right;
    margin-right: 10.5%;
    margin-top: 2%;
    background-color: rgba(23, 197, 180, 0.274);
    border: 0.2cm #195a54 solid;
    border-radius: 0.2cm;
    text-align: center;
    width: 37%;
    font-size: 130%;
    font-family: "Poppins", sans-serif;
}