@charset "utf-8";
/* // äöü Quellcode UTF8 Test */
* {
margin: 0;
padding: 0;
}

HTML {
color: #3e3d40;
font-family: Calibri,"Helvetica neue",Tahoma,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;       
line-height: 1.125rem;
font-size: .875rem;

}
/*
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
*/


BODY {
text-align:center;
/*background-color:#003d6a;*/
/*background:url(bilder/_hgr_body.png) no-repeat top center #dbe5ef;*/
background:
    url(bilder/_hgr_body_2023-11_left_h148.png) no-repeat top left,
	url(bilder/_hgr_body_2023-11_right_h148.png) no-repeat top right;
background-size: 800px 148px, 800px 148px;
/*background:url(bilder/hintergrund_schunk_body.png) repeat-x top left #003d6a;*/
}

H1 {
font-size:18px;
margin-bottom:10px;
}

H2 {
font-size:16px;

}

H3 {
font-size:16px;
text-decoration:underline;
margin-bottom:8px;
}

/*
#topnavi UL {
line-height: 1.25;
list-style: none;
margin: 0px 20px;
}

#topnavi LI {
background: url(bilder/tab-links.gif) no-repeat;
cursor: pointer;
float: left;
padding-left: 6px;
height:32px;
}

#topnavi LI:hover, #topnavi LI#aktiv { 
background-position: 0 -150px;
border-bottom: 0;
height:33px;
}

#topnavi LI:hover a, #topnavi LI#aktiv a { 
background-position: 100% -150px;
color: #003d6a;
padding-bottom: 4px;
height:21px;
}

#topnavi li a { 
background: url(bilder/tab-rechts.gif) no-repeat top right;
display: block;
font-weight: bold;
padding: 8px 6px 3px 0px;
text-decoration: none;

height:21px;
}



#topnavi li a:link, #topnavi li a:visited, #topnavi li a:active { 
	color: #FFFFFF;
	text-decoration:none;
}

#topnavi li a:hover {  
color: #003d6a;
}
*/

img {
border:none;
}

a:link, a:visited, a:active {
	color: #3e3d40;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color: #3e3d40;
	text-decoration: underline;
	font-weight:bold;
}

#aussen {
/*background:url(bilder/hintergrund_schunk.png) repeat-y;*/
	background-color:#FFFFFF;
   width: 1000px;
	text-align:left;
	position: absolute;
	top:0px;
	left:50%;
	margin-left:-500px;
	border-bottom:solid 1px #ffffff;

}

#container {

   width: 1000px;
	text-align:left;
	position: relative;
}
/*
background:url(bilder/_hintergrund_schunk_header.png) no-repeat;
*/


#kopf {
color: #FFFFFF;
height:110px;
background-color: #003d6a;
}

#kopflinks {
/*background:url(bilder/familie_schunk.png) no-repeat;*/
float:left;
width:380px;
height:46px;
}/*
width:225px;
*/
#kopflinks:hover{
 cursor:pointer;
}

#kopfmitte {
float:left;
height:110px;
}

#tablekopfmitte {
height:110px;
border:none;
vertical-align:top;
font-size:24px;
font-weight:bold;
}

#kopfrechts {
/*background:url(bilder/schunk.png) no-repeat;*/
background-position:right;
float:right;
width:450px;
height:110px;
color:#FFFFFF;
font-size:11px;
text-align:right;
margin-right:10px;
border:0px solid red;
}/*
width:550px;
*/

#kopfrechts a:link, #kopfrechts a:visited, #kopfrechts a:active {
color: #ffffff;
text-decoration: none;
font-weight:normal;
}

#kopfrechts a:hover {
color: #ffffff;
text-decoration:underline;
}

#navik_klein {
/*float:left;*/
float:right;
/* 
width:350px;
height:100px;
*/
margin-top:16px;
border:0px solid red;
font-size:12px;
}

#navik_sprache {
float:right;
width:60px;
height:100px;
}

#topnavi {
/*background:url(bilder/bg-topnav-links.png) no-repeat;*/
height:26px;
padding-left:8px;
padding-top:0px;
font-size:16px;
background-color:#003d6a;
}/*
padding-top:5px;
*/

#topnavi a:link, #topnavi a:visited, #topnavi a:active {
	 
	font-weight: bold;
	 
	}



#sprachnavi {
float:right;
text-align:left;
color: #009ee0;
margin-top:3px;
border:1px solid pink;
}

#sprachnavi a:link, #sprachnavi a:visited, #sprachnavi a:active {
color: #009ee0;
text-decoration: none;
}

#sprachnavi li a:hover {
color: #009ee0;
text-decoration:underline;
}

#inhalt {
clear:both;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
background-color:#FFFFFF;
margin-top:19px;
}

#inhaltlinks {
float:left;
width:200px;
padding-left:20px;
padding-top:10px;
line-height:20px;
}

#inhaltlinks ul {
clear:both;
list-style: none;
}

#inhaltlinks li {
background: url(bilder/mbgo.png) top left no-repeat;
cursor: pointer;
padding-left:16px;
line-height:24px;
}

#inhaltlinks LI#aktiv {
background: url(bilder/mbg.png) no-repeat;
cursor: pointer;
padding-left: 16px;
}

#inhaltlinks LI#aktiv a {
color:#003d6a;
font-weight:bold;
}

#inhaltlinks a:link, #inhaltlinks a:visited, #inhaltlinks a:active {
color: #3e3d40;
text-decoration: none;
width:200px;
display:inline-block;
font-weight:normal;
}

#inhaltlinks a:hover {
font-weight:bold;
color:#003d6a;
}

#inhaltlinks #activ {
font-weight:bold;
color:#003d6a;
}

#inhaltlinks li a:hover {
color: #003d6a;
width:200px;
display:inline-block;
font-weight:bold;
}

/* Inhaltlink Navi */
.abstand {
padding-top:2px;
padding-bottom:2px; 
width:200px;
display:inline-block;
}

#inhaltmitte {
min-height:420px;
padding-left:10px;
padding-top:10px;
margin-left:230px;
}

#inhaltmittefenster {
background: url(bilder/bg-innen.gif) repeat-x;
background-color:#FFFFFF;
border:solid 0px #003d6a; 
width:745px;
margin-right:10px;
font-size:14px;
margin-bottom:10px;
}

#inhaltmittefensterfenster {
float:left;
height:300px;
background-color:#00CC99;
}

#inhaltmittefensterunten {
background: url(bilder/bg-innen.gif) repeat-x;
background-color:#FFFFFF;
border:solid 1px #003d6a; 
width:745px;
margin-right:10px;
font-size:14px;
}

#inhaltrechts {
float:right;
width:200px;
min-height:420px;
padding-left:10px;
padding-top:10px;
border-left:solid 1px #CCCCCC;
}

#inhaltmittefenster TABLE ul {
clear:both;
background-image:none;
background:none;
line-height:normal;
}

#inhaltmittefenster TABLE a {
color: #3e3d40;
}

#inhaltmittefenster TABLE li {
list-style:disc;
background:none;
list-style-position:outside;
margin-left:15px;
height:auto;
float:none;
line-height:16px;
}

#inhaltmittefenster {
margin-top:30px;
}

#none {
display:block;
font-size:14px;
}

.Piktogramme_Tabelle {
background-color:#FFFFFF;
border:solid 0px #003d6a;
width:100%;
}

.Piktogramme_Bilder {
background-color:#FFFFFF;
}

.Piktogramme_Titel {
font-size:14px;
font-weight:bold;
background-color:#FFFFFF;
}

.Piktogramme_Werte {
font-size:10px;
background-color:#FFFFFF;
}

#inhaltmittefenster .ZubehoerTabelle {
width:100%;
border-spacing:0px;
}

.ZubehoerTabelle TD {
font-weight:bold;
font-size:14px;
text-align:left;
padding:1px;
vertical-align:center;
border-bottom:solid 1px #cccccc;
}

.ZubehoerTabelle .ZubehoerZelle1 {
background-color:#003d6a;
color:#FFFFFF;
font-size:10px;
font-weight:normal;
padding: 3px;
text-align:left;
width:20%;
}

.ZubehoerImage1 {
width: 100px;
margin-right:50px;
margin-left:60px;
}

.ZubehoerImage2 {
width: 100px;
}
/*
.ZubehoerImage2 {
width: 300px;
margin: 50px 0px 50px 0px;
}
*/

#inhaltmittefenster TABLE li:hover, #inhaltmittefenster TABLE li#aktiv {
border-bottom: 0;
height:auto;
cursor:text;
}



/* https://www.w3schools.com/css/css_navbar.asp */
/* https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_dividers */
/* 45  164  218 =  #2da4da */
/*Links im inneren DIV*/
#inhaltmittefenster ul {
/*line-height: 1.25;*/
/*width:700px;*/
list-style: none;
list-style-type: none;
margin: 0px 0px;
overflow:hidden;
background-color:#003d6a;
}

#inhaltmittefenster li {
/*background: url(bilder/tab-links-innen.gif) no-repeat;*/
cursor: pointer;
float: left;
/*padding-left: 6px;'/
/*height:25px;*/
/*max-width:100px;*/
border-right: 1px solid #bbb;
/*padding: 10px 6px 3px 0px;*/
padding: 10px;
}
#inhaltmittefenster li:last-child {
  border-right: none;
}

#inhaltmittefenster li a {
/*background: url(bilder/tab-rechts-innen.gif) no-repeat top right;*/
display: block;
font-weight: normal;
/*padding: 10px 6px 3px 0px;*/

text-align:center;
color:white;
/*height:21px;*/
text-decoration: none;
}

#inhaltmittefenster li.notaktiv {
	background-color:grey;
	color:white;
/*
background: url(bilder/tab-rechts-innen.gif) no-repeat top right;
display: block;
font-weight: normal;
padding: 10px 6px 3px 4px;
text-decoration: none;
height:21px;
color:#949494;
cursor:default;
*/
}
#inhaltmittefenster li.notaktiv:hover {
	background-color:grey;
	color:white;
}


#inhaltmittefenster li:hover, #inhaltmittefenster li#aktiv {
	background-color:#2da4da;

/*background-position: 0 -150px;
border-bottom: 0;
height:35px;
*/
}

/*
#inhaltmittefenster li:hover a, #inhaltmittefenster li#aktiv a {
background-position: 100% -150px;
color: #FFFFFF;
padding-bottom: 4px;
height:20px;
}
*/



#inhaltmittefenster LI a:link, #inhaltmittefenster LI a:visited, #inhaltmittefenster LI a:active {
	/*
	color: #ffffff;
	text-decoration:none;
	font-weight:normal;
	*/
}

#inhaltmittefenster img {
border:none;
}

.button_en {
 background-image:url(bilder/en.png);
 padding:0px;
 margin:0px;
 border:none;
 width:46px;
 height:28px;
}

.button_de {
 background-image:url(bilder/de.png);
 padding:0px;
 margin:0px;
 border:none;
 width:46px;
 height:28px;
}

.button_filter {
 background-image:url(bilder/filter.png);
 padding:0px;
 margin:0px;
 border:none;
 width:33px;
 height:27px;
}

#intable {
font-size:14px;
}

#dbtable {
color: #3e3d40;
}

#dbtable OL {
clear:both;
}

#dbtable UL LI {
list-style:square;
background:none;
list-style-position:inside;
height:auto;
float:none;
line-height:16px;
}

#dbtable OL LI {
background:none;
list-style-position:inside;
height:auto;
float:none;
line-height:16px;
}
/*
.abgerundet {
-moz-border-radius:3px; /* Firefox */
/*-webkit-border-radius:3px; /* Safari, Chrome */
/*-khtml-border-radius:3px; /* Konqueror */
/*border-radius:3px; /* CSS3 */
/*border:solid 1px #003d6a;
}

.abgerundet LI {
list-style-position:outside;
list-style-type:square;
margin-left:20px;
}
*/
/* abrundung IE
.abgerundet {
behavior:url(border-radius.htc);
}
*/
#adminnavi UL {
line-height: 1.25;
list-style: none;
margin: 0px;
}

#adminnavi LI {
background-color:#dae8f5;
cursor: pointer;
float: left;
padding-left: 6px;
margin-right:3px;
height:32px;
border:solid 1px #000000;
}

#adminnavi LI:hover, #adminnavi LI#aktiv { /*--------------*/
background-color:#003d6a;
background-position: 0 -150px;
border-bottom: 0;
height:32px;
border:solid 1px #000000;
color:#ffffff;
}

#adminnavi LI:hover a, #adminnavi LI#aktiv a { /*-------------------*/
background-color:#003d6a;
background-position: 100% -150px;
color: #3e3d40;
padding-bottom: 3px;
height:21px;
color:#ffffff;
}

#adminnavi li a { /*-----------------------*/
background-color:#003d6a;
display: block;
font-weight: bold;
padding: 8px 6px 3px 0px;
text-decoration: none;
height:21px;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
position: relative;
text-decoration: none;
font-style: italic;
color: #0000ff;
cursor:default;
}

a.tooltip:hover {
color: #0000ff;
background: transparent;
}

a.tooltip span {
display: none;
 text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 20px;
left: 0;
width: 125px;
z-index: 100;
color: #000000;
border:1px solid #003d6a;
background: #FFFFFF;
font: 12px Verdana, sans-serif;
text-align: left;
}

a.tooltip span b {
display: block;
margin: 0;
padding: 0;
font-size: 16px;
font-weigth: bold;
color: yellow;
background-color: gray;
border: 0px;
border-bottom: 1px solid black;
}

#branchen a {
color:#ffffff;
}






	



/* //////////// */
/* // */

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover */
.dropbtn {
  background-color: #003d6a;
  color: white;
  padding: 0px;
/*   font-size: 11px; */
  font-size: 12px;
  border: none;
/*  margin-top:1px; */
}
.dropdown {
  position: relative;
  display: inline-block;
/*  size:11px; */
  size:12px;
 /* margin:0px;
  padding:0px;*/
  margin-right:44px;
  z-index:10;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 60px;  
  z-index: 1;
  margin-top:-22px;
  margin-left:-70px;  
}
.dropdown-content div {
	margin: 6px;
	text-align: left;
  padding:6px;
}
.dropdown-content a {
  color: #003d6a;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
  padding-left:20px;
  min-width: 60px;
}

.dropdown:hover .dropdown-content {display: block; font-size: 14px;}
.dropdown-content a:hover {background-color: #ddd;  }

#kopfrechts .dropdown-content a:link{    color:#003d6a; }
#kopfrechts .dropdown-content a:visited{ color:#003d6a; }
#kopfrechts .dropdown-content a:active{  color:#003d6a; }


.flag-icon-before{
    content:'';
	display:inline-block;
	
	width:16px;height:16px;
	background:url(bilder/flags/flags_schunk_com__2025-07-22.png) 0 0 / 16px;
	background-size: 16px;
	background-repeat: no-repeat;
	}

.lng_cs{background-position:0px -80px}
.lng_de{background-position:0px -144px}
.lng_en{background-position:0px -448px}
.lng_es{background-position:0px -384px}
.lng_fr{background-position:0px -128px}
.lng_it{background-position:0px -224px}
.lng_ja{background-position:0px -240px}
.lng_ko{background-position:0px -368px}
.lng_nl{background-position:0px -272px}
.lng_pl{background-position:0px -304px}
.lng_ru{background-position:0px -320px}
.lng_sk{background-position:0px -352px}
.lng_zh{background-position:0px -64px}
.lng_pt{background-position:0px -863px}
/* // */
/* //////////// */

/* //////////// 2021-04-13 */
/* // */
#navi_list ul li{
	font-size:    14px;
	line-height:  14px;
	margin-top:    10px;
	margin-bottom: 10px;	
	}
#navi_list ul li:hover{
	text-decoration:underline;
	}
	
#navi_list ul ul li{
	font-size:    14px;
	line-height:  14px;
	margin-top:    10px;
	margin-bottom: 10px;	
	}
#navi_list ul ul li:hover{	
	text-decoration:underline;
	}
/* // */
/* eof 2021-04-13 //////////// */





/* /////////////////////////////////////////////////////// */
/* changes 2021-07-23   dropdown sprachvarianten dokumente */


/* unsets needed */
#inhaltmittefenster nav   {
	all: unset;

  }
  #inhaltmittefenster nav li   {
	all: unset;

  }
  #inhaltmittefenster > nav > ul > li {
	all: unset;

  }

/* erste  menu ebene */
#inhaltmittefenster nav{
display:inline-flex; /* versuche die int flagge in reihe mit den ersten 3 flaggen zu setzen */
border: 0px solid blue;
}
/*
Im nächsten Schritt gestalten wir per CSS das Aussehen des Menüs. 
Die Menüpunkte der ersten Ebene sollen dabei nebeneinander angeordnet sein. 
Hierfür muss zunächst das Standardaussehen der Liste entfernt werden – also die Aufzählungspunkte und der dazugehörige Abstand.
*/
nav > ul {
	margin: 0;
	padding: 0;	
  }

/* Als nächstes ordnen wir die einzelnen Menüpunkte nebeneinander an. */
nav > ul > li {
	all: unset;
	list-style: none;
	/*float: left;*/
	
  }
  /*
  Die Verwendung des „>“-Selektors verhindert, 
  dass Eigenschaften auf „<li>“-Elemente vererbt werden, die tiefer verschachtelt sind. 
  Für das Menü sollen schließlich nur die Menüpunkte der ersten Ebene nebeneinander dargestellt werden.
  Alle verschachtelten Menüpunkte sollen untereinander angeordnet sein. 
  Da zunächst nur die erste Ebene der Navigation sichtbar sein soll, 
  müssen alle anderen Ebenen ausgeblendet werden.
  */
nav > ul > li > ul {
	display: none;
	border: 1px solid #003d6a; /* rahmen um flaggen liste */
  }
 nav > ul > li > ul > li{
	all: unset;
	list-style: none;	
 }
  
  
  
 
  nav > ul > li > ul > li > a {
	
	padding: 0px; /*  2px  ,abstände ränder der submenu einträge */
	margin:  0px;
	margin-top: -4px; /* <<   abstand vertikal zw. den Flaggen */
	margin-left: 0px;
	
	background: rgb(255, 255, 255);

	border: 0px solid red;

	
  }
  
  
  
  /*
  nav > ul {

  }
  */
  
  /* zweite menu ebene */
  /* mouseover (iPAD touch) */
  nav > ul > li:hover > ul {
	margin-top:-35px !important; /* postion des submenus einstellen , geht nur per important hier */
	margin-left:35px !important;

	display: block;
	position: absolute;
	
  }


  #inhaltmittefenster nav > ul > li:hover{
	background:none;
  } 


/*
  nav > ul > li > ul > li {
	position: relative;
  }
  */


 /* height:22px; margin: 5px 0px 5px 0px; */

#inhaltmittefenster nav > ul > li > ul > li > a > img{
    all: unset;
	border: 0px solid red;/*  !important */
	/* height:22px ; ist nun wieder inline */ 
	padding-left:5px;  /* fläche hintergrundfarbe um die flagge */
	padding-right:5px; /* fläche hintergrundfarbe um die flagge */
 }


/* eof 2021-07-23 */