body {
background-color: #009933;
}
div {
border: 1px solid #000; /* om te laten zien hoe de div's gepositioneert zijn*/
}
#menu {
text-align:center;
width:180px;
float:left;
}
#contentwrapper{ /*een div naast je menubalk voor de inhoud v/d pagina's*/
padding:10px;
width:600px;
margin: 0 auto;
overflow:hidden; /*anders overlapt hij de menubalk bij kleine schermen*/
}
#logo {
margin: 0 auto; /*positioneert deze div in het midden van de bovenliggende, dus het logo in het midden van de contentwrapper*/
text-align:center;
}
#footer{
clear:both; /*tegen float:left*/
width:500px;
margin: 0 auto;
text-align:center;
}
img a{
borderstyle: none; /*borderstyle van je plaatjes*/
}
#menu ul {
list-style-type:none;
display:block;
padding: 0;
margin:0px ;
}
#menu a {
background-color:#663333; /* Dit is de achtergrondkleur van de menu bruin hier veranderen als je een andere kleur wil*/
display: block;
padding: 5px;
margin: 10px;
line-height:normal;
text-decoration: none;
border: 0px #0000FF solid;
width: 120px;
color:#FF6633;/* Dit is de kleur van het lettertype in de knop wit hier veranderen als je een andere letterkleur wil*/
font-weight: bold; /*Dit verdikt het lettertype*/
}
#menu a:hover{
color:#0000FF; /* Dit is de kleur van het lettertype als je met de muis over de knop gaat blauw hier veranderen als je een andere kleur wil*/
background: #FFFF00;/* Dit is de kleur van de knop als je met de muis over de knop gaat geel hier veranderen als je een andere kleur wil*/
}
#inhoud h2 {
text-align : center;
color : #CC3333;
font-size : 1.6em;
}
/* begin update text*/
h2#update {
color : #333399;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
font-size : large;
font-weight : 100;
}
