@font-face { 
	font-family: 'din1451alt';
	src: url('din1451alt.ttf') format('truetype');
}

@font-face {
	font-family: 'sabon';
	src: url('sabon-mt-std.otf') 
	format('truetype'); 
}

@font-face {
	font-family: 'sabon';
	src: url('sabon-mt-std-italic.otf') 
	format('truetype');
	font-style: italic; 
}

@font-face {
	font-family: 'sabon';
	src: url('sabon-mt-std-semibold.otf') 
	format('truetype');
	font-weight: bold; 
}

@font-face {
	font-family: 'sabon';
	src: url('sabon-mt-std-semibold-italic.otf') 
	format('truetype');
	font-weight: bold;
	font-style: italic; 
}

body {
	font-size: 24pt; 
	line-height:120%;
	font-family: din1451alt, serif, helvetica, sans-serif; 
	color:rgb(0,0,0);
	vertical-align: top;
	border:1px rgb(20,20,20) none;
	margin:0;
	padding:0;
}

@media xscreen and (max-width: 767px){
	body {
		background-color:yellow;
	}
}
@media xscreen and (min-width: 768px) {
	body {
		background-color:green;
	}
}

img {
	margin:0;
	padding:0;
}

div.image-line1, div.image-line2, div.image-line3 {
	font-family: helvetica; 
	line-height:17pt;
	margin:0;
	padding:0;
}

div.content {
	border:1px #ff0000 none;
	margin: 50px 10px 10px 0px; 
	padding: 0 0 0 0; 
	text-align: left;
	z-index:1;
	position:relative;
	-background-color:green;
}

div.descr-outer {
	-background-color:rgb(200,200,200);
	position:absolute;
	border:3px #0000ff none;
	display:table;
	text-align:center;
}

p.descr-headline {
	-background-color:rgb(200,200,200);
	border:3px #0000ff none;
	text-align:left;
	font-family: helvetica; 
	font-size:15pt;
	line-height:120%;
	margin-bottom:30px;
	font-weight: bold;
}

p.descr-text {
	-background-color:rgb(200,200,200);
	border:3px #0000ff none;
	text-align:left;
	font-family: sabon, din1451alt, serif, helvetica, sans-serif; 
	font-size:12pt;
	line-height:120%;
}

p.descr-text-justified {
	-background-color:rgb(200,200,200);
	border:3px #0000ff none;
	text-align:justify;
	font-family: sabon, din1451alt, serif, helvetica, sans-serif; 
	font-size:12pt;
	line-height:120%;
}


p.descr-text-justified-10px {
	-background-color:rgb(200,200,200);
	border:3px #0000ff none;
	text-align:justify;
	font-family: sabon, din1451alt, serif, helvetica, sans-serif; 
	font-size:10pt;
	line-height:120%;
}

p.descr-bold {
	-background-color:rgb(200,200,200);
	border:3px #0000ff none;
	text-align=left;
	font-family: sabon, din1451alt, serif, helvetica, sans-serif; 
	font-size:12pt;
	line-height:120%;
	font-weight: bold;
}

div.descr-inner {
	border:1px rgb(20,20,20) none;
	display:table-cell;
	vertical-align: middle;	
	text-align=center;
	font-size:16pt;
}

div.grid-outer {
	position:absolute;
	background-position: center center;
	background-repeat: no-repeat;
	border:3px #0000ff none;
}


div.grid-inner {
	position:relative;
	border:1px rgb(255,20,20) none;
	top:0px;
	left:0px;
}

div.grid-text-frame {
	position:absolute;
	background-color:rgba(0,0,0,0.26);
	border: 1px none #ff0000;
	display:none;
	z-index:12;
}

div.grid-text {
	display:table-cell;
	vertical-align: middle;	
	text-align: center;
	font-size:14pt;
	-line-height=100%;
}

div.grid-text a {
	color:white;
}

div.grid-text a:link, a:visited {
    text-decoration: none;
}

div.grid-text a:hover, a:active {
    text-decoration: none;
}

div.line1-descr {
}

div.line2-descr {
}

div.line3-descr {
}

div.line1-img {
}

div.line1-img {
}

div.line1-img {
}