:root {
	--icon-more: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTIuNSA2LjI1YTEuNzUgMS43NSAwIDEgMSAwIDMuNSAxLjc1IDEuNzUgMCAwIDEgMC0zLjV6bTUuNSAwYTEuNzUgMS43NSAwIDEgMSAwIDMuNSAxLjc1IDEuNzUgMCAwIDEgMC0zLjV6bTUuNSAwYTEuNzUgMS43NSAwIDEgMSAwIDMuNSAxLjc1IDEuNzUgMCAxIDEgMC0zLjV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
	
	--icon-download: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImZpbGw6I0E2QjVDNzsiPjxwYXRoIGQ9Ik0xNyAxMnY1SDN2LTVIMXY1YTIgMiAwIDAgMCAyIDJoMTRhMiAyIDAgMCAwIDItMnYtNXoiPjwvcGF0aD48cGF0aCBkPSJNMTAgMTVsNS02aC00VjFIOXY4SDVsNSA2eiI+PC9wYXRoPjwvc3ZnPg==);
	
	--icon-share: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxjaXJjbGUgY3g9IjMuNSIgY3k9IjgiIHI9IjIuNSIgZmlsbD0iI0E2QjVDNyIvPjxjaXJjbGUgY3k9IjEyLjUiIGN4PSIxMi41IiByPSIyLjUiIGZpbGw9IiNBNkI1QzciLz48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMy41IiByPSIyLjUiIGZpbGw9IiNBNkI1QzciLz48cGF0aCBkPSJtMy41IDggOSA0LjVtLTktNC41IDktNC41IiBzdHJva2U9IiNBNkI1QzciIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
	
	--icon-share-black: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxjaXJjbGUgY3g9IjMuNSIgY3k9IjgiIHI9IjIuNSIgZmlsbD0iIzAwMCIvPjxjaXJjbGUgY3k9IjEyLjUiIGN4PSIxMi41IiByPSIyLjUiIGZpbGw9IiMwMDAiLz48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMy41IiByPSIyLjUiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJtMy41IDggOSA0LjVtLTktNC41IDktNC41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
	
	
	--ps_masterbackground: rgb(255,255,255);
	
	--ps_maintitlecolor: rgb(248, 208, 98);
	
	--ps_editbgcolor: rgb(229, 233, 241);
	
	--ps_navibgcolor: rgb(218, 226, 234);
	
	--ps_brightbgcolor: rgb(248, 240, 210);
	
	--ps_adminbgcolor: rgb(238, 204, 137);
}

html {overflow-y: scroll;scroll-padding-top:180px;}


body {background: #FFFFFF;color: black;margin: 0;padding:0;cursor: default;min-height:100vh;}
@media (min-height: 650px) {
	body {background: #FFFFFF;color: black;margin: 144px 0 0 0;padding:0;cursor: default;}
}
* {font-family: arial, helvetica, sans-serif;font-size: 10pt;}

span.mobileonly { display:none; }
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	span.mobileonly { display:inline; }
}

div#mastercontainer { width:97%;padding:0;margin:0 auto 0 auto;text-align:left; }

table#topdeko {margin:0px;padding:0px;}

td.line {background:#9999AA;}
td.headline  {  background: var(--ps_maintitlecolor); 
	text-align: right;
	font-weight: normal;
	font-size: 10pt;
	color: black;
	padding: 0px;
	margin:0px;  }
a.homelink:link  {  
	font-weight: normal;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}
a.homelink:active  {  
	font-weight: normal;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}
a.homelink:visited  {  
	font-weight: normal;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}
a.homelink:hover  {  
	font-weight: normal;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}
	
	
td.dekotop  {  background: var(--ps_navibgcolor);  }


td.cmstitel  {  
	background: var(--ps_navibgcolor); ; 
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
	padding-left:20px;
	padding-bottom: 2px;  }


td.navi  {  	
	background: var(--ps_navibgcolor); ;  
	padding-top:1px;
	padding-bottom:1px;
	padding-left:12px;
}
a.navilink:link  {  
	font-weight: 600;
	font-size: 10pt;
	color: red;
	text-decoration: none;
}
a.navilink:active  {  
	font-weight: 600;
	font-size: 10pt;
	color: red;
	text-decoration: none;
}
a.navilink:visited  {  
	font-weight: 600;
	font-size: 10pt;
	color: red;
	text-decoration: none;
}
a.navilink:hover  {  
	font-weight: 600;
	font-size: 10pt;
	color: maroon;
	text-decoration: none;
}

span.naviaktiv  {
	font-weight: bold;
	font-size: 10pt;
	color: black;
}
	

	td.topmenue  {
		background:  #000066;
		color: #FFF09E;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
	}
	a.topmenue:link  {  
		background:  #000066;
		color: #FFF09E;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
	}
	a.topmenue:active  {  
		background:  #000066;
		color: #FFF09E;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
	}
	a.topmenue:visited  {  
		background:  #000066;
		color: #FFF09E;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
	}
	a.topmenue:hover  {  
		background:  #000066;
		color: yellow;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
	}

	td.mainleft  {
		background:  var(--ps_maintitlecolor);
		color: black;
		font-weight: bold;
		font-size: 10pt;
		text-align: left;
	}

td.navititle {
	background:  var(--ps_maintitlecolor);
	color: black;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	padding-left:12px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
}

dl.standard  {  margin-top: 0px;
	margin-bottom: 0px;  }
	
div.helpblock  { 
	width:96%;
	margin-top: 14px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 14px;
	padding:0px;
	background: #F2F2F2;
	border: 1px solid #DDDDDD;
}
div.helpblockintern  {  
	font-size: 10pt;
	color: black;
	padding:4px;
	background: #F2F2F2;
	text-align:left;
}


div.bcndeco  {
	width: 40px;
	height: 22px;
	display: block;
	background: #000066;
	padding:0px;
	margin: 0px;
	font-size:1pt;
}



tr.droptargetinactive  {
	display: none;
	height: 0px;
	visibility: hidden;
	padding: 0px;
	margin: 0px;  }

tr.droptargetactive  {
	display: table-row;
	height: 15px;
	visibility: visible;
	background: #D8EFD7;
	padding: 0px;
	margin: 0px;  }
	
tr.hidden  {
	display: none;
	height: 0px;
	visibility: hidden; }
tr.visible  {
	display: table-row;
	height: 15px;
	visibility: visible;}

pre { white-space: pre; }


h2  { 	font-weight: 600;
	font-size: 10pt;
	color: navy;  }

td.top  {  background: #EEEEEE;
	font-weight: bold;
	font-size: 10pt;
	color: black;  }

td.twigdata   {  
   	text-align: left;
   	background: var(--ps_navibgcolor); ;
	font-size: 10pt;
	color: black;  }
	
th.twigdata   {  
   	text-align: left;
   	background: var(--ps_navibgcolor); ;
	font-size: 10pt;
	color: black;  }

td.twigth   {  background: var(--ps_maintitlecolor);
	font-size: 10pt;
	color: black;  }

ul.level1  { 	font-size: 10pt;
	color: black;  }

span.normal  { font-size: 10pt;
	color: black;  }
span.normalred  { font-size: 10pt;
	font-weight: 600;
	color: red;  }
span.normalgreen  { font-size: 10pt;
	font-weight: 600;
	color: green;  }
span.normalbold  { font-size: 10pt;
	font-weight: 600;
	color: black;  }
span.small  { font-size: 9pt;
	color: black;  }
span.help  { font-size: 10pt;
	font-weight: bold; 
	cursor: help; }
span.normalinactiv   {  
   	color: #A3ACB4;
	font-size: 10pt;
	font-style: italic;  }

div#header { position:static; margin-bottom:20px;width:auto;top:auto;left:auto;z-index:2; }
@media (min-height: 650px) {
	div#header { position:fixed; margin-bottom:20px; width:100%;top:0;left:0;z-index:2;}
}
div#mm  { width:auto;border-bottom:1px solid #BBBBBB;text-align:right;background:var(--ps_editbgcolor);border-top:1px solid #888888; }
a.men1, a.men1:visited, a.men1:active, a.men1:link { display:block;color:black;float:right;padding:10px 20px 10px 20px;background:var(--ps_editbgcolor);border-left:1px solid #999999;font-weight:normal; 
background-image: -webkit-linear-gradient(top left, #E8F0FF 0%, var(--ps_editbgcolor); 100%); 
background-image: -moz-linear-gradient(right bottom, #E8F0FF 0%, var(--ps_editbgcolor); 100%); 
background-image: linear-gradient(#E8F0FF 0%, var(--ps_editbgcolor); 100%);}
a.men1:hover { background:#B8C0CF;color:black;  }

a.men1a, a.men1a:visited, a.men1a:active, a.men1a:link  {background:#E9B94A;
background-image: -webkit-linear-gradient(top left, #E9B94A 0%, #F9D98A 100%); 
background-image: -moz-linear-gradient(right bottom, #E9B94A 0%, #F9D98A 100%); 
background-image: linear-gradient(#E9B94A 0%, #F9D98A 100%);
}

form.standard  {  display: block;margin: 0px;padding: 0px;  }

BODY, P, TD, OPTION, SELECT, INPUT, TEXTAREA {
  font-size:1em;
}
pre {
  font-size:0.9em;
}
pre, textarea {
  font-family:monospace;
}
hr {
  display:none;
}

a { color:#52658B;font-weight: 600;text-decoration: none;}
a:link {color:#52658B;font-weight: 600;text-decoration: none;}
a:visited {color: #52658B;font-weight: 600;text-decoration: none;}
a:active {color: #C01010;font-weight: 600;text-decoration: none;}
a:hover {color: maroon;font-weight: 600;text-decoration: none;}

.twigheader {
  text-align:right;
}
.twigfooter {
  text-align:right;
}

td.tabletitle, td.tabletitle A {
  font-size:1em;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#81A4C0;
  padding:.3em;
}

td.tabletitlesmall {
  font-size:1em;
  color:#FFFFFF;
  background-color:#81A4C0;
  padding:.2em;
}

td.tabletitlelarge {
  font-size:1.2em;
  color:#FFFFFF;
  background-color:#81A4C0;
  padding:.4em;
}

input.listselect {
}

.roweven {
  background-color:#F7F8FF;
  color:#000000;
  text-align:left;
}

.rowodd {
  background-color:var(--ps_editbgcolor);
  color:#000000;
  text-align:left;
}

.rowhead, .rowhead A, .rowhead TD {
  font-weight:bold;
  background-color:#81A4C0;
  color:#ffffff;
  padding:.3em;
}

.formhead {
  font-weight:bold;
  background-color:#81A4C0;
  color:#ffffff;
}

.formbody {
  background-color: var(--ps_editbgcolor);
  color:#000000;
  text-align:left;
  width:100%;
}

.formhighlight {
  background-color:#b0c4de;
  color:#000000;
  text-align:left;
}

.formbodyalt {
  background-color:#ffffff;
  color:#000000;
}

TABLE.index TD {
  padding-right:0.5em;
}


span.activemenue  {  background: #E3ECF4;  }


.navigation {
  background-color:		var(--ps_navibgcolor);
  color:				#000000;
  border-style:			solid;
  border-color:			#999999;
  border-top-width:		1px;
  border-right-width:	1px;
  border-bottom-width:	1px;
  border-left-width:	1px;
  margin-top:			1px;
  margin-right:			0px;
  margin-bottom:		0px;
  margin-left:			0px;
}

.nav-first {
}

.nav-prev {
}

.nav-curr {
}

.nav-next {
}

.nav-last {
}

.navigation span {
  margin-left:			0.25em;
  margin-right:			0.25em;
}

.tabactive, .tabinactive {
  text-decoration:		none;
  border: 1px solid #81A4C0;
  border-bottom: 0;
  display:inline-block;
  margin-left:auto;
}
.tabactive {
    background: #E9B94A;
    background-image: -webkit-linear-gradient(top left, #E9B94A 0%, #F9D98A 100%);
    background-image: -moz-linear-gradient(right bottom, #E9B94A 0%, #F9D98A 100%);
    background-image: -o-linear-gradient(#E9B94A 0%, #F9D98A 100%);
    background-image: linear-gradient(#E9B94A 0%, #F9D98A 100%);
}
.tabactive a {
	color:black !important;
}
.tabinactive {
  position: relative;
  top: 5px;
}
.tabactive .tabin1 {
  height:				50px;
  
}
.tabactive .tabin2 {
  height:				40px;
  
}

.tabin1 {
  padding:				0px 0px 0px 10px;
  margin:				0px;
  
  height:				45px;
}
.tabin2 {
  padding:				10px 10px 0px 0px;
  margin:				0px;
  
  height:				35px;
}

.menuprimary {
	font-size: 10pt;
	font-weight: bold;
}

.menusecondary {
}

div.treemenu {
	padding:40px 80px 0 0;
}
@media (max-width: 1300px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1950px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3900px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1950px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3900px) and (orientation:portrait)
  {
	div.treemenu {
		padding:40px 70px 0 0;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.treemenu {
		display:none;
	}
}




.oddnewundel, TR.oddnewundel TD {
  background-color:		var(--ps_editbgcolor);
  text-decoration:		none;
  font-weight:			bold;
}
tr.oddnewundel td.friendlyfrom  {
	background-color: #B3CB8C;
}
tr.oddnewundel td.enemyfrom  {
	background-color: #D57D62;
}

.oddnewdel, TR.oddnewdel TD {
  background-color:		var(--ps_editbgcolor);
  text-decoration:		line-through;
  font-weight:			bold;
}
tr.oddnewdel td.friendlyfrom  {
	background-color: #B3CB8C;
}
tr.oddnewdel td.enemyfrom  {
	background-color: #D57D62;
}

.oddreadundel, TR.oddreadundel TD {
  background-color:		var(--ps_editbgcolor);
  text-decoration:		none;
}
tr.oddreadundel td.friendlyfrom  {
	background-color: #B3CB8C;
}
tr.oddreadundel td.enemyfrom  {
	background-color: #D57D62;
}

.oddreaddel, TR.oddreaddel TD {
  background-color:		var(--ps_editbgcolor);
  text-decoration:		line-through;
}
tr.oddreaddel td.friendlyfrom  {
	background-color: #B3CB8C;
}
tr.oddreaddel td.enemyfrom  {
	background-color: #D57D62;
}

.evennewundel, TR.evennewundel TD {
  background-color:		#f7f8ff;
  text-decoration:		none;
  font-weight:			bold;
}
tr.evennewundel td.friendlyfrom  {
	background-color: #C3DB9C;
}
tr.evennewundel td.enemyfrom  {
	background-color: #E58D72;
}

.evennewdel, TR.evennewdel TD {
  background-color:		#f7f8ff;
  text-decoration:		line-through;
  font-weight:			bold;
}
tr.evennewdel td.friendlyfrom  {
	background-color: #C3DB9C;
}
tr.evennewdel td.enemyfrom  {
	background-color: #E58D72;
}

.evenreadundel, TR.evenreadundel TD {
  background-color:		#f7f8ff;
  text-decoration:		none;
}
tr.evenreadundel td.friendlyfrom  {
	background-color: #C3DB9C;
}
tr.evenreadundel td.enemyfrom  {
	background-color: #E58D72;
}

.evenreaddel, TR.evenreaddel TD {
  background-color:		#f7f8ff;
  text-decoration:		line-through;
}
tr.evenreaddel td.friendlyfrom  {
	background-color: #C3DB9C;
}
tr.evenreaddel td.enemyfrom  {
	background-color: #E58D72;
}

table.mailmsgviewer { background-color: #eeeeee; }

.mail_graph_text {
  text-align:			left;
  font-size:			10px;
  color:				#333;
}

.mail_graph_box {
  border-top:			1px Solid #000000;
  border-bottom:		1px Solid #000000;
  border-left:			1px Solid #000000;
  border-right:			1px Solid #000000;
  background:			#ffffff;
  height:				15px;
}

.mailquote1 {

  color:  #909;
}
.mailquote2 {

  color:  #360;
}
.mailquote3 {

  color:  #c00;
}
.mailquote4 {

  color:  #c60;
}
.mailquote5 {

  color:  #66f;
}

td.friendlyfrom  {
	background-color: #B3CB8C;
}

tr.mouseover, tr.mouseover td  {
	background-color: #FFF09E;
	background: #FFF09E;
}

div#mailviewmsgquotafixed { display:block;float:left;text-align:left;width:35%; }
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div#mailviewmsgquotafixed { display:none; }
}

div#mailviewmsgmove { text-align:right; }
@media (min-height: 650px) {
	div#mailviewmsgmove { position:fixed;width:100%;width:100vw;bottom:0;left:0;text-align:left;padding: 10px 30px 10px 10px;
		box-shadow: rgba(0, 0, 0, 0.74902) 0px -8px 15px -6px; background: var(--ps_editbgcolor); box-sizing: border-box;z-index:5; }
}



.maintfeedback {  font-size: 1.2em; }

.weekdayheader {
  /* Specifies the "Monday", "Tuesday", etc. lines in the weekly view */
  text-align:			center;
  font-weight:			bold;
  border-top-width:		1px;
  border-right-width:	0px;
  border-bottom-width:	0px;
  border-left-width:	1px;
  border-style:			solid;
  border-color:			#999999;
}

.tableovertitle {
  font-size:			1.2em;
  text-align:			left;
}

.cal_day_head {
  color:				#000000;
  background-color:		#778899;
  text-align:			center;
}

.cal_day, .cal_day A {
  color:				#000000;
  text-align:			center;
}

.cal_today, .cal_today A {
  color:				#778899;
  background-color:		#ffffff;
  text-align:			center;
  font-weight:			bold;
}

.cal_item_on_day, .cal_item_on_day A{
  color:				#ffffff;
  background-color:		#778899;
  text-align:			center;
}

.month_day, .month_day A {
  color:				#000000;
}

.month_today, .month_today A {
  color:				#778899;
  background-color:		#ffffff;
  font-weight:			bold;
}

.month_item_on_day, .month_item_on_day A{
  color:				#ffffff;
  background-color:		#778899;
}

.recurwarn {
  /* For the phrase that warns that you need to save, then edit. */
  font-size:			0.8em;
}



.duedatepast {
  color:				#ff0000;
}

.duedatetoday {
  color:				#ff6600;
}

.duedatefuture {
  color:				#009900;
}



a.mobile  {
	display: block;
	padding-top:14px;
	padding-bottom:14px;
	padding-left: 20px;
	border-bottom:1px #666677 dotted;
	background: white;
	color: #666677;
	font-weight:bold;
	font-size: larger;
	text-decoration: none;
}
a.mobile:active  {
	color: #666677;
}
a.mobile:hover  {
	color: #666677;
}
a.mobileactive  {
	color:black;
	background: #EEEEEE;
}
a.mobilefirst  {  border-right: 1px #666677 dotted;  }

a.zoommenu {font-size:0.5em;}
a.zoommenu:hover {font-size:1.5em;}
.zoommenu {}
.zoommenutitle {font-size:1.5em;}
a:hover {color:#ff0000;}


div.tabin1:hover {
  background-position:0 -50px;
}
div.tabin1:hover .tabin2 {
  background-position:100% -50px;
}

a.magictel {
	pointer-events: none;cursor:text;text-decoration:none;color:black;font-weight:normal;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	a.magictel { pointer-events: auto;cursor:pointer; }
}

div.notesbox {
	display:flex; 
	align-items: stretch;
	margin-left: 20px;
	margin-top:30px;
	flex-wrap: wrap;
}
div.notesbox > div.notesboxsingle {
	display: block;
	position: relative;
	width: 11%;
	margin-right: 1.4%;
	margin-bottom:20px;
	height: 300px;
	max-height:300px;
	border-radius: 8px;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.28);
	box-sizing: border-box;
	overflow:hidden;
}
@media (max-width: 1600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 2400px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 3200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 4000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 4800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 3200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 4000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 4800px) and (orientation:portrait)
 {
	div.notesbox > div.notesboxsingle {
		width: 15%;
		margin-right: 1.6%;
	}
}
@media (max-width: 1300px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1950px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3900px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1950px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3900px) and (orientation:portrait)
 {
	div.notesbox > div.notesboxsingle {
		width: 18%;
		margin-right: 1.9%;
	}
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div.notesbox > div.notesboxsingle {
		width: 31%;
		margin-right: 1.9%;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div.notesbox > div.notesboxsingle {
		width: 100%;
		margin-right: 0%;
		max-height:220px;
	}
}

div.notesbox div.notesboxheader {
	background:#81A4C0;
	padding:10px;
	color:white;
	box-sizing: border-box;
	font-size:1.2em;
	cursor:pointer;
	word-break:break-word;
}
div.notesbox div.notesboxcontent {
	padding:10px;
	box-sizing: border-box;
	overflow:hidden;
	word-break:break-word;
	white-space: pre-wrap;
	cursor:pointer;
}
div.notesbox  div.notesboxsinglerunout {
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:130px;
	background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
}
div.notesboxsinglerunouticon {
	position: absolute;
	bottom:0;
	right:0;
}