body, html {
	margin: 0pt;
    padding: 0pt;
    }

body { min-width: 750px;
    margin-top: 20px;
    background: rgb(255, 255, 250) url(images/tatami5.jpg) repeat scroll 0% 50%;
	/* Gebruikte font voor HTML-pagina. */
	font-family: Arial,Helvetica,sans-serif;
	/* Meest gebruikte tekst-kleur en font in hoofdtext. */
    color: rgb(0, 0, 102);
	font-size:  12px;
	line-height: 20px;
    }

#wrap { margin: 0pt auto;
    width: 750px;
    height: 500px;
    max-height: 500px;
    min-height: 500px;
	/* LET OP: Wijzig hier de kleur hoofdtext */
    background-color: rgb(255, 255, 250);
    }

#hoofdtekst { float: right;
    height: 500px;
    width: 550px;
    min-height: 500px;
    max-height: 500px;
    padding-right: 30px;
	/* IE hack-hack voor [if...]<center> */
	text-align: left;
    background-color: rgb(255, 255, 250);
    overflow: auto; 
    }


#zijkolom { background: rgb(0, 0, 102) none repeat scroll 0% 50%;
    float: left;
    width: 150px;
    height: 500px;
    min-height: 500px;
    max-height: 500px;
	/* Meest gebruikte font in zijkolom. */
	font-size:  14px;
	line-height: 28px;
    }

#logo { background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(images/sankakulogo.jpg);
	width: 150px;
	height: 159px;
    }

#zijkolom ul { margin: 0pt 0pt 0pt 20pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-align: left;
    }

#zijkolom a.designedby          { color: rgb(0, 0, 102); font-size: 0px; }
#zijkolom a:hover.designedby    { color: rgb(0, 0, 102); font-size: 0px; }
    
#zijkolom a {
    color: rgb(255, 255, 250);
    font-size: 14px;
    text-decoration: none;
    line-height: 30px;
    }

#zijkolom a:hover {
	/* Dupliceer geen "#zijkolom a" styles */
    color: rgb(184, 187, 255);
    }


/* Styles gebruikt in hoofdtekst divisie . Dupliceer geen #hooftekst styles. */
a { color: rgb(51, 51, 153); }

a:hover {
	/* Dupliceer geen "#navigatie a" styles */
	color: rgb(153, 153, 255);
}



h1 {
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    padding-top: 20px;
    }

h2 {
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    }
	
h3 {
    text-decoration: none;
    font-size: 12px;
	font-style: normal;
	font-weight: bold;
	/* color: rgb(204, 0, 0); */
    padding-bottom: 0px;
    margin-bottom: 0px;
}

strong {
    text-decoration: none;
	font-style: normal;
	font-weight: bold;
	color: rgb(204, 0, 0);
}

em {
    text-decoration: none;
	font-style: normal;
	color: rgb(204, 0, 0);
}

strong.old {
    text-decoration: none;
	font-style: normal;
	font-weight: bold;
	color: rgb(204, 0, 0);
}

h2.old {
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    padding-top: 20px;
    }

h3.old {
    font-weight: bold;
    text-decoration: none;
    }
p { }

ul {
    text-decoration: none;
    list-style-position: outside;
    list-style-type: disc;
    }

table {
    font-size:  12px;
} 

table.border {
	/* Zou niet werken in IE, gebruik <table cellspacing="0"> */
	border-collapse: collapse;

	border: 1px solid rgb(0, 0, 102);

	/* font-size:  12px; */
	line-height: 20px;
}

table.small {
    width: 450px;
}

table.wide {
    width: 100%;
}

td.border {
	border: 1px solid rgb(0, 0, 102);
    text-align: left;
	vertical-align: top;

	/* margin-left: 10px; */
    padding-left: 10px;
    padding-right: 10px;

}

*.noborder { border: 0px ; 	font-size:  12px;
	line-height: 20px;}


/* Voor plaatjes in divisions */
div.ikkyo { background-repeat: no-repeat;
    background-position: 350px 270px; /* left, down */
    background-image: url(images/ikkyo200.jpg);
    }

div.irimi { background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(images/irimi200.jpg);
    }

div.irimibig { background-position: center bottom;
    background-image: url(images/irimi720.jpg);
    }

div.sumio { background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(images/sumio200.jpg);
    }

div.transikkyo { background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(images/transikkyo.jpg);
    }

div.transirimi { background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(images/transirimi200.jpg);
    }

div.transirimibig { background-image: url(images/transirimibig.jpg);
    }

div.transsumio { background-position: right top;
    background-repeat: no-repeat;
    background-image: url(images/transsumio.jpg);
    }

/* Voor "Meer>>" en "<<Terug" */
div.vertical_spacing_1 {
	height: 64px;
}

div.vertical_spacing_2 {
	height: 82px;
}

div.vertical_spacing_3 {
	height: 142px;
}