body {
  background: url('./img/set1achtergrond2.png') fixed; 
}

div.main {
    width: 901px;
    /*max-width: 700px;*/
    font-size: 80%;
    margin-left: 4%;
    border-style: solid;
    /*border-width: 5px 10px 1px medium;*/
    border-color: #003366;
    background-color: #FFFFFF;
    height:auto;
    min-height: 600px;
    background: #ffffff;
  }

div.footer {
  font-size: 60%;

}

div.link{
  font-weight: bold;
  background-color: #e0e0ec; 
  margin-left: 12pt;
  margin-right: 22pt;
}

div.linkdescr {
  margin-left: 16pt;
  margin-right: 22pt;
  margin-bottom: 7pt;
  font-style:italic;
}


img.logo {
  }

img.foto {
  width: 230px;
  margin: 4px;
  margin-right: 20px; 
  }

div.foto {
  float: right;
  margin: 4px;
  margin-right: 15px; 
  width: 240px;
  border-style: dotted;
  border-width: 2px;
  border-color: #003366;
}

div.fototext {
  margin-left: 4px;
  font-style:italic;
  font-size: 90%;

}

a.menu:hover {
    background-color:#336699;
  }


a.menu {
    text-decoration:none;
    color:white;
    background-color:#003366;
    padding-right: 0.8em;
    padding-left: 0.8em;
    border-right:2px solid white;
  }

a.icon:hover {
  text-decoration:none;
}


a.icon {
    text-decoration:none;
    padding-right: 0.8em;
    padding-left: 0.8em;
    border-style: none;
    font-size: 100%;
  }

div.menu {
    background-color:#003366;
    border-bottom:1px solid white;
  }


div.logo {
    text-align:center;
  }




p:first-letter,div.form:first-letter {
    color: #003366;
    font-size:large;
  }


h1,hr {
    color: #003366;
  }


h1,h2,h3,h4,p,div.form {
    font-family: Verdana, 'Standard Symbols L';
    margin-left: 12pt;
    margin-right: 22pt;
    color: black;
  }

h1,h2,h3,p,a {
    font-family: Verdana, 'Standard Symbols L';
    color: black;
  }

div {
    font-family: Verdana, 'Standard Symbols L';
} 
img.right
{
  float : right;
  margin-right: 25px;
}

a:hover{
text-decoration: underline;
}

a {
text-decoration: underline;
}


div.mp3, div.story { 
  border-width: 1px;
  border-style: solid; 
  border-color: #003366; 
  background-color: #e0e0ec; 
  width: 65%; 
  margin-bottom: 15px; 
  margin-left: 12pt; }

div.oplossing {
  border-style: solid; 
  border-color: #003366; 
  background-color: #e0e0ec; 
  width: 65%; 
  margin-bottom: 15px; 
  margin-left: 12pt; }


div.songtitle, div.title {
  font-weight: bold;
  font-size: 120%;
  margin-top: 10px;
  margin-left: 5pt;  
}

div.subtitle {
  font-weight: bold;
  font-size: 100%;
  margin-top: 10px;
  margin-left: 25pt;  
}

div.songartist, div.artist{
  font-size: 80%;
  margin-left: 25px;
}

div.chinesedialog{
  font-style:italic;
  margin-left: 25px;
  font-size: 120%;
}

div.songcomment, div.comment{
  font-style:italic;
  font-size: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 25px;
}


img.go {
 float: left;
  margin: 4px; }

img.border
{
  float : right;
  border-style: dotted; 
  border-color: #003366; 
  margin-bottom: 15px; 
  margin-left: 12pt;
  margin-right: 25px;
}

div.center
{
  text-align: center;
}



label.form,input.form {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label.from {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}

div.centercomment {
	text-align: center;
	border-width: 1px;
	border-style: solid; 
	border-color: #003366; 
        background-color: #e0e0ec;
        width: 90%;
	margin-bottom: 15px; 
	margin-left: 12pt;
	margin-top: 50pt;	
}

div.commentname {
	font-style:italic;
	
}

div.comment {
	margin-bottom: 10px;
	margin-left: 12pt;
	border-width: 1px;
	border-style: solid; 
	border-color: #003366;
	background-color: #efefec;
	width: 90%;
	padding-bottom: 10px;
}