/*---------- HARMONIZE BROWSER DEFAULTS ----------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, details, dd, del, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, option, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: none; border-radius: 0; outline: none; font-size: 1em; letter-spacing: 0px; vertical-align: baseline; background-color: transparent; }
html, body { width:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto; }



/*---------- FONTS ----------*/

@font-face
	{
	font-family: 'OpenSans';
	src: url('opensans.ttf')  format('truetype');
	}
@font-face
	{
	font-family: 'MilStencil';
	src: url('milstencil.woff') format('woff');
	}

body					{ font-family: "OpenSans", sans-serif; font-size: 1.2vw; font-weight: 400;
						line-height: 1.4em; color: rgb(200,200,150); -webkit-text-size-adjust: none; }
table, div, p,
textarea, input, span	{ font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
h1 						{ font-family: "MilStencil", serif; font-size: 2.5em; font-weight: 500; font-stretch: 85%; text-transform: uppercase;
						letter-spacing: 0em; line-height: 0.9em; margin-bottom: 0.5em; color: rgba(255,255,255,0.6); }
h2						{ font-family: "MilStencil", serif; font-size: 1.25em; font-weight: 500; font-stretch: 85%; text-transform: uppercase;
						line-height: 0.9em; margin-bottom: 0em; color:rgb(230,230,230); }
h3						{ font-family: inherit; font-size: 1em; font-weight: 700;
						line-height: 0.9em; margin-bottom: 0.5em; color:rgba(255,255,255,0.6); }
h4						{ font-family: inherit; font-size: 1em; font-weight: bold;
						line-height: 0.9em; margin-bottom: 0.5em; color: rgb(200,200,150); }
.submit					{ font-family: inherit; font-size: 1.15em; font-weight: normal; color:rgb(40,110,155); }



/*---------- GENERAL SETTINGS ----------*/

html					{ background-color: rgb(30,30,0); overflow-x: hidden; }
body					{ overflow-x: hidden; }

h2						{ margin: 0 0 0.7em 0; }
h3						{ margin: 1.4em 0 0.7em 0; }

b						{ font-weight: 700; }

p						{ margin-bottom: 0.5em; }
p:last-child			{ margin-bottom: 0; }

ul, ol					{ padding-left: 1em; margin-bottom: 0.5em; }
li						{ margin-bottom: 0.5em; }
ul:last-child			{ margin-bottom: 0; }
ol:last-child			{ margin-bottom: 0; }

a						{ color: rgb(255,255,255); text-decoration: none; }
a.orange				{ color: rgb(255,150,0); }
a:hover					{ color: rgb(255,150,0); }

.alpha0					{ opacity: 0.0; filter: alpha(opacity=000); filter: grayscale(100%);
						transition: opacity 500ms ease, filter 200ms ease; }
.alpha20				{ opacity: 0.2; filter: alpha(opacity=020); filter: grayscale(100%);
						transition: opacity 500ms ease, filter 200ms ease; }
.alpha100				{ opacity: 1.0; filter: alpha(opacity=100); transition: opacity 1000ms ease, filter 2000ms ease; }

::-moz-selection 		{ color: white; background-color: rgb(255,150,0); }
::selection				{ color: white; background-color: rgb(255,150,0); }

#contentContainer		{ width: 95.1vw; padding: 6em 2vw; clear: both; }
div.titlebar			{ height: 2.5em; clear: both; margin-bottom: 1.5em; }
div.titlebar1			{ height: 2.5em; clear: both; margin-bottom: 0.6em; }
div.titlebar2			{ height: 1.7em; clear: both; margin-bottom: 1.5em; }
div.titlebar h1,
div.titlebar1 h1		{ float: left; margin-bottom: 0; }

div.function,
div.functionhigh		{ float: right; white-space: nowrap; height: 1.4em; padding: 0.1em 0.5em 0.2em 0.5em;
						margin: 0.9em 0 0 0.5em; cursor: pointer; background-color: rgba(120,120,60,0.7); color: rgba(255,255,255,0.7);
						border-radius: 0.3em; transition: background-color 300ms ease-out;
						-webkit-user-select: none; user-select: none; }
div.function:hover		{ background-color: rgb(255,150,0); color: rgb(255,255,255); transition: background-color 50ms ease-in; }
div.functionhigh		{ background-color: rgb(120,120,60); }
div.titlebar2 div.function		{ margin: 0 0 0 0.5em; }

div.formaction,
div.formoption			{ float: left; white-space: nowrap; height: 1.4em; padding: 0.3em 0.7em 0.4em 0.7em; margin-right: 0.75em;
						cursor: pointer; background-color: rgb(120,120,60); color: rgba(255,255,255,0.7); border-radius: 0.3em;
						transition: background-color 300ms ease-out; -webkit-user-select: none; user-select: none; }
div.formaction:hover,
div.formoption:hover	{ background-color: rgb(255,150,0); color: rgb(255,255,255); transition: background-color 50ms ease-in; }

div.tableaction			{ float: left; white-space: nowrap; height: 1.3em; padding: 0 0.5em 0.15em 0.5em; margin-top: -0.05em;
						cursor: pointer; background-color: rgb(120,120,60); color: rgb(255,255,255); border-radius: 0.3em;
						transition: background-color 300ms ease-out; }
div.tableaction:hover	{ background-color: rgb(120,120,60); color: rgb(255,255,255); transition: background-color 50ms ease-in; }

textarea::-webkit-scrollbar					{ width: 0.5vw; background-color: rgb(235,235,235); border: 0.05vw solid rgb(120,120,60);
											border-left: none; }
textarea::-webkit-scrollbar-thumb			{ background-color: rgb(120,120,60); cursor: pointer;}
textarea:hover::-webkit-scrollbar			{ background-color: rgb(245,245,245); }
textarea:focus::-webkit-scrollbar			{ border: 0.05vw solid rgb(255,150,0); border-left: none; }
textarea:focus::-webkit-scrollbar-thumb		{ background-color: rgb(255,150,0); }

span.novalue, input::placeholder, textarea::placeholder			{ font-weight: normal; color: rgba(255,255,255,0.15); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder		{ font-weight: normal; color: rgba(255,255,255,0.15) !important; }	/* IE10, IE11	*/
input::-ms-input-placeholder, textarea::-ms-input-placeholder	{ font-weight: normal; color: rgba(255,255,255,0.15); }				/* Edge			*/
input::-moz-placeholder, textarea::-moz-placeholder				{ font-weight: normal; color: rgba(255,255,255,0.15); }				/* Firefox		*/

.warning				{ color: rgb(255,50,0) !important; }
.noedit					{ cursor: not-allowed; }
.comment				{ color: rgba(255,255,255,0.4); }
div.largegap			{ clear: both; height: 4em; }
div.smallgap			{ clear: both; height: 2em; }
div.smallgap2			{ height: 2em; }
div.minigap				{ clear: both; height: 1em; }

/*---------- IMAGES & PHOTO BOXES ----------*/

img.left				{ width: 30.36vw; margin: 0 2vw 2vw 0; float: left; }
img.right				{ width: 30.36vw; margin: 0 0 2vw 2vw; float: right; }

div.photoboxContainer	{ display: grid; grid-template-columns: repeat(3, 30.36vw); justify-content: space-between; width: 95.1vw; height: auto; }

div.photobox			{ width: 30.36vw; }
div.photobox img		{ width: 100%; height: auto; }



/*---------- CLASSES USED IN ALL FORMS ----------*/

input.inputtext					{ width: 21.9vw; height: 2em; background-color: rgba(255,255,255,0.03); border: 0.05vw solid rgb(120,120,60);
								  color: rgb(255,255,255,0.5); padding: 0 0.5vw; transition: background-color 300ms ease-out;  }
input.inputtext:hover			{ background-color: rgba(255,255,255,0.1); border: 0.05vw solid rgb(120,120,60);
								  color: rgb(255,255,255,0.7); transition: background-color 50ms ease-in; }
input.inputtext:focus			{ background-color: rgba(255,255,255,0.1); border: 0.05vw solid rgb(180,180,90); caret-color: rgb(255,150,0);
								  color: rgb(255,255,255,0.9); transition: background-color 50ms ease-in; }
input.inputfile					{ position: absolute; left: -15vw; top: 0; width: 51.9vw; height: 2em; background-color: rgba(255,255,255,0.1);
								border: 0.05vw solid rgb(120,120,60); padding: 0 0.5vw 0 0.5vw; opacity: 0.0;
								filter: alpha(opacity=000); z-index: 201; cursor: pointer;  }
#passport						{ position: absolute; left: 0; top: 0; z-index: 200; cursor: pointer;  }
input.wide						{ width: 56.9vw;  }
input.noedit:hover				{ background-color: rgb(245,245,245); border: 0.05vw solid rgb(120,120,60); }
input.noedit:focus				{ background-color: rgb(245,245,245); border: 0.05vw solid rgb(120,120,60); }

select::-ms-expand				{ display:none; }
select							{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 23vw;
								height: 2.05em; background-color: rgba(255,255,255,0.03); border: 0.05vw solid rgb(120,120,60);
								color: rgb(255,255,255,0.5); padding: 0.21vw 0.5vw 0.07vw 0.5vw; transition: background-color 300ms ease-out;
								background-image: url(../img/sys/select.png); background-position: 21.8vw center;
								background-repeat: no-repeat; background-size: 0.7vw auto; cursor: pointer; }
select:hover					{ background-color: rgba(255,255,255,0.1); border: 0.05vw solid rgb(120,120,60);
								  color: rgb(255,255,255,0.7); transition: background-color 50ms ease-in; }
select:focus					{ background-color: rgb(53,53,26); border: 0.05vw solid rgb(180,180,90); caret-color: rgb(255,150,0);
								transition: background-color 50ms ease-in; }
option:nth-child(2):hover					{ background-color: rgb(255,150,0) !important }
option:checked					{ background-color: rgb(120,120,60); color: rgb(255,255,255) }
select > option.divider			{ background-color: rgb(200,200,200); font-size: 1px; }
select.wide						{ width: 57.9vw; background-position: 56.7vw center; }

textarea.inputarea				{ width: 21.9vw; height: 11.5em; background-color: rgba(255,255,255,0.03); border: 0.05vw solid rgb(120,120,60);
								padding: 0 0.5vw 0 0.5vw; resize: none; transition: background-color 300ms ease-out; color: rgb(255,255,255,0.5); }
textarea.inputarea:hover		{ background-color: rgb(40,40,0); border: 0.05vw solid rgb(120,120,60); transition: background-color 50ms ease-in;
								color: rgb(255,255,255,0.7); }
textarea.inputarea:focus		{ background-color: rgb(40,40,0); border: 0.05vw solid rgb(180,180,90); caret-color: rgb(255,150,0);
								transition: background-color 50ms ease-in; color: rgb(255,255,255,0.9); }
textarea.wide					{ width: 56.9vw; }
textarea.noedit:hover			{ background-color: rgb(245,245,245); border: 0.05vw solid rgb(120,120,60); }
textarea.noedit:focus			{ background-color: rgb(245,245,245); border: 0.05vw solid rgb(120,120,60); }

div.formremark					{ color: rgba(255,255,255,0.4) !important; white-space: normal !important; }

/*---------- CLASSES USED IN ALL TABLES ----------*/

div.listheader					{ background-color: rgb(120,120,60); margin-bottom: 0.5em; color: rgba(255,255,255,0.5); }
div.listrow						{ overflow: hidden; transition: height 500ms ease, background-color 500ms ease; 
								color: rgba(255,255,255,0.8); }
div.listrow:nth-of-type(odd)	{ background-color: rgba(255,255,255,0.1); }
div.headercell					{ float: left; white-space: nowrap; overflow: hidden; padding: 0.3em 0.5vw 0 0.5vw; }
div.listcell					{ height: 2em; float: left; padding: 0.3em 0.5vw 0 0.5vw; white-space: nowrap;
								overflow: hidden; text-overflow: ellipsis; }

div.actioncell					{ height: 2em; float: left; padding: 0.3em 0.5vw 0 0.5vw; color: rgb(200,200,150); white-space: nowrap;
								overflow: hidden; text-overflow: ellipsis; }

.showno, .hideyes				{ visibility: hidden; user-select: none; -ms-user-select: none; }

span.datetimespace,
span.datetimespace:hover		{ color: rgb(200,200,200) !important; padding: 0 0.5vw; }

div.tableContainer				{  user-select: none; -ms-user-select: none; }

div.usertable					{ clear: both; width: 95.1vw; height: 2em; }

div.usertable div.fullname		{ width: 18vw; }
div.usertable div.origin		{ width: 12vw; }
div.usertable div.interested	{ width: 12vw; }
div.usertable div.phone			{ width: 13vw; }
div.usertable div.job			{ width: 13vw; }
div.usertable div.whatsapp		{ width: 7vw; }
div.usertable div.email			{ width: 21vw; }
div.usertable div.registration	{ width: 12vw; }

div.usertable div.fullname span			{ font-weight: bold; cursor: pointer; }
div.usertable div.fullname span:hover	{ color: rgb(255,150,0); }
div.usertable a:hover					{ text-decoration: none; }

div.indicator					{ width: 2em; height: 1.7em; padding-top: 0.3em; background-color: rgba(255,255,255,0.2); cursor: pointer;
								user-select: none; -ms-user-select: none; transition: background-color 300ms ease; }
div.indicator:after				{ color: rgba(255,255,255,0.4); padding-left: 2.5em; content: "noch keine Wahl getroffen" }
div.accept, div.yes, div.add	{ background-color: rgb(120,120,60)  }
div.accept:after				{ padding-left: 2.5em; content: "gestattet"  }
div.yes:after					{ color: rgba(255,255,255,0.4); padding-left: 2.5em; content: "ja"  }
div.add							{ display: inline-block; margin-left: 1em;  }
div.add:after					{ padding-left: 2.5em; content: "add"  }
div.reject, div.no				{ background-color: rgb(255,50,0); }
div.reject:after				{ padding-left: 2.5em; content: "verwehrt";  }
div.no:after					{ color: rgba(255,255,255,0.4); padding-left: 2.5em; content: "nein";  }
div.choose:after				{ color: rgba(255,255,255,0.4); padding-left: 2.5em; content: "bitte wählen";  }
div.skip						{ display: inline-block; margin-left: 1em; background-color: rgb(160,160,160); }
div.skip:after					{ padding-left: 2.5em; content: "skip"  }

div.disagree					{  width: 2em; height: 2em; cursor: pointer; user-select: none; -ms-user-select: none; transition: all 300ms ease;
								float: left; background-color: rgb(200,0,0); /*background-image: url(../img/sys/checkbox-no.svg);
								background-size: 1.6em 1.6em; background-position: 0.2em 0.2em; background-repeat: no-repeat;*/ margin-right: 1em; }
div.agree						{ width: 2em; height: 2em; cursor: pointer; user-select: none; -ms-user-select: none; transition: all 300ms ease;
								float: left; background-color: rgb(120,120,60); /*background-image: url(../img/sys/checkbox-yes.svg);
								background-size: 1.6em 1.6em; background-position: 0.2em 0.2em; background-repeat: no-repeat;*/ margin-right: 1em; }

div.indicatorRemark				{ float: left; padding-top: 0.3em; }


					
/*---------- LOGIN & REGISTER ----------*/

#loginContainer					{ width: 36vw; padding: 6em 32vw 2em 32vw; clear: both; }
#loginContainer div.titlebar	{ margin-bottom: 1em; }
div.loginerror					{ width: 35vw; padding: 0.3em 0.5vw 0.5vw 0; color: rgb(255,50,0); float: left; margin-bottom: 1em; clear: both; font-weight: bold; }
div.loginerror a				{ text-decoration: underline; }
div.loginrow					{ clear: both; width: 36vw; height: 2em; margin-bottom: 1em; }
div.loginrow div.formkey		{ width: 12.5vw; padding: 0.3em 0.5vw 0 0; }
div.loginrow div.formvalue		{ width: 23vw; padding: 0; }
div.inputfile					{ position: relative; width: 22vw; height: 2.1em !important; cursor: pointer; overflow: hidden; }
div.loginactionrow				{ height: 2em; padding-left: 13vw; margin-top: 1.7em; }
div.loginregister				{ clear: both; width: 35.5vw; margin-top: 1.7em;  padding: 0.3em 0.5vw 0 0; }
div.loginregister p				{ margin-bottom: 0.5em; }
div.loginregister a,
div.loginrow a					{ color: rgba(255,255,255,1); text-decoration: none; }
div.loginregister a:hover,
div.loginrow a:hover			{ color: rgb(255,150,0); text-decoration: none; }
div.logincomment				{ clear: both; width: 35.5vw; margin-bottom: 1.7em;  padding: 0.3em 0.5vw 0 0; color: rgba(255,255,255,0.4); }
div.loginwelcome				{ clear: both; width: 35.5vw; margin-bottom: 1.7em;  padding: 0.3em 0.5vw 0 0; }
div.loginwelcome p				{ margin-bottom: 1em; } 
div.loginwelcome p.separator	{ line-height:1px; height: 1px; border-top: 0.05vw solid rgb(120,120,60); margin: 1.7em 0 1.7em 0; }
div.loginwelcome a				{ color: rgb(255,150,0); }

#loginNews						{ position: absolute; top: 13em; right: 3vw; width: 17vw; color: rgb(200,0,0); padding: 0.7em 1em; border: 0.05vw solid rgb(200,0,0); transform: rotate(10deg); z-index: 100; }
#loginNews h3					{ color: rgb(200,0,0); }
#loginNewsMobile				{ display: none; }

#enableEnterKey					{ color: transparent; background: none; width: 0; height: 0; }

#supportContainer				{ width: 36vw; height: auto; padding: 0 32vw 2em 32vw; margin: 0; clear: both; transition: all 500ms ease-in-out; }
#supportContainer.off			{ opacity: 0.0; filter: alpha(opacity=000); height: 0; padding-bottom: 0; overflow-y: hidden; transition: all 1000ms ease-in-out; }

div.helpSection p				{ margin-bottom: 0.5em; }
div.helpSection a				{ color: rgb(255,150,0); }

div.passwordremark				{ width: 35vw; padding: 0.3em 0.5vw 0 0; float: left; margin-bottom: 1em; clear: both; }
div.passwordremark p			{ width: 100%; margin-bottom: 0.5em; }
div.passwordremark a			{ color: rgb(255,150,0); }



/*---------- MAIN MENU ----------*/

#menuContainer			{ position: fixed; left: 0; top: 0; width: 96.2vw; z-index: 99999; padding: 0 1.8vw 0 2vw;
						height: 2.4em; background-color: rgb(60,60,0); box-shadow: 0 0 0.5em 0.2em rgba(0,0,0,0.5);
						transition: position 2000ms ease-in; }
#menutitle				{ float: left; white-space: nowrap; padding: 0.5em 0 0 0; color: rgba(255,255,255,0.5);
						user-select: none; -ms-user-select: none; }
div.menuitem			{ float: right; white-space: nowrap; padding: 0.5em 0.75em 0.5em 0.75em; color: rgba(255,255,255,0.9);
						transition: background-color 300ms ease-out; user-select: none; -ms-user-select: none; cursor: pointer; }
div.menuitem:hover		{ background-color: rgba(255,255,0,0.2); color: rgb(255,255,255); transition: background-color 50ms ease-in; }

#hamburger				{ display: none; }
#closer					{ display: none; }
#pulldownCloser			{ display: none; position: fixed; z-index: 400; top: 0; left: 0; width: 100%; height: 100%;
						background-color: rgba(255,0,0,0.0); }

#mainmenu				{ float: right; margin: 0; }
#mainmenu div			{ display: inline; float: left; }
#mainmenu div.mobile		{ display: none; }

.submenu				{ display: none; position: absolute; z-index: 104; left: 5%; bottom: 5%; font-size: 1em;
						  text-shadow: 0 0.05em 0.1em rgba(0,0,0,1); }
.submenu li				{ display: inline; float: left; }
.hidden					{ opacity: 0.0; filter: alpha(opacity=000); transition: opacity 500ms ease-in-out, filter 500ms ease-in-out; }
.visible				{ opacity: 1.0; filter: alpha(opacity=100); transition: opacity 200ms ease-in-out, filter 200ms ease-in-out; }

a.mainmenu 				{ color: rgb(255,255,255); text-decoration: none; font-size: 1em; transition: color 300ms ease-out; }
a.mainmenu:hover		{ color: rgb(255,255,255); transition: all 50ms ease-in; }
a.mainmenuHere			{ color: rgb(255,255,255); text-decoration: none; font-size: 1em; transition: color 300ms ease-out; }
a.mainmenuHere:hover	{ color: rgb(255,255,255); transition: all 50ms ease-in; }



/*---------- PINWAND ----------*/

#newsContainer	.news				{ margin-bottom: 1.5em; }
#newsContainer	.news:last-child	{ margin-bottom: 0; }
#newsContainer	.news p				{ margin-bottom: 0.5em; }
#newsContainer	.news p:last-child	{ margin-bottom: 0; }



/*---------- RAPIDOCS ----------*/

div.doctable					{ clear: both; width: 95.1vw; height: 2em; }

div.doctable div.datetime		{ width: 12vw; }
div.doctable div.title			{ width: 81vw; }

div.doctable div.title span			{ font-weight: bold; cursor: pointer; }
div.doctable div.title span:hover	{ color: rgb(255,150,0); }
div.doctable a:hover				{ text-decoration: none; }

#docTitle, #docText				{ caret-color: rgb(255,150,0); }
#docTitle						{ font-weight: 500; font-size: 1.3em; color: rgba(255,255,255,0.8); margin: 2em 0 2em 0; }
#docText div					{ margin-bottom: 0.5em; }
#docText div:last-child			{ margin-bottom: 0; }
#docText hr						{ margin: 2em 0; background-color: rgb(80,80,40); height: 2px; }
#docText a						{ cursor: pointer; }
#docText span.selected			{ background-color: rgb(255,150,0); color: rgb(255,255,255); }

div.editrow				{ clear: both; width: 95.1vw; height: 2.1em; background-color: rgba(255,255,255,0.03); margin-bottom: 2.8em; }
div.editaction			{ float: left; white-space: nowrap; height: 1.4em; padding: 0.3em 0.7em 0.4em 0.7em; margin-right: 0.2em;
						cursor: pointer; background-color: rgb(60,60,30); color: rgba(255,255,255,0.5); border-radius: 0.3em;
						transition: background-color 300ms ease-out; -webkit-user-select: none; user-select: none; }
div.editaction:hover	{ background-color: rgb(255,150,0); color: rgb(255,255,255); transition: background-color 50ms ease-in; }


/*---------- ADMIN USERS ----------*/

div.summarybar					{ clear: both; margin-bottom: 1.5em; }
span.summary:after				{ content: " | "; }
span.summary:last-child:after	{ content: ""; }

div.userfilter					{ clear: both; width: 95.1vw; height: 2.1em; margin-bottom: 1em; }
div.userfilter a				{ padding: 0.1em 0.3em 0.1em 0.3em; }
div.userfilter a:hover			{ text-decoration: none; background-color: rgb(255,150,0); color: rgb(255,255,255); }

#mcfilter						{ /*width: 30vw; background-position: 28.8vw center;*/ margin-left: 0.5vw; }
#statusfilter					{ margin-left: 0.5vw; }


/*---------- EDIT USER ----------*/

div.summary					{color: rgba(255,255,255,0.8); }
#summaryOT1					{ float: left; width: 47vw; margin-right: 3vw; }
#summaryOT2					{ float: left; width: 40vw; }
#summaryIT1					{ float: left; width: 95vw; }
#summaryIT2					{ float: left; width: 95vw; }
#summarySTAT1				{ float: left; width: 47vw; margin-right: 3vw; }
#summarySTAT2				{ float: left; width: 40vw; }

span.summaryleft			{ display: inline-block; width: 9vw; margin-right: 1vw; vertical-align: bottom; color: rgb(200,200,150); }
span.summaryright1			{ display: inline-block; width: auto; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;
							vertical-align: bottom; }
span.summaryright2			{ display: inline-block; width: 33vw; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;
							vertical-align: bottom; }

div.formrow					{ clear: both; width: 95.1vw; height: 2.1em; margin-bottom: 1em; }
div.formcell				{ float: left; min-height: 1.8em; white-space: nowrap; color: rgb(200,200,150); }
div.formrow div.formkey		{ width: 12vw; padding: 0.3em 0.5vw 0 0; }
div.formrow div.formvalue	{ width: 23vw; padding: 0; }
div.formrow div.formremark	{ width: 57.5vw; padding: 0.3em 0.5vw 0 1vw; }
div.formrow div.formlink	{ width: 80.6vw; padding: 0.3em 0.5vw 0 0; }
div.actionrow				{ height: 2em; padding-left: 12.5vw; margin-top: 1.7em; }
div.forminfo				{ clear: both; width: 95.1vw; margin-bottom: 1.7em;  padding: 0.3em 0.5vw 0 0.5vw; transition: all 500ms ease; }
div.forminfo p				{ margin-bottom: 0.5em; }
div.inputarea				{ height: 11.6em; }


span.formhint					{ color: rgb(200,200,150); cursor: pointer; transition: color 300ms ease-out; }
span.formhint:hover				{ color: rgb(255,150,0); transition: background-color 50ms ease-in; }

input.inputtime					{ width: 4.9vw;  }

#summary6 div.formrow div.formvalue	{ width: 59vw; }
#summary6 div.formrow div.formremark{ width: 21.5vw; }



/*---------- ADMIN TEAM ----------*/

div.team							{ clear: both; width: 95.1vw; height: 2em; }

div.team div.fullname				{ width: 18vw; }
div.team div.job					{ width: 18vw; }
div.team div.phone					{ width: 21vw; }
div.team div.email					{ width: 24vw; }
div.team div.fullname span			{ font-weight: bold; cursor: pointer; }
div.team div.fullname span:hover	{ color: rgb(255,150,0); }
div.team a:hover					{ text-decoration: none; }

img.teamportrait					{ float: left; height: 14vw; margin-right: 2vw; }

#orgamap							{ clear: both; width: 95.1vw; height: 35vw; }


/*---------- ADMIN SPECIAL ----------*/

span.editlink							{ cursor: pointer; }
span.editlink:hover						{ color: rgb(255,150,0); }
							

/*---------- LEGAL ----------*/

.legalSection			{ clear: both; }
.legalSection p			{ margin-bottom: 0.5em; }
.legalSection p.last	{ padding-bottom: 3em; margin-bottom: 3em; border-bottom: 2px solid rgb(80,80,40); }
.legalSection ul		{ padding-left: 2em; margin-bottom: 0.5em; }
.legalSection ul.last	{ padding-bottom: 3em; margin-bottom: 3em; border-bottom: 2px solid rgb(80,80,40); }



/*---------- FAQ & DASHBOARD NEWS ----------*/

div.news h3				{ margin-bottom: 0.7em; }
div.news h4				{ line-height: 1.4em; margin-bottom: 0; }

h3 svg, h4 svg
	{
	margin: 0 0 0 0.3em;
	width: 0.8em;
	height: 0.8em;
	viewBox: 0 0 10 10;
	preserveAspectRatio: xMidYMid meet;
	}

h3.collapsed, h4.collapsed				{ cursor: pointer; margin: 0.5em 0 0.5em 0; transition: color 300ms ease; }
h3.expanded, h4.expanded				{ cursor: pointer; margin: 0.5em 0 0.7em 0; }
h3.collapsed svg, h4.collapsed svg		{ transition: transform 200ms ease; }
h3.collapsed svg path					{ fill: rgb(120,120,60); }
h4.collapsed svg path					{ fill: rgb(0,0,0); }
h3.expanded								{ transition: color 300ms ease; color: rgb(255,255,255); }
h3.expanded svg, h4.expanded svg		{ transition: transform 300ms ease; transform: rotate(90deg); }
h3.expanded svg path					{ fill: rgb(255,150,0); }
h4.expanded svg path					{ fill: rgb(255,150,0); }

div.collapsed				{ font-size: 0; line-height: 0.0000000001em; transition: all 200ms ease-in; opacity: 0.0; filter: alpha(opacity=000); }
div.expanded				{ transition: all 200ms ease-out; }
div.expanded p:last-of-type	{ margin-bottom: 1.4em; }




/*---------- PRINTING ----------*/

#printSubtitle 			{ display: none; }

@media only print
	{
	/* Hide menu, filters and buttons */
	#menuContainer 		{display: none; }	
	div.userfilter	{display: none; }	
	div.function 		{display: none; }	
	div.functionhigh	{display: none; }	

	/* Other elements */
	h1			 				{ color: rgb(200,200,150); }
	#printSubtitle 				{ display: block; margin-bottom: 2em; }
	div.listheader				{ background-color: rgb(40,40,0); color: rgb(200,200,200); }
	div.headercell				{ color: rgb(200,200,200); }
	div.listrowprint			{ border-bottom: 0.01em rgb(200,200,200) solid; }
	div.listrowprint:last-child	{ border-bottom: none; }
	}

/*---------- RESPONSIVE DESIGN (LOGIN ONLY) ----------*/

@media only screen and (max-width:1024px)
	{
	/* general stuff */
	html.login body					{ font-size: 2vw; }
	html.login #menuContainer		{ width: 96.75vw; padding: 0 1.25vw 0 2vw; }
	html.login #contentContainer	{ width: 96vw; }
	.notablet						{ display: none; } 								
	img.left, img.right				{ width: 40vw; } 								
	
	/* login and register */
	#loginContainer					{ width: 54vw; padding: 6em 20vw 2em 26vw; }
	#supportContainer				{ width: 54vw; padding: 0 23vw 2em 23vw; }
	div.loginerror					{ width: 53vw; }
	div.passwordremark				{ width: 53vw; }
	div.loginrow					{ width: 54vw; }
	div.loginrow div.formkey		{ width: 18vw; }
	div.loginrow div.formvalue		{ width: 35vw; }
	div.loginactionrow				{ padding-left: 19vw; }
	div.loginregister				{ width: 53vw; }
	div.logincomment				{ width: 53vw; }
	div.loginwelcome				{ width: 53vw; }
	
	/* edit profile */
	#summaryOT1								{ float: none; width: 96vw; }
	#summaryIT1								{ float: none; width: 96vw; }
	#summaryIT2								{ float: none; width: 96vw; }
	#summarySTAT1							{ float: none; width: 96vw; }
	span.summaryleft						{ width: 18vw; }
	html.login input.inputtext				{ width: 32.9vw;  }
	html.login select						{ width: 34vw; background-position: 32.8vw center; }
	html.login textarea.inputarea			{ width: 32.9vw; height: 11.5em; }
	html.login div.formrow					{ width: 96vw; }
	html.login div.formrow div.formkey		{ width: 18vw; }
	html.login div.formrow div.formvalue	{ width: 35vw; }
	html.login div.formrow div.formremark	{ width: 40.5vw; }
	html.login div.actionrow				{ padding-left: 19vw; }
	html.login div.forminfo					{ width: 96vw; }
	}

@media only screen and (max-width:480px)
	{
	/* general stuff */
	.notablet				{ display: initial; } 								
	.nomobile				{ display: none; } 								

	/* photos */
	div.photoboxContainer	{ display: initial; margin: 0; } 								
	div.photobox			{ display: block; width: 96vw; margin: 0 0 2vw 0; } 								
	img.left, img.right		{ display: block; width: 96vw; margin: 0 0 5vw 0; } 								

	/* login and register */
	html.login body					{ font-size: 3.5vw; }
	#loginContainer					{ width: 94vw; padding: 6em 3vw 2em 3vw; }
	#supportContainer				{ width: 94vw; padding: 0 3vw 2em 3vw; }
	div.loginerror					{ width: 93vw; }
	div.passwordremark				{ width: 93vw; }
	div.loginrow					{ width: 94vw; }
	div.loginrow div.formkey		{ width: 32vw; }
	div.loginrow div.formvalue		{ width: 61vw; }
	div.loginactionrow				{ padding-left: 33vw; }
	div.loginregister				{ width: 93vw; }
	div.logincomment				{ width: 93vw; }
	div.loginwelcome				{ width: 93vw; }

	#menuContainer					{ height: 12vw; width: 100%; box-sizing: border-box; }

	#menutitle						{ padding: 1em 0 0 0; }

	#hamburger							{ display: block; float: right; padding: 0; margin: 3vw 2.5vw 0 0; width: 6vw; height: 6vw;
										cursor: pointer; line-height:0; }
	#hamburger > div					{ width: 6vw; height: 0.8vw; margin: 0.6vw 0 1.2vw 0; background-color: rgba(255,255,255,0.8); transition: all 300ms ease; }
	#hamburger > div:last-child			{ margin: 1.2vw 0 0.6vw 0; }
	#hamburger:hover > div				{ background-color: rgb(255,255,255); transition: all 300ms ease; }
	#hamburger.active div:first-child	{ transform: translateY(2.05vw) rotate(45deg); }
	#hamburger.active div:nth-child(2)	{ opacity: 0; }
	#hamburger.active div:last-child	{ transform: translateY(-2.05vw) rotate(-45deg); }
	#mainmenu							{ position: fixed; z-index: 510; top: 12vw; left: 0; width: 100%; background-color: rgba(40,40,0,0.9);
										display: none; float: none; margin: 0; padding: 0.7em 0; font-size: 1em; line-height: 1; }
	#mainmenu div						{ display: block; float: none; padding: 0.5em; text-align: center; }
	#mainmenu div.mobile				{ display: block; }
	#mainmenu div.desktop				{ display: none; }
	#mainmenu div:hover					{ background-color: rgba(80,80,0,0.5); }
	#mainmenu div a						{ display: inline-block; width: 100%; }
	#mainmenu span.separator			{ display: none; }

	#closer								{ display: none; position: fixed; z-index: 400; top: 0; left: 0; width: 100%; height: 100%;
										background-color: rgba(255,0,0,0.0); }
	/* edit profile */
	span.summaryleft						{ width: 30vw; }
	html.login input.inputtext				{ width: 58.9vw;  }
	html.login select						{ width: 60vw; background-position: 58.8vw center; }
	html.login textarea.inputarea			{ width: 58.9vw; height: 11.5em; }
	html.login div.formrow					{ width: 96vw; height: auto !important; }
	html.login div.formrow div.formkey		{ width: 30vw; }
	html.login div.formrow div.formvalue	{ width: 65.5vw; }
	html.login div.formrow div.formremark	{ width: 60.5vw; padding: 1em 0 2em 30.5vw; }
	html.login div.actionrow				{ padding-left: 0; }
	html.login div.forminfo					{ width: 96vw; }

	}