.l0,.r0,.l1,.r1,.l2,.r2,.l3,.r3,.l4,.r4,.l5,.r5,.l6,.r6,.l7,.r7,.l8,.r8,.l9,.r9,.l10,.r10,.l11,.r11,.l12,.r12,.l13,.r13,.l14,.r14,.l15,.r15,.l16,.r16,.l17,.r17,.l18,.r18,.l19,.r19,.l20,.r20,.l21,.r21,.l22,.r22,.l23,.r23,.l24,.r24,.l25,.r25,.l26,.r26,.l27,.r27,.l28,.r28,.l29,.r29,.l30,.r30,.l31,.r31,.l32,.r32,.l33,.r33,.l34,.r34,.l35,.r35,.l36,.r36,.l37,.r37,.l38,.r38,.l39,.r39,.l40,.r40,.l41,.r41,.l42,.r42,.l43,.r43,.l44,.r44,.l45,.r45,.l46,.r46,.l47,.r47,.l48,.r48,.l49,.r49,.l50,.r50,.l51,.r51,.l52,.r52,.l53,.r53,.l54,.r54,.l55,.r55,.l56,.r56,.l57,.r57,.l58,.r58,.l59,.r59,.l60,.r60,.l61,.r61,.l62,.r62,.l63,.r63,.l64,.r64,.l65,.r65,.l66,.r66,.l67,.r67,.l68,.r68,.l69,.r69,.l70,.r70,.l71,.r71,.l72,.r72,.l73,.r73,.l74,.r74,.l75,.r75,.l76,.r76,.l77,.r77,.l78,.r78,.l79,.r79,.l80,.r80,.l81,.r81,.l82,.r82,.l83,.r83,.l84,.r84,.l85,.r85,.l86,.r86,.l87,.r87,.l88,.r88,.l89,.r89,.l90,.r90,.l91,.r91,.l92,.r92,.l93,.r93,.l94,.r94,.l95,.r95,.l96,.r96,.l97,.r97,.l98,.r98,.l99,.r99,.l100,.r100 {display:inline-block !important; position:relative !important} .l0,.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12,.l13,.l14,.l15,.l16,.l17,.l18,.l19,.l20,.l21,.l22,.l23,.l24,.l25,.l26,.l27,.l28,.l29,.l30,.l31,.l32,.l33,.l34,.l35,.l36,.l37,.l38,.l39,.l40,.l41,.l42,.l43,.l44,.l45,.l46,.l47,.l48,.l49,.l50,.l51,.l52,.l53,.l54,.l55,.l56,.l57,.l58,.l59,.l60,.l61,.l62,.l63,.l64,.l65,.l66,.l67,.l68,.l69,.l70,.l71,.l72,.l73,.l74,.l75,.l76,.l77,.l78,.l79,.l80,.l81,.l82,.l83,.l84,.l85,.l86,.l87,.l88,.l89,.l90,.l91,.l92,.l93,.l94,.l95,.l96,.l97,.l98,.l99,.l100{float:left !important} .r0,.r1,.r2,.r3,.r4,.r5,.r6,.r7,.r8,.r9,.r10,.r11,.r12,.r13,.r14,.r15,.r16,.r17,.r18,.r19,.r20,.r21,.r22,.r23,.r24,.r25,.r26,.r27,.r28,.r29,.r30,.r31,.r32,.r33,.r34,.r35,.r36,.r37,.r38,.r39,.r40,.r41,.r42,.r43,.r44,.r45,.r46,.r47,.r48,.r49,.r50,.r51,.r52,.r53,.r54,.r55,.r56,.r57,.r58,.r59,.r60,.r61,.r62,.r63,.r64,.r65,.r66,.r67,.r68,.r69,.r70,.r71,.r72,.r73,.r74,.r75,.r76,.r77,.r78,.r79,.r80,.r81,.r82,.r83,.r84,.r85,.r86,.r87,.r88,.r89,.r90,.r91,.r92,.r93,.r94,.r95,.r96,.r97,.r98,.r99,.r100{float:right !important} .l0,.r0{width:0%}.l1,.r1{width:1%}.l2,.r2{width:2%}.l3,.r3{width:3%}.l4,.r4{width:4%}.l5,.r5{width:5%}.l6,.r6{width:6%}.l7,.r7{width:7%}.l8,.r8{width:8%}.l9,.r9{width:9%}.l10,.r10{width:10%}.l11,.r11{width:11%}.l12,.r12{width:12%}.l13,.r13{width:13%}.l14,.r14{width:14%}.l15,.r15{width:15%}.l16,.r16{width:16%}.l17,.r17{width:17%}.l18,.r18{width:18%}.l19,.r19{width:19%}.l20,.r20{width:20%}.l21,.r21{width:21%}.l22,.r22{width:22%}.l23,.r23{width:23%}.l24,.r24{width:24%}.l25,.r25{width:25%}.l26,.r26{width:26%}.l27,.r27{width:27%}.l28,.r28{width:28%}.l29,.r29{width:29%}.l30,.r30{width:30%}.l31,.r31{width:31%}.l32,.r32{width:32%}.l33,.r33{width:33%}.l34,.r34{width:34%}.l35,.r35{width:35%}.l36,.r36{width:36%}.l37,.r37{width:37%}.l38,.r38{width:38%}.l39,.r39{width:39%}.l40,.r40{width:40%}.l41,.r41{width:41%}.l42,.r42{width:42%}.l43,.r43{width:43%}.l44,.r44{width:44%}.l45,.r45{width:45%}.l46,.r46{width:46%}.l47,.r47{width:47%}.l48,.r48{width:48%}.l49,.r49{width:49%}.l50,.r50{width:50%}.l51,.r51{width:51%}.l52,.r52{width:52%}.l53,.r53{width:53%}.l54,.r54{width:54%}.l55,.r55{width:55%}.l56,.r56{width:56%}.l57,.r57{width:57%}.l58,.r58{width:58%}.l59,.r59{width:59%}.l60,.r60{width:60%}.l61,.r61{width:61%}.l62,.r62{width:62%}.l63,.r63{width:63%}.l64,.r64{width:64%}.l65,.r65{width:65%}.l66,.r66{width:66%}.l67,.r67{width:67%}.l68,.r68{width:68%}.l69,.r69{width:69%}.l70,.r70{width:70%}.l71,.r71{width:71%}.l72,.r72{width:72%}.l73,.r73{width:73%}.l74,.r74{width:74%}.l75,.r75{width:75%}.l76,.r76{width:76%}.l77,.r77{width:77%}.l78,.r78{width:78%}.l79,.r79{width:79%}.l80,.r80{width:80%}.l81,.r81{width:81%}.l82,.r82{width:82%}.l83,.r83{width:83%}.l84,.r84{width:84%}.l85,.r85{width:85%}.l86,.r86{width:86%}.l87,.r87{width:87%}.l88,.r88{width:88%}.l89,.r89{width:89%}.l90,.r90{width:90%}.l91,.r91{width:91%}.l92,.r92{width:92%}.l93,.r93{width:93%}.l94,.r94{width:94%}.l95,.r95{width:95%}.l96,.r96{width:96%}.l97,.r97{width:97%}.l98,.r98{width:98%}.l99,.r99{width:99%}.l100,.r100{width:100%}.p0{padding:0px}.p1{padding:1px}.p2{padding:2px}.p3{padding:3px}.p4{padding:4px}.p5{padding:5px}.p6{padding:6px}.p7{padding:7px}.p8{padding:8px}.p9{padding:9px}.p10{padding:10px}.p11{padding:11px}.p12{padding:12px}.p13{padding:13px}.p14{padding:14px}.p15{padding:15px}.p16{padding:16px}.p17{padding:17px}.p18{padding:18px}.p19{padding:19px}.p20{padding:20px}.p21{padding:21px}.p22{padding:22px}.p23{padding:23px}.p24{padding:24px}.p25{padding:25px}.p26{padding:26px}.p27{padding:27px}.p28{padding:28px}.p29{padding:29px}.p30{padding:30px}.p31{padding:31px}.p32{padding:32px}.p33{padding:33px}.p34{padding:34px}.p35{padding:35px}.p36{padding:36px}.p37{padding:37px}.p38{padding:38px}.p39{padding:39px}.p40{padding:40px}.p41{padding:41px}.p42{padding:42px}.p43{padding:43px}.p44{padding:44px}.p45{padding:45px}.p46{padding:46px}.p47{padding:47px}.p48{padding:48px}.p49{padding:49px}.p50{padding:50px}.m0{margin:0%}.m1{margin:1%}.m2{margin:2%}.m3{margin:3%}.m4{margin:4%}.m5{margin:5%}.m6{margin:6%}.m7{margin:7%}.m8{margin:8%}.m9{margin:9%}.m10{margin:10%}.w0,.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24,.w25,.w26,.w27,.w28,.w29,.w30,.w31,.w32,.w33,.w34,.w35,.w36,.w37,.w38,.w39,.w40,.w41,.w42,.w43,.w44,.w45,.w46,.w47,.w48,.w49,.w50,.w51,.w52,.w53,.w54,.w55,.w56,.w57,.w58,.w59,.w60,.w61,.w62,.w63,.w64,.w65,.w66,.w67,.w68,.w69,.w70,.w71,.w72,.w73,.w74,.w75,.w76,.w77,.w78,.w79,.w80,.w81,.w82,.w83,.w84,.w85,.w86,.w87,.w88,.w89,.w90,.w91,.w92,.w93,.w94,.w95,.w96,.w97,.w98,.w99,.w100{position:relative;display:inline-block;box-sizing:border-box;float:left} .w0{width:0% !important}.w1{width:1% !important}.w2{width:2% !important}.w3{width:3% !important}.w4{width:4% !important}.w5{width:5% !important}.w6{width:6% !important}.w7{width:7% !important}.w8{width:8% !important}.w9{width:9% !important}.w10{width:10% !important}.w11{width:11% !important}.w12{width:12% !important}.w13{width:13% !important}.w14{width:14% !important}.w15{width:15% !important}.w16{width:16% !important}.w17{width:17% !important}.w18{width:18% !important}.w19{width:19% !important}.w20{width:20% !important}.w21{width:21% !important}.w22{width:22% !important}.w23{width:23% !important}.w24{width:24% !important}.w25{width:25% !important}.w26{width:26% !important}.w27{width:27% !important}.w28{width:28% !important}.w29{width:29% !important}.w30{width:30% !important}.w31{width:31% !important}.w32{width:32% !important}.w33{width:33% !important}.w34{width:34% !important}.w35{width:35% !important}.w36{width:36% !important}.w37{width:37% !important}.w38{width:38% !important}.w39{width:39% !important}.w40{width:40% !important}.w41{width:41% !important}.w42{width:42% !important}.w43{width:43% !important}.w44{width:44% !important}.w45{width:45% !important}.w46{width:46% !important}.w47{width:47% !important}.w48{width:48% !important}.w49{width:49% !important}.w50{width:50% !important}.w51{width:51% !important}.w52{width:52% !important}.w53{width:53% !important}.w54{width:54% !important}.w55{width:55% !important}.w56{width:56% !important}.w57{width:57% !important}.w58{width:58% !important}.w59{width:59% !important}.w60{width:60% !important}.w61{width:61% !important}.w62{width:62% !important}.w63{width:63% !important}.w64{width:64% !important}.w65{width:65% !important}.w66{width:66% !important}.w67{width:67% !important}.w68{width:68% !important}.w69{width:69% !important}.w70{width:70% !important}.w71{width:71% !important}.w72{width:72% !important}.w73{width:73% !important}.w74{width:74% !important}.w75{width:75% !important}.w76{width:76% !important}.w77{width:77% !important}.w78{width:78% !important}.w79{width:79% !important}.w80{width:80% !important}.w81{width:81% !important}.w82{width:82% !important}.w83{width:83% !important}.w84{width:84% !important}.w85{width:85% !important}.w86{width:86% !important}.w87{width:87% !important}.w88{width:88% !important}.w89{width:89% !important}.w90{width:90% !important}.w91{width:91% !important}.w92{width:92% !important}.w93{width:93% !important}.w94{width:94% !important}.w95{width:95% !important}.w96{width:96% !important}.w97{width:97% !important}.w98{width:98% !important}.w99{width:99% !important}.w100{width:100% !important}




html { 
	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 

	
	font-size:1em; 
	background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-image: url("bg.jpg");


}



div.bgset { display:inline-block; padding:8px; background-color: rgba(243,243,243,1.00); width:100%; position: relative; margin:0px 0px 0px 0px !important; height:auto !important; float: left !important; }

div.bgset, div#page > header, div#page > footer { background-color: rgba(255,255,255,0.00); box-sizing: border-box; text-transform: capitalize !important  }


div#page > header { padding-left:48px !important; padding-right: 48px !important; }


div.bgset > h2 { font-size:2.25rem !important; display:inline-block !important; box-sizing: border-box !important; width:100%; text-align: center !important; padding-bottom: 24px !important; margin-top:-20px; }
div#page > header { background-color: rgba(255,255,255,0.80);  }





nav#sidebar { background-image:url("svg/logo-min.svg"); background-size:48px; background-position: center 14px; background-repeat: no-repeat; }
div#page { position:relative; display: block; float:none; width:100%; margin:0px; padding:0px; box-sizing: border-box; min-height:97vh; height:auto; /* 97 bei iPad */ }

div#page > header,
div#page > footer,
div#page > div#innerContent { 
	
	display:block;
	position:relative;
	margin:auto;
	min-height:5vh;
	width:100%;
	max-width:1580px;
	clear: left;
	
}
div#page > header,
div#page > footer { max-width:100% !important; box-sizing: border-box !important; margin-left:0px !important; margin-right: 0px !important;  }


div#page > header,
div#page > div#innerContent { margin-bottom:1vh;  }

div#page > header { height:13vh; min-height:140px; }
div#page > footer { height:auto; min-height:13vh; display:block; float:none; clear:both; }
div#page > div#innerContent  { height:auto; min-height:500px; }

div#page > header { border-bottom: 2px solid rgba(0,0,0,0.1); }

div#page > footer > .copyright { background-image:url("svg/logo-min.svg"); background-position: 7px 7px; background-repeat: no-repeat; background-size:2vh; border-top: 1px solid rgba(0,0,0,0.1); }
div#page > footer { border-top: 2px solid rgba(0,0,0,0.1); }

div#page > div#innerContent { 
	display: -ms-flexbox; 
	display:flex; 
	position:relative; 
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: center; /* flex-start */
	box-sizing: border-box; padding-top: 12px; clear: both; float: none; min-height:calc(100vh - 360px); }


div#page h1, div#page h2, div#page h3, div#page h4, div#page h5, div#page h6, div#page p   { flex:1; min-width:290px; -ms-flex: 1 1 auto; }

div#page h1, div#page h2, div#page h3, div#page h4, div#page h5, div#page h6  { min-width:100%; padding-bottom: 12px; }
div#page h1 { font-size:2rem; color: rgba(13,13,13,1.00) }
div#page h2 { font-size:1.2rem; color: rgba(65,65,65,1.00) }
div#page p  { width:100%; padding-right:20px; }


/* //////////////////////////////////////////////////////////// HEADER //////////////////////////////////////////////////////////////// */


div#page > header a.home {  

		display:				inline-block; 
		position:				relative;
		float:					left;
		height: 				120px;
		width:  				280px;
		background-image:		url("svg/logo.svg"); 
		background-position: 	center; 
		background-repeat: 		no-repeat; 
		background-size:		75%; 
		opacity:				0.9;
		margin-top:				24px;

}
div#page > header a.home:hover { opacity:1;  }


div#page > header h5 { text-align: right; font-size:0.75rem; color:rgba(81,81,81,0.05); clear: none; padding:12px 4px 12px 4px; }
div#page > header h5, nav.inlineNav { display:inline-block; width:67%; max-width:67%; min-width:30%; position:relative; float:right;   }


nav.inlineNav > ul { 
			display: -ms-flexbox; display:flex; position:relative; max-width:100%;
	flex-direction: row;
	/* flex-wrap: nowrap; */
	justify-content: flex-end; /* flex-end  space-evenly*/
	align-content: flex-start;
	align-items: stretch; /* flex-start baseline center stretch */
	box-sizing: border-box;
	max-height:100px;
	overflow:visible;
} nav.inlineNav > ul li { width:auto; min-width:10px; max-width:136px; flex-grow:1; flex-shrink:1; margin-left: 4px; flex-basis:content; -ms-flex: 1 1 auto; }



nav.inlineNav > ul li {  }

nav.inlineNav > ul li > div, nav.inlineNav > ul li > a > div { display:block; position:relative; text-align: left;  min-height:110px; box-sizing: border-box; padding:16px 1px 0px 1px !important;  }
nav.inlineNav > ul li > a { color:inherit }
nav.inlineNav > ul li > div > span, nav.inlineNav > ul li > a > div > span 	{ display:none; }
nav.inlineNav > ul li > div > h3, nav.inlineNav > ul li > a > div > h3 		{ 
	
	font-size: 1.1rem; 
	font-weight: lighter !important; 
	width:100% !important; 
	text-transform: uppercase;
	border-bottom: 2.33px solid rgba(0,0,0,0); 
	padding:0px 2px 0px 2px; 
	min-height:none; 
	line-height:1; 
	color:rgba(50,50,50,1.00);
	text-align: center; 
	cursor: pointer; 
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out; 

}

nav.inlineNav > ul li > div:hover h3, nav.inlineNav > ul li > a > div:hover h3 { border-bottom: 2.33px solid rgba(0,0,0,0.40);  }



nav.inlineNav > ul li > div > p, nav.inlineNav > ul li > a > div > p { 
	
	font-size:0.825rem; 
	font-weight:100; 
	position:absolute; 
	display:block; 
	background: rgba(245,245,245,1.00); 
	padding: 0px 6px 0px 6px !important; 
	max-width:180% !important; 
	width:180% !important; 
	min-width:67px !important; 
	z-index:20; 
	min-height:0px; 
	height:auto;
	margin:10px 0px 0px 0px; 
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0); 
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0); 
	overflow: hidden; 
	opacity:0;
	line-height:1.35;
	
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out; 

}


nav.inlineNav > ul li > div > p, nav.inlineNav > ul li:last-child > a > div > p { 

	max-width:110% !important; 
	width:110% !important; 

}


nav.inlineNav > ul li > div:hover > p, nav.inlineNav > ul li > a > div:hover > p { 
	
	min-height: 	52px; 
	padding: 		12px 10px 12px 10px !important; 
	opacity: 		1; 
	
	-webkit-box-shadow: 	0 1px 2px 0 rgba(0,0,0,0.1); 
	box-shadow: 			0 1px 2px 0 rgba(0,0,0,0.1); 

}




















footer ul { 
			display: -ms-flexbox; display:flex; position:relative; max-width:100%; flex-direction: row; padding-bottom: 8px; margin-bottom:10px; clear:both; 
	flex-wrap: wrap;
	justify-content: center ; /* flex-end  space-evenly */
	align-content: flex-start; /* flex-start */
	align-items: flex-start; /* flex-start baseline center stretch */
	box-sizing: border-box;
} footer ul li { width:auto; min-width:160px; max-width:160px; margin: 0px; box-sizing: border-box; padding:4px; flex-basis:content; -ms-flex: 1 1 auto; }


footer ul li > div, footer ul li > a > div { display:block; position:relative; text-align: left; box-sizing: border-box !important; padding:7px 7px 7px 7px !important; 
	
	font-family: "DejaVu Sans Condensed", Helvetica, Arial, Verdana, "Gill Sans", "sans-serif";
	

}
footer ul li > a { color:inherit }
footer ul li > div > span, footer ul li > a > div > span 	{ display:none; }
footer ul li > div > h3, footer ul li > a > div > h3 		{ font-size:1rem; width:100% !important; border-bottom: 1.33px solid rgba(0,0,0,0); padding:3px 2px 4px 2px !important; min-height:none; line-height:1; text-align: left; cursor: pointer; }

footer ul li > div:hover h3, footer ul li > a > div:hover h3 { border-bottom: 1.33px solid rgba(0,0,0,0.40);  }





footer ul li > div > p, footer ul li > a > div > p { 
	
	font-size:			0.67rem; 
	font-weight:		100; 
	position:			relative; 
	display:			block; 
	/* background: 		rgba(245,245,245,1.00); */
	padding: 			4px 2px 0px 2px !important; 
	max-width:			100% !important; 
	width:				100% !important; 
	height:				auto;
	margin:				0px 0px 0px 0px; 
	line-height:		1.25;
	min-width:			100% !important;
	text-align: 		justify;
	color: 				rgba(0,0,0,0.33);
	
	
	
} footer ul li > div:hover > p, footer ul li > a > div:hover > p {  color: rgba(0,0,0,0.67);  }




footer ul li > div > h3, footer ul li > a > div > h3,
footer ul li > div > p, footer ul li > a > div > p { text-align: center;  }

footer ul li > div > p, footer ul li > a > div > p { display:none !important; }

footer .copyright { display:inline-block; width:100%; margin-bottom: 12px; text-align: center; padding-top: 12px; font-size:0.7rem; opacity:0.5;  }


li.item:not(.hidden) { background-color:rgba(0,0,0,0); padding:8px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);  display:inline-block !important; margin-bottom: 8px; width:100%;

background-image:url("svg/location.svg"); background-size:24px; background-position: 11px center; background-repeat: no-repeat;

}




	li.invisible { opacity:0.5; } 

	li.myaccount > a.item 	{ background: rgba(16,108,184,1.00); color:#fff } 
	li.active > a.item 		{ background: rgba(249,85,0,1.00); color:#fff } 


	li.visible.hidden, li.item.visible.hidden, li.invisible { display:none !important; } 

	li.invisible.invoke, li.item.invisible.invoke { display:block !important; }

li.newone > a.item { background-image: url("svg/newone.svg"); background-repeat: no-repeat; background-position: 98% center; background-size: 28px; }

li.item:not(.hidden) {  display:inline-block !important; }








	a.item { font-weight:lighter; letter-spacing: 0.75px; color:rgba(35,103,123,1.00); background:rgba(209,209,209,1.00); display:inline-block; box-sizing: border-box; padding:3px 10px; font-size:1.2rem; margin:2px; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.5); box-shadow: 0 0 2px 1px rgba(0,0,0,0.5); min-height:32px; min-width:calc(100% - 48px); max-width:calc(100% - 48px); overflow-x: hidden; } 
	a.item:hover { color:rgba(249,249,249,1.00); background:rgba(35,103,123,1.00); cursor: pointer; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.9); box-shadow: 0 0 2px 0 rgba(0,0,0,0.9); } 


	small.hint { display: inline-block; float:left; box-sizing: border-box; min-width:36px; color:rgba(107,107,107,1.00); font-size:0.75rem; padding:8px;  }

li small:last-child { float:right; clear:both; width:100%; padding-left: 40px; padding-top: 5px; padding-bottom: 9px; font-style: italic; opacity:0.7; }



/* ////  Responsive  //// */
@media only screen and (max-width: 1040px) { 


	div#page > header a.home { width:19.8%; background-size: 95%;  }
	div#page > header h5, nav.inlineNav { width:75%; max-width:75%;   }


	nav.inlineNav > ul { 	justify-content:  space-evenly; }

}


@media only screen and (max-width: 780px) { 


	div#page > header a.home { width:100%; background-size: 240px;    }
	div#page > header h5, nav.inlineNav { width:100%; max-width:100%; clear: both; }

	nav.inlineNav > ul li > div, nav.inlineNav > ul li > a > div { min-height:32px; }
	
	
	div#page > header h5 { position:absolute; top:1px; left:0px; }

}




@media only screen and (max-width: 640px) { 


	nav.inlineNav > ul { -ms-flex: 1 1 auto; flex-wrap: wrap; display:none; visibility:hidden; opacity:0; z-index:0; width:0px; height:0px; overflow: hidden; }

}





div.fxinput > input.required, input.required { color:rgba(0,0,0,1.00) !important; background-position:99% center; background-repeat: no-repeat; background-size: 24px; background-image:url("svg/required.svg"); }
div.fxinput > input.readonly, input.readonly { color:rgba(0,0,0,0.50) !important; opacity:0.7 !important; background-color:rgba(0,0,0,0) !important; border-bottom: 0px !important; background-image:url("svg/protected.svg"); background-position:99% center; background-repeat: no-repeat; background-size: 16px;  }


form.adminstyle div.fxinput > input:not(.readonly),
form.userstyle div.fxinput > input:not(.readonly) { 	
	
	background-color: rgba(14,87,134,0.05) !important; 
	border: 2px solid rgba(14,87,134,0.80); 
	border-radius: 3px; 

}


form.adminstyle div.fxinput > input[type="submit"]:not(.readonly),
form.userstyle div.fxinput > input[type="submit"]:not(.readonly) { 	
	 
	border: 0px solid rgba(0,0,0,0.40); 
	border-radius: 3px; 

}


form.adminstyle div.fxinput > textarea,
form.adminstyle div.fxinput > input.required,
form.userstyle div.fxinput > textarea,
form.userstyle div.fxinput > input.required { 
	
	background-color: 	rgba(14,87,134,0.05) !important; 
	padding:			12px 12px 12px 12px;
	font-size:			1.35rem !important;
	border:				3px solid rgba(14,87,134,0.80);
	border-radius: 		4px;

}

form.adminstyle div.fxinput > textarea,
form.userstyle div.fxinput > textarea { 
	
	font-size: 1rem !important; 
	min-height: 190px; 

}




form.adminstyle div.fxinput > input[type="submit"],
form.userstyle div.fxinput > input[type="submit"] 		{  background-color: rgba(14,87,134,0.85) !important; color: #fff !important; float:right; }
form.adminstyle div.fxinput > input[type="submit"]:hover,
form.userstyle div.fxinput > input[type="submit"]:hover {  background-color: rgba(14,87,134,1) !important; color: #fff !important; }










li.invokeButton,
li.addButton { display:inline-block; position: relative; float:left; width:96%; text-align: center; padding:8px 12px; box-sizing: border-box; margin:4px 2%; background:rgba(16,104,67,1.00); font-size: 1.25rem; color:#fff; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.33); box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.33); opacity:0.55; cursor: pointer; clear:both; }

li.invokeButton.on,
li.addButton.activ { background: rgba(249,85,0,1.00); opacity:1; }


li.invokeButton:hover,
li.addButton:hover { opacity:0.85; }


li.invokeButton { padding:3px 12px; background:rgba(156,156,156,1.00);  }
li.invokeButton.on { background:rgba(12,12,12,1.00);  }



li.invokeButton { background-size:16px; background-repeat: no-repeat; background-position: 12px center; background-image:url("svg/invisible.svg"); }
li.invokeButton.on { background-size:16px; background-repeat: no-repeat; background-position: 12px center; background-image:url("svg/visible.svg"); }








form.userstyle div.fxinput > input[type="submit"].safe,
form.adminstyle div.fxinput > input[type="submit"].safe			{ background-color: rgba(0,90,213,1.00) !important; }

form.userstyle div.fxinput > input[type="submit"].create,
form.adminstyle div.fxinput > input[type="submit"].create			{ background-color: rgba(65,166,29,1.00) !important;  }

form.userstyle div.fxinput > input[type="submit"].close,
form.adminstyle div.fxinput > input[type="submit"].close			{ background-color: rgba(216,86,8,1.00) !important;  }

form.userstyle div.fxinput > input[type="submit"].activate,
form.adminstyle div.fxinput > input[type="submit"].activate		{ background-color: rgba(53,156,155,1.00) !important;  }

form.userstyle div.fxinput > input[type="submit"].delete,
form.adminstyle div.fxinput > input[type="submit"].delete			{ background-color: rgba(255,0,4,1.00) !important;  }





form.userstyle div.fxinput > input[type="submit"].safe:hover,
form.adminstyle div.fxinput > input[type="submit"].safe:hover,
form.userstyle div.fxinput > input[type="submit"].create:hover,
form.adminstyle div.fxinput > input[type="submit"].create:hover,
form.userstyle div.fxinput > input[type="submit"].close:hover,
form.adminstyle div.fxinput > input[type="submit"].close:hover,
form.userstyle div.fxinput > input[type="submit"].activate:hover,
form.adminstyle div.fxinput > input[type="submit"].activate:hover,
form.userstyle div.fxinput > input[type="submit"].delete:hover,
form.adminstyle div.fxinput > input[type="submit"].delete:hover			{ background-color: rgba(24,24,24,1.00) !important;  }





ul.adminstyle, ul.userstyle { margin-top:0px; padding:0px; }




div.scroller { min-height:506px; overflow-y: scroll; max-height:calc(100vh - 680px); padding-top:24px; padding-bottom: 24px; margin-top: 6px; border-radius: 4px; display:inline-block; position: relative; float:left; -webkit-box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1); width:100%; box-sizing: border-box }








	div.logViewChat {
		
		display:	inline-block;
		position: 	relative;
		box-sizing: border-box;
		float:		left;
		background-color: 	rgba(255,255,255,1.00);
		width: 				100%;
		padding:			50px 24px;
		border-radius: 18px;
		margin-top: 40px;
		border-top: 2px solid rgba(13,46,95,0.30);
		
	}


div.logViewChat > h3 { display:inline-block; position: relative; float:left; box-sizing: border-box; padding:0px 20px 40px 20px !important; text-align: center; text-transform: uppercase; }
	
	div.logViewChat > .history { display:	inline-block;
		position: 	relative;
		box-sizing: border-box;
		float:		left; width:49%;
	
	min-width:300px;
	
	}

	
	div.logItem {
		
		display:inline-block;
		position: relative;
		float:left;
		width:100%;
		box-sizing: border-box;
		padding:12px;
		margin:4px 0px 20px 0px;
		
		border:1px solid rgba(0,0,0,0);
		
		-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
		box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
			
	}
	
	div.logItem.own 	{ background-color: rgba(179,243,206,0.50); }
	div.logItem.other 	{ background-color: rgba(249,249,249,1.00); }
	
	div.logItem > small { text-align: right; display:inline-block; width:98%; top: -16px; position: absolute; color:rgba(114,114,114,0.50) }
	
	form.actions {
		
		display:inline-block;
		position: relative;
		float:right;
		width:49%;
		
		min-width:300px;
		
		background-color:rgba(170,199,217,0.50);
		
		
		box-sizing: border-box;
		padding: 30px;
		-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.33);
		box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.33);
		
		margin-top: 4px;
		
	}
	
	form.actions > input,
	form.actions > textarea { font-family: inherit; box-sizing: border-box; width:100%; padding:9px; max-width:100%; margin:0px; margin-bottom: 1px; }
	
	form.actions > input { font-size:1.33rem; border-bottom: 1px solid rgba(0,0,0,0.20) }
	form.actions > textarea { margin-bottom: 20px; min-height:128px; font-size:0.8rem; }
	
	form.actions button.comment { padding:9px 20px; font-weight: 200; margin-bottom: 30px; float:right; text-transform: uppercase; background: rgba(41,98,34,1.00); color: rgba(255,255,255,1.00); clear: both; }
	form.actions button.comment:hover  { background: rgba(255,255,255,1.00); color: rgba(41,98,34,1.00)}
	form.actions button.special { padding:5px 12px; font-weight: 400; float:left; margin:4px; opacity:0.3; }
	form.actions button.special:hover { opacity:0.8; }




	div.inpagelogin {
		
		width:100%; 
		max-width:400px; 
		min-width:280px;
		
		
		height: auto;
		
		position: relative;
		display: block;
		margin: 20px auto;
		float: none;
		
		background-image:url("svg/logo-min.svg");
		background-size:180px; 
		background-repeat: no-repeat;
		background-position: center top;
		
		padding-top:60px;  
		
		
	} div.inpagelogin > h1 { text-align: center; top: -20px !important; display: inline-block; position: relative; width:100%; }

div.inpagelogin > form.login { padding: 32px; margin-top: 8px; margin-bottom: 80px;-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.33); box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.33); 
		background-color:rgba(255,255,255,1.00); }



form.login input, form.login button, form.login label {
    
    text-align: center;
	
}









/* ////  Responsive  //// */
@media only screen and (max-width: 1023px) { 
	
	
	
div#page > div#innerContent { min-height:calc(100vh - 168px); }
	
	form.l70, ul.r30 { min-width:100% !important; max-width:100% !important;  }
	ul.r30 { margin-top: 65px !important; padding-top:60px !important }

	form.l70 > div.fxinput { width:97% !important; }
	
	form.l70 { background:rgba(255,255,255,1); padding-top: 36px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.7); box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.7); }

	div.logViewChat > .history, form.actions { width:100%; }
	
	div.scroller { min-height:430px; max-height:430px; }
	
	
footer ul li > div > p, footer ul li > a > div > p { display:block !important; }
	

}