/* WebView style sheet */

/* hy's default styles neutral */
*							{ -moz-box-sizing: border-box;	/* for FF < 29 */
								box-sizing: border-box;	/* easyer to calculate total width and height S5.1,Ch10,FF29 ???,Op9.5,IE8 */
              	/* no font here  */
              	}
              	


html					{	width:100%; height:100%;
								background-color: #def;

								/* for inheritance */
              	color:#000;	
              	text-align:left; 
              	font:normal 16px/142% Helvetica, Arial, sans-serif;
								}

body					{ /*width:100%; */ height:100%; margin:0; padding:0; }

img,table			{ border:none;}
table					{	border-collapse:collapse; }	/*border-style: none;*/
dd,ul,ol			{ margin-left:20px; }					/* set a standart */


input,button,select,
textarea			{ margin:3px; padding:1px; font-size:14px; vertical-align:middle; }


/* Header styles */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
h1						{ font-size:22px; line-height:28px; }
h2						{ font-size:20px; line-height:26px; }
h3						{ font-size:18px; line-height:24px; }
h4						{ font-size:16px; line-height:22px; }
h5						{ font-size:15px; line-height:20px; }
h6						{ font-size:14px; line-height:18px; }

/* Text styles */
.xxl					{ font-size:xx-large;	} /*32*/
.xl						{ font-size:x-large; }	/*24*/
.l						{ font-size:large; }		/*18*/
.m						{ font-size:medium; }		/*16*/
.s						{ font-size:small; }		/*13*/
.xs						{ font-size:x-small; }	/*10*/
.xxs					{ font-size:xx-small; }	/*9*/

.headline			{	font-size:22px; line-height:28px; font-weight:bold;	color:#000099;	}
.title				{	font-size:20px; line-height:26px; font-weight:bold;	}
.big					{	font-size:18px;	}
.small				{	font-size:14px;	}
.name					{	font-size:16px; color:#000099;	}
.fett					{ font-weight:bold; }
.ita					{ font-style:italic; }
.rot					{ color:red; }
.error				{	font-size:15px; color:#ff0000; }

/* Link Stile */
a							{ color:#06c; text-decoration:none; border-radius:3px; }
a:link				{  }
a:visited			{  }
a:hover				{ color:#000; }
a:active			{ color:#000; }

/* Menues, Navigation */
nav						{ text-align:right; }
nav a.l 			{ float:left; }

#m0     			{ height:50px; width:100%; margin-top:10px;}
#m0 .l 				{ padding:0px 14px 3px 14px; margin-top:-11px;  }

#m0 a					{ font-size:15px; font-weight:bold; margin-right:8px; padding:13px 14px; box-shadow:8px 8px 8px #666;
								color: rgba(255,255,255,.9);
								background-color: #69f;
								background-repeat: no-repeat;
								background-image: -webkit-gradient(
									linear,
									left bottom,
									left top,
									color-stop(0,   #47f),
									color-stop(0.4, #69f),
									color-stop(1.0, #8bf)
									);
								background-image: -moz-linear-gradient(
									center bottom,
									#47f  0%,
									#69f  40%,
									#8bf 100%
									);
								}
#m0 a:hover			{ color:#333; background-color:#ccc; background-image:none;}
#m0 a:active		{ color:#333; background-color:#ccc; background-image:none; }


#m1     				{ height:28px; width:100%;  }
#m1 .l					{	font-size:22px; line-height:28px; font-weight:bold; color: #000099; margin-top:-1px; }

#m1 a         	{ color:#06c; font-size:17px; margin-right:10px; } 
#m1 a:hover			{ color:#fff; }
#m1 a:active		{ color:#fff; }

#m1 a.s					{ color:#fff; }	/*m1 a selected*/

/* Inhalt */
#bg	  				{ position:absolute;top:0;height:400px;width:100%;z-index:-1;
      				  background-color: #def;
      				  background-repeat: no-repeat;
      				  background-image: -webkit-gradient(
      				    linear,
      				    left bottom,
      				    left top,
      				    color-stop(0,    #def),
      				    color-stop(0.77, rgb(150,200,255)), /* 200,200,100 / 160,210,255 */
      				    color-stop(0.96, rgb(255,255,255))
      				    );
      				  background-image: -moz-linear-gradient(
      				    center bottom,
      				    #def  0%,
      				    rgb(150,200,255)  77%,
      				    rgb(255,255,255)  95% 
      				    );
      				  
      				  /*
      				  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #ffffffff, endColorstr= #ffff0000)";
      				  filter: "progid:DXImageTransform.Microsoft.gradient(start Colorstr= #ffffffff, endColorstr= #ffff0000)";
      				  */
      				  }

#logo	  			{ height:40px; vertical-align:-15px; }

header		  	{ width:815px; padding:8px 0; margin:auto; /* outline: solid thin #69f;  position:fixed; top:8px; */
								background-color: #def;
								background-repeat: no-repeat;
								background-image: -webkit-gradient(
									linear, left bottom, left top,
									color-stop(.15, rgb(150,200,255)),
									color-stop(.84, rgb(255,255,255))
									);
								background-image: -moz-linear-gradient(
									center bottom,
									rgb(150,200,255) 15%,
									rgb(255,255,255) 84% 
									); 
							}

#main	  				{ width:815px; height:calc(100% - 125px); margin:auto; overflow:auto; }	/* outline: solid thin red; }*/
	
#inhalt					{ width:800px; padding:20px; background-color:rgba(255,255,255,.7); }

footer					{ position:fixed; bottom:0px; width:800px; font-size:12px; text-align:right;}


/*Lists */
#list						{ width:800px; padding:0 20px; background-color:rgba(0,0,0,.3); }
.lt							{ padding: 5px 0 2px 0; font-size:18px; color:blue; border-top:1px solid silver; }
.a							{ background-color:red; }

/*Kontakt Mitteilungen*/
.Hmt						{ width:370px; height:100px; }
#Hsd						{  }

/*impressum */
#impress				{ display:none; position:absolute; /*top:100px;*/ z-index:2; 
									width:800px; height:500px;  padding-top:100px; 
									background-color:rgba(127,127,127,.9);
									}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #impress 			{	-webkit-backdrop-filter: blur(3px);
    							backdrop-filter: blur(3px);
    							background-color: rgba(255, 255, 255, 0.5);  
  								}
	}

#impress div		{ background-color:white; width:550px; height:300px; margin:auto; padding:20px; border-radius:10px; }
#impClose				{ float:right; font-size:30px; color:black; background-color:white; 
									margin:73px 3px 0 0; padding:0 7px 3px 8px; border-radius:3px; }

/*diashow*/
.HEB2					{ max-width:530px; height:380px; }
img.d_img			{ width:100%; }		/* img positioning */
.d_dia				{ height:100%;
							  background: rgba(0,0,0,0) center/contain no-repeat;		/* img positioning */
							  transition: background-image 0.5s ease-in-out;			/* optional: fadeing */
							  -moz-transition: background-image 0.5s ease-in-out;	/* optional: fadeing FF */
								}
.d_bar				{ text-align:center; }
.d_bar span		{	display: inline-block; width:290px; text-align:center; }
.d_bar span a	{ display: inline-block; width:30px; color:gray; }
.d_bar a			{ color:#666666; font: bold 13pt/17pt "Fira",sans-serif;}


/*edit*/
a.e							{ color:#ccf; position:absolute; margin-left:806px; z-index:10;}	
.ldb						{ float:right; color:red; margin-left:5px; color:#ccf; }
					
/* alle!! HEdit-User-Stile */
/* wählbare HE Tabellen Stile, zu ersetzen durch HEdit-User */
.HETa1 td				{ padding:2px; border:thin solid #ccc; }
.HETr1					{ }
.HETa2 td				{ padding:2px; border:thin solid #666; }
.HETr2					{ background-color:#ccc; }
.HETa3 td				{ padding:2px 10px 1px 10px; border:thin solid #666; }
.HETr3					{ background-color:#ccc; }

/* Zellen Stile, zu ersetzen durch HEdit-User	*/
.HETd1					{ text-align:right; }
.HETd2					{ text-align:center; }
.HETd3					{ text-align:left; }

/* wählbare HE Inline Stile, zu ersetzen durch HEdit-User */
.HE1						{ background-color:#ffc; }
.HE2						{ background-color:#fcc; }
.HE3						{ background-color:#cfc; }
.HE4						{ background-color:#ccf; }
.HE5						{ font-size:18px;line-height:30px; font-weight:bold; }

/* wählbare HE Block Stile, zu ersetzen durch HEdit-User !!Noch inactiv!! */
.HEB1						{ columns:2 1px;
									-webkit-columns:2 1px;				/* Safari and Chrome */
									-moz-columns:2 1px;						/* Firefox */
				
									-webkit-column-gap:40px;
									-webkit-column-rule:thin solid black;
								}

/*.HEB2	siehe diashow */