/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
header, footer, aside, nav, article, section { display: block; margin: 0; padding: 0;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}

/* styles */

body {
    font-family: 'Noto Serif', serif;
    font-size: 3vmin;
    font-style: normal;
    color: #444;
    background-color: #eee;
    margin: 0;
    padding: 0;
    border: none;
}

h1 {
    font-family: 'Yanone Kaffeesatz', sans-serif; /*font-family: yanone_kaffeesatzregular,serif;*/
    margin-top: 5%;
    font-size: 200%;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
}

h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif; /*font-family: yanone_kaffeesatzregular,serif;*/
    margin-top: 5%;
    font-size: 150%;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
}

h3 {
    font-family: 'Yanone Kaffeesatz', sans-serif; /*font-family: yanone_kaffeesatzregular,serif;*/
    margin-top: 5%;
    font-size: 100%;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
}

p {
    font-size: 80%;
    line-height: 140%;
    font-style: normal;
    font-weight: normal;
    margin-top: 2%;
}

.mini {
    font-size: 60%;
}

blockquote p {
    font-style: italic;
    }

img {
    border: 1px solid black;
}

#page {
	margin: 0 7% 0 7%;
}

#menu {
	margin: 0 5% 0 5%;
}

#resume img {
    float: left;
    margin: 0 3% 0 0;
    max-width: 45%;
    max-height: 45%;
}

#resume p {
	font-size: 80%;
	font-weight: bold;
}

#content {
	clear: both;
}

#pageList h1 {
	font-size: 200%;
}
#pageList li {
    font-family: 'Yanone Kaffeesatz', sans-serif; /*font-family: yanone_kaffeesatzregular,serif;*/
    margin-top: 2%;
    font-size: 100%;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
}
#logo {
	background-image: url(_img/top.jpg); 
	background-repeat: no-repeat; 
	background-size: auto 100%; 
	position: fixed; top: 0; 
	min-height: 40px;
	max-height: 70px;
	background-color: #ddd;
	margin: 0;
	padding: 0;
}
#logo img {
	border: none; 
	min-height: 32px; 
	max-height: 56px; 
	width: auto; 
	margin: 4px;
}
#logo div {
	display: inline-block;
	min-height: 32px; 
	max-height: 56px; 
	width: auto; 
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 140%;
    font-style: normal;
    font-weight: 400;
}

.figure {
    margin: 5% auto 5% auto;
    background-color: #fff;
}
.figureHH {
    width: 100%;
}
.figureHV {
    width: 55%;
}
.figureVH {
    width: 100%;
}
.figureVV {
    width: 70%;
}

.imageHH {
    width: 100%;
 }
.imageHV {
    max-width: 100%;
    max-height: 150%;
 }
.imageVH {
    width: 100%;
 }
.imageVV {
    max-width: 100%;
    max-height: 150%;
 }
.figure p {
    margin: 0;
    font-family: 'Noto Sans', sans;
    font-size: 80%;
}

audio {
	width: 100%;
}

.audio {
	margin: 2% 0 2% 0;
	padding: 2%;
    background-color: #eee;	
}

.audio p {
	margin: 0;
}

a {
    color: #007700;
    text-decoration: none;
}

a:hover {
    background-color: #ddffdd;
    color: #00aa00;
    text-decoration: underline;
}

hr {
    margin-bottom: 1%;
}



/*********
@font-face {
    font-family: 'noto_sansbold';
    src: url('notosans-bold-webfont.eot');
    src: url('notosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notosans-bold-webfont.woff2') format('woff2'),
	    url('notosans-bold-webfont.woff') format('woff'),
	    url('notosans-bold-webfont.ttf') format('truetype'),
	    url('notosans-bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansbold_italic';
    src: url('notosans-bolditalic-webfont.eot');
    src: url('notosans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notosans-bolditalic-webfont.woff2') format('woff2'),
	    url('notosans-bolditalic-webfont.woff') format('woff'),
	    url('notosans-bolditalic-webfont.ttf') format('truetype'),
	    url('notosans-bolditalic-webfont.svg#noto_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansitalic';
    src: url('notosans-italic-webfont.eot');
    src: url('notosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notosans-italic-webfont.woff2') format('woff2'),
	    url('notosans-italic-webfont.woff') format('woff'),
	    url('notosans-italic-webfont.ttf') format('truetype'),
	    url('notosans-italic-webfont.svg#noto_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansregular';
    src: url('notosans-regular-webfont.eot');
    src: url('notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notosans-regular-webfont.woff2') format('woff2'),
	    url('notosans-regular-webfont.woff') format('woff'),
	    url('notosans-regular-webfont.ttf') format('truetype'),
	    url('notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifbold';
    src: url('notoserif-bold-webfont.eot');
    src: url('notoserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notoserif-bold-webfont.woff2') format('woff2'),
	    url('notoserif-bold-webfont.woff') format('woff'),
	    url('notoserif-bold-webfont.ttf') format('truetype'),
	    url('notoserif-bold-webfont.svg#noto_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifbold_italic';
    src: url('notoserif-bolditalic-webfont.eot');
    src: url('notoserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notoserif-bolditalic-webfont.woff2') format('woff2'),
	    url('notoserif-bolditalic-webfont.woff') format('woff'),
	    url('notoserif-bolditalic-webfont.ttf') format('truetype'),
	    url('notoserif-bolditalic-webfont.svg#noto_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifitalic';
    src: url('notoserif-italic-webfont.eot');
    src: url('notoserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notoserif-italic-webfont.woff2') format('woff2'),
	    url('notoserif-italic-webfont.woff') format('woff'),
	    url('notoserif-italic-webfont.ttf') format('truetype'),
	    url('notoserif-italic-webfont.svg#noto_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifregular';
    src: url('notoserif-regular-webfont.eot');
    src: url('notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('notoserif-regular-webfont.woff2') format('woff2'),
	    url('notoserif-regular-webfont.woff') format('woff'),
	    url('notoserif-regular-webfont.ttf') format('truetype'),
	    url('notoserif-regular-webfont.svg#noto_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yanone_kaffeesatzbold';
    src: url('yanonekaffeesatz-bold-webfont.eot');
    src: url('yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('yanonekaffeesatz-bold-webfont.woff2') format('woff2'),
	    url('yanonekaffeesatz-bold-webfont.woff') format('woff'),
	    url('yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
	    url('yanonekaffeesatz-bold-webfont.svg#yanone_kaffeesatzbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('yanonekaffeesatz-regular-webfont.eot');
    src: url('yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('yanonekaffeesatz-regular-webfont.woff2') format('woff2'),
	    url('yanonekaffeesatz-regular-webfont.woff') format('woff'),
	    url('yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
	    url('yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
    font-weight: normal;
    font-style: normal;
} */