* {
margin: 0;
padding: 0;
}

html body {
width: 100%;
height: 100%;
background: url(images/bgbody.jpg) repeat-y;
font: bolder 16px "trebuchet ms", arial, verdana;
}

h1 {
position: absolute;
top: 15px;
right: 20px;
color: #8C8CD9;
font-size: 45px;
font-weight: normal;
}

h2 {
position: absolute;
top: 125px;
left: 350px;
color: #3C3CB5;
padding: 35px;
font-size: 30px;
}

h3 {
font-weight: bold;
color: #3C3CB5;
margin-bottom: 12px;
}


p {
margin-bottom: 20px;
line-height: 25px;
}

hr {
height: 0px;
color: none;
background-color: none;
}

/* INHOUDSOPGAVE */

#logo {
position: absolute;
width: 700px;
height: 465px;
top: 20px;
left: 50%;
margin-left: -350px;
background: url(images/logo.jpg) no-repeat;
background-position: top center;
}

#inhoudsopgave {
position: absolute;
width: 100%;
top: 500px;
left: 0;
text-align: center;
}

#inhoudsopgave ul {
list-style: none;
}

#inhoudsopgave li {
float: left;
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: #ccc 1px solid;
}

#inhoudsopgave a:hover {
background-color: #fafafa;
}

#inhoudsopgave a:link, #inhoudsopgave a:visited {
font: italic bold 20px "trebuchet ms", verdana, arial;
color: #3C3CB5;
text-decoration: none;
}

#inhoudsopgave a:hover, #inhoudsopgave a:active {
text-decoration: none;
}

/* INHOUDSOPGAVE */


#top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 160px;
background: url(images/bgtop.jpg) repeat-x;
}


#menu {
position: absolute;
height: 45px;
top: 84px;
left: 225px;
line-height: 40px;
}

#menu a {
font: 16px "trebuchet ms", tahoma, verdana;
text-decoration: underline;
padding: 16px 10px 7px 10px;
}

#menu ul li{
list-style: none;
display: inline;
padding-top: 10px;
}

#menu a:link , a:visited  {
color: #3C3CB5;
}

#menu a:hover , a:active {
color: #009BC1;
text-decoration: none;
background-color: white;
}


#content {
position: absolute;
width: 95%;
top: 210px;
left: 50px;
font-weight: bold;
font-style: italic;
}

#content p {
padding-top: 15px;
}

#content_left_text {
position: absolute;
top: 210px;
left: 50px;
padding-right: 440px;
}

#content_right_image {
position: absolute;
right: 10px;
top: 210px;
width: 400px;
text-align: center;
font: bold 14px trebuchet ms;
color: #3C3CB5; 
}

#content_right_image p {
width: 300px;
}

#content_right_text {
position: absolute;
top: 210px;
right: 20px;
padding-left: 440px;
background: url(images/bggitaar.jpg) 65% 100% no-repeat;
}

#content_left_image {
position: absolute;
top: 210px;
left: 20px;
width: 400px;
text-align: center;
font: bold 14px trebuchet ms;
color: #3C3CB5; 
}


.song{
font-style: italic;
color: black;
}

.small {
font-size: 12px;
}

.center {
text-align: center;
}

.links { padding: 10px; margin: 0;}
.left { float: left; padding: 6px 15px 0 5px; }