body
{
	margin:0;
	background-color:#c5d2d3;
}

#circlediv{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  position: relative;
  padding-bottom: 60%; /* yes !! ; ) */ 
}

#circle{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#kanji{
	position: absolute;
	top: 150px;
	left: 40px;
}

#hometop{
	position: absolute;
	top:0;
}


#content{
	font-family: Arial, Tahoma, "MS Sans Serif";
	font-size: 11pt;
	position:absolute;
	top:92px;
	left:250px;
	width: 60%;
	height: auto;
}

/* Bijvoegen */


#content a{
	font-family: Arial, Tahoma, "MS Sans Serif";
	font-size: 11pt;
	color: #002629;
	font-style: italic;	
	text-decoration: underline;	
}


#content a:hover{
	color: gray;
}

/* Tot hier */

h1{
	font-size: 18pt;
	text-align: center;
	font-style: normal;
	margin-bottom: 0px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}
h1.subtitel{
	font-size: 14pt;
	text-align: center;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h2{
	font-size: 14pt;
	text-align: left;
	font-style: normal;
	margin-top: 30px;
	margin-bottom: 0px;
	font-weight: bold;
	font-variant: small-caps;
}
h3{
	font-size: 14pt;
	text-align: left;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 30px;
	font-weight: bold;
}
h4{
	font-size: 12pt;
	text-align: left;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 20px;
	font-weight: bold;
}
h5{
	font-size: 11pt;
	text-align: left;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 20px;
	font-weight: bold;
}

p span{ /*dit is voor de alinea*/
	/*font-family: Tahoma, Arial, MS Sans Serif;*/
	font-size: 11pt;
	margin-bottom: 0px;
	margin-top: 10px;	
}

p  span.inleiding{
	font-family: Arial Narrow, MS Sans Serif;
	font-size: 11pt;
	margin-bottom: 10px;
	margin-top: 10px;
}
p  span.spatie{
	font-family: Arial Narrow, MS Sans Serif;
	font-size: 5pt;
	margin-bottom: 0px;
	margin-top: 0px;
}



img.content{
	margin: 0 10 10 0;
	float: left;
}
img.contentrechts{
	margin: 0 0 10 10;
	float: right;
}

img.contentcenter{
	margin: 0 10 10 10;
	float: left;
}

/*Alles toevoegen wat hieronder staat*/

/*Aangepaste lijsten*/
/* Gebruik voor een bepaald lettertype de font-size / 2 als spatiegrootte */

/* Text-indent -3px omdat 2 spaties tussen "1." en "tekst" minder is dan standaard. */
li{
	font-size: 11pt;
	margin-bottom: 0px;
	margin-top: 0px;
	text-indent: -3px;
}

ul{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:  0px;
	margin-left:   20px;
	z-index: 20;
}
ol{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:  0px;
	margin-left:   20px;
	z-index: 20;
}

/* Lay-out MET nummering  */

/* Niveau 1 */
ol.niveau1{
	list-style-image: none;
	list-style-type: decimal;

}

/* Niveau 2 */
ol.niveau2{
	list-style-image: none;
	list-style-type: lower-alpha;
}

/* Niveau 3 */
ol.niveau3{
	list-style-image: none;
	list-style-type: decimal;
	margin-left:   16px;
	font-style:italic;

}

/* Niveau 4 */
ol.niveau4{
	list-style-image: none;
	list-style-type: lower-alpha;
	margin-left:   16px;
	font-style:italic;
	
}

/* Niveau 5 */
ol.niveau5{
	list-style-image: none;
	list-style-type: decimal;
	margin-left:   32px;
	font-size: 10pt;
}

/* Niveau 6 */
ol.niveau6{
	list-style-image: none;
	list-style-type: upper-roman;
	margin-left:   32px;
	font-size: 10pt;
	font-style:italic;
}

/* Lay-out ZONDER nummering  */

/* Niveau 1 */
ul.niveau1{
	list-style-image: none;
	list-style-type: disc;

}

/* Niveau 2 */
ul.niveau2{
	list-style-image: url('../images/lijsten/hyphen.gif');
}

/* Niveau 3 */
ul.niveau3{
	list-style-image: none;
	list-style-type: square;
	margin-left:   16px;
	font-style:italic;

}

/* Niveau 4 */
ul.niveau4{
	list-style-image: none;
	list-style-type: circle;
	margin-left:   16px;
	font-style:italic;
	
}

/* Niveau 5 */
ul.niveau5{
	list-style-image: url('../images/lijsten/check.gif');
	margin-left:   32px;
	font-size: 10pt;
}

/* Niveau 6 */
ul.niveau6{
	list-style-image: url('../images/lijsten/star.gif');
	margin-left:   32px;
	font-size: 10pt;
	font-style:italic;
}