/* CSS Document  examenopdracht, onderwerp Komore*/

body {
background-color:#5E002F;
background-image:url(bg3.jpg);
font-family: Verdana;;
font-size:14px;
color:#000000;
padding:0;
margin:0;
}

#main {
background-color:#FFFFFF;
width:965px;
height:900px;
margin:25px auto 0px auto;
border:#999 2px groove;
}

#top {
height:247px;
width:966px;
background:url(topg.jpg);
float:left;
}
#testimage {
	height:600px;
	width:800px;
	visibility:visible;
	float: left;
	padding-left:85px;
}
/* verschillende zijkanten*/
#zij1 {
float:left;
background: #FFFFFF url(zij1.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}
#zij2 {
float:left;
background: #FFFFFF url(zij2.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}

#zij3 {
float:left;
background: #FFFFFF url(zij3.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}
#zij4 {
float:left;
background: #FFFFFF url(zij4.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}
#zij5 {
float:left;
background: #FFFFFF url(zij5.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}
#zij6 {
float:left;
background: #FFFFFF url(zij6.jpg) no-repeat center;
height:634px;
width:158px;
padding:10px;
border-right:#999 2px groove;
}

/*menu*/
#menu {
width:150px;
height:350px;
float:left;
padding-top:50px}

#navigatie {
list-style: none;
}

#navigatie li {
width:120px;
height: 22px;
text-align: center;
display:block;
font-size:16px;
}

#navigatie a {
text-decoration: none;
font-weight: bold;
}

#navigatie a:link {
color: #666;
}

#navigatie a:visited {
color: #666;
}

#navigatie a:hover {
width:120px;
height: 22px;
text-align:center;
display: block;
color:#FFFFFF;
background:#333;
font-size:16px;
}

#zijrechts {
float: right;
height:634px;
width:158px;
padding:10px;
border-left:#999 2px groove;
}

#inhoud {
float:left;
height:580px;
width:550px;
padding:25px;
}

#inhoud2 {
	float:left;
	height:580px;
	width:720px;
	padding:25px;
		}
#inhoud2 a:link {
color:#999;
}
h1 {
text-align:center;
font-size:16px;
font-weight:bold;
}
h2 {
text-align:center;
font-style:italic;
font-size:14px;
}
h3 {
text-align:left;
font-size:16px;
font-weight:bold;
}
#nieuws {
height:200px;
width:150px;
float:left;
font-size:12px;
color:#666;
border-bottom:#999 2px groove;
margin-bottom:20px;}

#nieuws a:link {
color:#333;
font-weight:bold;
font-size:10px;
}

#plaatje {
float:left;
margin:10px;
}

#plaatje2 {
float:right;
margin:5px;
}
/*indeling voor de agenda*/
#agenda1 {
float:left;
height:550px;
width:110px;
text-align:left;
padding-left:10px;
border-right:#999 solid 2px;
}

#agenda2 {
float:left;
height:550px;
width:380px;
text-align:left;
padding-left:10px;
border-right: #999 solid 2px;
}

#agenda3 {
float:left;
height:550px;
width:190px;
text-align:left;
padding-left:10px
}
#footer {
float:left;
height:12px;
width:550px;
text-align:right;
padding-right:25px;
font-size:10px;
color:#333;
}