body {
    width: 600px;
    margin: 0px auto;
    text-align: justify;
    text-rendering: optimizeLegibility;
    /*    font-family: 'sabon';
    font-size: 100%; */
    font-family: 'century'; /*'kelvinch';*/
    font-size: 105%; /*kelvinch */
    /* font-family: 'cormorant'; */
    /*font-size: 120%; /* Cormorant: 120% */
    color: #000000;
    
}


a:link {text-decoration: none;
	color: #000000;
	border-bottom: 1px #999999 dashed;}
a:visited {text-decoration: none;
	   color: #4A4A4A;
	   border-bottom: 1px #CCCCCC dashed;}
a:hover {text-decoration: none;
	 border-bottom: 1px black dashed;}
a:active {text-decoration: none;
	  border-bottom: 1px black dashed;}
main {
    width:100px;
}

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    text-indent: 0px;
    font-size: 130%;
}
#nav li {
    float: left; }
#nav li a{
    display: block;
    
    padding: 0px 25px;
    text-decoration: none;
    font-weight: bold;
    border-bottom-style: none;
    color: black;
}
#nav li a:hover{text-decoration: none; color: grey;}

#subnav {
    width: 100%;
    float: left;
    margin: -1em 0 1em 2em;
    padding: 0;
    list-style: none;
    text-indent: 0px;
    font-size: 110%;
}
#subnav li {
    float: left; }
#subnav li a{
    display: block;
    
    padding: 0px 15px;
    text-decoration: none;
    font-weight: bold;
    border-bottom-style: none;
    color: black;
}

#subnav li a:hover{text-decoration: none; color: grey;}
.footer {margin-top: 3cm;
	 margin-bottom:2cm;}	       

img.img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
p {
    /* -webkit-hyphens: auto; */
    /* -moz-hyphens: auto; */
    /* -ms-hyphens: auto; */
    hyphens: auto;
    /* class="hyphenate"; */
    margin-bottom: 0;
    /* line-height: 140%; Cormorant */
    /* line-height: 120%; */ /*Garamond = 120% */
    line-height: 140%; /* Kelvinch */
    font-variant-ligatures: common-ligatures;
}

p + p {
    /* -webkit-hyphens: auto; */
    /* -moz-hyphens: auto; */
    /* -ms-hyphens: auto; */
    hyphens: auto;
    /* class="hyphenate";     */
    text-indent: 2em;
    margin-top: 0;
    /* line-height: 120%;*/ /* Garamond = 120% */
    line-height: 140%; /*Kelvinch */
    font-variant-ligatures: common-ligatures;
}
    
.noindent {
    text-indent: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.caption {
    /*font-size: 75%;*/
    color: red;
}

h6 {
    font-size:1%;
}
h1 {
    /* font-family: 'josefin'; */
    font-family: 'renner';
    /* font-family: 'glacial'; */
    /* font-family: 'futura'; */
    /* font-size: 200%; /\* glacial *\/ */
    font-size: 225%;
    font-weight: normal;
    font-style: normal;
    /* padding-top: 1.5em; */
}

h2 {
    /* font-family: 'josefin'; */
    font-family: 'renner';
    /* font-family: 'glacial'; */
    /* font-family: 'futura'; */
    font-size: 160%;
    font-weight: normal;
    font-style: normal;
    /* padding-top: 1em; */
}

h3 {
    /* font-family: 'josefin'; */
    font-family: 'renner';
    /* font-family: 'glacial'; */
    /* font-family: 'futura'; */
    font-size: 130%;
    font-weight: normal;
    font-style: italic;
    /* padding-top: 1em; */
}


/* @font-face { */
/*     font-family: 'Besley'; */
/*     src: <link rel="stylesheet" href="https://indestructibletype.com/fonts/Besley.css" type="text/css" charset="utf-8" />; */
/*     font-size: 100%; */
/*     font-weight: normal; */
/*     font-style: normal; */
/* } */

/* @font-face { */
/*     font-family: 'Besley'; */
/*     src: <link href="https://indestructibletype.com/fonts/Besley.css" type="text/css" charset="utf-8" />; */
/*     font-size: 100%; */
/*     font-weight: italic; */
/*     font-style: normal; */
/* } */


/* Serif fonts */
/* Sabon serif */
@font-face {
    font-family: 'sabon';
    src: url(fonts/SabonLTStd-Roman.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'sabon';
    src: url(fonts/SabonLTStd-Italic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'sabon';
    src: url(fonts/SabonLTStd-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'sabon';
    src: url(fonts/SabonLTStd-BoldItalic.otf);
    font-style: italic;
    font-weight: bold;
}
/* end Sabon serif */

/* begin Garamond */
@font-face {
    font-family: 'garamond';
    src: url(fonts/GaramondPremrPro.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'garamond';
    src: url(fonts/GaramondPremrPro-It.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'garamond';
    src: url(fonts/GaramondPremrPro-Bd.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'garamond';
    src: url(fonts/GaramondPremrPro-BdIt.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Garamond*/
/* begin Alegreya */
@font-face {
    font-family: 'alegreya';
    src: url(fonts/Alegreya-Regular.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'alegreya';
    src: url(fonts/Alegreya-Italic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'alegreya';
    src: url(fonts/Alegreya-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'alegreya';
    src: url(fonts/Alegreya-BoldItalic.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Alegreya*/

/* Cormorant */
@font-face {
    font-family: 'cormorant';
    src: url(fonts/Cormorant-Medium.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'cormorant';
    src: url(fonts/Cormorant-MediumItalic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'cormorant';
    src: url(fonts/Cormorant-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'cormorant';
    src: url(fonts/Cormorant-BoldItalic.otf);
    font-style: italic;
    font-weight: bold;
}
/* end Cormorant serif */
/* TeX Schoolbook */
@font-face {
    font-family: 'century';
    src: url(fonts/texgyreschola-regular.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'century';
    src: url(fonts/texgyreschola-italic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'century';
    src: url(fonts/texgyreschola-bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'century';
    src: url(fonts/texgyreschola-bolditalic.otf.html);
    font-style: italic;
    font-weight: bold;
}
/* end TeX Gyre Century Schoolbook */
/* Droid Serif */
@font-face {
    font-family: 'droid';
    src: url(fonts/DroidSerif-Regular.html);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'droid';
    src: url(fonts/DroidSerif-Italic.html);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'droid';
    src: url(fonts/DroidSerif-Bold.html);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'droid';
    src: url(fonts/DroidSerif-BoldItalic.html);
    font-style: italic;
    font-weight: bold;
}
/* end Droid Serif*/

/* End serif fonts */

/* Sans serif fonts */
/* Futura */
@font-face {
    font-family: 'futura';
    src: url(fonts/FuturaStd-Book.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'futura';
    src: url(fonts/FuturaStd-BookOblique.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'futura';
    src: url(fonts/FuturaStd-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'futura';
    src: url(fonts/FuturaStd-BoldOblique.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Futura */
/* Quicksand */
@font-face {
    font-family: 'quicksand';
    src: url(fonts/Quicksand-Regular.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'quicksand';
    src: url(fonts/Quicksand-Italic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'quicksand';
    src: url(fonts/Quicksand-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'quicksand';
    src: url(fonts/Quicksand-BoldItalic.otf);
    font-style: italic;
    font-weight: bold;
}
/*End Quicksand*/
/* Questrial*/
@font-face {
    font-family: 'questrial';
    src: url(fonts/Questrial-Regular.otf);
    /* src: url(fonts/BetecknaLowerCase.ttf); */
    /* src: url(fonts/GI-Regular.otf); */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'questrial';
    src: url(fonts/Questrial-Regular.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'questrial';
    src: url(fonts/Questrial-Regular.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'questrial';
    src: url(fonts/Questrial-Regular.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Questrial */
/* Glacial Indifference*/
@font-face {
    font-family: 'glacial';
    src: url(fonts/GlacialIndifference-Regular.otf);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'glacial';
    src: url(fonts/GlacialIndifference-Regular.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'glacial';
    src: url(fonts/GlacialIndifference-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'glacial';
    src: url(fonts/GlacialIndifference-Bold.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Glacial Indifference */
/* Beteckna*/
@font-face {
    font-family: 'beteckna';
    src: url(fonts/BetecknaLowerCase.ttf);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'beteckna';
    src: url(fonts/BetecknaLowerCase.ttf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'beteckna';
    src: url(fonts/BetecknaLowerCase.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'beteckna';
    src: url(fonts/BetecknaLowerCase.ttf);
    font-style: italic;
    font-weight: bold;
}
/* End Beteckna */

/* Kelvinch*/
@font-face {
    font-family: 'kelvinch';
    src: url(fonts/Kelvinch-Roman.otf);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'kelvinch';
    src: url(fonts/Kelvinch-Italic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'kelvinch';
    src: url(fonts/Kelvinch-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'kelvinch';
    src: url(fonts/Kelvinch-BoldItalic.otf);
    font-style: italic;
    font-weight: bold;
}
/* End Kelvinch */

/* JosefinSans */
@font-face {
    font-family: 'josefin';
    src: url(fonts/JosefinSans-SemiBold.ttf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'josefin';
    src: url(fonts/JosefinSans-Bold.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'josefin';
    src: url(fonts/JosefinSans-SemiBoldItalic.ttf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'josefin';
    src: url(fonts/JosefinSans-BoldItalic.ttf);
    font-style: italic;
    font-weight: bold;
}

/* Renner */
@font-face {
    font-family: 'renner';
    src: url(fonts/Renner-Light.otf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'renner';
    src: url(fonts/Renner-LightItalic.otf);
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'renner';
    src: url(font/Renner-Bold.otf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'renner';
    src: url(font/Renner-BoldItalic.otf);
    font-style: normal;
    font-weight: bold;
}