body {
    background-color: #e8eeeb;
	font-family: Calibri;
}

h1 {
	padding: 0px;
	font-size: 14pt;
	margin: 1px;
	font-weight: normal;
	text-decoration: underline;
	color: #252f41;
}

@media screen and (min-width: 600px) {
  h1 {
	padding: 0px;
	font-size: 14pt;
	margin: 1px;
	font-weight: normal;
	text-decoration: underline;
	color: #252f41;
  }
}

@media screen and (max-width: 600px) {
  h1 {
	padding: 0px;
	font-size: 14pt;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
	color: #252f41;
  }
}


h2 {
	padding: 0px;
	font-size: 14pt;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #252f41;
}

@media screen and (min-width: 600px) {
  h2 {
	padding: 0px;
	font-size: 16pt;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #252f41;
  }
}

@media screen and (max-width: 600px) {
  h2 {
	padding: 0px;
	font-size: 18pt;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #252f41;
  }
}

.titeltxt {
	padding: 0px;
	color: #252f41;
	font-size: 18pt;
	font-weight: bold;
	margin: 1px;
}

@media screen and (min-width: 600px) {
  .titeltxt {
	padding: 0px;
	color: #252f41;
	font-size: 18pt;
	font-weight: bold;
	margin: 1px;
  }
}

@media screen and (max-width: 600px) {
  .titeltxt {
	padding: 0px;
	color: #252f41;
	font-size: 20pt;
	font-weight: bold;
	margin: 1px;
  }
}

.titeltxt2 {
	margin: 0px;
	padding: 0px;
	color: #252f41;
	font-size: 13pt;
	letter-spacing: 1px;
	word-break: break-all
}
.titelop {
	margin: 0px;
	padding: 0px;
	color: #1c2331;
	font-size: 20pt;
	font-weight: bold;
	opacity: 0.5;
}
/* W.Griem in grau fúr oben */
.titelop2 {
	margin: 0px;
	padding: 0px;
	font-size: 13pt;
	color: #262626;
	opacity: 0.7;
}
.style1 {
	font-size: 13pt;
}
/* Untere und obere Leiste */
.tablatop {
	box-sizing: border-box;
	border: 4px solid transparent;
	background-color: #e8eeeb;
	border-collapse: separate; 
	border-spacing: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* Untere Leiste: Mittelfeld */
.unten-mitte {
	text-align: center;
	font-size: 16pt;
	padding: 2px;
	border-radius:6px;
	background-color: #999999;
	background: linear-gradient(180deg, #999999, #a6a6a6, #999999, #999999);
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 6px;
	border-radius:6px;
	box-shadow: 2px 2px 4px #222222;

}
.unten-lateral {
	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;
}
.unten-lateral:hover {
	background: radial-gradient(circle, #cfafaf, #813131); 
}

.style6 {
	border: 1px solid transparent;
	background-color: #e8eeeb;
	width: 100%;
}
.grund {
	text-align: center;
	border-right: 15px solid transparent;
	margin: 5px 0px 5px 0px;
	background-color: #e8eeeb;
	vertical-align: top;
}
.grundn {
	text-align: center;
	background-color: #d1d1d1;
	margin-top: 5px;
	padding: 5px;
	font-size: 13pt;
	box-shadow: 4px 4px 5px #737373;
	border-radius: 20px;
	vertical-align: top;
}
.grundgr1 {
	border: 0px solid transparent;
	background-color: #cbcbcd;
	vertical-align: top;
	margin-top: 5px;	
	text-align: center;
	background: linear-gradient(90deg, #e8eeeb, #cbcbcd);
	padding-right: 1px;
	border-radius: 6px;
}
.grundrund {
	background-color: #d1d1d1;
	margin-top: 5px;
	padding: 5px;
	font-size: 13pt;
	box-shadow: 4px 4px 5px #737373;
	border-radius: 20px;
	vertical-align: top;
}
.texthist {
	font-size: 13pt;
	padding:10px 50px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: justify;
  	hyphens: auto;

}

@media screen and (min-width: 900px) {
  .texthist {
	font-size: 13pt;
	padding: 10px 90px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: justify;
  	hyphens: auto;

  }
}

@media screen and (max-width: 900px) {
  .texthist {
	font-size: 13pt;
	padding: 10px 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: justify;
  	hyphens: auto;
  }
}

.texthist2 {
	font-size: 15pt;
	padding:10px 50px;
	margin-top: 1px;
	text-align: justify;
}

@media screen and (min-width: 900px) {
  .texthist2 {
	font-size: 15pt;
	padding:10px 50px;
	margin-top: 1px;
	text-align: justify;
  }
}

@media screen and (max-width: 900px) {
  .texthist2 {
	font-size: 15pt;
	padding:5px 15px;
	margin-top: 1px;
	text-align: justify;
  	hyphens: auto;
  }
}

.inhalt1 {
	margin: 6px 4px;
	font-size: 13pt;
  	hyphens: auto;
	border: 1px solid #666666;
	background-color: #999999;
	background: linear-gradient(-0deg, #b3b3b3, #e6e6e6);
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}

@media screen and (min-width: 768px) {
.inhalt1 {
	margin: 6px 4px;
	font-size: 13pt;
  	hyphens: auto;
	border: 1px solid #666666;
	background-color: #999999;
	background: linear-gradient(-0deg, #b3b3b3, #e6e6e6);
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
  }
}

@media screen and (max-width: 768px) {
.inhalt1 {
	margin: 6px 4px;
	font-size: 16pt;
	font-weight: bold;
	line-height:1.3;
  	hyphens: auto;
	border: 2px solid #666666;
	background-color: #999999;
	background: linear-gradient(-0deg, #b3b3b3, #e6e6e6);
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
  }
}

.boxlinks {
	margin: 6px 4px;
	font-size: 13pt;
  	hyphens: auto;
	border: 1px solid #666666;
	background-color: #999999;
	background: linear-gradient(-45deg, #888888, #c1c1c1);
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}
.bildlinks {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0;
	margin-left: 4px;
	margin-right: 4px;
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}
/* Gleich bleibendes Bild - keine Veränderung */
.tabpic {
	border-style: solid;
	border-width: 0;
	margin-left: 4px;
	margin-right: 4px;
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}

.blacklinks {
	margin: 2px 4px;
	font-size: 18pt;
	border: 1px solid #666666;
	background-color: #000000;
	padding: 3px 6px;
	color: #cccccc;
	border-radius: 6px;
}
/* rechte spalte frei */
.style8 {
	background-color: #e0e0e0;
	text-align: center;
	border-left: 11px solid #e8eeeb;
	border-radius: 8px;
	vertical-align: top;
	margin: 5px 0px 2px 0px;
}
/* text14pt neu para style17*/
.txt14 {
	font-size:18px;
	font-weight: bold;
	text-decoration: underline;	
}
/* kleine schrift zentriert (ex midsubindice) */
.auto-style3 {
	text-align: center;
	font-size: 97%;
	margin-top: 0;
	margin-bottom: 0;
}
.auto-style13 {
	margin: 4px 4px;
	font-size: 13pt;
	text-align: right;
	font-family: Calibri;
	border-bottom: 3px #666666 solid;
}
.auto-style14 {
	font-size: 93%;
	border: 1px solid #666666;
	background-color: #999999;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Calibri;
	border-radius: 8px;
	background: linear-gradient(-45deg, #888888, #c1c1c1);
	opacity: 0.8;
}
.auto-style14:hover {
    box-shadow: 3px 3px 5px #333333;
    opacity: 1.0;
	font-size: 98%;	    
}
/* unterstrichen mit 15 */
.unter15 {
	text-decoration: underline;
	font-size: 15pt;
}

/* unterstrichen */
.unter {
	text-decoration: underline;
}


.text {
	margin: 5px;
	font-size: 13pt;
	text-align: justify;
  	hyphens: auto;
}
/* graues feld mit zentrierter kleiner Schrift */
.auto-style20 {
	border: 3px solid #e8eeeb;
	border-radius: 6px;
	background-color: #cccccc;
	text-align: center;
	color:#262626;
	vertical-align: top;
	font-size: 97%;
}
/* Inhalt des Themenbereichs */
.style29 {
	text-align: left;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 2px;
	border-left: 4px #555555 solid;
	margin-right: 2px;
	font-size: 97%;
	opacity: 0.8;
}
.style29:hover {
    opacity: 1.0;
    border-left: 4px #682727 solid;
    background: linear-gradient(270deg, #E0E0E0, #cccccc);
}
@media screen and (min-width: 768px) {
.style29 {
	text-align: left;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 2px;
	border-left: 4px #555555 solid;
	margin-right: 2px;
	font-size: 97%;
	opacity: 0.8;
  }
}

@media screen and (max-width: 768px) {
.style29 {
	text-align: left;
	margin-left: 1px;
	margin-top: 0;
	margin-bottom: 2px;
	border-left: 4px #555555 solid;
	margin-right: 2px;
	font-size: 120%;
	line-height:1.3;	
	opacity: 0.8;
  }
}

.style110 {
	font-size: 18pt;
	font-weight: bold;
}
.style124 {
	max-width: 100%;
  	height: auto;
	border-width: 0px;
	opacity: 0.8;
}
.style124:hover {
    opacity: 1.0;
   	box-shadow: 0px 4px 0px #813131;
}
.bildtxt {
	margin: 5px 20px 5px 20px;
	font-size: 13pt;
	border: 1px solid #666666;
	background-color: #999999;
	border-radius: 5px;
	opacity: 0.8;
}
.bildtxt:hover {
    box-shadow: 2px 2px 3px #333333;
    opacity: 1.0;
}
.bild {
	max-width: 100%;
  	height: auto;
	border: 0px solid transparent;
	margin: 5px 15px 5px 15px;
	box-shadow: 5px 5px 7px #222222, -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: 5px 5px 7px #222222, -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: 2px 2px 2px #222222;
	border-radius: 5px;
	border-collapse: separate;
  }
}

.bild-rd {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0;
	margin: 2px 0px 2px 0px;
	border-radius: 7px;
}
/* ex style139 */
.karte0 {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}
.karte3 {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	margin: 3px;
	box-shadow: 6px 6px 9px #222222, -2px -2px black, 2px 2px black;
	border-radius: 12px;
}
.infbox {
	border-top: 4px black double;
	border-bottom: 4px black double;
	background-color: #a5a5a5;
	background: linear-gradient(135deg, #b3b3b3, #b3b3b3, #8c8c8c);	
	font-size: 103%;
	margin: 9px 10px 9px 10px;
	text-align: left;
	padding: 4px;
}
/* Text in zitaten woertliche zitate */
.citbox {
	border-top: 4px black double;
	border-bottom: 4px black double;
	background-color: #999999;
	font-family: Calibri;
	font-size: 13pt;
	margin: 9px 10px 9px 10px;
	padding: 4px;
	text-align:justify
	}
.textrot {
	font-size: 97%;
	font-weight: bold;
	color: #AC0000;
}
.style163 {
	font-size: 10pt;
	color: #414141;
}
.roteck {
	font-family: Arial;
	font-size: 97%;
	color: #AC0000;
}
.style181 {
	font-size: 97%;
	margin-top: 2px;
	margin-bottom: 12px;
	text-align: right;
	margin-left: 2px;
	margin-right: 2px;
}
/* Inhalt des speziellen Themenbereichs mit 29 zusammen */
.style202 {
	text-align: left;
	border-left: 4px #999999 solid;
	font-size: 97%;
	margin-left: 14px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	opacity: 0.8;
}
.style202:hover {
    opacity: 1.0;
    border-left: 4px #682727 solid;     
    background: linear-gradient(270deg, #e0e0e0, #cccccc);
}
@media screen and (min-width: 768px) {
.style202 {
	text-align: left;
	border-left: 4px #999999 solid;
	font-size: 97%;
	margin-left: 14px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
.style202 {
	text-align: left;
	border-left: 4px #999999 solid;
	font-size: 120%;
	line-height:1.3;
	margin-left: 9px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	opacity: 0.8;
  }
}

.tab1 {
	border: 1px solid #000000;
	font-family: Calibri;
	font-size: 13pt;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	padding:2px;
	border-spacing: 0px;
}

.tab1li {
	border: 1px solid #cccccc;
	background-color: #a6a6a6;
	text-align: left;
	border-radius: 4px;
	padding:1px 5px 1px 5px;
}
.tab1ct {
	border: 1px solid #cccccc;
	background-color: #a6a6a6;
	text-align: center;
	border-radius: 4px;
	padding:1px 5px 1px 5px;
}
.tab1re {
	border: 1px solid #cccccc;
	background-color: #a6a6a6;
	text-align: right;
	border-radius: 4px;
	padding:1px 5px 1px 5px;
}
.tabtop {
	border: 1px solid #cccccc;
	border-radius: 6px 6px 0px 0px;
	background-color: #555555;
	color: #e6e6e6;
	text-align: center;
	font-family: Calibri;
	font-size: 13pt;
	text-shadow: 2px -1px #262626;
	padding:1px 5px 1px 5px;
}
.tabfuss {
	text-align: right;
	color: #ffffff;
	border: 1px solid #cccccc;
	background-color: #000000;
	font-family: Calibri;
	font-size: 11pt;
	border-radius: 0px 0px 6px 6px;
	padding:1px 5px 1px 5px;
}
.caminf {
	margin: 5px 20px 5px 20px;
	font-size: 97%;
	border: 1px solid #666666;
	background-color: #999999;
	color: #4C4C4C;
	font-family: Calibri;
	text-align: left;
	border-radius: 5px;
	opacity: 0.8;
}
.caminf:hover {
    box-shadow: 2px 2px 3px #333333;
    opacity: 1.0;
}
/* Untere Liste NEU*/
.base-tab1 {
	border: 0px solid #e8eeeb;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 30px;
	width: 65%;
	font-family: Calibri;
	font-size: 93%;
}
@media screen and (min-width: 768px) {
.base-tab1 {
	border: 0px solid #e8eeeb;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 30px;
	width: 65%;
	font-family: Calibri;
	font-size: 93%;
  }
}
@media screen and (max-width: 768px) {
.base-tab1 {
	border: 0px solid #e8eeeb;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 30px;
	width: 90%;
	font-family: Calibri;
	line-height:1.3;
	font-size: 120%;
  }
}

/* Ex: stylebaseinfup*/
.base1 {
	text-align: center;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #E8EEEB;
	border-bottom: 2px #808080 solid;
	font-size: 16pt;
	font-weight:bold;
}
/* Untere Liste NEU: Columne*/
.base-col1 {
	text-align: left;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 4px;
	width: 33%;
	vertical-align: top;
	background-color: #e8eeeb;
	border-left: 1px #999999 solid;
}
/* Ex: stylebaseinfbold*/
.bbold1 {
	text-decoration: underline;
	color: #5d5d5d;
	font-weight:bold;
}
/* ex stylebaseinfbot*/
.cbot1 {
	text-align: center;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #e8eeeb;
	border-bottom: 2px #808080 solid;
	font-size: 13pt;
	font-weight:bold;
}

.topleft {
	box-sizing: border-box;
	margin: 3px;
	padding: 0px;
	text-align: center;
	background-color: #666666;
	background: linear-gradient(180deg, #555555, #999999);
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
}
.topcentre {
	box-sizing: border-box;
	margin: 3px;
	padding: 0px;
	text-align: center;
	background-color: #999999;
	background: linear-gradient(180deg, #888888, #C1C1C1);
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
}
.topright {
	box-sizing: border-box;
	margin: 3px;
	padding: 0px;
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../MVpaisaje/paisaje-picto-300-1.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;	
}
.toprightw {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	border: 0px solid #e8eeeb;
	background-color: #666666;
	background-image: url('../MVpaisaje/desierto18-04.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
.toprightm {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../Entrada/pic-ruinas-450.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
.toprights {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../MVpaisaje/340picpueblo-2010-1.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
.topright-strand {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../MVpaisaje/puesto-sol-pic-300-2.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
.topright-minas {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../minas/Pic-Mineria-Atacama-320-1.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 3px #222222;
	border-collapse: separate; 
	border-spacing: 10px;
	width: 25%;
}
.topright-hist {
	box-sizing: border-box;
	text-align: center;
	margin: 3px;
	padding: 0px;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('back-ground-history-01.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
/* einzig Minas oben*/
.txtwhite11 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 20pt;
	font-weight: bold;
	opacity: 0.5;
}

@media screen and (min-width: 600px) {
  .txtwhite11 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 20pt;
	font-weight: bold;
	opacity: 0.5;
  }
}

@media screen and (max-width: 600px) {
  .txtwhite11 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 25pt;
	font-weight: bold;
	opacity: 0.6;
  }
}


/* einzig Minas oben*/
.txtwhite12 {
	margin: 0px;
	padding: 0px;
	color: #e5e5e5;
	font-size: 13pt;
	opacity: 0.7;
	letter-spacing: 1px;
}
.usobot {
	max-width: 100%;
  	height: auto;
	border-style: solid;
	border-width: 0;
	margin: 1px;
	vertical-align: middle;
}
.cita1 {
	margin: 2px 4px;
	font-size: 12pt;
	text-align: left;
	opacity: 0.7;
}
.cita1:hover {
    opacity: 1.0;
}
.cita2 {
	font-size: 12pt;
	margin-top: 2px;
	margin-bottom: 1px;
	border-top: 2px #333333 solid;
	margin-left: 20px;
	margin-right: 20px;
	opacity: 0.7;
}
.cita2:hover {
    opacity: 1.0;
}
.langwort {
	word-wrap: break-word;
  	hyphens: auto;
}