/*#body
{
font-size: 62.5%;
}*/
body
{/*max-width:100%;*/
background-color:#000000; 
/*width:1270;
height:953;*/
}
body.white{
	background-color:#ffffff;}

a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; font-weight:none; color:gray; background-color:; }
a:active {text-decoration:none; font-weight:none; color:#000000; background-color:; }
a.about:link {text-decoration:none; color:#660099;}
a.about:visited {text-decoration:none; color:gray;}
a.about:hover {text-decoration:none; font-weight:none; color:gray; background-color:; }
a.about:active {text-decoration:none; font-weight:none; color:#660099; background-color:; }
a.indx:link {text-decoration:none; color:#ffffff;}
a.indx:visited {text-decoration:none; color:#ffffff;}
a.indx:hover {text-decoration:none; font-weight:none; color:gray; background-color:; }
a.indx:active {text-decoration:none; font-weight:none; color:#ffffff; background-color:; }



@font-face {
    /*font-family: 'DIN Alternate Bold';*/
	font-family: 'DINLightAlternate';
    font-style: normal;
    font-weight: normal;
    /*src: local('DIN Alternate Bold'), url('DINAlternate-Bold.woff') format('woff');*/
	src: local('DINLightAlternate'), url('DINLightAlternate.ttf');
	}
	
@font-face {
    /*font-family: 'DIN Alternate Bold';*/
	font-family: 'Merriweather-Italic';
    font-style: normal;
    font-weight: normal;
    /*src: local('DIN Alternate Bold'), url('DINAlternate-Bold.woff') format('woff');*/
	src: local('Merriweather-Italic'), url('Merriweather-Italic.ttf');
	}
	


h1 
{
color:white;
font-size:15pt;
font-weight:lighter;
font-family:arial, helvetica, sans-serif;
vertical-align: middle;
}

h2
{
color: #000000;
font-size:16pt;
font-family:arial, Geneva, sans-serif;
vertical-align: top;
font-weight:normal;
}

.h2-list
{
text-color: #000000;
font-size:13pt;

font-family:arial, Geneva, sans-serif;

text-align:left;
font-weight:100;
}
@media (max-width: 768px) and (orientation:landscape){.h2-list{font-size:8pt !important;}}

h3
{
color: #000000;
font-size:16.5pt;
font-family:arial, Geneva, sans-serif;
vertical-align: top;
font-weight:normal;
}

/*h3
{
color: #3a01df;
font-size:200%;
font-family:Merriweather-Italic, Times New Roman, Times, serif;
vertical-align: middle;
font-weight:normal;
 }*/	

/*h4
{
color:#3a01df;
font-size:150%;
font-family:Merriweather-Italic, Times New Roman, Times, serif;
vertical-align: top;
font-weight:550;
 }*/
 
h4
{font-size:14pt; font-variant:small-caps; font-weight:bold;}

h5 
{
color:white;
font-size:13pt;
font-weight:lighter;
font-family:arial, helvetica, sans-serif;
vertical-align: middle;
}

 
/*#cont-mobile
 {
position:absolute;
top:75%;
left:30%;
width:40%;
height:10%;
font-family:arial, sans-serif; font-size:20pt; font-weight:bolder;
 }
 @media (max-width:768px) and (orientation: landscape) {#cont-mobile {top:95% !important}}
 @media (min-width: 769px) {#cont-mobile {display:none !important}}*/
 
#barr-mobile
{
position:fixed;
top:0%;
width:100%;
height:7%;
background-color:grey;
font-size:12pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;
font-variant:small-caps;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}
@media (max-width:768px) and (orientation: landscape) {#barr-mobile {height:12% !important;}}

#barr-mobilearr
{
position:fixed;
top:0%;

width:2em;
height:7%;
background-color:grey;
font-size:17pt;
font-weight:bolder;
font-family:arial, arial, helvetica, sans-serif;
font-variant:small-caps;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}
@media (max-width:768px) and (orientation: landscape) {#barr-mobilearr {height:12% !important}}

#barr-mobilehome
{
position:fixed;
top: 0%;
right: 2%;

width:2em;
height:7%;
background-color:grey;
font-size:10pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;

vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}
@media (max-width:768px) and (orientation: landscape) {#barr-mobilehome {height:12% !important}}
 	
 	
#head1
{
position:absolute;
top:9%;
left:10%;
width:19%;
height:8.5%;
font-size:17pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:2px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width: 768px){#head1{border-color: #000000 !important}}

#head2
{
position:absolute;
top:23%;
left:24%;
width:5%;
height:6.5%;
font-size:20pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:2px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width: 768px){#head2{top:30% !important; border-color: #000000 !important}}
@media (max-width: 768px) and (orientation:landscape){#head2{top:45% !important; left:30% !important}}

#head3
{
position:absolute;
top:37%;
left:30%;
width:24%;
height:12%;
font-size:20pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:2px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}

@media (max-width: 768px) {#head3 {top:1% !important; width: 1% !important; height:1% !important; font-size: 1pt !important; display:none !important}}


#head3-mobile
{
position:absolute;
top:45%;
left:30%;
width:24%;
height:12%;
font-size:20pt;
font-weight:lighter;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:2px;
border-top:0px;
border-style:solid;
border-color:#000000;
}
@media (max-width: 768px) and (orientation:landscape){#head3-mobile{top:70% !important; left:40% !important}}
@media (min-width: 769px) {#head3-mobile {display:none !important}}

#head4
{
position:absolute;
top:70%;
left:30%;
width:40%;


/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:black;
}
#head4-mobile
{
position:absolute;
top:15%;
left:7%;
width:90%;


font-size:20pt;
font-family:verdana, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:black;
}

@media (max-width: 768px) and (orientation:landscape){#head4-mobile{top:20% !important;}}


#head5
{
width:5em;
position:absolute;
top:80%;
left:56%;
/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:black;
}

#headqtr
{
position:absolute;
top:10%;
left:10%;
width:80%;
height:61%;
backround-color:white;
/*background-opacity:0.5;


/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:gray;
}
@media (max-width:768px) and (orientation:landscape) {#headqtr{top:15% !important; height:58% !important;}}

#headq
{
position:absolute;
top:10%;
left:10%;
width:80%;
height:50%;
backround-color:white;


/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color: black;
}
@media (max-width:768px) and (orientation:landscape) {#headq{top:15% !important;}}

#heada1
{
width:25%;
height:30%;
position:absolute;
top:15%;
left:15%;
/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#headas
{
width:100%;
/*position:absolute;*/
top:10%;
left:10%;
/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: top;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}
#heada1a
{
width:25%;
height:30%;
position:absolute;
top:35%;
left:15%;
font-size:120%;
font-family:verdana, arial, helvetica, sans-serif;
vertical-align:top;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#heada2
{
width:25%;
height:30%;
position:absolute;
top:15%;
right:15%;
/*font-size:180%;
font-family:verdana, arial, helvetica, sans-serif;*/
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#heada2a
{
width:27%;
height:30%;
position:absolute;
top:30%;
right:13%;
font-size:120%;
font-family:verdana, arial, helvetica, sans-serif;
vertical-align:top;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#contentindx{
background-image: url(colorsindx.jpg);
width:86%;
position:absolute;
top:6%;
left:7%;
height:auto;
}
#content{
	background-image: url(colors.jpg);

/*top:6%;
left:7%;*/
width:100%;
height:100%;
position:absolute;

background-repeat: no-repeat;
bakground-size: cover;
text-align: center;



font-size:;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
/*border-left:3px;
border-right:3px;
border-bottom:3px;
border-top:3px;
border-style:solid;
border-color:#66CCFF;*/
}
@media (max-width: 768px) and (orientation:landscape){#content{height: 100vh !important}}

#content1{
background-image: url(colors1.jpg);
position:absolute;
top:40%;
height:5em;
width:5em;
left:7%;
font-size:20pt;
font-family:arial, arial, helvetica, sans-serif;
vertical-align: middle;
border-left:0px;
border-right:2px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}

#content2{
background-image: url(colors4.jpg);
position:absolute;
top:45%;
left:63%;
height:5.5em;
width:5.5em;
border-left:0px;
border-right:0px;
border-bottom:2px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}

#content3{
background-image: url(colors2.jpg);
position:absolute;
top:12%;
left:50%;
height:5em;
width:5em;
border-left:0px;
border-right:0px;
border-bottom:2px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}

#content4{
background-image: url(colors5.jpg);
position:absolute;
top:9%;
left:70%;
height:10em;
width:10em;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:2px;
border-style:solid;
border-color:#66CCFF;
}

#content5{
background-image: url(colors6.jpg);
position:absolute;
top:55%;
left:75%;
height:8em;
width:8em;
border-left:2px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width:768px) {#content1, #content2, #content3, #content4, #content5 {display: none !important} #head4{width:0;display:none !important} 
}
/*fade-in*/

.fade-in-text {
  /*display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150px;
  color: black;*/
  animation: fadeIn ease-in 7s;
  -webkit-animation: fadeIn ease-in 7s;
  -moz-animation: fadeIn ease-in 7s;
  -o-animation: fadeIn ease-in 7s;
  -ms-animation: fadeIn ease-in 7s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
  
  .fade-in-textindx {
  /*display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150px;
  color: black;*/
  animation: fadeIn linear 4s;
  -webkit-animation: fadeIn linear 4s;
  -moz-animation: fadeIn linear 4s;
  -o-animation: fadeIn linear 4s;
  -ms-animation: fadeIn linear 4s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


/*Texte, Von Css für SD*/
a.amenu:link {text-decoration:none; font-weight:none; color:#64c8c8; }
a.amenu:visited {text-decoration:none; font-weight:none; color:#64c8c8; }
a.amenu:hover {text-decoration:none; font-weight:none; color:#2c79f8; background-color:white; }
a.amenu:active {text-decoration:none; font-weight:none; color:#2c79f8; background-color:white; }

#contenttxt{
background-image: url(colors.jpg);
width:78%;
position:fixed;
background-attachment:fixed;
overflow:scroll;
text-align: center;
top:1%;
height:98%;
left:10%;
font-size:;
font-family:arial, arial, helvetica, sans-serif;

border-left:5px;
border-right:5px;
border-bottom:5px;
border-top:5px;
border-style:solid;
border-color:#66CCFF;
}

#tabletxt{
border:0;
width:90%;
top:inherit;

background-color: ffffff;
/*background-attachment: fixed;
overflow:scroll;*/
}

.table
{
	width: auto;
	margin-left: 42px;
	margin-right: 33px;
}

.text
{
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:10pt;
	color:#333333;
	margin-right: 5px;
	margin-left: 5px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	border-top:0px;
	border-style:solid;
	/*border-color:#3b80f9;
	line-height:150%;*/
	text-align:justify;
}
@media (max-width: 768px) and (orientation:landscape){.text{font-size:8pt !important;}}

.headind
{
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:10pt;
	color:#333333;
	font-weight:normal;
	line-height:150%;
	text-align:justify;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:15px;/*text-indent:-10px;*/
}

.ref
{
	width:auto;
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:9pt;
	color:#333333;
	font-weight:normal;
	line-height:150%;
	text-align:justify;
	/*margin-right: 10px;
	margin-left:15px;text-indent:-10px;*/
}
@media (max-width: 768px) and (orientation:landscape){.ref{font-size:7pt !important;}}

.small
{
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:8.5pt;
	color:#333333;
	font-weight:normal;
	line-height:150%;
	text-align:justify;
	margin-right: 10px;
	display: inline;
	
}

.menu
{
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:10pt;
}