body {
    background-color: #E8EEEB;
}
h1 {
	font-family: Calibri;
	font-size: 14pt;
	margin: 2px;
	font-weight: normal;
	text-decoration: underline;
	color: #252f41;
}
h2 {
	font-family: Calibri;
	font-size: 16pt;
	margin: 2px;
	font-weight: bold;
	text-decoration: none;
	color: #252f41;
}
/* Obere tabelle mit titeln etc */
.tablatop {
	border: 3px solid #e8eeeb;
	background-color: #e8eeeb;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
/* Alternativ: Obere tabelle links oben -loeschen */
.titeltxt {
	color: #252f41;
	font-size: 18pt;
	font-family: Calibri;
}
/* Alternativ: Obere tabelle links unten -loeschen */
.titeltxt2 {
	color: #252f41;
	font-size: 13pt;
	font-family: Calibri;
	letter-spacing: 1px;
}
/* normaler text, 13 offenene lage */
.style1 {
	font-family: Calibri;
	font-size: 13pt;
}
/* Untere Leiste: Mittelfeld */
.unten-mitte {
	text-align: center;
	font-family: Calibri;
	font-size: 16pt;
	padding:2px;
	border-radius:6px;
	background-color: #999999;
	background: linear-gradient(180deg, #999999, #a6a6a6, #999999, #999999);
	margin-top: 0;
	margin-bottom: 0;
	border-radius:6px;
	box-shadow: 2px 2px 4px #222222;

}
/* Untere Leiste: links und rechts wo der Pfeil drin ist */
.unten-lateral {
	text-align: center;
	border: 0px solid #E8EEEB;
	background: radial-gradient(circle, #bfbfbf, #666666);
	border-radius:6px;
	box-shadow: 2px 2px 4px #222222;	
	background-color: #666666;
}
.unten-lateral:hover {
	background: radial-gradient(circle, #cfafaf, #813131); 
}

/* Haupttabelle*/
.style6 {
	border: 1px solid #e8eeeb;
	background-color: #e8eeeb;
	width: 100%;
}
/* Einfacher Grund fuer fotos */
.grund {
	text-align: center;
	border: 3px solid #e8eeeb;
	background-color: #e8eeeb;
	vertical-align: top;
}
/* Einfacher Grund fuer text mit hellverlauf*/
.grundgr1 {
	border: 0px solid #E8EEEB;
	background-color: #cbcbcd;
	text-align: center;
	background: linear-gradient(90deg, #E8EEEB, #cbcbcd);
	padding-right: 1px;
	border-radius: 6px;
	vertical-align: top;
}
/* Einfacher Grund fuer text mit rundungen und Schatten */
.grundrund {
	background-color: #d1d1d1;
	padding: 5px;
	font-family: Calibri;
	font-size: 13pt;
	box-shadow: 4px 4px 5px #737373;
	border-radius: 20px;
	vertical-align: top;
}
/* Historische Texte laengere */
.texthist {
	font-family: Calibri;
	font-size: 13pt;
	padding:10px 90px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: justify;
}
/* Historische Texte Ueberschriften */
.texthist2 {
	font-family: Calibri;
	font-size: 15pt;
	padding:10px 50px;
	margin-top: 1px;
	text-align: justify;
}
/* Fuer historische oder 3-tabseiten, linke boxen */
.boxlinks {
	margin: 6px 4px;
	font-size: 13pt;
	border: 1px solid #666666;
	background-color: #999999;
	font-family: Calibri;
	background: linear-gradient(-45deg, #888888, #C1C1C1);
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}
/* Fuer historische oder 3-tabseiten, linke bilder */
.bildlinks {
	border-style: solid;
	border-width: 0;
	margin-left: 4px;
	margin-right: 4px;
	box-shadow: 2px 2px 2px #222222;
	border-radius: 8px;
}
/* Fuer historische oder 3-tabseiten, schwarzes fels weisse schrift */
.blacklinks {
	margin: 2px 4px;
	font-size: 22pt;
	border: 1px solid #666666;
	background-color: #000000;
	font-family: Calibri;
	padding: 3px 6px;
	color: #CCCCCC;
	border-radius: 6px;
}
/* rechte Spalte der Haupttabelle */
.style8 {
	border: 11px solid #E8EEEB;
	background-color: #E0E0E0;
	text-align: center;
	vertical-align: top;
}
/* text normal zentriert fuer unten */
.auto-style2 {
	font-family: Calibri;
	font-size: 13pt;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
/* text kleiner zentriert fuer unten */
.auto-style3 {
	text-align: center;
	font-family: Calibri;
	font-size: 97%;
	margin-top: 0;
	margin-bottom: 0;
}
/* Top linie im Textfeld mit inhaltstext */
.auto-style13 {
	margin: 4px 4px;
	font-size: 13pt;
	text-align: right;
	font-family: Calibri;
	border-bottom: 3px #666666 solid;
}
/* Linke wahl- boxen */
.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 */
.auto-style15 {
	text-decoration: underline;
}
/* normaler text im block */
.text {
	margin: 5px;
	font-size: 13pt;
	text-align: justify;
	font-family: Calibri;
}
/* Copyright text in der tabelle*/
.auto-style20 {
	border: 3px solid #E8EEEB;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 11pt;
	font-family: Calibri;
}
/* VerlaufsLinie mit 202 */
.style29 {
	text-align: left;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 2px;
	border-left: 4px #555555 solid;
	margin-right: 2px;
	font-family: Calibri;
	font-size: 97%;
	opacity: 0.8;
}
.style29:hover {
    opacity: 1.0;
    border-left: 4px #682727 solid;
}
/* grosser text */
.style110 {
	font-family: Calibri;
	font-size: 18pt;
	font-weight: bold;
}
/* Pfeile und bilder zum klicken */
.style124 {
	border-width: 0px;
	opacity: 0.75;
}
.style124:hover {
    opacity: 1.0;
   	box-shadow: 0px 4px 0px #813131;

}
/* Bildbeschreibung */
.bildtxt {
	margin: 5px 20px 5px 20px;
	font-size: 13pt;
	border: 1px solid #666666;
	background-color: #999999;
	font-family: Calibri;
	border-radius: 5px;
	opacity: 0.8;
}
.bildtxt:hover {
    box-shadow: 2px 2px 3px #333333;
    opacity: 1.0;
}
/* normales Bild */
.bild {
	border: 1px black solid;
	margin: 6px;
	box-shadow: 6px 6px 9px #222222;
	border-radius: 5px;
	border-collapse: separate;
}
/* karte ohne Rand */
.karte0 {
	border-style: solid;
	border-width: 0;
}
/* Karte mit rand rund */
.karte3 {
	border-style: solid;
	border-width: 2px;
	border-color: black;
	margin: 3px;
	box-shadow: 6px 6px 9px #222222;
	border-radius: 12px;
}
/* Text mit infobox */
.infbox {
	border-top: 4px black double;
	border-bottom: 4px black double;
	background-color: #999999;
	font-family: Calibri;
	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
	}
/* rote Schrift */
.textrot {
	font-size: 97%;
	color: #ac0000;
	font-weight: bold;
}
/* rote ecke */
.roteck {
	font-family: Arial;
	font-size: 97%;
	color: #ac0000;
}
/* sprache in der Leiste */
.style181 {
	font-family: Calibri;
	font-size: 97%;
	margin-top: 2px;
	margin-bottom: 12px;
	text-align: right;
	margin-left: 2px;
	margin-right: 2px;
}
/* auswahlmit linie 2do */
.style202 {
	text-align: left;
	border-left: 4px #999999 solid;
	font-family: Calibri;
	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;
}
/* Einfache Tabelle */
.tab1 {
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
	font-family: Calibri;
	font-size: 13pt;
	margin-left: auto;
	margin-right: auto;
}
.tab1li {
	border: 1px solid #CCCCCC;
	background-color: #999999;
	text-align: left;
}
.tab1ct {
	border: 1px solid #CCCCCC;
	background-color: #999999;
	text-align: center;
}
/* Box und text fuer Camara infos */
.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;
	width: 75%;
	font-family: Calibri;
	font-size: 93%;
}
.stylebaseinfup2 {
	font-family: Calibri;
}
.stylebaseinfup {
	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;
}
/* 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;
}
.stylebaseinfbold {
	text-decoration: underline;
	color: #5D5D5D;
}
.stylebaseinfbot2 {
	text-align: center;
}
.stylebaseinfbot {
	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;
}
/* Oben-links fuer ueberschriftentabelle */
.topleft {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background: linear-gradient(180deg, #5d4c4c, #b3b3b3);
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
/* Oben-links schrift oben */
.leftabove {
	font-family: Calibri;
	font-size: 18pt;
	color: #252f41;
}
/* Oben-links schrift unten */
.leftdown {
	color: #252f41;
	font-size: 13pt;
	font-family: Calibri;
	letter-spacing: 1px;
}
/* Oben-mitte*/
.topcentre {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #999999;
	background: linear-gradient(180deg, #8e8181, #cccccc);
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 50%;
}
/* Oben-mitte schrift oben */
.centerabove {
	font-family: Calibri;
	font-size: 14pt;
	font-weight: normal;
	text-decoration: underline;
	color: #252f41;
	margin-top: 0;
	margin-bottom: 0;
}
/* Oben-mitte schrift unten, gross */
.centerdown {
	font-family: Calibri;
	font-size: 18pt;
	margin-top: 0;
	margin-bottom: 0;
	color: #252f41;
}
/* Obere Leiste Rechtes Feld */
.topright {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('back-ground-paisaje-01.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
/* Obere Leiste Rechtes Feld mit wueste */
.toprightw {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../MVpaisaje/300picDesierto-2010-2.jpg');
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
/* Obere Leiste Rechtes Feld mit bergbau */
.toprightm {
	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%;
}
/* Obere Leiste Rechtes Feld mit stadt */
.toprights {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('back-ground-ciudades-01.jpg');
	background-position: center;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #222222;
	width: 25%;
}
/* Obere Leiste Rechtes Feld mit strand */
.topright-strand {
	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%;
}
/* Obere Leiste Rechtes Feld mit bergbau */
.topright-minas {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('../minas/Pic-Mineria-Atacama-320-1.jpg');
	border-radius: 4px;
	box-shadow: 2px 2px 3px #555555;
	width: 25%;
}
/* Obere Leiste Rechtes Feld mit Geschichte */
.topright-hist {
	text-align: center;
	border: 0px solid #E8EEEB;
	background-color: #666666;
	background-image: url('back-ground-history-01.jpg');
	border-radius: 4px;
	box-shadow: 2px 2px 3px #222222;
	width: 25%;
}
/* Obere Leiste Rechtes Feld Text dunkel */
.rightabove {
	font-family: Calibri;
	font-size: 20pt;
	color: #000000;
	opacity: 0.4;
}
/* Obere Leiste Rechtes Feld Text Griem */
.rightdown {
	font-family: Calibri;
	font-size: 13pt;
	color: #000000;
	opacity: 0.9;
}
/* Obere Leiste Rechtes Feld Text hell */
.txtwhite1 {
	color: #FFFFFF;
	font-size: 20pt;
	font-family: Calibri;
	opacity: 0.3;
}
/* Obere Leiste Rechtes Feld Text hell,2 */
.txtwhite2 {
	color: #E5E5E5;
	font-size: 13pt;
	font-family: Calibri;
	opacity: 0.5;
	letter-spacing: 1px;
}
/* Obere Leiste Rechtes Feld Text hell,3 */
.txtwhite11 {
	color: #ffffff;
	font-size: 20pt;
	font-family: Calibri;
	opacity: 0.5;
	font-weight: bold;
}
/* Obere Leiste Rechtes Feld Text hell,4 */
.txtwhite12 {
	color: #e5e5e5;
	font-size: 13pt;
	font-family: Calibri;
	opacity: 0.7;
	letter-spacing: 1px;
}
/* sehr Kleine pictos */
.usobot {
	border-style: solid;
	border-width: 0;
	margin: 1px;
	vertical-align: middle;
}
/* Literatur mit linie */
.cita1 {
	margin: 2px 4px;
	font-family: Calibri;
	font-size: 12pt;
	text-align: left;
	opacity: 0.7;
}
.cita1:hover {
    opacity: 1.0;
}
/* Literatur mit linie add */
.cita2 {
	font-family: Calibri;
	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;
}