body {
    background-color: #d8dade;
    font-family: Calibri;
    font-size: 13pt;
}
h1 {
	font-family: Calibri;
	font-size: 20pt;
	margin: 2px;
	font-weight: bold;
	text-decoration: underline;
	color: #252f41;
}
h2 {
	font-family: Calibri;
	font-size: 13pt;
	margin: 2px;
	font-weight: normal;
	text-decoration: none;
	color: #d9d9d9;
}

/* caja oben mitte */
.style3 {
	box-sizing: border-box;
	margin: 3px;
	text-align: center;
	border: 0px solid #D8DADE;
	background-color: #C0C0C0;
	font-family: Calibri;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;

}

/* caja rechte seite */
.style8 {
	border:0px solid #D8DADE;
	border-left: 11px solid #D8DADE;
	text-align: center;
	background-color: #B9B9B9;
	border-radius: 8px;
	opacity:0.7;
	vertical-align:top;	
}
.style8:hover {
	opacity:1.0;
	border-left: 11px solid #666666;
}
/* ganzer unterer Bereich */
.style9 {
	text-align: center;
	font-size: 12pt;
}
/* sehr häufig */
.style11 {
	font-size: 12pt;
}
/* helle schrift im Inhaltsverzeichniss */
.style11a {
	font-size: 12pt;
	color: #d9d9d9;
	font-weight:bold;
	margin: 0px;
	border: 0px solid transparent;

}
/* rechte und linke Kopfbox */
.style14 {
	box-sizing: border-box;
	margin: 3px;
	font-size: 18pt;
	text-align: center;
	border: 0px solid #D8DADE;
	background-color: #666666;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
}

/* sehr häufig: zum Unterstreichen */
.style20 {
	text-decoration: underline;
}
/* dunkle grosse 15 Schrift - geovirtual */
.style21 {
	font-size: 15pt;
	color: #232323;
}
.grund {
	border-style: solid;
	border-color: #D8DADE;
	background-color: #d8dade;
	text-align: center;
}

/* linke schwarze Box */
.style33 {
	background-color: #262626;
	margin: 4px 0px 4px 0px;
	border-radius: 6px;
	text-align: center;
	font-size: 18pt;
	color: #ffffff;
}
/* schwarze Box des Inhalts */
.style33a {
	max-width: 98%; 
	background-color: #262626;
	margin: 4px 0px 4px 0px;
	border-right:0px #d8dade solid;
	border-radius: 6px;
	text-align: center;
	font-size: 18pt;
	color: #ffffff;
}
/* unsichtbare box für seite vor/zurück */
.style41 {
	box-sizing: border-box;
	border: 4px solid transparent;
	background-color: #d8dade;
	border-collapse: separate; 
	border-spacing: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* unten mittelbox */
.style44 {
	text-align: center;
	font-size: 16pt;
	padding: 2px;
	border-radius:6px;
	background-color: #C0C0C0;
	background: linear-gradient(180deg, #b3b3b3, #bfbfbf, #b3b3b3, #b3b3b3);
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 6px;
	border-radius:6px;
	box-shadow: 2px 2px 4px #222222;


}
/* Schrift 12 schwarz */
.style45 {
	font-size: 12pt;
	color: #0d0d0d;
}
/* Bildunterschrift-Box */
.style47 {
	background-color: #b9b9b9;
	background: linear-gradient(-0deg, #d8dade, #c8cbd0);
	text-align: center;
	border-radius: 8px;	
	box-shadow: 0px 0px 0px #222222;
}
/* Pfeil-Box */
.style48 {
	text-align: center;
	padding: 7px 0;
	border: 0px solid #e8eeeb;
	background: radial-gradient(circle, #bfbfbf, #666666);
	border-radius:6px;
	box-shadow: 2px 2px 4px #222222;	
	background-color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
}
.style48:hover {
	background: radial-gradient(circle, #737373, #262626);  
}

.bild {
	max-width: 100%;
  	height: auto;
	border: 0px solid transparent;
	margin: 4px 10px 4px 10px;
	box-shadow: 2px 2px 3px #0d0d0d, -1px -1px 2px #bfbfbf;
	border-radius: 5px;
	border-collapse: separate;
}
@media screen and (min-width: 500px) {
  .bild {
	max-width: 100%;
  	height: auto;
	border: 0px solid transparent;
	margin: 5px 10px 5px 10px;
	box-shadow: 2px 2px 3px #0d0d0d, -1px -1px 2px #bfbfbf;
	border-radius: 5px;
  }
}

@media screen and (max-width: 500px) {
  .bild {
	max-width: 100%;
  	height: auto;
	border: 0px black solid;
	margin: 2px 0px 2px 0px;
	box-shadow: 0px 0px 0px #222222;
	border-radius: 5px;
	border-collapse: separate;
  }
}

/* text 14 gebraucht */
.text14 {
	font-size: 14pt;
}
/* Pfeile */
.style124 {
	max-width: 100%;
  	height: auto;
	border-width: 0px;
	opacity: 0.9;
}
.style124:hover {
    opacity: 1.0;
    box-shadow: 2px 2px 3px #333333;
    border-radius: 5px;
}

/* seiten-kasten unten */
.style141 {
	border-style: solid;
	border-width: 0px;
	margin: 3px;
}
/* seiten-vorschau unten */
.style160 {
	border: 1px solid #D8DADE;
	margin-left: auto;
	margin-right: auto;
	font-family: Calibri;
	font-size: 12pt;
	width: 90%;
}
/* seiten-vorschau unten */
.style161 {
	text-align: left;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-left: 1px #999999 solid;
}
/* seiten-vorschau unten */
.style163 {
	text-align: center;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom: 2px #808080 solid;
}
/* seiten-vorschau unten */
.style167 {
	margin: 5px;
	border-bottom: 2px #999999 solid;
	text-align: center;
}
/* seiten-vorschau unten */
.style168 {
	background-color: #D8DADE;
	vertical-align: top;	
}
/* seiten-vorschau unten */
.style169 {
	border-style: solid;
	border-width: 0px;
	margin: 3px;
	background-color: #D8DADE;
}
/* Schwarze grosse 22px Schrift */
.style170 {
	font-size: 22px;
	color: #000000;
}
/* nur schwarze schrift ohne grösse */
.style171 {
	color: #000000;
}
/* unten seitenvorschau */
.style172 {
	background-color: #D8DADE;
	color: #000000;
	vertical-align: top;
}
/* bilder ohne alles kein rand nichts */
.style174 {
	max-width: 100%;
  	height: auto;
	border-width: 0px;
	color: #000000;
	margin: 0px;
}
/* bilder mit weissem rand */
.style174a {
	max-width: 100%;
  	height: auto;
	border:2px #a6a6a6 solid;
	border-radius: 5px;
	margin: 0px;
}
.style174a:hover {
	max-width: 100%;
  	height: auto;
	border:3px #ffffff solid;
	border-radius: 5px;
	margin: 0px;
 
}

/* bilder ohne alles kein rand nichts */
.style175 {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0;
	margin: 2px 2px;
}
/* nur schwarze/graue schrift ohne grösse: para enlaces */
.style176 {
	color: #333341;
}