/* 

td nowrap = Kein automatischer Zeilenumbruch; 

body overflow: scroll; NG!
*/


body {
margin: 40px 30px 30px 30px;
color: #000000;
overflow: scroll;

background-color: #e3e8e2;
background-image: url(hg-fassade-graublau.jpg);

font-size: 1.5em; 
}

/*
@media only screen and (min-device-width: 1025px) {
body {
XXfont-size: 1em; 
}
}
*/

P {
margin: 30px 10px;
font-size: 1.3em; 
}

li {
margin: 10px 10px 10px 10px;
font-size: 1.3em; 
}

hr {
height: 5px;
color: black;
background: grey;
}

table td {
padding: 20px; 
	border: solid black 0px; 
-- font-size: 1.3em; 
font-size: 40pt; 
}


/* Ausnahmen */
@media only screen and (min-device-width: 1025px) {
P, li {
font-size: 1em; 
}

hr {
height: 1px;
}

table td {
 -- padding: 10px; 
font-size: 19pt; 
}
}


img {
margin: 20px 20px 20px 20px;
}


div {
visibility: visible;
overflow: visible;
	border: solid maroon 0px;
margin: 10px;
clear: both;

text-align: center;
font-size: 1em;  
}


a:link {
color: #000099;
}

a:visited {
color: #990000;
}

a:hover {
color: red;
}

a:active {
color: red;
}

a:focus {
color: red;
}

table.pagetable {
min-width: 99%;
table-layout: auto; 
-- table-layout: fixed; 
	border: solid black 0px;   
border-spacing: 0px; 
border-collapse: collapse; 
padding: 0px; 
}

.td-toptext {
vertical-align: top; 
text-align: center; 
font-size: 1em; 
}

.td-pagetext {
vertical-align: top; 
text-align: left; 
	border: solid black 0px; 
/* Zusammen */
padding: .5em; 
font-size: 1em; 
}

.a-pagetext {
text-decoration: none; 
}

.div-menutext {
vertical-align: top; 
text-align: left; 
max-width: 1000px;
	border: dotted black 1px; 
margin: 0px 0px 10px 0px;
padding: 1em; 
font-size: 1.6em; 
}

.div-menutext H4 {
margin: 5px 10px 10px 0px;
color: black;
font-weight: bold; 
font-size: 1.5em; 
}

.menusymbol {
	border: solid blue 0px; 
width:  2.4em;
height: auto;
margin: 0px 20px 10px 0px;
}

/* Kleine Bilder */
.smallpic {
	border: solid green 0px; 
height: 1em;
width: auto;
margin: 0px 10px;
}

/* Halbgroße Bilder */
.halfpic {
	border: solid orange 0px; 
width: 50%;
height: auto;
max-width: 500px;

margin: 10px 10px;
}

/* das Handbild! */
.pic-hand {
	border: solid blue 0px; 
width: 4.0em;
-- height: 2.4em;
height: auto;
margin: 0px 10px 0px 0px;
}

/* font-size im Absatz P skaliert das Handbild! */
.pic-handp {
	border: solid yellow 0px; 
margin: 0px;

/* font-size im Absatz P */
font-size: 1.8em;
height: 2.5em;
}

/* Ausnahmen */
@media only screen and (min-device-width: 1025px) {

.pic-hand {
	border: solid blue 0px; 
width: 3.4em;
height: auto;
margin: 0px 10px 0px 0px;
}

.pic-handp {
/* font-size im Absatz P */
font-size: 1.2em;
margin: 	1.5em;
}
}

/* Flaggen-Bilder */
.pic-language {
	border: solid darkblue 1px; 
width: 90px;
height: auto;
margin: 0.5em;
}

.h1-toptext {
text-align: center; 
margin-top: 0em;

font-size: 2.5em;
}


/* ZENTRAL */

.td-middletext {
-- height: 24em;
	border: solid blue 0px; 
vertical-align: top; 
text-align: center;

font-size: large; 
/* skaliert den Inhalt! */
-- font-size: 2em;
}


.td-hr {
vertical-align: top; 
text-align: center; 
white-space: nowrap;

font-size: 1em; 
}

.td-bottomtext {
vertical-align: top; 
text-align: center; 
white-space: nowrap;

font-size: 1em; 
}

.td-bottomdiv {
height: 200px;
vertical-align: top; 
text-align: center;

font-size: 1em; 
}


/* ZENTRAL */

div.inline {
display: inline-table;

/* wird skaliert! */
height: 31em;
margin: 1em .3em 1em .3em;

/* HG-Bild = Spaltenbreite! */
width: 400px;
	border: dotted black 1px;
	
/* skaliert! */
font-size: 1.8em;

float: none;
position: relative;
}





div.downline {
display: inline-table;
min-width: 20%;
	border: solid black 0px;

-- font-size: 2em;
-- font-size: 18pt;

text-align: left;  

vertical-align: top; 

margin: 10px 0px 10px 0px; 
min-height: 100px;

float: none;
position: relative;
-- white-space: nowrap;
}


/* Outline Start */

div.outline {
--display: inline-table;
max-width: 800px;
/* neu wg. inside min-width: 400px; max-width: 780px; */
-- min-width: 1000px;

text-align: left; 
visibility: visible;

border: 2px solid black; 

/* wird skaliert! */
min-height: 4em;
margin: 1em 0em 1em 0em;

/* Spaltenbreite! */
-- width: 300px;
	
/* skaliert! */

font-family: Arial, sans-serif;
font-size: 1em; 

float: none;
position: relative;
vertical-align: top;
}

/* Outline END */


/* Downline Start */

.downline P {
border: solid black 0px; 
margin: 10px 20px 10px 100px; 

text-align: left;

font-family: "Arial";
font-size: 1em;
}

@media only screen and (min-device-width: 1025px) {

.downline P {
border: solid black 0px; 
margin: 10px 20px 10px 100px; 

text-align: left;
font-size: 18pt;
}
}


.downline IMG {
margin: 20px 1em 2em 20px;

width: 3em;
height: auto;
}


div.top-line {
display: inline-table;
min-width: 20%;
	border: solid red 0px;
margin-bottom: 1em;
 
font-size: 1.4em;
float: none;
position: relative;
}

div.welc-line {
display: inline-table;
min-width: 20%;
	border: solid red 0px;
margin: 0px;
 
font-size: 2em;

float: none;
position: relative;
}

div.greenline {
height: 10em;
	border: solid green 0px;
color: black;

/* skaliert zurück */
font-size: 1em;

margin: 9em 1em 70px 1em;
float: none;
position: relative;
}

div.langline {
display: inline-table;
min-width: 20%;
	border: solid black 0px;

font-size: 2em;
margin: 1em 1em 1em 1em;
float: none;
position: relative;
-- white-space: nowrap;
}


.blockline{
margin: 2em 0em -2.5em 0em;
font-size: 1em; 
	-- border: solid violet 1px;

font-size: 1em; 
}

span.block-head{

font-size: 1em; 
font-style: normal; 
font-weight: bold;
-- color: green;
}

span.block-middle{
font-size: 1.2em; 

font-style: normal; 
font-weight: bold;
-- color: red;
}

span.block-end{
font-size: 1em; 

font-style: normal; 
font-weight: normal;
-- color: blue;
}

textarea {
border-style: none;
padding: 2px; 
margin: 5px;
overflow: hidden;
color: #ff0000;
background-color: #cccccc;
cursor: pointer;
}

.moment {
font-size: 28pt; 
letter-spacing: 2pt; 
font-weight: bolder;
font-variant: small-caps; 
}

.XXX {
}

.XXX {
}