@CHARSET "UTF-8";
/*@font-face{
    font-family: 'OpenSans';
    src: url('fonts/open-sans/OpenSans-Regular.ttf');
}*/

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url(OpenSans-Regular-webfont.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}



@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

img.inactive{

	filter: grayscale(0.5);
	opacity:0.6

}

body{
	font-family: OpenSans, Sans-Serif;
	font-size:14px;
	font-weight: normal;
	color:black;
	margin:0px;
	background-color:#fff;
}
a{
	color:black;
}
li a{
	display:block;
}
img{
	border:none;
}
img.doku{
	border:1px solid grey;
	box-shadow:10px 20px 30px grey;
}
input, textarea, select{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px inset silver;
	padding:3px;
	margin:1px;
	font-family: OpenSans, Sans-Serif;	
	font-size:14px;
}
input{
	width:200px;
}
input:not([readonly]):focus, textarea:not([readonly]):focus{
	background-color:#efefef;
	color:black;
	position:relative;
	z-index:100;
}

input:read-only, textarea:read-only{
	background-color:#fff;
	color:grey;
}


input[type=submit]{
	background-image:url(images/buttonbg.png);
	width:120px;
	height:30px;
	color:white;
	border:1px outset silver;	
	font-size:14px;
}
input[type=submit]:disabled{
	background-image:none;
	background-color:silver;
	width:120px;
	height:30px;
	color:white;
	border:1px outset silver;	
	font-size:14px;
	cursor: not-allowed! important;
}


input[type=submit].button_long{
	background-image:url(images/buttonbg.png);
/* 	color:black; */
	font-weight:bold;
	width:300px;
}

input[type=button]{
	background-image:url(images/buttonbg.png);
	width:170px;
	height:25px;
	color:white;
	border:1px outset silver;	

}
input[type=checkbox]{
	width:20px;	
}
input[type=date]{
	width:110px;
}
input[type=time]{
	width:110px;
}
input[type=number]{
	width:75px;
}
input[type=radio]{
/* 	height:20px; */
	width:20px;
	display:block;
	float:left;
}

input[type=file]{
	width:400px;
}

button{
		margin-top:1px;
		height:23px;
		margin-right:30px;

}
h1{
	font-size:14pt;
	color:#878787;
}
h2{
	font-size:13pt;
	color:#014596;
}
table.layout{
	border:none;
}
table.layout td{
	border:none;
	font-family: OpenSans, sans-serif;
    font-size: 14px;
}
table{
	margin-left:20px;
	border:1px solid #e5e1e1;
	border-spacing: 0px;
/* 	top:10px; */
	display:block;
	position:relative;
	margin-bottom:20px;
	margin-top:0px;
	scrollbar-width:none;
}

tbody tr:nth-child(even){
	background-color:#f8f6f6;
}
tbody tr:nth-child(odd){
	background-color:white;
}
tbody tr:hover{
	background-color:#dedddd;
}
form{
	width:98%;
	margin:auto;
}
form#currencyDetailForm label{
	width:150px;
}
form#exportTabDefForm label{
	width:200px;
}
th{
	padding:5px;
	border:1px solid #e5e1e1;
	background-color:#cccccc;
	color:black;
	font-size:12px;
}

.toNext{ float:left;}
.clearBoth{ clear:both;}

div#appframe{
	margin:0px auto;
	width:100%;
}
div#headline{
	width:99%;
	height:86px;
	background-color: #cccccc;
	border-bottom:1px solid silver;
	padding:10px;
	/* fixed frame
	position:fixed;
	z-index:9999;
	margin-top:-10px;
	END fixed frame */
}

div#headline img#logo{
	height:60px;
}
div#headline form#clientSwitchForm{
	margin-left:0px;
	margin-top:0px;
}
 
div#headline div#userDisplay{
	position:absolute;
	right:10px;
	top:88px;
	color:#636e66;	
}

div#headline div#languageSwitcher{
	position:absolute; 
	right:15px; 
	top:15px;
}
div#hmenu{
	display:none;
}

select#client_switch{
	background-color:#cccccc;
	color: white;
	border:none;
}

select#client_area_switch{
	background-color:#cccccc;
	color: white;
	border:none;
}

/* vertical menu */
div#menu{
	width:170px;
	height:100%;
	border:none;
	position:relative;
	margin-top:0px;
	z-index:3;
	float:left;
	/* fixed frame 
	position:fixed;
	margin-top:97px;
	z-index:9999;
	fixed frame */
	
}
ul.menu{
	margin-left:-40px;
 	margin-top:0px;
	list-style-type:none;
	visibility: hidden;
	-moz-transition-property: visibility;
	-moz-transition-duration: 150ms;
	-webkit-transition-property: visibility;
	-webkit-transition-duration: 150ms;
	transition-property: visibility;
	transition-duration: 250ms;	
	
}
ul#mainmenu{
	visibility:visible;
}

ul#mainmenu li:hover > ul{
	visibility:visible;
	 animation: fade-in 1s; 
	 -webkit-animation: fade-In 1s;
}

ul#mainmenu li:not(:hover) > ul{
	visibility:hidden;
	-webkit-animation: fade-out 1s;
	animation: fade-out 1s; 
}



ul.menu li img{
	height:18px;
	margin-left:5px;
	margin-right:5px;
}

ul.menu.level0 li{
	width:170px;
	height:25px;
	font-size:16px;
	text-align:left;
	padding-left:3px;
	background-color:#f4f4f4;
	border-left:1px solid silver;
	border-top:1px solid #f4f4f4;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	border:none;
	cursor:pointer;
	color:black;
	color:#76b927;
	float:left;
	z-index:1003;
}
ul.menu.level0 li:hover{
	background-color:white;
	border-left:1px solid #e2e1e1;
	border-top:1px solid #e2e1e1;
}
ul.menu.level0 li a{
	color:black;
	color:#76b927;
	text-decoration:none;
}
ul.menu.level1{
	margin-left:130px;
	margin-top: -22px;
}
ul.menu.level1 li{
	width:200px;
	height:25px;
	text-align:left;
	background-color:#f4f4f4;
	background-image:none;
	border-top:1px solid white;
	border-left:1px solid #f4f4f4;
	border-left:1px solid silver;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	border:none;
	cursor:pointer;
	box-shadow:3px 3px 3px grey;
	position:relative;
	z-index:1002;
}
ul.menu.level1 li:hover{
	background-color:white;
	border-left:1px solid #e2e1e1;
	border-top:1px solid #e2e1e1;
}
ul.menu.level2{
	margin-left: 160px;
	margin-top: -22px;
}
ul.menu.level2 li{
	width:170px;
	height:24px;
	text-align:left;
	background-color:#f4f4f4;
	background-image:none;
	border-top:1px solid white;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	border:none;
	position:relative;
	z-index:1001;
}
ul.menu.level3{
	margin-left: 130px;
	margin-top: -24px;
}
ul.menu.level3 li{
	width:170px;
	height:24px;
	text-align:left;
	background-color:#f4f4f4;
	background-image:none;
	border-top:1px solid white;
	border-bottom:1px solid #e2e1e1;
	border-right:1px solid #e2e1e1;
	position:relative;
	z-index:1000;
}

div#sidepanel{
	display:inline-block;
	margin-top:2px;

}

div#mainarea{
	margin-left:190px;
	margin-top: 20px;
	padding:5px;
	position:relative;
/* 	z-index:	0; */
	/* fixed frame
	padding-top:110px;
	END fixed frame */
}


div#mainarea h1:first-of-type {

	position: sticky;
	display: block;
	width: 100%;
	height: 33px;
/* 	background: antiquewhite; */
	background: white;
	top: 107px;
	margin-top: -25px;
	padding: 10px;
/* 	padding-top: 15px; */
	z-index:2;
}
/* end vertical menu */


div#mainarea thead:first-child {
		position:sticky;
		top:160px;
		z-index:2



	}


div#footer{
	width:100%;
	border-top:1px solid silver;
}
fieldset{	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	border:1px solid silver;
	position:relative;
}
fieldset.small{
	width:400px;
	float:left;
	position:relative;
}
fieldset legend{
	color:grey;
	font-size:16px;
	font-weight:bold;
}

#maintemplatecontainer{
/* 	margin-left:198px; */
}
#maintemplatecontainer form {
	width:100%;
}

#feedbackcontainer{
/* 	margin-left:198px; */
}
label{
	width:140px;
	display:block;
	float:left;
}
.formValueDiv{
	margin-left:140px;
	border:1px solid  #e5e1e1;
	padding:3px;
}
.button{
	background-image:url(images/buttonbg.png);
	color:black;
	font-weight:bold;
}
div.message{
	position:fixed;
	z-index:9999;
	width:300px;
	height:200px;
	left:30%;
	top:110px;
	padding:5px;
	background-color:white;
	color:grey;
	font-size:11pt;
	box-shadow:3px 3px 3px grey;	
}
div.message.error{
	border:1px solid red;
}
div.message.info{
	border:1px solid silver;
}
div.messageHeader{
	border:1px solid #878787;
	padding:2px;
	cursor:pointer;
	background-color:#878787;
	text-align:right;
	color:white;
}


th a{
	color:black;
}
th.weekend{
	background-color:#829867;
}
col.weekend{
	background-color: #e5f8d0;
}
th.today{
	background-color: #cc5d5d;
}
col.today{
	background-color: #f5c1c1;
}

.weekend.today {
	background-color:#F2E3CC;

}

.locked{
	background-color: #dedede !important;
}


td{
	padding:5px;
	border-right:1px solid #e5e1e1;
	border-bottom:1px solid #e5e1e1;
	font-size:14px;	
	vertical-align:top;
}
td.subth{
	background-color:#878787;
	
}
table.layout tr td{
	border:none;
}
table#treeview tr td{
	border:none;
}
.popup_calendar{
	position:absolute;
	font-size:10px;
	background-color:white;	
}
.popup_calendar a{
	text-decoration:none;
}
table.cpBorder td{
	padding:0px;
	background-color;white;
}
.cpMonthNavigation{
	background-color:grey;
	color:white;
}
.cpCurrentDate{
	background-color:grey;
	color:white;
}

textarea{
	width:250px;
	height:50px;
	font-family: OpenSans, Sans-Serif;
	font-size:14px;
}
.filter{
	width:120px;
}
span.infoPopup{
	position:absolute;
	width:300px;
	height:300px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	border:2px solid #a2c825;
	background-color:white;
	color:black;
	padding:2px;
	margin-top:20px;
	overflow:auto;
}

span.infoPopup div.headline{
	color:#a2c825;;
}
.checkbox{
	font-weight:bold;
}

.bigCheckbox{

	width:1.5em !important;
	height:1.5em !important;
	
}

.checkboxButtonLabel{
	margin-left: 20px;
	vertical-align: top;	
}

.guiTableFilterField{
	width:100px;
}

tr.newEntry{

}

fieldset.formTopper{
	background-color:silver;
	margin-bottom:10px;
/* 	float:left; */
	height:auto;
}

.formTopper label {
	background-color:#C0C0C0;
}

a.workflowTemplateSelectBox{
	padding:5px;
	margin:5px;
	background-color:#878887;
	color:white;
	border-radius:3px;
	text-decoration:none;
	display:block;
	min-width: 150px;
	float:left;
	white-space:normal;
	text-align:center;
}

div.feedbackTemplateSelectBox{
	padding:5px;
	margin:5px;
	background-color:#878887;
	color:white;
	border-radius:3px;
	width:150px;
	text-align:center;
	float:left;
	white-space:no-wrap;
	cursor:pointer;
}

div.feedbackEditSelectBox{
	padding:5px;
	margin:5px;
	background-color:#878887;
	color:#B4DAEE;
	border-radius:3px;
	width:150px;
	text-align:center;
	float:left;
	white-space:normal;
	cursor:pointer;
}

div.formtabtrigger{
	float:left;
	padding:5px;
	background-color:white;
	color:black;
	cursor:pointer; 
}
div.formtabtrigger.active{
	float:left;
	padding:5px;
	background-color:silver;
	color:white;
}
div.formtab{
	border-top:3px solid red;
	border:1px solid silver;
}


.fixedmenuposition{
/* 	border: 2px solid red; */
	display:block;
	position:relative;
	float:left;
	width:170px;
	margin:5px;
	border-radius:5px;
}
#fmp0{border: 2px solid blue ;float:left;}
#fmp1{border: 2px solid red ;float:left;}
#fmp2{border: 2px solid orange ;float:left;}
#fmp3{border: 2px solid green ;float:left;}
#fmp4{border: 2px solid magenta;float:left;}
#fmp5{
	border: 2px solid black ;float:left;
	/*width:auto;
	overflow:auto;*/

}

#fmp0:empty{border: 2px solid white ;float:left;}
#fmp1:empty{border: 2px solid white ;float:left;}
#fmp2:empty{border: 2px solid white ;float:left;}
#fmp3:empty{border: 2px solid white ;float:left;}
#fmp4:empty{border: 2px solid white;float:left;}
#fmp5:empty{
	border: 2px solid black ;float:left;
	/*width:auto;
	overflow:auto;*/

}

a.workflowListWorkflowStepShowHideLink.hidden{
	background-color:white;
	color:silver;
	padding:5px;
	border:1px solid silver;
	border-radius:3px;
	text-decoration:none;
	display:inline-block;
	margin-top:2px;
	
}

a.workflowListWorkflowStepShowHideLink.shown{
	background-color:silver;
	color:white;
	padding:5px;
	border-radius:3px;
	text-decoration:none;
}

.functionData{
	margin:0px;
}

.functionData thead th {
	background-color:#76b929;
	color:#ffffff;
	border:none;
/* 	border-bottom: 1px solid #e5e1e1; */
/* 	border-right: 1px solid #e5e1e1; */
}

.functionData tbody td {
	border :none;
	
}

.functionData input{
/* 	width:60px; */
}

.functionData .secondHeader th{
	
	text-align:left;
 	background-color:#DDF0D8 ; /*#BFF0B2;*/
	color:#000;
	font-weight:normal;
	
}
.functionData .firstHeader>th:nth-child(1n) {
	border-left:1px solid #e5e1e1;
	
}

.functionData .secondHeader>th:nth-child(2n) {
	border-left:1px solid #e5e1e1;
	
	
}
.functionData>tbody>tr>td:nth-child(2n) {
	
	border-left:1px solid #e5e1e1;
	
	
	
}

/*   border-top: 16px solid #3498db;  Blue */

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #76B828; /* Green */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  z-index:1000;
  display:block;
  position:relative;
  left:140px;
  top:40px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.stickyContainer{
	display:block;
	position: relative;
/*     left: 20px; */
    z-index:2;
/* 	width:800px */
}

#stickyParent{
	display: block;
/* 	position: relative; */
	position: sticky;
	min-height: 190px;
	width: 100%;
	top: -150px;
	background-color:white;
	z-index: 2;
	float:left;
}
#stickyParent #leftCol{
	display:block;
	position:relative;
	float:left;
/* 	border:1px solid magenta; */
	width:65%;
	min-width:700px;
	z-index:2;
	background-color:#fff;



}

#stickyParent #rightCol{
	display:block;
	position:relative;
	float:left;
/* 	border:1px solid lime; */
	width:30%;
	min-width:200px;
/* 	z-index:3; */
	margin-left:10px;

}
#stickyContainer_2{
	display: block;
	position: sticky;
	min-height: 190px;
	width: 100%;
	top: -100px;
/* 	background-color: white; */
	z-index: 1;
	height:600px;
}

#stickyContainer_3{

	display: block;
	position: relative;
	min-height: 190px;
	width: 100%;
	top: 0px;
	margin-top:10px;
/* 	background-color: white; */
	background-color: #93cee961;
	z-index: 1;
	height:900px;



}

#stickCont_1 {
    position: relative !important;
    top: 20px !important;
}
/* #stickCont_1{} */
/* #stickCont_1{top:0px !important} */
#stickCont_2{}
#stickCont_2r{}
#stickCont_3{margin-top:15px;}
#stickCont_4{}
#stickCont_5{}
#stickCont_6{
	width:65%;min-width:650px;
	z-index:5;
	background-color:white;
	padding:10px;
	border-radius:10px;
	box-shadow:5px 5px 20px black;
	margin-top:100px;
	margin-bottom:400px;

}


#stickCont_6 thead{
	position:relative;

}


#planDailyDateSelector {
	min-width:650px
}


#unplannedWorkflowsSpan .CalEntries{

	margin:5px;
	float:left;
	padding:1px 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:10px



}
#unplannedWorkflowsSpan .CalEntries:hover{
	cursor:grab;

}



#planDaily{
	
	table-layout:fixed;
	display:block;
	border-collapse: collapse;
	width:1400px;
	overflow-x:scroll;
	position:sticky;
	height:800px;
	scrollbar-width: none;

}



#planDaily th{
/* 	white-space: nowrap; */
	outline-style: solid;
	outline-width: thin;
	outline-color: silver;

}


#planDaily td {
 	padding-top:1px;
	width:20px;
	height:4px !important;
/* 	font-size:0px; */
	/*border-bottom:1px solid transparent;*/
	height:2px;
	padding-right:0px;
	background-color:transparent;
	overflow:hidden;
	white-space: nowrap;


}

#planDaily td .wf{
	
/* 	height:0px; */
	padding:10px;
	font-size:14px;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #dedede;
	width:200px;
	height:30px;
	box-shadow:3px 3px;
	margin-left:10px;
	z-index:1;
	white-space:normal;
}



#planDaily .groupname{

	color:lime;
	font-size:0px;
}


#planDaily tr:nth-child(even) {
/* 	background-color:#ffffff; */
	background-color:transparent;
}
#planDaily tr:nth-child(odd) {
/* 	background-color:#ffffff; */
	background-color:transparent;
}

#planDaily .newGroup{
	
	border-top:2px solid #e5e1e1;
	
}


#planDaily .CalEntries {
    display: block;
    border: 0px dotted transparent;
    position: absolute;
    min-width: 25px;
    height: 11px;
    margin-left: -5px;
/*     margin-right: 1px; */
    margin-top: 0px;
    margin-bottom: 2px;
	font-size:11px;
	cursor: grab ;
	padding-left:5px;
/* 	padding:1px 5px; */
/* 	border-radius:3px; */
	text-overflow: ellipsis;
	overflow:hidden;
}
#planDaily .CalEntries:hover {
	text-overflow: visible ;
	overflow: visible ;
/* 	text-align:right; */
	z-index:1;
/* 	background-color:#fff; */



}

#planDaily .notAllowed{
		background-image: url("./images/not-allowed.png");
		background-repeat:no-repeat;
		background-position:center;
		background-size:10px;
/* 	cursor: not-allowed; */
}
#planDaily .noDrop{
/* 		background-image: url("./images/not-allowed.png"); */
		background-repeat:no-repeat;
		background-position:center;
		background-size:10px;
/* 		cursor: not-allowed; */
}

#planDailyFieldset  {
/* 	position:sticky; */
	position:relative;
/* 	top:120px; */
	background-color:#fff;
	padding-top:25px;
	/*width:80%;
	overflow:scroll;
	display:inline-block;
	position:relative;*/

}

#planDaily tr>th:first-child {
    position: sticky;
    left: 0;
	z-index:2;
  }

/*#planDaily tr>td:first-child{
	position: sticky;
    left: 0;
	z-index:1;

}*/


/* #planDaily thead tr:first-child th {position:sticky;top:0; } */
#planDaily thead {position:sticky;top:-2px;z-index:3;background-color:#fff; }

#planDaily .nodrag{

	filter:brightness(80%);
/* 	background-color:#DCEBFF; */
/* 	z-index:1; */
/* 	position:relative; */
}
#planDaily .nodrag span {

}



#planDaily .firstOfPl{

	border-top-right-radius:5px;
	border-top-left-radius:5px;

}

#scrollLeft{
	display:block;
	position:absolute;
	width:100px;
	height:40%;
	background-color:transparent;
	border:1px solid red;
	left:1440px;
	top:46px;
	border-radius:3px;


}
#scrollRight{
	display:block;
	position:absolute;
	width:100px;
	height:40%;
	background-color:transparent;
	border:1px solid blue;
	left:1440px;
	bottom:10px;
	border-radius:3px;

}

#scrollRight span{
	margin-left:5px;
}
#scrollLeft span{

	margin-left:5px;

}

#planChangesContainerTrigger{
	display:none;
/* 	position:absolute; */
	border:2px solid red;
	background-color:#ff00001f;
	color:#000;
	width:auto;
	height:auto;
/*     z-index:5; */
	border-radius:5px;
	left:340px;
	padding:10px;
	top:2px;
}
#planChangesContainerTrigger:hover{
	cursor:pointer;
}
#planChanges{

	position:absolute;
	top:-240px;
	left:300px;
	width:auto;
	height:auto;
	background-color:#fff;
	z-index:1;
	padding:10px;
	border-radius:10px;
	box-shadow:5px 5px 20px black;
/* 	margin-top:100px; */
/* 	margin-bottom:400px; */
	display:block;


}



#planHourly{

	border-collapse: collapse;

/* 	font-size:3px */
}
#planHourly th{
/* 	padding:0px; */
/* 	font-size:0px; */
	/*border-bottom:1px solid transparent;*/
	table-layout:fixed;


}

#planHourly .firstcol{
	width:150px;

}

#planHourly td{
/* 	padding:0px; */
/* 	font-size:0px; */
	/*border-bottom:1px solid transparent;*/
	table-layout:fixed;
	width:2px;
	overflow:hidden

}

#planHourly td div{

	height:0px;
	display:none;
	padding:10px;

}



#planHourly td:hover div{

	font-size:14px;
	display:block;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #dedede;
	width:200px;
	height:30px;
	box-shadow:3px 3px;
	margin-left:10px;

}



#planHourly .groupname{

	color:lime;
	font-size:0px;
}


#planHourly tr:nth-child(even) {
	background-color:#ffffff;
}
#planHourly tr:nth-child(odd) {
	background-color:#ffffff;
}

#planHourly .newGroup{

	border-top:2px solid #e5e1e1;

}

#workflowlistfilters{
	position: sticky;
	display: block;
	width: 100%;
	min-height: 10px;
/* 	background: antiquewhite; */
	background: white;
	top: 105px;
/* 	margin-top: -25px; */
	/*padding*/: 10px;
/* 	padding-top: 15px; */
	z-index:1;
	line-height:30px;
}


#projectWorkflowList{
	top:10px!important;
	position: sticky;
	display: block;
	width: 100%;
	height:700px;
	top: 140px;
	overflow:scroll;
	margin-top:10px;


}

#projectWorkflowList thead {
	top:0px!important;
}

.filler{

	display: block;
	position: sticky;
	background-color: white;
	width: 100%;
	height: 54px;
	margin-top: -25px;
	margin-bottom: -20px;
	top: 106px;
	z-index: 1;

}

#userlistswitch {
    display: block;
    position: sticky;
    top: 160px;
    margin-left: 33px;
    z-index: 2;
    height: 60px;
    background: #fff;
}
table#Users{top:14px;}
table#Users thead{top:220px!important;}

/*sticky test for designarticlelist
 * needs  header and menu changed to
 *
 */
/*@notActiv{*/
	div#headline{
		position:sticky;
		top:0px;
		z-index:3
	}
	div#menu{
		position:sticky;
		top:107px;
		z-index:9999;

	}

	/*#design_article thead{
		position:sticky;
		top:162px;


	}*/


	/*#designarticle tr:nth-child(1) th{
		position:sticky;
		top:104px;

		z-index:10;*/

	}
	/*#designarticle tr:nth-child(2) th{
		position:sticky;
		top:142px;

		z-index:10;

	}*/


/* } */

.fbframeOuter{

	border:1px solid lime;
	width:200px;

}

.ressourceSelector{margin-bottom:9px; }
.teil_nummer{ width:50px;margin-top:20px;}
.welle_fi{width:50px;margin-top:22px;}
.welle_ra{width:50px;margin-top:22px; }
.welle_rz{width:50px;margin-top:22px; }
.rundlauf{width:50px;margin-top:22px;}
.koax{width:50px;margin-top:22px; }
.info{min-width:120px;width:120px;height:20px;min-height:20px;margin-bottom:16px;}
#header_info{height:0px;}

.formElement{ border: 1px solid transparent}
.col_head{ margin-top:10px;}

.tableright input[name="guiTableFilter[path]"] {
	width:300px!important;
}

.attachmentLink{
				text-align:right;
				padding:10px;
/* 				border:1px solid silver; */

}
.attachmentLink a:hover{

		text-decoration-line: underline;
		text-decoration-thickness: 2px;
}



.mAttachmentLinkOuter {
				width:400px;
				margin:4px;
				border:1px solid #dedede;
				height:25px;

}

.mAttachmentLink a{
				width: 370px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				display:block;
}
.mAttachmentLink{ text-align:left;
					padding:4px;
}


.delImageBtn{	position:absolute;
				top:0;
				right:0;
				border:1px solid #000;
				border-radius: 8px;
				line-height:16px;
				width:16px;
				text-align:center;
				background-color:#CC0000;

}
.delFileBtn{

				position:relative;
				top:-16px;
				margin-left:auto;
				border:1px solid #000;
				border-radius: 8px;
				line-height:16px;
				width:16px;
				text-align:center;
				background-color:#CC0000;
				display:flex;

}
.delFileBtn2{
				position:absolute;
				float:left;
				margin-left:95%;
				margin-top:-20px;
				border:1px solid #000;
				border-radius: 8px;
				line-height:16px;
				width:16px;
				text-align:center;
				background-color:#CC0000; "
}

.delFileBtn2:hover{
				border:2px solid #000;
				cursor:pointer;

}

.delFileBtn a{
				color:#FFF;
				text-decoration: none;
				display:block;
}


@media only screen 
	and (max-width: 1024px)	
	and (orientation: portrait){
	
	form{
/* 		width:60%; */
	}	
	
	div#hmenu{
		position:absolute; 
		right:20px; 
		top:30px; cursor:pointer;	
		display:block;
	}
	div#userDisplay{
		display:none;	
	}	
	
	div#menu{
		display:block;
		position:absolute;
		margin-top:0px;
		z-index: 3;
		display:none;
	}	
	
	div#mainarea{
		margin-left:0px;
		margin-top: 0px;
		padding:5px;
		position:relative;
/* 		z-index: 0; */
	}
	
	/* vertical menu */
	div#menu{
		width:94%;
	}
	
	ul.menu.level0 li{
		width:100%;
		height:100%;
		font-size:20px;
		padding:10px;
	}
	ul.menu.level1{
		margin-left:-51px;		
		margin-top: 0px;
	}
	ul.menu.level1 li{
		width:97%;
		height:100%;
	}
	ul.menu.level2{
		margin-left:-51px;	
		margin-top: 0px;
	}
	ul.menu.level2 li{
		width:98%;
		height:100%;
	}
	ul.menu.level3 li{
		width:99%;
		height:100%;
	}	
	/* end vertical menu */	
	
}




@media print{
	div#headline{
		display:block;
	}
	div#menu{
		display:none;
	}
	div#mainarea{
		margin-left:0px;
		margin-top:0px;
	}	
	h1{
		display:none;		
	}
	input[type=submit]{
		display:none;
	}
	#btnShowHideEmptyErrorDetails{
		display:none;
	}

}