/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  /* Styles */
}
body {	margin: 0;	padding: 0;	font-family: Arial, sans-serif;	font-size: 14px;}.main {	font-family: Arial, sans-serif;	font-size: 12px;}
.iframeVita {	width: 600px;	height: 800px;
	left: 0px;
	border: 0px solid red;}
#videreBox {
	position: absolute;
	left: 0px;
	top: 710px;
	width: 550px;
	height: 10px;
	overflow: hidden;
	border: 0px solid green;
	background-color:#FFFFFF;
}
#startImage {
	position: absolute;	width: auto;	height: auto;	left: 0px;	top: 0px;
}
#coverImage {
	position: absolute;	width: auto;	height: auto;	left: 0px;	top: 0px;
}
#content1 {
	font-family: Arial, sans-serif;	font-size: 12px;
	color: #000066;	position: absolute;	width: 470px;	height: auto;	left: 0px;	top: 0px;
	border: 0px solid black;}
#contentVita {
	font-family: Arial, sans-serif;	font-size: 12px;	position: absolute;	width: 550px;	height: 248px;	left: 0px;	top: 0px;
	border: 0px solid black;
	-webkit-user-select: none;}
.vitaVidere {	font-size: 12px;	color: #990099;
	white-space: nowrap;
	text-align: right;}.kleinText {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000066;	line-height: 9px;}
.HugoKlein {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000066;
	font-style: italic;
	line-height: 18px;}#wrapper {	position: absolute;	left: 0px;	top: 0px;	width: 600px;	height: 800px;	margin: 0px;	padding: 0px;	border: 0px solid blue;
	-webkit-user-select: none;}.header {	font-size: 18px;	color: #990000;	font-style: bold;}
.videreHeader {
	position: absolute;	left: 0px;
	top: 18px;	font-size: 18px;	color: #000066;	font-style: bold;}
.musicaURL {	font-size: 12px;	color: #003399;	font-style: bold;}.caption {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #000066;	font-weight: bold;}.fontes {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000066;	font-weight: normal;}.yDate {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #000066;	font-weight: normal;}.header2 {	font-size: 13px;	color: #990000;	font-style: bold;}
.header3 {	font-size: 13px;	color: #000066;	font-style: bold;}.yItalic {	color: #000066;	font-style: italic;}.yItalicBold {	color: #000066;	font-style: italic;	font-weight: bold;}.yBold {	color: #000077;	font-weight: bold;}.yBlue {	color: #000077;}.yBoldBlue {	font-size: 12px;	color: #000066;	font-weight: bold;}.yRed {	color: #990000;}.yBoldRed {	font-size: 14px;	color: #990000;	font-weight: bold;}.yBoldRedItalic {	font-weight: normal;	color: #990000;	font-style: italic;	font-weight: bold;}
.text13 {	font-size: 13px;	color: #000000;	font-style: normal;}.text14 {	font-size: 14px;	color: #000066;	font-style: bold;}.text14normal {	font-size: 14px;	color: #000000;	font-style: normal;}.text14BlueBold {	font-size: 14px;	color: #000066;	font-weight: bold;}#zContent {	position: absolute;	width: 500px;	height: auto;	top: 60px;	left: 59px;	margin: 0px;	padding: 0px;	border: 0px solid #000066;	font-size: 13px;	text-align: left;
	border: 0px solid black;
	-webkit-user-select: none;}#zComments {	width: 10px;	height: 10px;	position: absolute;	left: 400px;	top: 50px;	margin: 0px;	padding: 0px;	font-size: 12px;	text-align: left;	font-family: "Lucida Handwriting";	color: #000099;}#zFooter {	width: 200px;	height: 30px;	position: absolute;	left: 400px;	top: 750px;	margin: 0px;	padding: 0px;	font-size: 9px;	text-align: right;	border: 0px solid red;	}#zPage {}#zScript {}#imageDiv1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	height: auto;	width: auto;	float: left;	margin-left:0px;	margin-right:10px;	margin-top:5px;	margin-bottom:10px;	text-align: left;}#imageDivL {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	height: auto;	width: auto;	float: left;	margin-left:0px;	margin-right:10px;	margin-top:5px;	margin-bottom:5px;	text-align: left;	line-height: 9px;}.imageL {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	height: auto;	width: auto;	float: left;	margin-left:0px;	margin-right:10px;	margin-top: 0px;	margin-bottom: 5px;	text-align: left;	line-height: 9px;}#imageDivR {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	height: auto;	width: auto;	float: right;	margin-left:10px;	margin-right:0px;	margin-top: 0px;	margin-bottom:5px;	text-align: right;	line-height: 9px;}.imageR {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	height: auto;	width: auto;	float: right;	margin-left:10px;	margin-right:0px;	margin-top:5px;	margin-bottom:5px;	text-align: right;	line-height: 9px;}img {	border: 0;}#source {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	position: absolute;	left: 0px;	bottom: 10px;	height: auto;	width: 500px;	visibility: visible;	border: 0px solid #00f;}#zVideo {	position: absolute;	left: 120px;	top: 6px;	width: auto;	visibility: hidden;}
#zAudio {	position: absolute;	left: 120px;	top: 6px;	width: auto;	visibility: hidden;}
audio {
	width: 220px;
	height; 20px;
}#GS_video {	width: 200px;	visibility: visible;}.videre:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000066;	font-style: normal;	text-decoration: none;}.videre:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000066;	font-style: normal;	text-decoration: underline;}.videre:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000066;	font-style: normal;	text-decoration: none;}
.videreR:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #000099;	font-style: bold;	text-decoration: none;	float: right;	margin-left:10px;	margin-right:0px;	margin-top: 0px;	margin-bottom:5px;	text-align: right;}.videreR:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #000099;	font-style: bold;	text-decoration: underline;	float: right;	margin-left:10px;	margin-right:0px;	margin-top: 0px;	margin-bottom:5px;	text-align: right;}.videreR:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #000099;	font-style: bold;	text-decoration: none;	float: right;	margin-left:10px;	margin-right:0px;	margin-top: 0px;	margin-bottom:5px;	text-align: right;}.inhalt_tableDiv1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: bold;	font-weight: normal;	color: #990000;	float: left;	height: auto;	width: 120px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	padding-top: 3px;	padding-left: 6px;	padding-right: 4px;}.inhalt_tableDiv2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	float: left;	height: 17px;	width: 280px;	top: 0px;	left: 0px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 1px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 1px;	padding-right: 1px;	padding-left: 6px;	padding-right: 4px;}.inhalt_tableDiv3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	height: 17px;	width: 30px;	top: 0px;	left: 0px;	float: left;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 0px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 2px;	padding-left: 6px;	padding-right: 4px;}.inhalt_tableDivSpace {	height: 10px;	width: 500px;	float: left;	border-top-style: solid;	border-top-width: 0px;	border-top-color: #220022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;}
.table1 {	
	border: 0px solid #999999;	
	width: 500px;	
	padding: 0px;	
	cellspacing: 0px;	
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;
	font-style: normal;
	color: #000066;
}
.text_chronikum {	font-size: 12px;	color: #000099;	font-style: normal;	border:solid 1px #CCCCCC;	padding: 3px;}
.text_chronikumA {	font-size: 10px;	color: #000099;	font-style: normal;	border:solid 1px #CCCCCC;	padding: 3px;	visibility: visible;}
.text_chronikum2 {	font-size: 12px;	color: #000099;	font-style: normal;	border:solid 1px #000099;	padding: 3px;}
.text_chronikum2A {	font-size: 10px;	color: #000099;	font-style: normal;	border:solid 1px #000099;	padding: 3px;	visibility: visible;}
.td1 {	
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;
	font-style: normal;
	color: #000066;
	vertical-align: top;
	width: 50%;	
	padding: 2px;	
	cellspacing: 0px;	
	border-collapse: collapse;
}.chronikum_tableDiv1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: bold;	font-weight: normal;	color: #990000;	float: left;	height: auto;	width: 60px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	padding-top: 3px;	padding-left: 6px;	padding-right: 4px;}.chronikum_tableDiv2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	float: left;	height: 17px;	width: 70px;	top: 0px;	left: 0px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 1px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 1px;	padding-right: 1px;	padding-left: 6px;	padding-right: 4px;}.chronikum_tableDiv3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	height: 17px;	width: 336px;	top: 0px;	left: 0px;	float: left;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 0px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 2px;	padding-left: 6px;	padding-right: 4px;}.chronikum_tableDivSpace {	height: 10px;	width: 500px;	float: left;	border-top-style: solid;	border-top-width: 0px;	border-top-color: #220022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;}.chronikum2_tableDiv1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: bold;	font-weight: normal;	color: #990000;	float: left;	height: auto;	width: 60px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	padding-top: 3px;	padding-left: 6px;	padding-right: 4px;}.chronikum2_tableDiv2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	float: left;	height: 17px;	width: 70px;	top: 0px;	left: 0px;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 1px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 1px;	padding-right: 1px;	padding-left: 6px;	padding-right: 4px;}.chronikum2_tableDiv3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	height: 17px;	width: 20px;	top: 0px;	left: 0px;	float: left;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 0px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 2px;	padding-left: 6px;	padding-right: 4px;}.chronikum2_tableDiv4 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-style: normal;	font-weight: normal;	color: #000099;	position: relative;	height: 17px;	width: 305px;	top: 0px;	left: 0px;	float: left;	border-top-style: solid;	border-top-width: 1px;	border-top-color: #000022;	border-right-style: solid;	border-right-width: 1px;	border-right-color: #000022;	border-left-style: solid;	border-left-width: 0px;	border-left-color: #000022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;	padding-top: 2px;	padding-left: 6px;	padding-right: 4px;}.chronikum2_tableDivSpace {	height: 10px;	width: 500px;	float: left;	border-top-style: solid;	border-top-width: 0px;	border-top-color: #220022;	border-bottom-style: solid;	border-bottom-width: 0px;	border-bottom-color: #000022;}#chronikum_box {	position: relative;	left: 0px;	top: 10px;	width: 80%;	border: solid 0px #000099;}#chronikum_row  { 	position:relative; 	width:100%; 	left: 85px;	border-top: solid 0px #000099;	border-left: solid 1px #000099; 	border-right: solid 0px #000099; }#chronikum_date { 	position:absolute;	left:0px;	width:85px; 	border-top: solid 1px #000099;	border-left: solid 0px #000099;	padding: 3px;	color: #000099; }#chronikum_age { 	position:absolute;	left:80px;	width:10px; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	padding: 3px;	color: #000099; }#chronikum_event { 	position: relative;	left: 80px;	width:100%; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	border-right: solid 1px #000099;	padding: 3px; 	color: #000099;}#chronikum_event2 { 	position: relative;	left: 100px;	width:100%; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	border-right: solid 1px #000099;	padding: 3px; 	color: #000099;}#chronikum_dateBig {	font-size: 18px;	font-weight: normal;	color: #993333;	width: 300px;	height: 22px;	border:  solid 0px #000099;}#chronikum_dateBig2 {	font-size: 18px;	font-weight: normal;	color: #993333;	width: 85px;	height: 12px;	border: solid 0px #000099;}#HugoBox {	position: relative;	width: 500px;	left: 0px;	background-color: #EEEEEE;	margin: auto;	padding: 5px;	border: 1px solid #000066;	color: #000066;	font-weight: normal;	z-index: -1;}.HugoBox {	background-color: #EEEEEE;	margin: auto;	padding: 5px;	border: 1px solid #000066;	color: #000066;	font-weight: normal;}#table_box {	position: relative;	left: 0px;	top: 10px;	width: 80%;	border: solid 0px #000000;}#table_row  { 	position:relative; 	width:100%; 	left: 85px;	border-top: solid 0px #000000;	border-left: solid 0px #000000; 	border-right: solid 0px #000000; }#table_cell1 { 	position:absolute;	left:0px;	width:100px; 	border-top: solid 0px #000000;	border-left: solid 0px #000000;	padding: 3px;}#table_cell2 { 	position:absolute;	left:110px;	width:100px; 	border-top: solid 0px #000000;	border-left: solid 0px #000000;	padding: 3px;}.chronikum_box {	position: relative;	left: 0px;	top: 10px;	width: 80%;	border: solid 0px #000099;}.chronikum_row  { 	position:relative; 	width:100%; 	left: 85px;	border-top: solid 0px #000099;	border-left: solid 1px #000099; 	border-right: solid 0px #000099; }.chronikum_date { 	position:absolute;	left:0px;	width:85px; 	border-top: solid 1px #000099;	border-left: solid 0px #000099;	padding: 3px;	color: #000099; }.chronikum_age { 	position:absolute;	left:80px;	width:10px; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	padding: 3px;	color: #000099; }.chronikum_event { 	position: relative;	left: 80px;	width:100%; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	border-right: solid 1px #000099;	padding: 3px; 	color: #000099;}.chronikum_event2 { 	position: relative;	left: 100px;	width:100%; 	border-top: solid 1px #000099;	border-left: solid 1px #000099;	border-right: solid 1px #000099;	padding: 3px; 	color: #000099;}.chronikum_dateBig {	font-size: 18px;	font-weight: normal;	color: #993333;	width: 300px;	height: 22px;	border:  solid 0px #000099;}.chronikum_dateBig2 {	font-size: 18px;	font-weight: normal;	color: #993333;	width: 85px;	height: 12px;	border: solid 0px #000099;}#retro {	position: absolute;
	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: normal;	color: #000066;	left: -10px;	top: 0px;	width: auto;	height: auto;
	visibility: visible;}.continentia {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;	color: #000066;	position: relative;	left: 0px;	height: auto;	width: auto;	padding-top: 20px;	padding-left: 20px;	padding-right: 20px;	padding-bottom: 20px;	border: solid 1px #000099;}a.contentLink:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000099;	text-decoration: none;}a.contentLink:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000099;	text-decoration: none;}a.contentLink:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000099;	text-decoration: underline;}a.contentLink:active {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000099;	text-decoration: none;}
#loadBox {	position: absolute;	left: 450px;	top: 0px;
	width: 100px;
	height: auto;	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;
	color: #990033;}
.videre2:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000066;	font-style: normal;	text-decoration: none;}.videre2:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000066;	font-style: normal;	text-decoration: underline;}.videre2:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000066;	font-style: normal;	text-decoration: none;}