body
{
background-color:#ffffff;
}



*{
	box-sizing:border-box;
}

#wrap{
position:absolute;
background-color:#000000;
top: 2%;
right: 1%;
width:98%;
height:96%;
border-style:solid;
border-bottom-width:6px;
border-left-width:4px;
border-right-width:4px;
border-top-width:7px;
border-color:#000000;
}

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:#585858;}
a.about:visited {text-decoration:none; color:#585858;}
a.about:hover {text-decoration:none; font-weight:none; color:gray; background-color:; }
a.about:active {text-decoration:none; font-weight:none; color:#585858; 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:; }

#design
{
	position:absolute;
	bottom:10px;
	right:10px;
	width:200px;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif; font-size:11pt; font-weight:lighter;
	text-align:right;
	color:#ffffff;
}
h1
{
color:white;
font-size:17.5pt;
font-weight:lighter;
font-family:Verdana, Geneva, sans-serif;
vertical-align: middle;
}

#for-those
{
color:white;
font-size:12pt;
font-weight:lighter;
font-family:Verdana, Geneva, sans-serif;
vertical-align: middle;
}

h2
{
color:#585858;
font-size:13.5pt;
font-family: Verdana, Geneva, sans-serif;
vertical-align: top;
text-align:left;
/*line-height: 180%;*/
/*font-weight:100;*/
}

h3
{
color:#585858;
font-size:15.5pt;
font-family:Verdana, Geneva, sans-serif;
padding: 5px 0px 0px 0px;
font-weight:normal;
 }

h4
{
color:#000000;
font-size:150%;
font-family:Verdana, Geneva, sans-serif;
vertical-align: top;
font-weight:550;
 }

#barr-home
{
position:fixed;
top: 3.5%;
left: 4.5%;

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

vertical-align:bottom;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}

#barr-back
{
position:fixed;
top: 3%;
left: 8.5%;

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

vertical-align:bottom;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}

#head1
{
position:absolute;
top:9%;
left:10%;
width:25%;
height:8.5%;
font-size:22pt;
font-variant:small-caps;
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:;
}
@media (max-width: 768px) {#head1 {display:none !important}}

#head1-mobile
{
position:absolute;
top:9%;
left:10%;
width:19%;
height:8.5%;
font-size:17pt;
font-variant:small-caps;
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:;
}
@media (min-width: 769px) {#head1-mobile {display:none !important}}

#head2
{
position:absolute;
top:23%;
left:24%;
width:5%;
height:6.5%;
font-size:22pt;
font-variant:small-caps;
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:#66CCFF;
}
@media (max-width: 768px) {#head2 {display:none !important}}

#head2-mobile
{
position:absolute;
top:30%;
left:24%;
width:5%;
height:6.5%;
font-size:17pt;
font-variant:small-caps;
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:#66CCFF;
}
@media (max-width: 768px) and (orientation:landscape){#head2{top:45% !important; left:30% !important}}
@media (min-width: 769px) {#head2-mobile {display:none !important}}

#head3
{
position:absolute;
top:37%;
left:30%;
width:12.5em;
height:4.3em;
font-size:24.5pt;
font-variant:small-caps;
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:#66CCFF;
}

@media (max-width: 768px) {#head3 {display:none !important}}


#head3-mobile
{
position:absolute;
top:45%;
left:30%;
width:24%;
height:12%;
font-size:17pt;
font-variant:small-caps;
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){#head3-mobile{top:70% !important; left:40% !important}}
@media (min-width: 769px) {#head3-mobile {display:none !important}}

#cont-mobile
{
position:absolute;
top:50%;
right:1%;
width:30%;
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:0px;
border-top:0px;
border-style:solid;
border-color:#000000;
}
@media (min-width: 769px) {#cont-mobile {display:none !important}}






#head4
{
position:absolute;
top:70%;
left:30%;
width:40%;
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) {#head4 {display:none !important}}


#head5
{
width:5em;
position:absolute;
top:80%;
left:56%;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:black;
}

#continue
{
position: absolute;
bottom: 0vw;
left: 42vw;
width: 8vw;
height: 2em;
padding: 0px;
margin:;
text-align:center; font family:Times New Romans,serif; font-size:12pt; font-weight:light; color:#585858;
}



#headqtr
{
	position:absolute;
top:20%;
width:50vw;
left:25vw;
height:22em;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#headq
{
	position:absolute;
top:20%;
left:25vw;
width:50vw;
height:22.5em;
vertical-align: middle;
padding: 0px 25px 10px 25px;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

#heada1
{
position:absolute;
width:25vw;
height:5em;
top:30%;
left:28vw;
font-family:Verdana, Geneva, sans-serif;
font-size: 15pt;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}


#heada2
{
position:absolute;
width:25vw;
height:5em;
top:31%;
left:52vw;
font-size:15pt;
font-family:Verdana, Geneva, sans-serif;
line-height:80%;
vertical-align: middle;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}

.p-about
{
font-size:12pt;
font-family:Verdana, Geneva, sans-serif;
line-height:150%;
}

#heada2a
{
width:25vw;
height:10vw;
position:absolute;
top:22%;
left:55vw;
font-size:12pt;
font-family:Verdana, Geneva, sans-serif;
vertical-align:top;
line-height:150%;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:;
}
@media (max-height: 600px) {#heada2a{top:25% !important;}}

#contentindx{
background-image: url(colorsindx.jpg);
width:86%;
position:absolute;
top:6%;
left:7%;
height:auto;
}
#content{
position:absolute;
background-image: url(colors.jpg);
width:130%;
height:130%;
bakground-size: cover;
background-repeat: no-repeat;
overflow:hidden;
}

#contenttxt{
position:absolute;
top: 2%;
right: 2%;
width:96%;
height:96%;
background-image: url(colors.jpg);
background-size:cover;
background-attachment:fixed;
}

/*For Webkit browsers e.g Chrome, Opera,Edge and safari*/
::-webkit-scrollbar{
  display: none;}
::-webkit-scrollbar-button {display:none;}

#content1{
background-image: url(colors1.jpg);
position:absolute;
top:46%;
height:5em;
width:5em;
left:7%;
font-size:20pt;
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:#66CCFF;
}
@media (max-width: 768px) {#content1 {display:none !important}}

#content2{
background-image: url(colors4.jpg);
position:absolute;
top:45%;
left:68%;
height:5.5em;
width:5.5em;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width: 768px) {#content2 {display:none !important}}

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


#content4{
background-image: url(colors5.jpg);
position:absolute;
top:9%;
left:75%;
height:10em;
width:10em;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width: 768px) {#content4 {display:none !important}}


#content5{
background-image: url(colors6.jpg);
position:absolute;
top:55%;
left:80%;
height:8em;
width:8em;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#66CCFF;
}
@media (max-width: 768px) {#content5 {display:none !important}}


/*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; }

#tabletxt{
position:absolute;

right:20%;
width:47%;
top:0%;
height:100%;
opacity:0.87;
background-color: white;
overflow:scroll;
/*IE Edge*/
-ms-overflow-style: none;
/*firefox*/
scrollbar-width: none;
}

/*#tabletxtdl{
position:absolute;

right:20vw;
width:60vw;
height:1300vh;
opacity:0.85;
background-color: white;
}*/

#tablemenu{
position:absolute;
top:0%;
left:20%;
border:0;
width:13%;
padding:10px;
height:100%;
opacity:0.75;
background-color:#CCC;
background-attachment:fixed;
overflow:scroll;

-ms-overflow-style: none;  /*IE Edge*/

scrollbar-width: none;   /*firefox*/
}

#tablemain{
	position:absolute;
top:5%;
right:0;
padding: 0px 25px 20px 10px;
width:93%;
}

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




#tabletr{
background-color:white;
opacity:0.7;
}

.text
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#000000;
	margin-right:15px;
	margin-left:15px;
	text-align:left;
}

.headind
{
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:10pt;
	color:#333333;
	font-weight:normal;

	text-align:justify;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:15px;
}

.ref
{
	width:auto;
	font-family:verdana, verdana, geneva, sans-serif;
	font-size:9pt;
	color:#333333;
	font-weight:normal;
	line-height:150%;
	text-align:justify;
	}

.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;
}