html {
			font-size: 18px;
			line-height: 1.2em;
		}

		body { 
			-moz-text-size-adjust: 100%; 
			-webkit-text-size-adjust: 100%; /* Prevent font scaling using Safari in landscape while allowing user zoom */
			-ms-text-size-adjust: 100%; /* For older IE Mobile browsers */
		}
		
		body {
			background-color: #f6f7f9;
			color: #000000;
		}
		
		a { color:  #272727; }
		a:active { color:  #111111; }
		
		h1 {font-size: 3em;}
		h2 {font-size: 1.5em; }
		h1, h2 {line-height: 1em;} 

		header, #content, footer { margin: 0 auto; padding: 0; max-width: 80%; }
		
		#navigation { line-height: 1.25em; text-align: right; }
		
		h1 { margin: 1% 0; 4% 0; }
		h1 small { display: block; font-style: italic; font-weight: lighter; }
		
		#summary, #linklist, .pagenav { margin-top: 1%; margin-bottom: 1% padding-bottom: 1%; }	
		
		#navigation ul, #summary ul, #linklist ul, article aside.metadata ul { margin: 0; padding: 0; list-style-type: none; }
		#navigation ul li { display: inline; padding: 0 0 0 2%; }
		#summary details ul li, #linklist ul li { display: inline; padding: 0 2% 0 0; }
		
		#summary details ul { display: inline; }
		#summary details ul li { padding: 0; } 
		#summary details ul li:after { content: ", "; }
		#summary details ul li:last-child:after { content: ""; }
		
		#multiformactions { margin-top: 2em; }
		
		nav.pagenav { border-width: 1px 0; border-style: dotted; border-color: #999999;  padding: 2% 0; margin: 3% 0;  display: flex; justify-content: space-between; }
		
		address { float: right; margin: 0 0 1.5% 2.5%; padding: 0; }
		address figure { margin: 0; }

		h2 a { text-decoration: none; color: inherit;  margin-bottom: 0; }
		h3 { margin-top: 7%; }
		
		article, section { margin: 3em 0 0 0; text-align: justify; }
		article h2, section h4 { margin-bottom: 0.5%; }
		article aside.metadata { display: block;  color: #505153; }
		article aside.metadata, article address figure figcaption, article aside { font-size: 0.8em; }
		
		article nav, section nav { margin-top: 1%; }
		article section, article nav { font-size: 90%; }
		
		.discrete { color: #505153; }

		@media screen {
			@-ms-viewport {width: auto !important} /* Prevent font scaling on Windows Phone */
			@-ms-viewport {width: device-width !important} /* Prevent font scaling IE10+ on Modern UI in portrait mode */
		}

		/* todo fonts for windows, linux, android */
		@media print {
			body, #page, a, a:link, a:visited, a:active, a:hover, #title, h2 {
			background: #ffffff;
			color: #000000;
			}
			
			body {
			margin-top: 1em;
			margin-bottom: 1em;
			font-size: 12pt;
			margin-left: auto;
			margin-right: auto;
			font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
			max-width: 15cm;
			}
			h1, h2, h3, h4, h5, h6, #title #viewtitle {
			font-family: "Frutiger", "Frutiger Linotype", "Helvetica", sans-serif;
			page-break-after: avoid;
			}
			.entry {
			page-break-inside: avoid;
			text-align: justify;
			}
			.calendarmonth {
			page-break-inside: avoid;
			}
			#page {
			border: 0;
			margin: 0;
			}
			.navbar, .entryextra, .viewspecnavbar {
			display: none;
			}
			#title {
			display: block;
			}
			#title h1, #title #viewtitle {
			display: inline;
			}
			#title #viewtitle {
			margin-left: 2em;
			font-style: italic;
			}

		}