:root {
  --menu-over-color: #FFDF00;
}


.video_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.video_container > video {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-aspect-ratio: 1920/1080) {
  .video_container > video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video_container > video {
    width: 100%;
  }
}


a.weisser_link:link{color:#FFF; }
a.weisser_link:visited{color:#FFF; }
a.weisser_link:hover{color:	#FFDF00; }

a.blauer_link:link{color:#FFF; }
a.blauer_link:visited{color:#FFF; }
a.blauer_link:hover{color:	#00BFFF; }







*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing:border-box;
}

.titel1
{
	color: #d80000 ;
}

.titel2
{
 	color: #000;
 font-size: 120%;
}

.div_pad5
{
	padding: 5px 5px 5px 5px;
}
.div_pad10 {padding: 10px 10px 10px 10px;}
.div_pad15 {padding: 15px 15px 15px 15px;}

.div_100p
{
	width:100%;	
	float:left;
}

.div_100p_border
{
	width:100%;	
	float:left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/*border-bottom-color: rgb(226, 221, 209);*/
	border-bottom-color: black;
}

.div_space5pix_hoch{
	heigth: 5px;
	weight: 100%;
	height: 5px;
}



.div_links_70p {
width: 69%;
float: left;
margin-left: 0.2%;
margin-right: 0.5%;
}

.div_rechts_30p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:30%;	

}

.div_footer_30p {
	float: left;
	margin-left: 1%;
	width: 32.25%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}

.div_footer_50p {
	float: left;
	margin-left: 1%;
	padding-left: 1%;
	padding-top: 2%;
	padding-bottom:2%;
	width: 49%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}

.div_footer_50p_rechts {
	float: left;
	margin-left: 1%;
	padding-left: 6%;
	padding-top: 2%;
	padding-bottom:2%;
	width: 49%;
}

.div_footer_30p_rechts {
	float: left;
	margin-left: 1%;
	width: 32.25%;
}


.div_footer_100p {
	float: left;
	margin-left: 1%;
	width: 99%;
}


.div_100p30m {
margin:30px;
width:100%;	
float:left;
}


.div_full {
width:100%;	
heigth:100%;
}

.div_margin_08proz
{
margin: 0.8%;

}


.div_sterne
{
	
	float: left;
	width: 10%;
	padding-right: 3%;
	
}

.div_footer_adresse
{
	
	float: left;
	width: 89%;
	
	
}

.div_footer_margin
{
	background-color: #666;
	margin-top: 3%;
	float: left;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 0.7%;
	color: #CCC;
}




.div_transparent_weiss_50proz
{
	float: left;
	width: 100%;
	heigth: 100%;
	background-image: url(../backgrounds/overlay/weiss/C50.png);
	background-repeat: repeat;
}

.div_transparent_weiss_body
{
	float: left;
	width: 100%;
	heigth: 100%;
	background-image: url("../backgrounds/overlay/weiss/c85.png");
	background-repeat: repeat;
}


.div_box300top {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    padding:10px;
	list-style-type: none;
	list-style-position: inside;
}



.div_box300_weiss_aitem {
	line-height: 150%;
	height: 100%;
	width: 100%;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(../backgrounds/overlay/weiss/c50.png);
	text-decoration: none;
	color: #000;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../designpic/redpoint10px.png);
}

.div_box300_weiss_aitem li{
padding:1%;
}

.div_box300_weiss_aitem a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	-webkit-transition: all 0.2s linear 0.1s;
	-moz-transition: all 0.2s linear 0.1s;
	-ms-transition: all 0.2s linear 0.1s;
	-o-transition: all 0.2s linear 0.1s;
}


.div_box300_weiss_aitem a:hover   {
	color: #005d00;
	background-image: url(../backgrounds/overlay/weiss/c100.png);
	list-style-image: url(../designpic/greenpoint10px.png);
	border-top-color: #025202;
	border-right-color: #025202;
	border-left-color: #025202;	
}	

.div_box300_weiss_aitem a:active   {
	color: #FFF;
	background-image: url(../backgrounds/overlay/schwarz/c10.png);
	list-style-image: url(../designpic/greenpoint10px.png);
	border-top-color: #025202;
	border-right-color: #025202;
	border-left-color: #025202;

}	




.div_box300_gruen_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/gruen_008b00/c50.png);
}


.div_box300_orange_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/orange_db552d-windows/c50.png);
	background-repeat: repeat;
}

.div_box300_blau1_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/blau_10537b/c50.png);
	background-repeat: repeat;
}

.div_box300_blau2_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/blau_180053/c50.png);
	background-repeat: repeat;
}



.div_box300_grau_bottom {
	height: 100%;
	width: 300px;
	background-image: url(../backgrounds/overlay/schwarz/c10.png);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #999;
	border-left-color: #CCC;
}

.div_box300_schatten {
	height: 100%;
	width: 300px;
	background-image: url(../designpic/box300schatten.png);
	background-repeat: no-repeat;
	padding: 10px;
}


.div_50p {
width:50%;	
float:left;
}

.div_50p_p10 {
	width: 70%;
	padding-left: 2%;
	padding-right: 2%;

}


.div_10p{
 width: 10%;
 float: left;
}


.div_90p{

 width: 90%;
 float: left;
}



.div_95p_register{

 width: 95%;
 float: left;
 color: #F00;
 font-family: Verdana, Geneva, sans-serif;
 text-shadow: 0.05em 0.05em 0.05em #333;
 -webkit-text-shadow: 0.05em 0.05em 0.05em #333;
}


.div_5p_register{
	width: 5%;
	font-size: 1.2em;
	float: left;
	font-weight: bold;
}



#seiten_hinweis
{
	float: left;
	font-size: 90%;

}








/* ---------------- */





















/* Start menu_level_1 */
.menu_level_1{
 width: 100%;
}


.ul-menu_level_1  {
	padding-left: 0px;
	margin: 0px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	list-style-type: none;
	margin-top: 0%;
}


.menu_level_1 ul a li {
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;
}



.menu_level_1 ul a li:hover {
	color: #000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #333;
	background-color:  var(--menu-over-color);  /* bläulich */
}


.menu_level_1 ul a li:active {
	/* background-image: url(../backgrounds/overlay/rot_d80000/c10.png); */
	color: #000;
	background-color: var(--menu-over-color);  /* bläulich */
}



/* Ende menu_level_1 */






#div_home_inactive_button {
    background-color:#FFF;
	background-image: url(../designpic/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;
}

#div_home_active_button {
    
    background-color:#d80000;
	background-image: url(../designpic/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;

}


#div_inactive_button{	background-color: #FFF;}
#div_active_button{	background-color: 	#d80000;	color:#FFF;}





.active-rootmenu-button
{
    background-color:#d80000;
	color: #FFF;
}

.inactive-rootmenu-button
{

  	background-color: #FFF;
 	color: #000;
	background-image: url(../designpic/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%; 
 
}



.inactive-rootmenu-button a:hover
{
	background-color: #DDD;
	color: #000;
}