html
{
	scroll-behavior: smooth;
}

/* Bodys */

.body  {
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern 
	zentriert. Dem Text wird dann im #container-Selektor die 
	Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
    }

.body960  {
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern 
	zentriert. Dem Text wird dann im #container-Selektor die 
	Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	width: 960px;
	margin-top: 6px;
    }

.bodyBackground {
	text-align: center; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url('Hintergrund.png');
	background-repeat: repeat;
}

.bodyFoto {
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../Hintergrund-schwarz.png);
	background-repeat: repeat;
}



/* Hover, etc */

#inlineFrameTest
{
	z-index: 5;
	width: 100%;
	height: 100%;
}

.nospam {
	unicode-bidi: bidi-override;
	direction: rtl;
	text-decoration: none;
}


.Hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #093;
	vertical-align: top;
	font-style: italic;
	cursor: default;
	text-decoration: none;
}

.HoverBlau {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #11469F;
	vertical-align: top;
	font-style: italic;
	cursor: default;
	text-decoration: none;
}

.HoverHellblau {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #93A9D2;
	vertical-align: top;
	font-style: italic;
	cursor: default;
	text-decoration: none;
}



/* Schriftstile */

.Liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	vertical-align: top;
	margin-left: -23px;
}

.Link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #4984CB;
	vertical-align: top;
	cursor: pointer;
	text-decoration: none;
}

.LinkBlau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #0053B9;
	vertical-align: top;
	cursor: pointer;
	text-decoration: none;
}

.TextGrau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	text-align: justify;
	color: #999999;
	vertical-align: top;
}

.TextOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 200;
	text-align: justify;
	color: #CC6633;
	vertical-align: top;
	margin-left: 25px;
	margin-right: 25px;
}

.Text-Header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

.Text-HeaderGrau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #999999;
	text-align: center;
	vertical-align: middle;
}

.BernhardFashionBT {
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
}

.BernhardFashionBTGrau {
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	color: #999999;
}

.BernhardFashionBTWeiss {
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	color: #D8D8D8;
}

.BernhardFashionBTOrange {
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	color: #CC6633;
}

.Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	vertical-align: top;
}

.TextEinzug {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
}

.TextEinzugGrau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #B7B7B7;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
}

.TextEinzugArial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #666666;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
}

.TextEinzugWeiss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #D8D8D8;
	vertical-align: top;
	margin-left: 25px;
	margin-right: 25px;
}

.TextEinzugHellblau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #66CCFF;
	vertical-align: top;
	margin-left: 25px;
	margin-right: 25px;
}

.TextEinzugOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #CC6633;
	vertical-align: top;
	margin-left: 25px;
	margin-right: 25px;
}

.Stil1 {
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
	cursor: help;
}
.Stil2 {
	color: #CC6633;
	font-weight: bold;
	word-spacing: -0.1em;
	text-align: left;
}



/* Divs */

.divfotoHeader
{
	width: 1224px;
	z-index: 4;
	height: 60px;
	position: relative;
	margin: auto;
	padding-top: 10px;
}

.divfotoContainer
{
	width: 1224px;
	z-index: 4;
	text-align: center;
	position: relative;
	margin: auto;
	padding-top: 10px;
}

.divfotoBlock
{
	width: 1224px;
	z-index: 4;
	float: left;
	height: auto;
}

.divfoto200
{
	width: 200px;
	height: 200px;
	z-index: 4;
	float: left;
	display: block;
	text-decoration: none;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.divfoto200:hover  {
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}

.divVideoBlock
{
	width: 1224px;
	z-index: 4;
	height: auto;
	text-align: center;
	position: relative;
	margin: auto;
	padding-top: 20px;
}

#divVideo
{
	width: 219px;
	height: 122px;
	z-index: 4;
	float: left;
	display: block;
	text-decoration: none;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	margin: 40px;
}

#divVideo:hover  {
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}

.divMenu {
	width: 228px;
	float: left;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	margin-bottom: 15px;
	display: block;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
	text-align: center;
	color: #000000;
	vertical-align: central;
	text-decoration: none;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	filter: filter: alpha(opacity=40);
	opacity: .4;
	moz-opacity: .4;
}

.divMenu:hover {
	display: block;
	text-decoration: none;
	opacity: .6;
	cursor: pointer;
}



/* Div Schriftstile */

.TextDiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #000000;
}

.TextGrauDiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: justify;
	color: #999999;
}

.TextEinzugDiv {
	padding-left: 20px;
	padding-right: 20px;
}




/* Final da Linha */


.bodyBackgroundFinal {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	overflow: auto;
	position: absolute;
	z-index: -1;
	text-align: center; /* 	Hierdurch wird der Container in IE 5*-Browsern zentriert.*/
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../Background-Marmor-blau.jpg);
	background-repeat: no-repeat;
}

.bodyBackgroundFinal2 {
	/*width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	/*position: absolute;
	z-index: -1;
	overflow: scroll; /* muß ggf. wieder auf auto gestellt werden! */
	scroll-behavior: smooth;
	background-image: url(../Observador-Hintergrund.png);
	background-repeat: repeat;
}

.bodyObservador 
{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	overflow: hidden; /* muß ggf. wieder auf auto gestellt werden! */
	position: absolute;
	z-index: -1;
	text-align: left; 
	background-image: url(../Observador-Hintergrund.png);
	background-repeat: repeat;
}

.parent 
{
	position: absolute;
	width: 1920px;
	height: 4068px;
	left: 0px;
	top: 0px;
	padding-right: 20px;
	overflow: hidden;
	scroll-behavior: smooth;
	background-image: url('../Observador-Doppelseite-gross.jpg');
}
		
.child1 
{
	position: relative;
	width: 1900px;
	height: 4068px;
	left: 20px;
	top: 20px;
	/* margin-right: -50px;
	padding-right: 50px;
	width: 100% */
	overflow: auto;
	scroll-behavior: smooth;
}

.child2 
{
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 20px;
	overflow: scroll;
	scroll-behavior: smooth;
}
/*.child2::-webkit-scrollbar { 
	display: none;
	width: 0 !important; 
}*/

.child3 
{
	max-width: 100%;
	max-height: 100%;
	margin-right: -20px;
	padding-right: 20px;
	overflow: auto;
	scroll-behavior: smooth;
}

.parent4
{
	width: 100%;
	height: 100%;
	overflow: auto;
	visibility: hidden;
}

.child4
{
	width: 100%;
	height: 100%;
	visibility: visible;
	background-image: url('../Observador-Doppelseite-gross.jpg');
}

.Schlagzeilen 
{
	width: 100%;
	height: 120px;
	top: 180px;
	left: 50px;
	float: left;
	position: relative;
	z-index: 10;
}

.landkarte{
	position: absolute;
 	width: 3840px;
	height: 2700px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
	scroll-behavior: smooth; 
	background-image:url(../Observador-Doppelseite-blank-Web.jpg);
	background-repeat: no-repeat;
}

/* Scroll horizontal */
.scroll{
	position: absolute;
 	width: 9600px;
	height: 920px;
	margin: auto;
	top: 0;
	bottom: 0;
	/*left: 0px;*/
	overflow: hidden; /* hidden, wenn alles funktioniert */
	scroll-behavior: smooth; /* Test */
}

.Berichte 
{
	position: relative;
	top: 0px;
	float: left;
	overflow: hidden;
	/*display: flex;
	align-items: flex-start;
	justify-content: flex-start;*/
}
		
.BerichteQuer 
{
	position: absolute;
	top: 0px;
	overflow: hidden;
	scroll-behavior: smooth;
}
		

/* Textboxen */
.TextRahmen {
	position: relative;
	float: left;
	top: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.TextBox {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	word-spacing: -0.1em;
}

/* Text */
.Header {
	font-family: Times New Roman, Times, serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	color: #000000;
	text-align: center;
	height: 36px;
	word-spacing: -0.05em;
	font-variant: small-caps;
}

.Subline {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: 200;
	text-align: center;
	color: #000000;
	font-style: normal;
	font-variant: small-caps;
	height: 22px;
}

.TextFinalMenu
{
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	text-decoration: none; 
	cursor: pointer;  
}

.TextFinal
{
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	text-decoration: none; 
}

.LinkFinal 
{
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none; 
	cursor: pointer;
	scroll-behavior: smooth;
}

.Left {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	margin-left: 10px;
	margin-bottom: 3px;
	float: left;
	width: 175px;
}

.aLink
{
}

.aLink:hover
{
	text-decoration: none; 
	opacity: 0.4;
}

.trennstriche
{	
	border-left: none;
	border-right: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-color: #000000;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	font-variant: small-caps;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 26px;
	margin-bottom: 12px;
}

/* Menu horizontal*/
.menuFinal
{
	width: 70px;
	height: 30px;
	float: left;
	display: block;
	text-decoration: none;
/* 	background-color: #5E7290; */	
	font-size: 18px;
	font-variant: small-caps;
	line-height: 30px;
	text-align: center; 
	vertical-align: middle;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333;
/* 		-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear; */
}

.menuFinal:hover  
{
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}

/* Menu vertikal*/
.divMenuFinal
{
	width: 70px;
	height: 70px;
	float: left;
	display: block;
	text-decoration: none;
/* 	background-color: #5E7290; */	
	font-size: 18px;
	font-variant: small-caps;
	line-height: 70px;
	text-align: center; 
	vertical-align: middle;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333;
/* 		-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear; */
}

.divMenuFinal:hover  
{
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}

.NewsMenu 
{
	width: 165px;
	height: 120px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.NewsMenu:hover 
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}

.News 
{
	width: 300px;
	height: 40px;
	float: left;
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #767676;
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.News:hover 
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	display: block;
	text-decoration: none;
	opacity: 0.4;
	cursor: pointer;
}


/* für jw player ggf unnötig */
#mediaplayer  {
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern 
	zentriert. Dem Text wird dann im #container-Selektor die 
	Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 1050px;
	height: 576px;
	float: left;
    }


/* nur für Testversion */
#containerIframe 
{
	width: 550px;
	height: 1000px;
	z-index: 2;
	visibility: hidden;
	float: left;
	display: block;
}

#inlineFrame
{
	z-index: 5;
	width: 100%;
	height: 100%;
}




.dragscroll
{
	overflow: scroll; 
	cursor: grab; 
	cursor : -o-grab; 
	cursor : -moz-grab; 
	cursor : -webkit-grab;
}
    
/* Mousemove automatisch --> funktioniert nicht */
#mousemove, #drag {
	position: absolute;
	width: 1920px;
	height: 1000px;
	overflow: auto;
	margin: 0 auto;
}
 
#drag { 
	cursor: move;
}
 
.inside {
	width: 7600px;
	height: 1000px;
}
 
.move {
	background-image: url(../Observador-Background.jpg);
	background-repeat: no-repeat;
}
 
.drag {
	background-image: url(../Observador-Background.jpg);
	background-repeat: no-repeat;
}