*       {
            margin: 0%;
            padding: 0%;
            display: block;} /*standaard waardes*/

body    {

            background: linear-gradient(to top right, white, grey);
            box-shadow: 0 0 55px ;
            border-radius: 25px;
            border: 2.1px solid black;
            color: black;
    font: 18px "Comic Sans MS";
            line-height: 1.4;
            text-align: center;
            padding-right: 2%;
            padding-left:  2%;
            margin-top: 1%;
            margin-left: 1%;
            padding-bottom: 1px;
            max-width: 94%; /* dus nog 2 % over voor schaduw effect *//
            z-index: 0;
            min-height: 900px; /* kan nog met procenten */ }

header  {   margin-top: 2%;
    box-shadow: 0 0 4px ;
    border: 1.4px solid black;
background-color: orange;


}




aside   {   position: absolute;
            box-shadow: 0 0 4px ;
            border: 1.4px solid black;

            color: black;
            background-color: orange;
            min-width: 14%;
    max-width: 20%;  /* dan begenit de section */
            margin: 8px 0px 11px 0px;       /*  	[top] [right] [bottom] [left] */
}


section{
    background-color: whitesmoke;
       box-shadow: 0 0 4px ;
    border: 1.1px solid black;
    min-height: 800px;
    margin-left: 22%;
}
#section1{


}
#hiddenphp, #hiddenjavascript, #hiddencss, #hiddensql, #hiddenhtml, #opdrachten{

display: none;
    background-color: red;
}
footer {
    box-shadow: 0 0 4px ;
    border: 1.4px solid black;
    color: black;
    background-color: orange;
    padding-bottom: 1px;
    margin-left: 22%;
}

#registratie{

    display: inline-block;
}
#login1{
    background-color: black;
    color:orange;
    border: 1px solid orange;

}


.hoofdscherm{
    background-color: whitesmoke;
}
#profiel{
    border: 1px;
    color: black;
    background-color: whitesmoke;
}

.mid    {   display: inline-block;}

.right  {   display: none;
            position: relative;
            margin: 2% 14%; /* voor als je hover doet naar submenu, moet ie niet wegvallen*/
            background: linear-gradient(to top right, white, grey);
}
.right a {
    display: block;
}

.menu:hover .right{
            display: block;
            margin-bottom: 4%;
}

.left   {   float:left }

div {       margin-bottom: 10px;
            box-shadow: 0 0 15px ;
            background-color: orange;
}

li  {       box-shadow: 0 0 4px ;
            border: 0.8px solid black;
}

a {         color: black;
            text-decoration: none;}

a:hover {
            cursor: pointer;
            border-radius: 8%;
            background-color: whitesmoke;
     }