/* #e0ae0b  #597fa8  #85A3C1 #f5e6b5*/
html{ overflow:hidden; }
body{
	/*-webkit-user-select: none;*/
	-webkit-touch-callout: none;
	-webkit-appearance: none;
	cursor:default !important;
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0px;
}
::selection {background:#222; color: #fff;}
::-moz-selection {background:#222; color: #fff;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
* {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.selectable {
   -moz-user-select: auto;
   -khtml-user-select: auto;
   -webkit-user-select: auto;
   user-select: auto;
}
.noselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.tooltipStyle{
	background-color:#FAFAFA !important;
	padding: 10px 13px !important;
}
@font-face{font-family:'robotolight';src:url('../../fileadmin/Resources/fonts/Roboto-Light-webfont.eot');src:url('../../fileadmin/Resources/fonts/Roboto-Light-webfont.eot?#iefix') format("embedded-opentype"),url('../../fileadmin/Resources/fonts/Roboto-Light-webfont.woff') format("woff"),url('../../fileadmin/Resources/fonts/Roboto-Light-webfont.ttf') format("truetype"),url('../../fileadmin/Resources/fonts/Roboto-Light-webfont.svg#robotolight') format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'architects_daughterregular';src:url('../../fileadmin/Resources/fonts/ArchitectsDaughter-webfont.eot');src:url('../../fileadmin/Resources/fonts/ArchitectsDaughter-webfont.eot?#iefix') format("embedded-opentype"),url('../../fileadmin/Resources/fonts/ArchitectsDaughter-webfont.woff') format("woff"),url('../../fileadmin/Resources/fonts/ArchitectsDaughter-webfont.ttf') format("truetype"),url('../../fileadmin/Resources/fonts/ArchitectsDaughter-webfont.svg#architects_daughterregular') format("svg");font-weight:normal;font-style:normal}
a, .link{ color:#e0ae0b; text-decoration:none; }
a:visited { text-decoration:none; }
a:focus { text-decoration:underline; }
a:hover, .link:hover{ text-decoration:underline; }
a:active { text-decoration:underline; }
.pointer{ cursor:pointer; }
hr { border: none; margin-top:20px; border-top: 1px solid #C0C0C0; color: #FFFFFF; background-color: #FFFFFF; height: 1px; }
#loading{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:10px;
	z-index:10000;
	display:none;
	overflow:hidden;
}
#coverScreen{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:4500;
	cursor:pointer;
	background-image: url('../img/startscreen-min.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
#coverScreenInfo{
	position:absolute;
	left:0px;
	bottom:0px;
	height:80px;
	width:100%;
	background-color:rgba(255,255,255,0.5);
	box-shadow:0 -20px 20px -20px rgba(0,0,0,0.5);
}
#loginContainer{
	position: absolute;
	left: 50%;
	margin-left: -280px;
	top:50%;
	margin-top: -155px;
	z-index:3000;
	display:none;
}
#pauseContainer{
	position: absolute;
	left: 50%;
	margin-left: -280px;
	top:-50%;
	margin-top: 0px;
	z-index:4100;
}
#qr_container{
	position: absolute;
	left:405px;
	bottom:20px;
	width:200px;
	height:45px;
	background-color:#FFF;
	z-index: 900;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	overflow:hidden;
}
#qr_container span.qricon{
	color:#CCC;
	position:absolute;
	right:10px;
	top:10px;
	font-size:25px;
}
#qr_container span.qricon:hover{
	cursor:pointer;
	color: #e0ae0b;
}
#header{
	position:fixed;
	top:0px;
	left:0px;
	z-index: 950;
	width: 100%;
	overflow:hidden;
	height:60px;
	background-color: #FFF;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}
.headerTitle{
	position:relative;
	padding:22px 20px;
	color:#222;
	font-size: 16px;
	float:left;
	background-image:url(../img/separator_bottomleft.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.headerLogo{
	position:absolute;
	right: 70px;
	top: 10px;
	background-image:url(../img/logo_mini.png);
	width:214px;
	height:40px;
}
#headerSysnewsContent{ position:relative; width:100%; max-height:calc(100vh - 100px); overflow:hidden; }
.sysnews_content_item{
	font-size:15px;
	position:relative;
	width:calc(100% - 30px);
	padding:15px 15px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.sysnews_content_item:hover{
	color: #e0ae0b;
    background-color: #f5e6b5;
}
.sysnews_kat{ display:block; color:#FFF; text-shadow:-1px -1px rgba(0,0,0,0.1); padding:3px 5px 2px 5px; margin-top:1px; margin-right:5px; border-radius:4px; font-size:10px; line-height:10px; }
.flyHelp_item{
	font-size:15px;
	position:relative;
	width:calc(100% - 30px);
	padding:0px 15px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.flyHelp_item:hover{ color: #e0ae0b; background-color: #f5e6b5; }
.flyHelp_item:hover .flyHelp_item_content{ border-bottom:1px #f5e6b5 solid; }
.flyHelp_item_content{ width:calc(100% - 0px); padding:15px 0px; border-bottom:1px #DDD solid; }
#flyHelpContainer{
	position:fixed;
	z-index: 11000;
	top:10vh;
	right:10vh;
	width:400px;
	height:80vh;
	background-color:#FFF;
	border:1px #DDD solid;
	display:none;
	box-shadow:0px 0px 40px rgba(0,0,0,0.2);
	outline:2px rgba(255,255,255,0.5) solid;
}
#headerSysnews{
	position:fixed;
	z-index: 960;
	top:52px;
	right:20px;
	width:340px;
	background-color:#FFF;
	border:1px #DDD solid;
	display:none;
	box-shadow:0px 0px 40px rgba(0,0,0,0.2);
	outline:2px rgba(255,255,255,0.5) solid;
}
#headerSysnews:after, #headerSysnews:before {
	bottom: 100%;
	left: 31px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#headerSysnews:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 20px;
	margin-left: -20px;
}
#headerSysnews:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #DDD;
	border-width: 21px;
	margin-left: -21px;
}
#headerSysnews .shadow_left{
	display:none;
	position:absolute;
	bottom:-10px;
	left:-9px;
	width:9px;
	height:141px;
	background-image:url(../img/boxshadow_bottomleft.png);
}
#headerSysnews .shadow_right{
	display:none;
	position:absolute;
	bottom:-10px;
	right:-9px;
	width:9px;
	height:141px;
	background-image:url(../img/boxshadow_bottomright.png);
}
#headerSysnews .headline, #flyHelpContainer .headline, .sidebar_headline{
	position:relative;
	width:100%;
	height:48px;
	overflow:hidden;
	border-bottom:1px #DDD solid;
	background-image: linear-gradient(#FFF 0%, #F5F5F5 100%);
}
#headerSysnews .headline_button, #flyHelpContainer .headline_button, .sidebar_headline_button{
	float:left;
	width:21px;
	padding:14px 14px 13px 14px;
	height:21px;
	color:#AAA;
	font-size:21px;
}
#headerSysnews .headline_button:hover, #flyHelpContainer .headline_button:hover, .sidebar_headline_button:hover{
	color:#e0ae0b;
	cursor:pointer;
}
#headerSysnews .footer, #flyHelpContainer .footer{
	position:relative;
	width:calc(100% - 20px);
	padding:10px;
	color: #999;
	font-size:13px;
	line-height:13px;
	height:13px;
	border-top:1px #DDD solid;
	text-align:center;
	background-image: linear-gradient(#FFF 0%, #F5F5F5 100%);
}
#headerSysnews .footer:hover, #flyHelpContainer .footer:hover{
	color: #FFF;
	background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%);
}
.ui-resizable-n{ height:9px; top:-1px; }
.ui-resizable-n:hover{ background-color:rgba(0,0,0,0.3); }
.ui-resizable-s{ height:9px; bottom:-1px; }
.ui-resizable-s:hover{ background-color:rgba(0,0,0,0.3); }
#sideBar{
	z-index:940;
	overflow-y:auto;
	overflow:hidden;
	position:absolute;
	top:60px;
	right:0px;
	width:0px;
	margin-right:-60px;
	height: calc(100% - 100px);
	padding:20px;
	display:none;
	background-color:#FFF;
	box-shadow:-15px 15px 25px -15px rgba(0,0,0,0.2);	
}
.headerIcon{ font-size:20px;color: #CCC; }
.activ{ color: #e0ae0b; }
.headerLogout{
	position:absolute;
	right: 10px;
	top: 10px;
}
.headerPause{
	position:absolute;
	right: 60px;
	top: 10px;
}
.infoContainer{
	position:relative;
	z-index: 950;
	width: 560px;
	overflow:hidden;
	height:310px;
	background-color: #FFF;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}
.infoTitle{
	position:relative;
	padding:29px 20px;
	width:520px;
	height:10px;
	border-bottom:3px #DDD double;
	color:#222;
	font-size: 16px;
}
.infoLogo{
	position:absolute;
	right: 18px;
	top: 18px;
	background-image:url(../img/logo_mini.png);
	width:214px;
	height:40px;
}
.infoFooter{
	position:relative;
	padding:19px 20px;
	width:520px;
	border-top:3px #DDD double;
}
.statusLeiste{
	z-index:5000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:57px;
	background-image: linear-gradient(white 0%, #EFEFEF 100%);
	background-color:#FFF;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	display: none;
	margin-top:-120px;
	text-align:center;
	min-height:25px;
}
.statusText{
	position:relative;
	text-align:center;
	font-size:16px;
}
.statusLeisteLoadingBar{
	position:absolute;
	top:20px;
	right:20px;
	overflow:hidden;
	width:150px;
	height:15px;
	background-color:#EFEFEF;
	border:1px #FFF solid;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	
}
.statusLeisteLoadingContent{
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	width:0px;
	height:15px;
	background-color:#e0ae0b;
}
.menubutton{
	position:relative;
	width:60px;
	height:60px;
	float:left;
	margin-left:-60px;
	cursor:pointer;
}
.menubutton:hover span{ color:#e0ae0b; }
.menubutton span{
	position:relative;
	font-size:30px;
	margin-left:15px;
	top:15px;
	color:#CCC;
}
.menubutton span.open{ color:#BBB; }
.menubutton span.open:hover{ color:#e0ae0b; }
.menubutton span.close{ color:#555; }
.menubutton span.close:hover{ color:#e0ae0b; }
.input_big, .input_small{
	position:relative;
	font-size:14px;
	font-size:14px;
	line-height:14px;
	height:14px;
	border: 1px #C0C0C0 solid;
	outline: none;
	background-color:#FFF;
}
.input_action{
	position:relative;
	font-size:14px;
	line-height:14px;
	height:14px;
	border: 1px #ccc solid;
	outline: none;
	background-color:#ddd;
}
.input_action:hover{ background-color:#EEE; }
.input_big, .input_action{ padding: 9px 8px; }
.input_small{ padding: 4px 6px; }
select.input_big, select.input_action{ height:34px; padding: 8px; cursor:pointer; }
.input_big:focus , .input_small:focus, .input_action:focus{
	border: 1px #e0ae0b solid;
	background-color:#FFF;
}
input, select, textarea, button{ outline: none; -webkit-appearance: none; cursor:pointer; 
-moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; user-select: all;
	-moz-none; -moz-user-select: text;
}
input {
    -webkit-user-select: auto !important;
}
input[type=button]{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:100px; }
input[type=button].light {
	background-color:rgb(200,200,200);
    color:#676767;
    font-size:14px;
    cursor:pointer;
	padding: 9px 12px;
	border:0px;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input[type=button].light:hover {
    background-color:rgba(200,200,200,0.9);
	color:#454545;
}
input[type=button].action, button.action {
	background-color:rgb(200,200,200);
    color:#676767;
    font-size:14px;
    cursor:pointer;
	padding: 9px 12px;
	border:0px;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input[type=button].action:hover , button.action:hover{
    background-color:#E0AE0B;
	color:#FFF;
}
input[type=button].delete {
	background-color:rgb(200,200,200);
    color:#676767;
    font-size:14px;
    cursor:pointer;
	padding: 9px 12px;
	border:0px;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input[type=button].delete:hover {
    background-color:rgb(200,0,0);
	color:#FFF;
}
input[type=button].bin {
	background-color:#D80000;
	background-image:linear-gradient(#D80000 0%, #B80000 100%);
    color:#FFF;
    font-size:14px;
    cursor:pointer;
	padding: 9px 12px;
	border:0px;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input[type=button].bin:hover {
   background-color:#D80000;
	background-image:linear-gradient(#D80000 0%, #D80000 100%);
	color:#FFF;
}
input[type=button].heavy, input[type=submit].heavy{
	background-color:#e9c654;
	background-image:linear-gradient(#E0AE0B 100%, #e9c654 0%);
    color:#FFF;
    font-size:14px;
    cursor:pointer;
	padding: 9px 12px;
	border:0px;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
input[type=button].heavy:hover {
    background-color:#E0AE0B;
	background-image:linear-gradient(#E0AE0B 100%, #E0AE0B 0%);
}
input[type=button]:focus{ box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,0.5); }
button.logout, button.pause{
	background-color:rgb(220,220,220);
    color:#adadad;
    font-size:24px;
	line-height:24px;
	padding: 9px 8px;
	border:0px;
	height:40px;
	width:40px;
	-webkit-appearance: none;
	-webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; 
}
button.logout:hover, button.pause:hover{
    background-color:rgb(224,174,11);
    color:#FFF;
	-moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; -khtml-border-top-left-radius: 30px; border-top-left-radius: 30px;
	-moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px; -khtml-border-top-right-radius: 30px; border-top-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px; -khtml-border-bottom-left-radius: 30px; border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; -khtml-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px;
}
button, select, textarea, input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type=number], input[type=""]{ -webkit-appearance: none; border-radius: 0; margin:0px; }
input[type=number].password { -webkit-text-security: disc; }
label { display: inline; }
input[type=checkbox] { display: none; }
input[type=checkbox] + label { position:relative; width:14px; height:14px; cursor:pointer; background-color:#C0C0C0; padding: 3px; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2); display: inline-block; }
input[type=checkbox] + label:hover { background-color:#A9A9A9; color:#FFFFFF; }
input[type=checkbox]:checked + label { background-color: #e0ae0b; background-image:linear-gradient(#E0AE0B 100%, #e9c654 0%); color:#F3F3F3; }
input[type=checkbox]:disabled + label { opacity: 0.7; }

input[type=checkbox] + label.delete { position:relative; width:14px; height:14px; cursor:pointer; background-color:#C0C0C0; padding: 3px; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2); display: inline-block; }
input[type=checkbox] + label.delete:hover { background-color:#A9A9A9; color:#FFFFFF; }
input[type=checkbox]:checked + label.delete { background-color: #D00; background-image:linear-gradient(#D00 0%, #B00 100%); color:#F3F3F3; }

input[type=radio] { display: none; }
input[type=radio] + label { position:relative; width:14px; height:14px; cursor:pointer; background-color:#C0C0C0; color:#C0C0C0; padding: 3px; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2); display: inline-block; }
input[type=radio] + label:hover { background-color:#A9A9A9; color:#A9A9A9; }
input[type=radio]:checked + label { background-color: #e0ae0b; color:#F3F3F3; }

#naviLeftOrga{
	position:absolute;
	top:60px;
	left:0px;
	z-index: 900;
	width: 260px;
	margin-left:-260px;
	overflow:hidden;
	height: calc(100% - 60px);
	background-color: #FAFAFA;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}
#naviLeftOrga ul{ margin:0px; padding:0px; list-style: none; width:100%;}
#naviLeftOrga ul li #orga_auswahl{ position:relative; background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%); text-shadow:-1px -1px #E0AE0B; font-size:14px; color:#FFF; cursor:pointer; width:204px; height:50px; background-color:#85A3C1; float:left; border-right:1px #EFEFEF solid; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#naviLeftOrga ul li p{ position:relative; margin:0px; color:#444; padding:15px 10px; width:calc(100% - 20px); font-size:16px; cursor:pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#naviLeftOrga ul li.activ p{ position:relative; margin:0px; color:#FFF; padding:15px 10px; width:calc(100% - 20px); background-color:#E0AE0B; background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%); font-size:16px; }
#naviLeftOrga ul li p span{ position:relative; display: inline-block; width:25px; color:#CCC; margin-right:10px; top:4px; font-size:21px; line-height:0px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#naviLeftOrga ul li.activ p span{ color:#FFF; }
#naviLeftOrga ul li p span.icon-arrow-down{ color:#DDD; font-size:12px; float:right; margin-right:0px; margin-top:3px; }
#naviLeftOrga ul li p span.icon-arrow-up{ color:#DDD; font-size:12px; float:right; margin-right:0px; margin-top:3px; }
#naviLeftOrga ul li p:hover{ color:#222; background-color:#f5e6b5; }
#naviLeftOrga ul li.activ p:hover{ color:#FFF; background-color:#E0AE0B; }
#naviLeftOrga ul li p:hover span{ color:#e0ae0b; }
#naviLeftOrga ul li.activ p:hover span{ color:#FFF; }
/* #naviLeftOrga ul li p:hover,#naviLeftOrga ul li.activ p:hover{ color:#FFF; background-color:#e0ae0b; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2); } */
#naviLeftOrga ul li.orga_liste{ position:relative; background-color: #E5E5E5; color:#555; margin:0px; padding:0px 10px 8px 0px; font-size:14px; width:calc(100% - 20px); cursor:pointer; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#naviLeftOrga ul li.orga_liste:hover{ color:#e0ae0b; background-color:#f5e6b5; }
#naviLeftOrga ul li #orga_auswahl:hover{ background-image: linear-gradient(#E0AE0B 100%, #E0AE0B 0%); }
#naviLeftOrga ul li > p:hover span{ color:#e0ae0b; }
#naviLeftOrga ul li ul{ display:none; }
#naviLeftOrga ul li ul li p{ padding:15px 10px 15px 30px; width:220px; background-color:#FFF; }
#naviLeftOrga ul li ul li.activ p{ padding:15px 10px 15px 30px; width:220px; background-color:#FFF; }
#naviLeftOrga ul li ul#umenu_0 li p{ padding:15px 10px 15px 20px; width:230px; }

#dashboard{ overflow:hidden; height:100%; }
#dashboard ul{ margin:0px; padding:0px; list-style: none; height:100%; }
#dashboard ul li{ background-color:#F3F3F3; width: calc(50% - 35px); height: calc(50% - 30px); position:relative; margin:20px 10px 0px 20px; list-style: none; float:left; }
#dashboard ul li.true{  }
#dashboard ul li.false{ background-color:rgba(0,0,0,0.0);  }
#dashboard ul li.true div.handle{ width:100%; z-index:10; height:30px; position:relative; cursor:move; border-bottom:1px #C0C0C0 solid; color:#e0ae0b; font-size: 17px; }
#dashboard ul li.false div.handle{ display:none; }
#dashboard ul li.false input.edit_title{ display:none; }
.dashboard_placeholder{ background-color: #f00; margin:30px 0px 0px 30px; }
.kachel_content{ color:#222; }
#dashboard ul li.true input.edit_title{ display:none; background-color:#F3F3F3; font-size: 17px; color:#e0ae0b; margin:0px; padding:0px 0px 7px 0px; z-index:20; position:absolute; top:0px; left:0px; width:100%; border:0px; }
#searchPanel{
	position:absolute;
	left: 260px;
	top:60px;
	height: 115px;
	background-color: #FAFAFA;
	z-index:850;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	margin-top:-200px;
	width: calc(100% - 260px);
}
#kalenderPanel{
	position:absolute;
	left: 0px;
	top:60px;
	background-color: #F3F3F3;
	z-index:940;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	margin-top:-400px;
	padding:0px 20px 0px 0px;
	width: 800px;
}
#uhrzeitPanel{
	position:absolute;
	left: 0px;
	top:60px;
	background-color: #F3F3F3;
	z-index:940;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	margin-top:-400px;
	padding:0px 20px 20px 0px;
	width: 400px;
}
#addOrgaPanel{
	position:absolute;
	left: 260px;
	top:60px;
	height: 50px;
	width:480px;
	background-color: #FAFAFA;
	z-index:850;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	margin-left:-850px;
}
div.window{ position:relative; margin:20px 0px 0px 20px; float:left; }
div.window div.title{ z-index:10; height:30px; width:100%; position:relative; border-bottom:1px #C0C0C0 solid; color:#222; font-size: 17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div.window div.headline{ z-index:10; overflow:hidden; width: calc(100% - 10px); height:30px; padding-right:20px; margin-top:20px; position:relative; color:#222; font-size: 14px; }
div.window div.headline div{ position:relative; float:left; padding-bottom:10px; border-bottom:2px #AAA solid; font-size: 16px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div.window div.content_headline_title{ z-index:10; overflow-y:scroll; overflow-x:hidden; width: calc(100%); height: calc(100% - 80px); position:relative; color:#222; font-size: 14px; }
div.window div.content_headline{ z-index:10; overflow-y:scroll; overflow-x:hidden; width: calc(100%); height: calc(100% - 50px); margin-top:20px; position:relative; color:#222; font-size: 14px; }
div.window div.content_title{ z-index:10; overflow-y:auto; overflow-x:hidden; width: 100%; height: calc(100% - 50px); margin-top:20px; position:relative; color:#222; font-size: 14px; }
div.window div.content_ohne{ z-index:10; overflow-y:auto; overflow-x:hidden; width: 100%; height: 100%; position:relative; color:#222; font-size: 14px; }
div.window div.content_title_maxwidth{ z-index:10; overflow:hidden; width: 100%; height: calc(100% - 50px); margin-top:20px; position:relative; color:#222; font-size: 14px; }
div.window div.content_titlex{ z-index:10; width: 100%; height: calc(100% - 50px); padding-right:20px; margin-top:20px; position:relative; color:#222; font-size: 14px; }
#appTabBarContainer_main{ position:relative;float:left;width:calc(100% - 0px);height:50px;overflow:hidden; }
#appTabBarContainer{
	position:absolute;
	left: 260px;
	top:60px;
	height: 50px;
	width: calc(100% - 260px);
	background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%);
	background-color: #E0AE0B;
	z-index:830;
	margin:0px;
	padding:0px;
	list-style: none;
	margin-top: -50px;
	overflow-x: hidden;
	overflow-y: hidden;
}
#appTabBar{
	position:relative;
	margin:0px;
	padding:0px;
	list-style: none;
	white-space:nowrap;
	bottom:-50px;
	height:50px;
	width:52px;
	/*background-color:#00FF00; */
}
#appTabBar li{
	position:relative;
	float:left;
	font-size: 14px;
	width: 100px;
	padding:11px 8px 0px 8px;
	height:27px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	background-color:rgba(255,255,255,0.5);
	color:#444;
	list-style: none;
	white-space:nowrap;
	margin: 12px 0px 0px 9px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px;
}
#appTabBar li span.icon-cross{ display:none; }
#appTabBar li:hover{
	background-color:rgba(255,255,255,0.7);
	cursor:pointer;
}
#appTabBar li.activ{
	position:relative;
	float:left;
	font-size: 16px;
	width: 140px;
	padding:11px 50px 0px 8px;
	height:27px;
	background-color:#F3F3F3;
	color:#222;
	margin: 12px 0px 0px 9px;
	cursor:default;
}
#appTabBar li.activ span.icon-cross{
	position:absolute;
	top:8px;
	right:8px;
	font-size:12px;
	padding:6px;
	background-color:#BBB;
	color:#F3F3F3;
	display:inline;
	-webkit-appearance: none;
	-webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;	
}
#appTabBar li.activ span.icon-cross:hover{
	border-radius:30px;
	background-color:#e0ae0b;
	color:#FFF;
	cursor:pointer;
}

#appContent{
	position:absolute;
	list-style: none;
	overflow:hidden;
	display:none;
	top:110px;
	width: calc(100% - 260px);
	height: calc(100% - 110px);
	left:260px;
	z-index: 800;
	background-color:#F3F3F3;
	margin:0px; padding:0px;
}

#appContent li[data-type='content']{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#F3F3F3;
	width: 100%;
	height: 100%;
	display:none;
}
#appContent li[data-type='content'].activ{
	display:inline;
}
.counterbulb{
	position:absolute;
	padding:2px 5px 2px 5px;
	background-color:rgb(188,0,0);
	border:2px #FFF solid;
	font-size:11px;
	color:#FFF;
	border-radius:10px;
}
ul.auswahlliste_ul{
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.auswahlliste_ul li{
	position:relative;
	width:100%;
	display:block;
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li{
	position:relative;
	width:100%;
	height:47px;
	display:block;
	color:#222;
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li > div:first-of-type span{ opacity: 0.4; }
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li_activ{
	position:relative;
	width:100%;
	height:47px;
	display:block;
	color:#222;
	background-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.15) 100%);
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li_activ > div:first-of-type span{ opacity: 0.9; color:#e0ae0b; }
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li_activ > div:last-of-type{
	position:absolute;
	right:-20px;
	top:0px;
	width:20px;
	height:48px;
	margin:0px;
	padding:0px;
	border:0px;
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li > div:last-of-type{
	position:absolute;
	right:-20px;
	top:0px;
	width:20px;
	height:48px;
	margin:0px;
	padding:0px;
	border:0px;
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li div:last-of-type span.arrow{ display:none; }
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li_activ div:last-of-type span.arrow{
	position:absolute;
	right:0px;
	top:0px;
	width:0px;
	height:0px;
	border-style: solid;
	border-width: 23.5px 0 23.5px 20px;
	border-color: transparent transparent transparent rgba(0,0,0,0.15);
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li:hover{
	cursor:pointer;
	background-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.08) 100%);
}
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li:hover div:last-of-type span.arrow{
	position:absolute;
	right:0px;
	top:0px;
	width:0px;
	height:0px;
	border-style: solid;
	border-width: 23.5px 0 23.5px 20px;
	display:inline;
	border-color: transparent transparent transparent rgba(0,0,0,0.08);
}
ul.auswahlliste_ul li :hover .uploadCircleMini { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
ul.auswahlliste_ul li :hover div[data-type='usericon'] div[data-type='onlinestatus']{ border:2px #DDD solid; }
ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li > div, ul.auswahlliste_ul li div[data-type='li'].auswahlliste_li_activ > div{
	position:relative;
	float:left;
	padding:16px 0px;
	border-bottom:1px #CCC solid;
	font-size:14px;
	line-height:14px;
    height:14px;
}
.searchPanel_body{
	position:relative;
	padding:20px 20px;
	display: none;
}
.auflistung_link{ cursor:pointer; }
.auflistung_white{ position:relative; background-color:#FFF; width:100%; }
.auflistung div[data-extraicon='new']{ background-color:#F3F3F3; }
.auflistung_white .auflistung_0{
	position:relative;
	padding:16px 0px;
	border-bottom:1px #DDD solid;
	float:left;
	font-size:14px;
	line-height:14px;
    height:14px;
	color:#777;
	width: calc(50% - 10px);
	padding-left:10px;
}
.auflistung_white .auflistung_1{
	position:relative;
	padding:16px 0px;
	border-bottom:1px #DDD solid;
	float:left;
	font-size:14px;
	line-height:14px;
    height:14px;
	color:#222;
	text-align:right;
	width: calc(50% - 10px);
	padding-right:10px;
}
.auflistung_white .auflistung_button{
	position: relative;
	float:left;
	width:49px;
	padding:13px 0px 12px 0px;
	height:21px;
	color:#AAA;
	font-size:21px;
	text-align:center;
	border-bottom:1px #DDD solid;
}
.infocard{
	padding:0px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background-color:#FFF;
	border-radius:2px;
	border:1px #DDD solid;
	float:left;
	margin:0px;
}
.infocard_title{
	z-index: 10;
    height: 20px;
	padding: 10px;
    width: calc(100% - 20px);
    position: relative;
    background-color:#F9F9F9;
	border-bottom:3px #DDD double;
    color: #222;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.auflistung{ position:relative; background-color:#F3F3F3; width:100%; }
.auflistung_hover:hover{ background-color:#DDD; }
.auflistung_hover:hover div[data-extraicon='new']{ background-color:#DDD; }
.auflistung_white_hover:hover{ background-color:#EEE; }
.auflistung:hover .uploadCircleMini { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.auflistung:hover div[data-type='usericon'] div[data-type='onlinestatus']{ border:2px #DDD solid; }
.auflistung input[type='text'],.auflistung select{
	border:0px;
	background-color:transparent;
	position:relative;
	padding:16px 0px;
	border-bottom:1px #CCC solid;
	float:left;
	font-size: 14px;
	height:14px;
	line-height:14px;
	color:#777;
	width: calc(50% - 10px);
	padding-left:10px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
}
.auflistung select{ padding:0px; height:47px; }
.auflistung input[type='text']:hover,.auflistung select:hover{ background-color:#DDD; background-image:url(../img/image_bg_5.png); box-shadow:inset 0px 0px 0px 3px rgba(224,174,11,0.5); }
.auflistung input[type='text']:disabled:hover,.auflistung select:disabled:hover{ background-color:#DDD; background-image:url(../img/image_bg_5.png); box-shadow:inset 0px 0px 0px 3px rgba(200,0,0,0.5); }
.auflistung input[type='text']:focus,.auflistung select:focus{ background-color:#FFF; box-shadow:inset 0px 0px 0px 3px rgba(224,174,11,0.8); }
.auflistung input[type='text']:focus:hover,.auflistung select:focus:hover{ background-image:url(''); }
.auflistung:hover .auflistung_0{ color:#000; }
.auflistung:hover .auflistung_1{ color:#000; }
.auflistung .auflistung_0{
	position:relative;
	padding:15px 0px;
	border-bottom:1px #CCC solid;
	float:left;
	font-size: 14px;
	height:16px;
	color:#777;
	width: calc(50% - 10px);
	padding-left:10px;
}
.auflistung .auflistung_1{
	position:relative;
	padding:15px 0px;
	border-bottom:1px #CCC solid;
	float:left;
	font-size: 14px;
	height:16px;
	color:#222;
	text-align:right;
	width: calc(50% - 10px);
	padding-right:10px;
	
}
.auflistung .auflistung_button, .auflistung_button{
	position: relative;
	float:left;
	width:21px;
	padding:13px 14px 12px 14px;
	height:21px;
	color:#AAA;
	font-size:21px;
	border-bottom:1px #CCC solid;
}
.auflistung_button.hover1:hover{
	color:#e0ae0b;
	background-color:#f5e6b5;
	cursor:pointer;
}
.auflistung_button.hover2:hover{
	color:#e0ae0b;
	cursor:pointer;
}
.auflistung_button.hover3:hover{
	color:#C80000;
	cursor:pointer;
}
.formular_auflistung{
	position:relative;
	width:100%;
}
.formular_titel{
	position:relative;
	width: calc(100% - 10px);
	padding: 3px 5px;
	background-color:#CCC;
	color:#454545;
	text-shadow:1px 1px #DDD;
}
.formular_weitere{
	position:relative;
	width: calc(100% - 20px);
	padding: 5px 10px;
	background-color:#DDD;
	color:#777;
}
.formular_weitere:hover{
	background-color: #e0ae0b;
	background-image:linear-gradient(#E0AE0B 100%, #e9c654 0%);
	color:#FFF;
}
.formular_weitere:hover span{
	color:#FFF;
	font-weight:bold;
}
.formular_weitere span{
	float:right;
	color: #e0ae0b;
}
.formular_auflistung input, .pseudoInput{
	position:relative;
	z-index:10;
	font-size:14px;
	height:14px;
	line-height:14px;
	border:0px;
	border-bottom: 1px #CCC solid;
	outline: none;
	background-color:#F3F3F3;
	padding: 16px 10px 16px 40%;
	text-align: right;
	width: calc(100% - 40% - 10px);
	color:#222;
}
.pseudoInput{ height:16px; }
.formular_auflistung select{
	position:relative;
	z-index:10;
	font-size:14px;
	height:47px;
	line-height:14px;
	border:0px;
	border-bottom: 1px #CCC solid;
	outline: none;
	background-color:#F3F3F3;
	padding: 16px 10px;
	text-align: right;
	width:100%;
	color:#222;
	-webkit-appearance: none;
}
.formular_auflistung textarea{
	position:relative;
	font-family: Arial;
	z-index:10;
	font-size:14px;
	border:0px;
	border-bottom: 1px #CCC solid;
	outline: none;
	background-color:#F3F3F3;
	padding: 15px 10px 15px 40%;
	width: calc(100% - 40% - 10px);
	color:#222;
	height:100px;
	resize:none;
	-webkit-appearance: none;
	text-align: right;
}
.formular_auflistung input:disabled:hover, .formular_auflistung select:disabled:hover, .formular_auflistung textarea:disabled:hover, .pseudoInput:disabled:hover{
	box-shadow:inset 0px 0px 0px 3px rgba(200,0,0,0.5);
}
.formular_auflistung input:hover, .formular_auflistung select:hover, .formular_auflistung textarea:hover, .pseudoInput:hover{
	background-color:#DDD; background-image:url(../img/image_bg_5.png); box-shadow:inset 0px 0px 0px 3px rgba(224,174,11,0.5);
}
.formular_auflistung input:focus, .formular_auflistung select:focus, .formular_auflistung textarea:focus{
	background-color:#FFF; text-align: left; box-shadow:inset 0px 0px 0px 3px rgba(224,174,11,0.8);
}
.formular_auflistung input:focus:hover,.formular_auflistung select:focus:hover,.formular_auflistung textarea:focus:hover{ background-image:url(''); }
.formular_auflistung > span:first-of-type, .pseudoInput > span:first-of-type{
	position:absolute;
	top:16px;
	left:10px;
	z-index:20;
	color:#777;
	font-size: 14px;
	line-height:14px;
	height:14px;
	display:block;
}
.input_white input{ border-bottom: 1px #DDD solid; background-color:rgba(255,255,255,0.5); }
.input_white select{ border-bottom: 1px #DDD solid; background-color:rgba(255,255,255,0.5);}
.input_white textarea{ border-bottom: 1px #DDD solid; background-color:rgba(255,255,255,0.5);}
ul.tab_menu{
	position:relative;
	margin:0px;
	padding:0px;
	list-style: none;
	white-space:nowrap;
	height:34px;
	width:100%;
	border-bottom:1px #ccc solid;
}
ul.tab_menu li{
	position:relative;
	float:left;
	font-size: 16px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	color:#888;
	height:13px;
	list-style: none;
	white-space:nowrap;
	padding:10px;
	margin-left:5px;
	border:1px #E0E0E0 solid;
	border-bottom:0px;
	background-color:#E0E0E0;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px;
}
ul.tab_menu li span:first-of-type,ul.tab_submenu li span:first-of-type{height:16px;width:20px;}
ul.tab_menu li:hover{
	color:#555;
	cursor:pointer;
}
ul.tab_menu li.activ{
	position:relative;
	float:left;
	background-color:#F3F3F3;
	color:#222;
	height:14px;
	cursor: default;
	border:1px #CCC solid;
	border-bottom:0px;
}
ul.tab_submenu{
	position:relative;
	margin:0px;
	padding:0px;
	list-style: none;
	white-space:nowrap;
	height:35px;
	width:100%;
}
ul.tab_submenu li{
	position:relative;
	float:left;
	font-size: 16px;
	color:#888;
	height:16px;
	list-style: none;
	white-space:nowrap;
	padding:4px 10px 10px 10px;
	text-align:center;
	border-bottom:1px #C0C0C0 solid;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
ul.tab_submenu li:hover{
	color:#555;
	border-bottom:5px #f5e6b5 solid;
	cursor:pointer;
}
ul.tab_submenu li.activ{
	position:relative;
	float:left;
	color:#222;
	cursor: default;
	border-bottom:5px #e0ae0b solid;
}
ul.tab_umenu{
	position:relative;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}
ul.tab_umenu li{
	position:relative;
	font-size: 16px;
	color:#888;
	height:14px;
	width: calc(100% - 20px);
	list-style: none;
	white-space:nowrap;
	padding:10px;
	border:0px;
	margin-left: 0px;
	border-bottom:1px #CCC solid;
	background-color:#E0E0E0;
	border-radius:0px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
ul.tab_umenu li:hover{
	color:#555;
	cursor:pointer;
}
ul.tab_umenu li.activ{
	position:relative;
	background-color:#F3F3F3;
	color:#e0ae0b;
	border:0px;
	height:14px;
	border-bottom:1px #CCC solid;
	cursor: default;
}
div.icon_auswahl{
	position:relative;
	float:left;
	width:40px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
	font-size:30px;
	color:#888;
	-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
div.icon_auswahl:hover{
	color:#e0ae0b;
	font-size:38px;
	margin-top:6px;
	margin-left:6px;
	margin-right:4px;
	margin-bottom:4px;
	cursor:pointer;
}
.dokedit_baustein{
	position: relative;
	float:left;
	width:25px;
	height:25px;
	padding:10px;
	margin-right:20px;
	border:1px #CDCDCD solid;
	font-size:25px;
	color:#888;
	cursor:move;
	background-image: linear-gradient(#EEE 0%, #CCC 100%);
}
.dokedit_baustein:hover{
	color:#e0ae0b;
	border:1px #e0ae0b solid;
}
div.baustein_insert{
	position:absolute;
}
div.outerborder{ display:none; }
div.baustein_insert:hover div.baustein_header{ display:inline; }
div.baustein_insert:hover div.baustein_bgheader{ display:inline; }
div.baustein_insert:hover div.baustein_content{ border-top:1px #FFF solid; margin-top:-1px; }
div.baustein_insert:hover div.outerborder{ display:inline; }
div.baustein_header{
	position:absolute;
	width:75px;
	height:25px;
	background-image: linear-gradient(#CCC 0%, #FFF 100%);
	font-size:12px;
	border: 1px #e0ae0b solid;
	border-bottom:0px;
	z-index:3;
}

div.baustein_header span{
	position:relative;
	float:left;
	font-size:15px;
	height:15px;
	width:15px;
	padding:5px;
	color:#777;
}
div.baustein_header span:hover{
	background-color: #e0ae0b;
	color:#FFF;
}
div.baustein_insert div.baustein_header{
	position:absolute;
	top:-27px;
	left:-1px;
	width:75px;
	height:25px;
	background-image: linear-gradient(#CCC 0%, #FFF 100%);
	font-size:12px;
	display:none;
	border: 1px #e0ae0b solid;
	border-bottom:0px;
	z-index:3;
}

div.baustein_insert div.baustein_header span{
	position:relative;
	float:left;
	font-size:15px;
	height:15px;
	width:15px;
	padding:5px;
	color:#777;
}
div.baustein_insert div.baustein_header span:hover{
	background-color: #e0ae0b;
	color:#FFF;
}
div.baustein_insert div.baustein_bgheader{
	position:absolute;
	top:-27px;
	left:-1px;
	width:75px;
	height:25px;
	display:none;
	border: 1px #e0ae0b solid;
	z-index:1;
}
div.baustein_insert ul.dokinsertsetlist{
	position: absolute;
	list-style:none;
	width:158px;
	background-color:#FFF;
	top:-2px;
	left:50px;
	z-index:3;
	display:none;
	padding:0px;
	border:1px #e0ae0b solid;
}
div.baustein_insert ul.dokinsertsetlist li{
	color:#777;
	padding:4px;
	position: relative;
	width:150px;
	height:17px;
	margin:0px;
	float:left;
	font-family:Arial;
	font-size:12px;
	cursor:pointer;
}
div.baustein_insert ul.dokinsertsetlist li span{ font-size:15px; padding-right:5px;}
div.baustein_insert ul.dokinsertsetlist li span:nth-child(2){ font-size:12px; color:#222; }
div.baustein_insert ul.dokinsertsetlist li:hover{ background-color:#e0ae0b; color:#FFF; }
div.baustein_insert ul.dokinsertsetlist li:hover span{ color:#FFF; }
div.baustein_insert:hover div.baustein_content{ outline:1px #e0ae0b solid; }
div.baustein_insert div.baustein_content{
	position:relative;
	font-size:12px;
	overflow:hidden;
	height:80px;
	width:200px;
	z-index:2;
}
div.baustein_insert div.baustein_content textarea{
	position:relative;
	width:100%;
	overflow:hidden;
	height:100%;
	resize:none;
	border:0px;
	padding:0px;
	margin:0px;
	font-family:Arial;
	font-size:12px;
	background-color:transparent;
}
div.baustein_insert div.baustein_content table{
	position:relative;
	border-collapse: collapse;
	width:100%;
	height:100%;
}
div.baustein_insert div.baustein_content td, div.baustein_insert div.baustein_content th{
	border: 1px #CCC solid;
	padding:5px;
}
div.baustein_insert div.baustein_content div.img{
	position:relative;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
div.baustein_insert div.baustein_content div.box{
	position:relative;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-color: #000;
	border-style: solid;
}
div.baustein_insert div.baustein_content div.textarea{
	position:relative;
	width: 100%;
	height: 100%;
	outline:1px #ccc dotted;
}
/* COLORPICKER 1 EXAMPLE */
.colorPicker{
    width:          30px;
    height:         30px;
    position: relative;
}
.colorPicker .track {
    background:     #EFEFEF url(../img/text-color3.png) no-repeat 50% 50%;
    height:         150px;
    width:          150px;
    padding:        10px;
    position:       absolute;
    cursor:         crosshair;
    float:          left;
    left:           -71px;
    top:            -71px;
    display:        none;
    border:         1px solid #ccc;
    z-index:        10;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}
.colorPicker .color {
    width:          25px;
    height:         25px;
    padding:        1px;
    border:         1px solid #ccc;
    display:        block;
    position:       relative;
    z-index:        11;
    background-color: #EFEFEF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    cursor:pointer;
}
.colorPicker .colorInner {
    width:          25px;
    height:         25px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
.colorPicker .dropdown {
    list-style: none;
    display: none;
    width: 27px;
    position: absolute;
    top: 28px;
    border: 1px solid #ccc;
    left: 0;
    z-index: 1000;
}
.colorPicker .dropdown li{
    height: 25px;
    cursor:pointer;
}
.dokedit_texteditbutton{
	position: relative;
	float:left;
	width: 24.5px;
	height:24px;
	padding:10px;
	border-left:1px #CDCDCD solid;
	font-size:24px;
	color:#888;
	z-index:5;
	background-image: linear-gradient(#EEE 0%, #CCC 100%);
	cursor:pointer;
}
.dokedit_texteditbutton:hover{
	color:#e0ae0b;
	z-index:10;
	outline:1px #e0ae0b solid;
}
.dokedit_texteditbutton_activ{
	position: relative;
	float:left;
	width: 24.5px;
	height:24px;
	padding:10px;
	border-left:1px #CDCDCD solid;
	font-size:24px;
	color:#FFF;
	z-index:5;
	background-image: linear-gradient(#85A3C1 0%, #e0ae0b 100%);
	cursor:pointer;
}
.dokedit_texteditbutton_activ:hover{
	z-index:10;
	background-image: linear-gradient(#85A3C1 0%, #85A3C1 100%);
	outline:1px #e0ae0b solid;
}
.dokedit_imagebutton{
	position:relative;
	width:52px;
	height:52px;
	margin-right:8px;
	margin-bottom:8px;
	border:2px #FFF solid;
	outline:1px #ccc solid; 
	background-position:center center;
	background-size:cover;
	cursor:pointer;
	background-repeat:no-repeat;
	float:left;
	opacity: 0.6;
}
.dokedit_imagebutton:hover{
	opacity: 1;
	outline:1px #e0ae0b solid; 
}
#save_blend{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 831;
	display:none;
}
#save_blend2{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 831;
	background-color:rgba(26,83,142,0.3);
	display:none;
}
.hinweis{
	position:relative;
	width:calc(100% - 22px);
	padding:10px;
	background-color:#f5e6b5;
	border:1px #e0ae0b solid;
	font-size:13px;
	margin-bottom:25px;
}
.hinweis span{ font-size:11px; }
.spin{
	transform-origin: 50% 50%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	transform-origin: 50% 50%;
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.no_entry_icon{ text-align:center; padding-top:25px; }
.no_entry_icon span:nth-child(1){ color:#f5e6b5; }
.no_entry_icon span.text{ font-size: 16px; color:#BBB; }
.no_entry_icon span:nth-child(1):hover{ color:#597fa8; }
.user_sperre{ box-shadow:inset 0px 0px 0px 2px #dc0000; background-color:rgba(255,0,0,0.1); }
.uploadCircle{ -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-radius:50%; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2); border:2px #F3F3F3 solid; background-color:#BBB; color:#777; background-repeat:no-repear; background-position: center center; background-size:cover; }
.uploadCircle:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); color:#e0ae0b; background-color:#f5e6b5; }
.uploadCircleIcon{ overflow:hidden; border-radius:50%; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2); border:2px #F3F3F3 solid; background-color:#BBB; color:#777; background-repeat:no-repear; background-position: center center; background-size:cover; }
.uploadCircleIcon:hover{ color:#e0ae0b; background-color:#f5e6b5; }
.uploadCircleMini{ opacity: 0.8; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); overflow:hidden; border-radius:50%; background-color:#BBB; color:#777; background-repeat:no-repear; background-position: center center; background-size:cover; }
.uploadCircleMini:hover { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.uploadCircleMiniIcon{ opacity: 0.8; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; border-radius:50%; background-color:#BBB; color:#777; background-repeat:no-repear; background-position: center center; background-size:cover; }
.uploadCircleMiniIcon:hover { opacity: 1; }
div[data-type='usericon'] div[data-type='onlinestatus']{ border:2px #F6F6F6 solid; }
div[data-type='file'][data-size='small'],div[data-type='folder'][data-size='grid']{
	width:100px;
	height:118px;
}
div[data-type='file'][data-size='big']{
	width:300px;
	height:315px;
}
div[data-type='file'][data-size='small'],div[data-type='file'][data-size='big'],div[data-type='folder'][data-size='grid']{
	position:relative;
	float:left;
	padding:10px;
	margin:9px;
	background-color:#FFF;
	border:1px rgba(0,0,0,0.1) solid;
}
div[data-type='file'][data-size='small']:hover,div[data-type='file'][data-size='big']:hover,div[data-type='folder'][data-size='grid']:hover{
	border:5px rgba(0,0,0,0.2) solid;
	margin:5px;
}
div[data-type='file'][data-size='list']:hover,div[data-type='folder'][data-size='list']:hover{
	background-color:#DDD;
}
.table_list_headline{
	position:relative;
	width:100%;
	height:25px;
	background-color:#DDD;
	border-bottom:1px #adadad solid;;
}
.table_list_headline div{
	position:relative;
	float:left;
	padding:4px 10px 3px 10px;
	height:18px;
	font-size:14px;
	color:#222;
	border-right:1px #F3F3F3 solid;
}
.mediathek_list_headline{
	position:relative;
	width:100%;
	height:25px;
	background-color:#D5D5D5;
	border-bottom:1px #adadad solid;
	overflow:hidden;
}
.mediathek_list_headline div{
	position:relative;
	float:left;
	padding:4px 10px 3px 10px;
	height:18px;
	font-size:14px;
	color:#222;
	border-right:1px #F3F3F3 solid;
}
.mediathek_list_headline div.sort:hover{
	background-image:linear-gradient(#E0AE0B 100%, #e9c654 0%);
	cursor:pointer;
	color:#FFF;
}
.mediathek_list_headline div span{
	font-size: 14px;
	position:absolute;
	top:6px;
	right:7px;
	color:#555;
}
.mediathek_list_headline div.sort:hover span{
	color:#FFF;
}
.mediathek_breadcrumb_container{
	float:left;
	height:46px;
	border-bottom:1px #CCC solid;
	overflow:hidden;
	width:100%;
}
.mediathek_breadcrumb{
	list-style: none;
	display:inline-block;
	margin:0px;
	padding:0px;
	margin:0px;
	height:46px;
	white-space:nowrap;
}
.mediathek_breadcrumb li.verz {
	display:inline-block;
	height: 16px;
	text-align: center;
	padding: 15px 10px;
	position: relative;
	font-size: 14px;
	text-decoration: none;
	color: #777;
	cursor:pointer;
}
.mediathek_breadcrumb li.arrow {
	display:inline-block;
	height: 16px;
	text-align: center;
	padding: 15px 0px;
	position: relative;
	font-size: 16px;
	text-decoration: none;
	color: #BBB;
}
.mediathek_breadcrumb li.folder {
	display:inline-block;
	height: 20px;
	text-align: center;
	padding: 13px 5px;
	position: relative;
	font-size: 20px;
	text-decoration: none;
	color: #AAA;
	cursor:pointer;
}
.mediathek_breadcrumb li.edit {
	display:inline-block;
	height: 16px;
	text-align: center;
	padding: 15px 0px;
	position: relative;
	font-size: 16px;
	text-decoration: none;
	color: #AAA;
	cursor:pointer;
}
.mediathek_breadcrumb li.edit:hover, .mediathek_breadcrumb li.folder:hover, .mediathek_breadcrumb li.verz:hover{ color:#e0ae0b }
.breadcrumb { 
	list-style: none; 
	display: inline-table;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:0px;
	width: 100%;
	overflow:hidden;
	height:40px;
}
.breadcrumb li { 
	display: inline;
	margin:0px;
	padding:0px;
}
.breadcrumb li span.crumb {
	display: block;
	float: left;
	height: 16px;
	background: #DDD;
	text-align: center;
	padding: 12px;
	padding-left:33px;
	position: relative;
	margin: 0 10px 0 0; 
	font-size: 14px;
	text-decoration: none;
	color: #777;
}
.breadcrumb li span.crumb:after { 
	content: "";  
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #DDD;
	position: absolute; right: -20px; top: 0; 
}
.breadcrumb li span.crumb:before {
	content: "";  
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #F3F3F3;
	position: absolute; left: 0; top: 0;
}
.breadcrumb li:hover span.crumb{ background-color:#f5e6b5; color:#e0ae0b; }
.breadcrumb li:hover span.crumb:after{ border-left: 20px solid #f5e6b5; }
.breadcrumb li:first-child span.crumb{ padding-left:12px; background-color:#D0D0D0; }
.breadcrumb li:first-child span.crumb:after{ border-left: 20px solid #D0D0D0; }
.breadcrumb li:first-child span.crumb:before{ border:0px; }
.search_found{ background-color:#f5e6b5; border:1px #e0ae0b solid; padding:0px; }
.hoverIcon{ color:#AAA }
.hoverIcon:hover{ color:#e0ae0b }
#close_button span.icon-cross{
	font-size:12px;
	padding:6px;
	background-color:#BBB;
	color:#F3F3F3;
	-webkit-appearance: none;
	-webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; 
}
#close_button span.icon-cross:hover{
	border-radius:20px;
	background-color:#e0ae0b;
	color:#FFF;
	cursor:pointer;
}
.help_container{
	padding: 20px;
	background-color:#FFF;
	border:1px #C0C0C0 solid;
	box-shadow:inset 0px 0px 30px rgba(0,0,0,0.2);
	color:#333;
}
.title_add_insert span{ position:absolute; display:none; right:0px; top:0px; font-size:18px; color:#AAA; }
.title_add_insert:hover span{ display:block; }
.title_add_insert span:hover{ color:#e0ae0b; }
.kal_monat_headline{ position:relative; border-bottom:1px #CCC solid; width:100%x; height:26px; }
.kal_monat_headline div{ position:relative; border-right:1px #CCC solid; width:calc((100% / 7) - 1px); height:14px; padding:5px 0px 7px 0px; font-size:14px; text-align:center; float:left; }
.kal_monat_kachel{ position:relative; border-right:1px #CCC solid; border-bottom:1px #CCC solid; color:#777; font-size:12; height:calc((100% / 6) - 1px); width:calc((100% / 7) - 1px); float:left; }
.kal_monat_kachel div.nr{ position:relative; padding:10px; }
.kal_jahr_container{ position:relative; float:left; overflow:hidden; width:calc((100% / 4) - 20px); height:calc(((100% - 47px) / 3) - 20px); margin-left:20px; margin-top:20px; }
.kal_jahr_headline{ position:relative; background-color:#ADADAD; color:#FFF; width:calc(100%); height:14px; padding:5px 0px 7px 0px; font-size:14px; text-align:center; }
.kal_jahr_wochentage{ position:relative; border-bottom:1px #CCC solid; width:100%; height:26px; }
.kal_jahr_wochentage div{position:relative; border-right:1px #CCC solid; width:calc((100% / 7) - 1px); height:14px; padding:5px 0px 7px 0px; font-size:14px; text-align:center; float:left; }
.kal_jahr_tageskachel{ position:relative; border-right:1px #CCC solid; border-bottom:1px #CCC solid; color:#777; font-size:12; height:calc((100% / 6) - 1px); width:calc((100% / 7) - 1px); float:left; }
.kal_jahr_tageskachel:hover{ background-color:rgba(224,174,11,0.15); color:#222; }
.kal_jahr_tageskachel div.nr{ position:absolute; top:50%; margin-top:-7px; width:100%; text-align:center; }
.kal_jahrliste_headline{ position:relative; border-bottom:1px #CCC solid; width:100%x; height:26px; }
.kal_jahrliste_headline div{ position:relative; border-right:1px #CCC solid; width:calc(((100% - 0px) / 12) - 1px); height:14px; padding:5px 0px 7px 0px; font-size:14px; text-align:center; float:left; }
.kal_jahrliste_kachel{ position:relative; width:calc(100% - 9px); height:16px; padding:10px 5px; font-size:12; border-bottom:1px #CCC solid; }
.kal_jahrliste_kachel span{ font-size:10px; float:right; margin-top:3px;}
.today_cell{ background-color:rgba(224,174,11,0.15); box-shadow:inset 0px 0px 0px 1px rgba(224,174,11,0.5); font-weight:bold; color:#222; }
.heute_cell{ box-shadow:inset 0px 0px 0px 2px rgba(224,174,11,0.5); color:#222; }
.date_cell{ background-color:rgba(224,174,11,0.15); font-weight:bold; color:#222; }
.sonntag_cell{ background-color:rgba(0,0,0,0.05); color:#dc0000; }
input[type=checkbox][data-type=search_checkbox] { display: none; }
input[type=checkbox][data-type=search_checkbox] + label[data-type=search_checkbox]{ position:relative; cursor:pointer; background-color:#E0E0E0; color:#555; box-shadow: inset 0px 0px 0px rgba(0,0,0,0); display: inline-block; }
input[type=checkbox][data-type=search_checkbox] + label[data-type=search_checkbox]:hover { color:#222; background-color:#f5e6b5; }
input[type=checkbox][data-type=search_checkbox]:checked + label[data-type=search_checkbox] { background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%); color:#FFF; }
.emoticons{ color:#222; font-size:14px; margin:0px 2px; }
.adminnavi{ position:relative; width:calc(100% - 20px); padding:10px; height:30px; }
.adminnavi div{ position:relative; float:left; font-size:14px; color:#444444; background-color:#E0E0E0; padding:7px 10px; width:calc(50% - 25px); text-align:center; cursor:pointer; }
.adminnavi div:hover{ color:#222; background-color:#f5e6b5; }
.adminnavi div.activ{ color:#FFFFFF; background-color:#85A2C1; background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%); }
.atwork{ z-index:4000; position:absolute; left:20px; top:20px; font-size:35px; color:#DC0000; }
.sort-placeholder{ position:relative; height: 47px; background-image:url('../img/image_bg.png'); }
.usort-placeholder{ position:relative; height: 47px; margin-left:46px; background-image:url('../img/image_bg.png'); }
.editor-placeholder{ position:relative; height: 48px; margin:10px 5px; background-image:url('../img/image_bg.png'); }
.filtertag{
	position:relative;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 4px 4px 6px;
	background-image: linear-gradient(#E0AE0B 100%, #e9c654 0%);
	color:#FFF;
}
.filtertag[data-hover='trans']:hover{
	opacity: 0.5; -moz-opacity: 0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50);
}
span.filtertagclose{
	font-size:9px;
	padding:3px 3px 2px 3px;
	color:rgba(255,255,255,0.5);
	background-color:transparent;
	margin-left:6px;
	-webkit-appearance: none;
	-webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; 
}
span.filtertagclose:hover{
	background-color:#F3F3F3;
	color:#222;
	cursor:pointer;
}
@-webkit-keyframes pin_in{
	0%   { margin-top:0px; transform: rotate(45deg); }
	40%  { margin-top:0px; transform: rotate(-45deg); }
	60%  { margin-top:0px; transform: rotate(-45deg); }
	100% { margin-top:13px; transform: rotate(-45deg); }
}
@-webkit-keyframes pin_out{
	0%   { margin-top:13px; transform: rotate(-45deg); }
	40%  { margin-top:0px; transform: rotate(-45deg); }
	60%  { margin-top:0px; transform: rotate(-45deg); }
	100% { margin-top:0px; transform: rotate(45deg); }
}
.notiz_container{
	position:relative;
	float:left;
	display:none;
	margin:10px;
	-webkit-perspective:500px;
}
.notiz_container div.notiz_outer{
	position:relative;
	width:100%;
	height:100%;
	background-color:#fef58f;
	transform-origin: 100% 0;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.notiz_headline{
	position:relative;
	font-size:16px;
	height:16px;
	padding:10px;
	padding-right:40px;
	width:calc(100% - 50px);
	border-bottom: 1px rgba(0,0,0,0.1) dotted;
	margin-bottom:10px;
}
.notiz_text{
	position:relative;
	font-size:14px;
	padding:0px 10px;
	width:calc(100% - 20px);
	height:calc(100% - 47px - 43px);
	overflow-y:scroll;
	line-height:20px;
}
.notiz_footer{
	position:relative;
	font-size:12px;
	height:12px;
	padding:10px;
	width:calc(100% - 20px);
	border-top: 1px rgba(0,0,0,0.1) dotted;
	margin-top:10px;
}
div.notiz_container div.pin_activ{ opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
div.notiz_container:hover div.pin_activ{ opacity: 1; }
.pin div { transform: rotate(45deg); margin-top:0px; color:rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease; }
.pin:hover div{ margin-top:13px; transform: rotate(-45deg); color:#e0ae0b; -webkit-animation-name: pin_in; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards, none; }
.pin_activ div, .pin_activ span { display:block; transform: rotate(-45deg); margin-top:13px; color:#e0ae0b; -webkit-transition: all 0.5s ease; }
.pin_activ:hover div, .pin_activ:hover span{ margin-top:0px; transform: rotate(45deg); color:rgba(0,0,0,0.2); -webkit-animation-name: pin_out; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards, none; }
.pin_kill div, .pin_kill span { display:block; transform: rotate(-45deg); margin-top:13px; -webkit-transition: all 0.5s ease; }
.pin_kill:hover div, .pin_kill:hover span{ margin-top:0px; transform: rotate(45deg); -webkit-animation-name: pin_out; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards, none; }
.containerIntmailFile{ position:relative; z-index:900; cursor:pointer; width:calc(100% - 20px); overflow:hidden; border:10px #F3f3f3 solid; height:200px; }
.containerIntmailFile::before{ z-index:100; content:" "; position:absolute; top:0px; left:50%; height:200px; width:0%; background-color:rgba(255,255,255,0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.containerIntmailFile::after{ z-index:100; content:" "; position:absolute; top:0px; right:50%; height:200px; width:0%; background-color:rgba(255,255,255,0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.containerIntmailFile:hover::before{ width:50%; }
.containerIntmailFile:hover::after{ width:50%; }
.containerIntmailFile .icon-new-tab, .containerIntmailFile .icon-play3{ z-index:110; color:#e0ae0b; font-size:100px; top:50px; left:50%; margin-left:-50px; display:block; position:absolute; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.containerIntmailFile:hover .icon-new-tab,.containerIntmailFile:hover .icon-play3{ opacity: 1; }
.passwort_conditions{ position:relative; font-size:12px; color:#333; padding:8px 0px 8px 20px;; }
.passwort_conditions:before{ position:absolute; left:0px; top:9px; content:" "; width:10px; height:10px; border-radius:50%; background-color:#e0ae0b; }
p.infoicon{ font-size: 19px; line-height:19px; margin:0px; z-index:10; display:block;color: #CCC; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
p.infoicon:hover{ color:#e0ae0b; }
.stammdaten_img{ position:relative; display:table-cell; width:100%; height:100%; border:0px #CCC dashed; border-top:0px; box-sizing: border-box; vertical-align:middle; text-align:center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.stammdaten_img img{ max-width:60%; max-height:60%; transition: all 0.5s ease; }
.stammdaten_img span{ font-size:15vh; color:#AAA; transition: all 0.5s ease; }
.tab_counter{
	position:absolute;
	float:right;
	padding:2px 5px 1px 5px;
	background-color:#aaa;
	font-size:12px;
	color:#FFF;
	top:9px;
	right:8px;
}
.error{ background-color:rgba(200,0,0,0.8);color:#FFF; }
.countbulb{position:absolute;display:block;top:7px;right:7px;font-size:11px;color:#FFF;border:2px #F3F3F3 solid;background:#C80000;padding:2px 5px;border-radius:10px;}
.numberTickerContainer{ position:relative;width:46px;height:46px;float:left;border-bottom:1px #DDD solid;background-image: url(../img/separator_bottomleft.png);background-position:top left;background-repeat:no-repeat; }
.numberTickerContainer div{ position:relative;width:46px;height:23px;text-align:center;color:#AAA; }
.numberTickerContainer div:hover{ cursor:pointer; color: #e0ae0b; background-color: #f5e6b5; }
.numberTickerContainer div span{ display:inline-block;font-size:13px;line-height:13px;margin:5px; 
}
.appTabBarNavigation{ position:relative;width:50x;height:50px;float:left;display:none; }
.appTabBarNavigation div{ position:relative;width:25px;height:50px;float:left;text-align:center;color:rgba(255,255,255,0.6); }
.appTabBarNavigation div:hover{ cursor:pointer; color:#E0AE0B; background-color:rgba(255,255,255,0.6); }
.appTabBarNavigation div span{ display:inline-block;font-size:13px;line-height:13px;margin:18px 6px; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
@-webkit-keyframes blinkNoti {
	0% { color:#AAA; background:transparent;}
	50% { color:#C80000; background:rgba(200,0,0,0.4);}
	100% {color:#AAA; background:transparent;}
}
@keyframes blinkNoti {
	0% { color:#AAA; background:transparent;}
	50% { color:#C80000; background:rgba(200,0,0,0.4);}
	100% {color:#AAA; background:transparent;}
}
.blinkNoti {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: blinkNoti;
	-webkit-animation-timing-function: linear;
	animation-direction: normal;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: blinkNoti;
	animation-timing-function: linear;
}
.attr_empty{ box-shadow:inset 0px 0px 0px 3px rgba(200,0,0,0.5); background-color:rgba(200,0,0,0.1) !important; }
.preloader{ position:absolute; z-index:1; width:100px; height:100px; top:50%; left:50%; margin-left:-50px; margin-top:-50px; }

#upload-transfer-zone{ position:relative;width:100%;height:0px;background:#FFF;z-index:0; }
.upload-transfer-zone_liste{ position:relative; background-color:#FFF; width:100%; }
.upload-transfer-zone_liste > div:nth-child(-n+5){
	position:relative; padding:16px 10px 16px 10px; border-bottom:1px #DDD solid;float:left; font-size:14px; line-height:14px; height:14px; color:#222;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.upload-transfer-zone_liste > div:nth-child(1){ width: calc((((100% - 49px) / 10) * 3) - 20px); }
.upload-transfer-zone_liste > div:nth-child(2){ width: calc((((100% - 49px) / 10) * 1) - 20px); }
.upload-transfer-zone_liste > div:nth-child(3){ width: calc((((100% - 49px) / 10) * 1) - 20px); }
.upload-transfer-zone_liste > div:nth-child(4){ width: calc((((100% - 49px) / 10) * 2) - 20px); }
.upload-transfer-zone_liste > div:nth-child(5){ width: calc((((100% - 49px) / 10) * 3) - 20px); padding:10px; height:26px; }
.upload-transfer-zone_liste > div:nth-child(5) > span[data-type='percent']{ position:relative; float:left; display:inline-block; margin-top:5px; }
.upload-transfer-zone_liste > div:nth-child(5) > span[data-type='restsize']{ position:relative; float:right; display:inline-block; margin-top:5px; }
.upload-transfer-zone_liste > div:nth-child(5) > div.processbar{ width:100%; height:8px; background-color:#F0F0F0; overflow:hidden; }
.upload-transfer-zone_liste > div:nth-child(5) > div.processbar div{
	width:40%; height:8px; background-color:#e0ae0b; overflow:hidden;
	transition: all 0.3s ease; background-size: 30px 30px; animation: processbar 0.5s linear infinite;
	background-image: linear-gradient(45deg,rgba(255,255,255, 0.3) 25%,rgba(0, 0, 0, 0) 25%,rgba(0, 0, 0, 0) 50%,rgba(255,255,255, 0.3) 50%,rgba(255,255,255, 0.3) 75%,rgba(0, 0, 0, 0) 75%,rgba(0, 0, 0, 0));
}
.upload-transfer-zone_liste > div:nth-child(6){ position:relative; float:left; width:21px; padding:13px 14px 12px 14px; height:21px; color:#AAA; font-size:21px; border-bottom:1px #CCC solid; }
@-webkit-keyframes processbar{ from { background-position: 0 0; } to { background-position: 60px 30px; } }
@keyframes processbar{ from { background-position: 0 0; } to { background-position: 60px 30px; } }
div[data-type='upload-transfer-menu']{ position:relative;width:100%;height:26px;background-color:#DFDFDF; }
div[data-type='upload-transfer-menu'] div{ position:relative;float:left;font-size:14px;line-height:14px;height:14px;color:#777;padding:6px 20px;border-right:1px #F3F3F3 solid; }
div[data-type='upload-transfer-menu'] div:hover{ background-color:#F6F6F6; color:#444;cursor:pointer;}
div[data-type='upload-transfer-menu'] div.activ{ background-color:#FFF; color:#222;}
div.append_overlayer{position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:transparent;padding:0px;border:0px;margin:0px;}
.seperator_bl{ background-image:url(../img/separator_bottomleft.png); background-position:top left; background-repeat:no-repeat; }
.seperator_tl{ background-image:url(../img/separator_topright.png); background-position:bottom left; background-repeat:no-repeat; }
.rating_item{ color:#FFF; padding:5px; font-size:37px; height:37px; font-weight:300; line-height:37px; display:inline-block; }
.rating_item_activ{ color:#1d1d1b; font-weight:bold; }
/*COVERR */
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}