/* Stylesheet für die hismalin Webseite */

/* Farben: Zentales Hover-Grün: #456986 (alt Blau: #2E2EFE) ;  Fuss Hover-Grün: #70A0C0 (alt blau: #xx5882FA) ; 
	mittleres Grau: #777777 ; helles Grau: #eeeeee ;  sehr helle neue Farbe (Hintergrund): #f5f0ee ;
	Schrift:  #222222   */
/* margin, padding:  oben, rechts, unten, links  (im Uhrzeigersinn) */

/* Grundelemente */

*	{ padding: 0; margin: 0;
}	/* Kalibriert alle Abstände auf Null */

body {
	width: 100%;
	color: #777777;
	background-color: #f5f0ee;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

a {
	color: #eeeeee;
	background-color: transparent;
	text-decoration: underline;
}
a:hover {
	color: #70A0C0;
	background-color: transparent;
	text-decoration: none;
	outline: none;
}

#rahmen	{
	position: relative;
	color: #777777;
	background-color: #f5f0ee;
	width: 100%; 			/* Breite des Bereiches */
	margin: 0;
	font-size: inherit;	
}
#rahmen .sprache {
   position: absolute;
   top: 0; left: 90%;
}
#rahmen .sprache img{
	width: 25%; 
	height: auto;
   margin: 1em 1em 0 0;
}

#kopf {
	width: 100%; 			/* Breite des Bereiches */
	height: auto;
	margin: 0 0 0 0; 
	padding: 0;
	color: #777777;
	background-color: #f5f0ee;
	font-size: inherit;
}
#kopf img {
	vertical-align: middle;
	display: block;
   margin-left: auto;
   margin-right: auto
}
#navbar {                 /* zentrales Feld */
	width: auto;	
	height: auto;
	margin: 0; 
	padding: 0.5em 1.5em 0.5em 1.5em;
	color: #777777;
	background-color: #214641;
}
#navbar p {
 	font-size: 1.0em;
	font-weight: bold;
	background-color: transparent;
 	color: #80AED0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

#zentalfeld {                 /* zentrales Feld */
	display: flex;	
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;	
	height: auto;
	margin: 0; 
	padding: 0;
	font-size: inherit;
	color: #777777;
	background-color: #f5f0ee;
}
#zentalfeld a, #zentalfeld a p {
	color: #222222;
	background-color: transparent;
	text-decoration: underline;
}
#zentalfeld a:hover, #zentalfeld a:hover p {
	color: #456986;
	background-color: transparent;
	text-decoration: none;
	outline: none;
}
#nav_links {
	float: left;
	background-color: transparent;
	padding: 0.3em 1.5em 0.7em 2.0em;
	width: 12em;
	letter-spacing: 1px;
	font-size: inherit;	/* Schriftgrösse v.a.D. der Linküberschriften */
	font-weight: bold;
	text-align: left;
}
#nav_links ul {
	list-style: none;
	font-size: 1em; 
}
#nav_links ul ul {
	list-style: none;
	font-size: 0.9em; 
}
#nav_links li {
/*	padding: 0.85em 0.75em 0.75em 40px;	 Hier lässt sich Abstand und Einrückung der einzelnen Listeneinträge einstellen */
	line-height: 2.0em;
/* 	letter-spacing: px;   Buchstabenabstand von x Pixel im Listeneintrag
 	word-spacing: px;     Wortabstand von x Pixel im Listeneintrag  */
}
#nav_links ul ul li {
	padding: 0 0 0.4em 0;	/* Hier lässt sich Abstand und Einrückung der einzelnen Listeneinträge einstellen */
	margin: 0 0 0 0.8em;	                  	/* Hier: dito */
	line-height: 1.0em;
}
#nav_links ul li img {
	margin: 0 0 0 -0.5em;	/* Hier lässt sich Abstand und Einrückung der einzelnen Listeneinträge einstellen */
}
#inh_mitte {
	background-color: transparent;
	padding: 1.9em 8em 0.7em 5em;
	width: 80%;
	font-size: inherit;
}
.rightcol {
	width: 100%;
}
#inhalt_oN {                 /* zentrales Feld */
	width: auto;	
	height: auto;
	margin: 0; 
	padding: 0.6em 1.5em 0.7em 1.5em;
	font-size: inherit;
	color: #777777;
	background-color: #f5f0ee;
}
#inhalt_oN a {
	color: #222222;
	background-color: transparent;
	text-decoration: underline;
	outline: none;
}
#inhalt_oN a:hover {
	color: #456986;
	background-color: transparent;
	text-decoration: none;
	outline: none;
}
#fuss {
	width: auto; 			/* Breite des Bereiches */
	height: auto;
	margin: 0; 
	padding: 0.5em 1.5em 0.6em 1.5em;
	color: #777777;
	background-color: #214641;
	font-size: inherit;
}
#fuss p {
 	font-size: 0.9em;
	font-weight: normal;
	background-color: transparent;
 	color: #eeeeee;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

#rauf {
	width: auto;
	margin-top: 0.8em;
	padding-right: 12%;
	color: #777777;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  	background-color: transparent;
}
#rauf img {
	float: right;
}

/* Additional styles */
hr {
	margin-top: 1.2em;
	margin-bottom: 2.6em;
}
h1 {
   font-size: 2em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h2	{
 	font-size: 1.5em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h3	{
 	font-size: 1.2em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h4	{
 	font-size: 1em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h5	{
 	font-size: 1.5em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h6	{
 	font-size: 1.2em;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
p {
	font-weight: normal;
	background-color: transparent;
 	color: #222222;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.small	{	
	font-size:	0.8em;
	}
.big	{	
	font-size:	1.2em;
	}		
.p_ext {
	line-height: 130%;
}
.bezi {
	margin-top: 0.2em;
 	font-size: 0.7em;
}
.mittig {
	text-align: center;
}

.txtimg {
	height: 0.8em;
	vertical-align: baseline;
}
.t_rot {
	color: #FF0000;
}
img {
	border: 0px solid;
	margin: 0;
	padding: 0;
}

.flore {
	float: right;
	padding-top: 0.4em; 
	padding-bottom: 1em; 
	padding-left: 1.2em;
}
.floli {
	float: left;
	padding-top: 0.4em; 
	padding-bottom: 1em; 
	padding-right: 1.2em;
}

.clearb {
clear:both;
}

table.tcenter {
    margin-left:auto; 
    margin-right:auto;
  }

.kontainer {
  position: relative;
  width: 100%;
}
.kt_image {
  display: block;
  width: 100%;
  height: auto;
}
.kt_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #456986;
}
.kt_overlay_pic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: transparent;
}
.kontainer:hover .kt_overlay, .kontainer:hover .kt_overlay_pic {
  opacity: 1;
}
.kt_text {
  color: #f5f0ee;
  font-size: 2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}