@import "basis.css";

body {
background: #F0E68C;
}


#kopbalk {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#middenbalk {
position: relative;
top: 2px;
left: 0px;
}

#menu ul {
position: absolute;
top: 2px;
left: 2px; /*Testen in de praktijk toonde aan dat de browsers google chrome en firefox beide standaard een verschuiving van (40,2) aanhouden bij absolute positioning. Dus om een nettoverschuiving van 2,4 te krijgen wordt de totale verschuiving -38,2. Maar omdat i.e. dat niet doet is dit niet meegenomen*/
margin: 0px;
}

#menu ul li {
display: block;
width: 10em;
/*margin-right: 0px;*/
/*padding: 5,5,0,5px;*/
}

#menu li a{
display: block;
width: 10em;
margin: 1px;
padding: 3px;
list-style-type: none;
text-decoration: none;
font-family: arial, sans-serif;
font-weight: bold;
font-style: italic;
background-color: darkblue;
color: #F0E68C;
width: 150px;
/*height: 30px;*/
}

#menu li a:hover {
color: darkblue;
background-color: #F0E68C;
}

#tekst {
position: absolute;
bottom: 20px;/*Testen in de praktijk toonde aan dat de browsers internet explorer, google chrome en firefox allen standaard een verschuiving van (0,?) aanhouden bij absolute positioning op bottom.*/
/*left: -35px; */
padding: 5px;
text-align: center;
font-family: arial, sans-serif;
font-size: large;
font-style: oblique;
font-weight: bold;
color: darkblue;
}

#fotomenu {
position: absolute;
bottom: 100px;/*Testen in de praktijk toonde aan dat de browsers internet explorer, google chrome en firefox allen standaard een verschuiving van (40,2) aanhouden bij absolute positioning. Dus om een nettoverschuiving van 2,4 te krijgen wordt de totale verschuiving -38,2*/
left:150px;
border: 3px solid darkblue;
/*border-right: 3px solid darkblue;
border-top: 3px solid darkblue;*/
width: 500px;
height: 300px;
}

#fotomenu ul {
background: transparent;
display: block;
}

#fotomenu li {
display: block;
margin: 40px;
list-style-type: none;
}

#reactiemenu {
position: absolute;
bottom: 10px;/*Testen in de praktijk toonde aan dat de browsers internet explorer, google chrome en firefox allen standaard een verschuiving van (40,2) aanhouden bij absolute positioning. Dus om een nettoverschuiving van 2,4 te krijgen wordt de totale verschuiving -38,2*/
left:20px;
border: 3px solid darkblue;
/*border-right: 3px solid darkblue;
border-top: 3px solid darkblue;*/
width: 750px;
height: 450px;
}


#linklijst {
text-align: left;
/*list-style-image: url(afbeeldingen/cadkatlogo.jpg);*/
list-style-position: inside;
margin: 5px;
}

#linklijst li a {
color: darkblue;
text-decoration: none;
margin: 5px;
}

#linklijst li a:hover {
color: red;
}

#linklijst li a:visited {
color: blue;
}

#linklijst li a:visited:hover {
color: red;
}

#voettekst {
text-align: center;
font-family: arial, sans-serif;
font-size: small;
font-style: oblique;
}