/* --------------------------------------------------------------------------------
   Layout
   ----------------------------------------------------------------------------- */

#container {
	width:1000px; 
	margin:10px auto;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#fdfff7;
	box-shadow:2px 2px 2px -1px  rgba(0,0,0,0.2);
}

#header {
	background-color:#eff2e6;
	
	-moz-border-top-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}

#brand { float:left; margin-left:10px; margin-top:5px; }

#toplinks { float:right; margin-top:10px; margin-right:10px; }

#navbar { background-color:#555d6d; padding-top:1px; padding-bottom:1px; }
#navbar-border { border-top:1px solid #eff2e6; border-bottom:1px solid #eff2e6; }
#navbar-left { height:24px; margin-left:10px; float:left; }
#navbar-right { height:24px; margin-right:10px; float:right; }
#navbar-title { font-family:tahoma,arial,sans-serif; font-size:14px; font-weight:normal; color:#ffffff; text-shadow: 1px 1px 0px #334444; padding-top:2px; padding-left:10px; }

#sidebar { 
	background-color		: #eff2e6; 
	border-right			: 1px solid #d6d9ce;
	padding					: 10px 0px 10px 20px; 

    -moz-box-sizing			: border-box;
    -webkit-box-sizing		: border-box;
    box-sizing				: border-box;
}

#main-container { 
	background-color		: #fdfff7;
}

#footer {
	font-size:10px;
	line-height:10px;
	background-color:#555d6d;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	padding-top:1px;
}
#footer div { border-top:1px solid #eff2e6; }

/* --------------------------------------------------------------------------------
   Fixes
   ----------------------------------------------------------------------------- */

img { border:none; vertical-align:middle; }
td[height="1"], td[bgcolor="#334444"] { font-size:1px; line-height:1px; }
td[height="1"] img, td[bgcolor="#334444"] img { display:block; }

/* --------------------------------------------------------------------------------
   Typo
   ----------------------------------------------------------------------------- */

body { font-family:tahoma,arial,sans-serif; font-size:11px; color:#334444; }

h1 { font-family:tahoma,arial,sans-serif; font-size:19px; line-height:21px; color:#f36a22; font-weight:normal; margin:4px 0px; }
h2 { font-family:tahoma,arial,sans-serif; font-size:14px; line-height:16px; color:#f36a22; font-weight:normal; margin:4px 0px; }
h3 { font-family:tahoma,arial,sans-serif; font-size:11px; line-height:13px; color:#334444; font-weight:normal; margin:4px 0px; }

.text { font-family:tahoma,arial,sans-serif; font-size:11px; color:#334444; font-weight:normal; }
.grey { color:#888888; }
.small { font-family:tahoma,arial,sans-serif; font-size:10px; color:#334444; font-weight:normal; text-decoration:none; }
.smallred { font-family:tahoma,arial,sans-serif; font-size:10px; color:#cc0000; font-weight:normal; text-decoration:none; }
.smallgrey { font-family:tahoma,arial,sans-serif; font-size:10px; color:#888888; font-weight:normal; text-decoration:none; }
.smallgrey a { font-family:tahoma,arial,sans-serif; font-size:10px; font-weight:normal; color:#888888; text-decoration:underline; }
.smallgrey a:hover { color:#000000; }
.smallhead { font-family:tahoma,arial,sans-serif; font-size:10px; color:#776655; font-weight:bold; text-decoration:none; text-transform:uppercase; letter-spacing:1px; }
.big { font-family:tahoma,arial,sans-serif; font-size:14px; color:#334444; font-weight:normal; }
.code { font-family:'Courier New',courier,monospace; font-size:11px; font-weight:bold; color:#003388; }
.sup { font-family:tahoma,arial,sans-serif; font-size:9px; color:#f36a22; font-weight:bold; vertical-align:super; }

/*
a { font-family:tahoma,arial,sans-serif; font-size:11px; font-weight:bold; color:#334444; text-decoration:underline; }
a:hover { color:#000000; }
*/
a { color:#334444; }
a:hover { color:#000000; }

a.biglink { font-family:tahoma, arial, sans-serif; font-size:14px; text-decoration:none; }
a.biglink:hover { color:#f36a22; }

.list { list-style-type:none; border:0px; padding:0px; }
.list li:before { content: '• '; }
.list li { margin-left:.7em; list-style:none; text-indent:-.7em; }

a.iconlink { display:inline-block; padding:2px; font-size:15px; line-height:15px; text-decoration:none; color:#555d6d; }
a.iconlink:hover { color:#f36a22; }

a.blocklink { display:block; text-decoration:none; }
a.blocklink:hover { display:block; background-color:#ffffcc; }

.flag { margin-right:4px; width:14px; height:11px; border:0px; -moz-box-shadow: 0px 0px 1px #888888; -webkit-box-shadow: 0px 0px 1px #888888; box-shadow: 0px 0px 1px #888888; }

/* --------------------------------------------------------------------------------
   Modal
   ----------------------------------------------------------------------------- */

.modal-background {
	background				: rgba(0, 0, 0, 0.66);
	top						: 0;
	right					: 0;
	bottom					: 0;
	left					: 0;
	position				: fixed;
	z-index					: 1001;
}
   
/* --------------------------------------------------------------------------------
   Navigation
   ----------------------------------------------------------------------------- */

.breadcrumb { list-style:none; margin:4px 4px 8px 4px; padding:0px; }
.breadcrumb li { display:inline-block; margin:0px; padding:0px; color:#888888; }
.breadcrumb .divider { display:inline-block; color:#334444; margin:0px 4px 0px 4px; }
.breadcrumb a { font-weight:normal; color:#888888; }
.breadcrumb a:hover { color:#334444; }

.sidenav-level-1 { list-style:none; margin:0px; padding:0px; }
.sidenav-level-1 li { display:block; margin:0px 0px 0px 0px; }
.sidenav-level-1 a { display:block; height:20px; line-height:20px; padding-left:30px; margin-top:4px; background-repeat:no-repeat; text-decoration:none; font-weight:normal; font-size:12px; }
.sidenav-level-1 a:hover { background-color: #d6d9ce; }
.sidenav-level-1 a.sidenav-level-1-active, 
.sidenav-level-1 a.sidenav-level-1-active:hover { color:#f36a22; }

.sidenav-level-2 { list-style:none; margin:3px 0px 17px 0px; padding:0px; }
.sidenav-level-2 li { display:block; margin:0px 0px 0px 0px; }
.sidenav-level-2 a { display:block; height:auto; line-height:auto; margin:0px; font-size:11px; font-weight:normal; line-height:15px; color:#334444; padding:3px 11px 3px 30px; text-decoration:none; }
.sidenav-level-2 a:hover { color:#000000; background: #d6d9ce; }
.sidenav-level-2 a.sidenav-level-2-active, 
.sidenav-level-2 a.sidenav-level-2-active:hover { font-weight:bold; color:#334444; background: url('/images/sidenav_arrow_active.png') no-repeat right 6px; }

/* --------------------------------------------------------------------------------
   Page
   ----------------------------------------------------------------------------- */

.page-header { margin:0px 4px; }
.page-header-border { border-bottom:1px solid #334444; } 
.page-header-nav { margin:8px 0px 0px 0px; }
.page-header-backlink { 
	display:inline-block; margin-right:4px; padding:0px 4px 0px 4px; background-color:#eff2e6; 
	font-family:inherit; font-size:inherit; line-height:13px; font-weight:inherit; color:#776655; text-decoration:none; 
	border:1px solid #d6d9ce; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
.page-header-backlink:hover { color:#334444; border:1px solid #334444; }
.page-block { margin:40px 4px; }

/* -------------------------------------------------------------------------------- */

.absplit { 
	display					: inline-block; 
	padding					: 0px 4px 0px 4px; 
	margin-right			: 1px; 
	text-decoration			: none;
	font-weight				: normal;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;

}
.absplit:hover { background-color:#d6d9ce; color:#000000; }
.absplit-selected, .absplit-selected:hover { background-color:#334444; color:#ffffff; }

/* -------------------------------------------------------------------------------- */

.color-icon {
	display					: inline-block;
	width					: 9px; 
	height					: 9px; 
	margin-top				: 1px;
	-moz-box-shadow			: 1px 1px 0px #888888;
	-webkit-box-shadow		: 1px 1px 0px #888888;
	box-shadow				: 1px 1px 0px #888888;
}

/* -------------------------------------------------------------------------------- */

.activity-rating {
	background-color		: #eff2e6;
	height					: 7px;
	margin					: 1px 4px;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;

	box-sizing				: border-box;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
}

.activity-rating div {	

	height					: 7px;
	/*
	background				: -moz-linear-gradient(top, #F3B933, #f0a700);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3B933), color-stop(1, #f0a700));
	*/
	background-color		: #f0a700;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;
}

.activity-rating-detail {
	position				: absolute;
	z-index					: 9999;
	width					: 160px;
	margin-top				: 4px;
	padding					: 4px;
	background-color		: #fdfff7;
	border					: 1px solid #d6d9ce;
	-moz-box-shadow			: 2px 2px 2px #888888;
	-webkit-box-shadow		: 2px 2px 2px #888888;
	box-shadow				: 2px 2px 2px #888888;	
}

/* -------------------------------------------------------------------------------- 
	bei function GetAddressHistory() */

.ItemType {
	font-family						: tahoma, arial, sans-serif; 
	font-size						: 9px;
	font-weight						: bold;
	color							: #334444;
	text-align						: center;
	background-color				: #ffffff;
	width							: 25px;
	float							: left;
	padding							: 0px 1px 0px 1px;
	border							: 1px solid #d6d9ce;
	margin-top						: 1px;
}

/* -------------------------------------------------------------------------------- */
/* OLD */

.feedback {
	font-family: tahoma, arial, sans-serif; 
	font-size: 11px; 
	color: #cc0000;
}

/* -------------------------------------------------------------------------------- */

.feedback_success { 
	padding						: 3px 8px 2px 22px;
	margin-bottom				: 2px;	
	background					: #edf6e3 url(/images/feedback_success.gif) no-repeat 4px 3px;
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #5ca630;
	-moz-border-radius			: 4px;
	-webkit-border-radius		: 4px;
	border-radius				: 4px;
}
.feedback_success span {
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #5ca630;
}
.feedback_success a {
	color						: #5ca630 !important;
	font-weight					: normal !important;
}

.feedback_warning { 
	padding						: 3px 8px 2px 22px;
	margin-bottom				: 2px;
	background					: #fcf3e1 url(/images/feedback_warning.gif) no-repeat 4px 3px;
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #f88c1f;
	-moz-border-radius			: 4px;
	-webkit-border-radius		: 4px;
	border-radius				: 4px;
}
.feedback_warning span {
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #f88c1f;
}
.feedback_warning a {
	color						: #f88c1f !important;
	font-weight					: normal !important;
}

.feedback_error { 
	padding						: 3px 8px 2px 22px;
	margin-bottom				: 2px;
	background					: #f8e5de url(/images/feedback_error.gif) no-repeat 4px 3px;
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #cc0000;
	-moz-border-radius			: 4px;
	-webkit-border-radius		: 4px;
	border-radius				: 4px;
}
.feedback_error span {
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #cc0000;
}
.feedback_error a {
	color						: #cc0000 !important;
	font-weight					: normal !important;
}

.feedback_common { 
	padding						: 3px 8px 2px 22px;
	margin-bottom				: 2px;
	background					: #e3f2f3 url(/images/feedback_common.gif) no-repeat 4px 3px;
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #007ecb;
	-moz-border-radius			: 4px;
	-webkit-border-radius		: 4px;
	border-radius				: 4px;
}
.feedback_common span {
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 11px; 
	color						: #007ecb;
}
.feedback_common a {
	color						: #007ecb !important;
	font-weight					: normal !important;
}

/* -------------------------------------------------------------------------------- */

/*
.label { padding:0px 4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-family:tahoma,arial,sans-serif; font-size:10px; font-weight:bold; color:#ffffff; }
.label-mini { padding:1px 4px; font-size:9px; font-weight:normal; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.label-red { background-color:#cc0000; }
.label-green { background-color:#5ca630; }
.label-orange { background-color:#f88c1f; }
.label-blue { background-color:#007ecb; }

.label-narrow { position:relative; top:-2px; padding:0px 4px 1px 4px; font-family:tahoma,arial,sans-serif; font-size:7px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#334444; border:1px solid #334444; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.label-narrow-red { color:#cc0000; border:1px solid #cc0000; }
.label-narrow-green { color:#5ca630; border:1px solid #5ca630; }
.label-narrow-orange { color:#f88c1f; border:1px solid #f88c1f; }
.label-narrow-blue { color:#007ecb; border:1px solid #007ecb; }
.label-narrow-grey { color:#888888; border:1px solid #888888; }
*/

/* -------------------------------------------------------------------------------- */

.page_title {
	font-family					: tahoma, arial, sans-serif; 
	font-size					: 13px; 
	color						: #334444;
	font-weight					: bold;
	border-bottom				: 1px solid #334444;
	padding-bottom				: 4px;
	margin-bottom				: 20px;
}

/* -------------------------------------------------------------------------------- */

a.subnav { 
	display						: block;
	/*width						: 100%;*/
	font-family					: tahoma, arial, sans-serif;
	font-size					: 10px; 
	font-weight					: bold; 
	color						: #334444; 
	text-decoration				: none; 
	text-align					: left;
	padding						: 1px;
	padding-left				: 5px;
	background-color			: #eff2e6;
}

a.subnav:hover {
	color						: #000000; 
	background-color			: #d6d9ce; 
}

/* -------------------------------------------------------------------------------- */

a.mininav { 
	font-family			: tahoma, arial, sans-serif;
	font-size			: 10px; 
	font-weight			: bold; 
	color				: #334444; 
	text-decoration		: none; 
	text-align			: center; 
	padding				: 1px;
}

a.mininav:hover {
	color				: #000000; 
}

/* -------------------------------------------------------------------------------- */

a.aktionen {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 10px; 
	font-weight			: normal;
	color				: #334444; 
	text-decoration		: none;
	display				: block;
	background-color	: #eff2e6;
	text-align			: left;
	padding				: 1px;
	padding-left		: 5px;
}

a.aktionen:hover {
	color				: #000000; 
	background-color	: #d6d9ce; 
}

/* -------------------------------------------------------------------------------- */
/* nur bei SchowContentDirectoys() und GetContentSearchResults() verwendet */

a.row {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 11px; 
	color				: #334444; 
	text-decoration		: none;
	display				: block;
	width				: 100%;
	background-color	: #fdfff7;
	text-align			: left;
	padding				: 1px;
	padding-left		: 5px;
	
}

a.row:hover {
	background-color	: #eff2e6;
}

/* -------------------------------------------------------------------------------- */

a.row2 {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 11px;
	font-weight			:normal;
	color				: #334444; 
	text-decoration		: none;
}

a.row2:hover {
	color				: #000000; 
	text-decoration		: underline;
}

/* -------------------------------------------------------------------------------- */

a.logout {
	font-family			: tahoma, arial, sans-serif;
	font-size			: 10px; 
	font-weight			: bold; 
	color				: #ffffff; 
	text-decoration		: none; 
}
a.logout:hover {
	color				: #f36a22; 
}

/* -------------------------------------------------------------------------------- */

.tbhead {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 15px; 
	color				: #334444;
	font-weight			: normal;
}

/* -------------------------------------------------------------------------------- */
/* FORM */

form {
	margin: 0px;
}

.feld { 
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px;
	font-weight				: normal;
	color					: #334444; 
	border					: 1px solid #d6d9ce; 
	background-color		: #ffffff;
  	padding					: 2px;
  	margin					: 0px;
  
    -moz-box-sizing			: border-box;
    -webkit-box-sizing		: border-box;
    box-sizing				: border-box;

	-moz-border-radius		: 2px; 
	-webkit-border-radius	: 2px;	
	border-radius			: 2px;

	-webkit-box-shadow		: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow			: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow				: inset 0 1px 1px rgba(0, 0, 0, 0.05);

	-webkit-transition		: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition			: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition			: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition			: border linear 0.2s, box-shadow linear 0.2s;
	transition				: border linear 0.2s, box-shadow linear 0.2s;

	vertical-align			: middle;
}
.feld-big { padding:6px; }

/*select.feld { padding: 1px 2px 1px 2px; }*/

input[type=text]:disabled, input[type=text]:readonly, input[type=password]:disabled, select:disabled, select:readonly {
	background-color	: #eff2e6;
	color				: #888888;
}
input[disabled=disabled], select[disabled=disabled], input[readonly=readonly], select[readonly=readonly] {
	background-color	: #eff2e6;
	color				: #888888;
}

.search {
	height					: 20px;
	border					: 1px solid #d6d9ce; 
	background				: #ffffff url(/images/lupe_grey.gif) no-repeat 4px center;
	padding					: 0px 8px 0px 20px;

	font-family				: tahoma, sans-serif;
	font-size				: 11px;
	font-weight				: normal;
	color					: #334444;

	-webkit-transition		: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition			: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition			: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition			: border linear 0.2s, box-shadow linear 0.2s;
	transition				: border linear 0.2s, box-shadow linear 0.2s;
  
	-moz-border-radius		: 10px; 
	-webkit-border-radius	: 10px;	
	border-radius			: 10px;
}
.search:focus, input.feld:focus, textarea.feld:focus { 
	border					: 1px solid #f36a22;
	-webkit-box-shadow		: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(243, 106, 0, 0.6);
	-moz-box-shadow			: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(243, 106, 0, 0.6);
	box-shadow				: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 4px rgba(243, 106, 0, 0.6);
	outline					: 0;
	position 				: relative; 
	/*z-index 				: 1000;*/
}
.search-empty { color:#888888; }

/* -------------------------------------------------------------------------------- */
/*  TODO: auflassen */

.tblMain {
	border-spacing: 1px;
	border: 1px solid #d6d9ce;
	margin-bottom: 10px;
}

.tblHead { 
	font-family: tahoma, arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #334444; 
	background-color: #d6d9ce;
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom:2px;
}

.tblHead1 { 
	font-family: tahoma, arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #555d6d;
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom:2px;
}

.tblHead2 { 
	font-family: tahoma, arial, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #334444; 
	background-color: #eff2e6;
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom:2px;
}

.tblRow { 
	font-family: tahoma, arial, sans-serif; 
	font-size: 11px; 
	color: #334444; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom:1px;
	height: 17px;
}

.tblRow2 { 
	font-family: tahoma, arial, sans-serif; 
	font-size: 11px; 
	color: #334444; 
	padding-left: 0px; 
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom:4px;
}

a.tblTitle {
	font-family: tahoma, arial, sans-serif; 
	font-size: 11px; 
	color: #334444; 
	text-decoration: none;
}

a.tblTitle:hover {
	color: #000000; 
}

.tblMainTitle {
	font-family: tahoma, arial, sans-serif; 
	font-size: 13px; 
	color: #334444;
	font-weight: bold;
	margin-bottom: 4px;
}

/* DATAGRID */
/* -------------------------------------------------------------------------------- */

.dgMain {
	border-collapse		: collapse;
	border-spacing		: 0px;
	border-left			: 1px solid #d6d9ce;
	border-right		: 1px solid #d6d9ce;
	border-bottom		: 1px solid #d6d9ce;
}

.dgHead { 
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 10px;
	font-weight			: bold;
	color				: #334444; 
	background-color	: #d6d9ce;
	padding				: 2px 5px 2px 5px;
	border-bottom		: 1px solid #334444;
	height				: 17px;
}

.dgHead a {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 11px;
	font-weight			: bold;
	color				: #334444; 
	text-decoration		: none;
}

.dgHead a:hover {
	color				: #000000; 
}

.dgGroupHead { 
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 10px;
	font-weight			: bold;
	color				: #ffffff; 
	background-color	: #555d6d;
	padding				: 2px 5px 2px 5px;
}

.dgGroupHead a {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 10px;
	font-weight			: bold;
	color				: #ffffff; 
	text-decoration		: none;
}

.dgGroupHead a:hover {
	color				: #ffffff; 
}

.dgRow { 
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 11px; 
	color				: #334444; 
	padding				: 2px 5px 2px 5px;
	height				: 21px;
}

.dgCheckbox {
	margin				: 1px 4px 0px 0px;
	vertical-align		: top;
}


/* --------------------------------------------------------------------------------
   Artikel Tooltip (Anzeige von verwendenten Newslettern
   ----------------------------------------------------------------------------- */

a.tooltip {
	text-decoration		: none;
}
a.tooltip:hover {
	position			: relative;
}
a.tooltip span {
	display				: none;
}
a.tooltip:hover span {
	display				: block;
	position			: absolute; top: 10px; left: 0;
	padding				: 0px;
	margin				: 10px;
	z-index				: 100;
	background			: #f0f0f0; 
	opacity				: 0.9;
	border				: 1px solid #888888;
}
table.tooltip {
	background-color	: #fdfff7;
}

/* -------------------------------------------------------------------------------- */

.dbinfo {
	font-family			: tahoma, arial, sans-serif; 
	font-size			: 11px; 
	color				: #334444;
	background-color	: #ffffcc;
	border				: 1px solid #eeee88;
	padding				: 1px 4px 1px 1px;
	margin				: 10px 0px 10px 0px;
}

/* -------------------------------------------------------------------------------- */

code.sql {}
code.sql .keyword { color: #990099; }
code.sql .operator { color: #FF00FF; }
code.sql .quoted { color: #008000; }
code.sql .ticked { color: #000080; }
code.sql .bracket { color: #FF00FF; }


/* --------------------------------------------------------------------------------
   Item List
   ----------------------------------------------------------------------------- */

.item-list {
	width					: 328px;
	border					: 1px solid #d6d9ce;
	padding-top				: 4px;
	padding-left			: 4px;
	float					: left;
	background-color		: #ffffff;
	color					: #888888;	
}

.item-list ul {
	margin					: 0px;
	padding					: 0px;
}

.item-list li {

	list-style-type			: none;
	display					: block;
	float					: left;
	min-width				: 150px;
	overflow				: hidden;
	
	background-color		: #eff2e6;
	
	padding					: 0px 4px;
	margin-bottom			: 4px;
	margin-right			: 4px;
	
	font-family				: tahoma, sans-serif;
	font-weight				: normal;
	font-size				: 11px;
	color					: #334444;

	border					: 1px solid #d6d9ce;
	-moz-border-radius		: 2px; 
	-webkit-border-radius	: 2px;
	border-radius			: 2px;
}

.item-list li:hover {
	background-color		: #f36a22;
	border					: 1px solid #f36a22;
	color					: #ffffff;
}

.item-list p {
	margin					: 0px;
	padding					: 0px;
	float					: left;
}

.item-list span {
	float					: left;
	cursor					: pointer;
	margin-right			: 4px;
	font-weight				: bold;
}

.item-list div {
	margin					: 0px 4px 4px 4px;
}


/* --------------------------------------------------------------------------------
   for AddressFieldSelection (Drag/Drop/Sortable)
   ----------------------------------------------------------------------------- */

.SortableContainer { 
	float					: left; 
	width					: 200px; 
	height					: 200px; 
	overflow				: auto;
	overflow-x				: hidden;
	overflow-y				: scroll;
	border					: 1px solid #d6d9ce; 
	padding					: 2px; 
	background-color		: #ffffff;
}
.Sortable { 
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
	min-height				: 240px;
}
.Sortable li { 
	margin					: 0px 2px 2px 0px; 
	padding					: 2px 4px;
	border					: 1px solid #d6d9ce;
	border-radius			: 2px;
	background-color		: #eff2e6;
}
.Sortable li:hover {
	background-color		: #f36a22;
	border					: 1px solid #f36a22;
	color					: #ffffff;
	cursor					: move;
}
.Sortable li span {
	float					: right;
}

/* --------------------------------------------------------------------------------
   Table List
   ----------------------------------------------------------------------------- */

.table-list {
	border-collapse			: collapse;
	width					: 100%;
}

/* --------------------------------------------------------------------------------
   Table List HEAD
   ----------------------------------------------------------------------------- */

.table-list > thead > tr > th {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 10px;
	font-weight				: bold;
	text-align				: left;
	vertical-align			: bottom;
	color					: #334444; 
	border-bottom			: 1px solid #d6d9ce;
	padding					: 1px 4px;
	white-space				: nowrap;
}

/* für IE, der mag die ">" nicht */
.table-list th {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 10px;
	font-weight				: bold;
	text-align				: left;
	vertical-align			: bottom;
	color					: #334444; 
	border-bottom			: 1px solid #d6d9ce;
	padding					: 1px 4px;
	white-space				: nowrap;
}
.table-list th.th-medium {
	color					: #776655;
	border-bottom			: 1px solid #776655;
}
.table-list th.th-dark {
	border-bottom			: 0px;
	background-color		: #d6d9ce;
}
.table-list th.th-black {
	border-bottom			: 0px;
	color					: #ffffff;
	background-color		: #334444;
}
.table-list th.th-title {
	font-size				: 13px !important;
	font-weight				: bold !important;
	padding-left			: 0px !important;
}
.table-list th.th-light {
	color					: #888888;
	font-weight				: normal;
	vertical-align			: bottom;
}
.table-list th a {
	text-decoration			: none;
	font-size				: 10px;
}


/* --------------------------------------------------------------------------------
   Table List BODY
   ----------------------------------------------------------------------------- */

/* für IE8, der mag die ">" nicht */
.table-list td {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px;
	color					: #334444; 
	border-bottom			: 1px solid #d6d9ce;
	padding					: 4px;
	white-space				: nowrap;
}

.table-list > tbody > tr > td {
/*.table-list td {*/ /* wegen settings-list in admin.css brauch ich obigen selektor (damit nicht rekursiv) */
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px;
	color					: #334444; 
	border-bottom			: 1px solid #d6d9ce;
	padding					: 4px;
	white-space				: nowrap;
}

.table-list > tbody > tr > td a {
	font-weight				: normal;
	color					: #334444;
	text-decoration			: none;
}
.table-list > tbody > tr > td a:hover {
	text-decoration			: underline;
}

.table-striped > tbody > tr:nth-child(odd) > td {
	background-color		: #eff2e6;
}
.table-striped > tbody > tr:nth-child(even) > td {
	background-color		: #fdfff7;
}

/* für IE8, der kann nth-child(odd|even) nicht */
.table-list td.td-odd {
	background-color		: #eff2e6;
}
.table-list td.td-even {
	background-color		: #fdfff7;
}

.table-list > tbody > tr > td input[type=checkbox] {
	/*margin					: 1px 2px 0px 2px;*/
	margin:					: 0px;
	vertical-align			: top;
}

/*
.table-list > thead > tr > th.col-yellow 						{ border-bottom: 1px solid #ffcb00; }
.table-striped > tbody > tr > td.col-yellow 					{ border-bottom: 1px solid #fee57b; }
*/
.table-striped > tbody > tr:nth-child(odd) > td.col-yellow 		{ background-color: #fef2b9; }
.table-striped > tbody > tr:nth-child(even) > td.col-yellow 	{ background-color: #fdf8d7; }

/*
.table-list > thead > tr > th.col-blue 							{ border-bottom: 1px solid #1e90ff; }
.table-striped > tbody > tr > td.col-blue 						{ border-bottom: 1px solid #8dc7fb; }
*/
.table-striped > tbody > tr:nth-child(odd) > td.col-blue 		{ background-color: #c5e3f9; }
.table-striped > tbody > tr:nth-child(even) > td.col-blue 		{ background-color: #e0f1f8; }

/*
.table-list > thead > tr > th.col-green 						{ border-bottom: 1px solid #9acd32; }
.table-striped > tbody > tr > td.col-green 						{ border-bottom: 1px solid #cbe694; }
*/
.table-striped > tbody > tr:nth-child(odd) > td.col-green 		{ background-color: #e4f2c6; }
.table-striped > tbody > tr:nth-child(even) > td.col-green 		{ background-color: #f0f9de; }

/* --------------------------------------------------------------------------------
   Table List FOOT
   ----------------------------------------------------------------------------- */

.table-list > tfoot > tr > td {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px;
	color					: #334444; 
	padding					: 4px;
	white-space				: nowrap;
	border-top				: 1px solid #334444;
	border-bottom			: 0;
}



.table-list-info {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 10px;
	color					: #888888; 
}


/* light borders */
.border-medium > tbody > tr > td,
.border-medium > thead > tr > th {
	border-bottom			: 1px solid #eff2e6 !important;
}

.border-right > tbody > tr > td {
	border-right			: 1px solid #d6d9ce;
}
.border-right > tbody > tr > td:first-child {
	border-left				: 1px solid #d6d9ce;
}

/* --------------------------------------------------------------------------------
   Table List EDIT (ohne IE)
   ----------------------------------------------------------------------------- */

.table-list-edit {
	margin-bottom			: 4px;
}
.table-list-edit > tbody > tr > td {
	border-bottom			: 1px solid #eff2e6 !important;
}
.table-list-edit > tbody > tr:first-child td {
	border-top				: 1px solid #d6d9ce !important;
}
.table-list-edit > thead > tr > th,
.table-list-edit tr:last-child td {
	border-bottom			: 1px solid #d6d9ce !important;
}


.td-full { width:100%; vertical-align:top; line-height:23px; height:23px; padding:0px !important; }
td > div.td-outer { position:relative; margin-left:4px; }
div.td-outer > div.td-inner { position:absolute; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }


/* --------------------------------------------------------------------------------
   Table List INPUT
   ----------------------------------------------------------------------------- */

.table-list > tbody > tr > td.td-input {
	border-left:1px solid #d6d9ce;
	padding:0;
}
.td-input > input {
	padding:3px;
	border:1px solid transparent;
	border-radius:0;
	background-color:transparent;
	box-shadow:none;
}
.td-input > input:focus {
	background-color:#ffffff;
}

/* --------------------------------------------------------------------------------
   Table Hover (set by jQuery if <table class="AddHover"> or <table class="table-hover">)
   ----------------------------------------------------------------------------- */
td.hoverrow {
	background-color		: #ffffcc !important;
	border-top-color		: #d6d9ce !important; /* geht net, weil border bei voriger tr ist */
	border-bottom-color		: #d6d9ce !important;
}

/* --------------------------------------------------------------------------------
   Percent-Bar
   ----------------------------------------------------------------------------- */

.bar-percent {
	background-color		: #ffffff;
	border					: 1px solid #d6d9ce;
	padding					: 1px;
	height					: 8px; 
	font-size				: 1px;
	line-height				: 1px;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;
	text-align				: left;
	margin-top				: 2px;
	margin-bottom			: 2px;
}
.bar-percent img {
	height					: 8px;
	background				: -moz-linear-gradient(top, #f36a22, #d34a02);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f36a22), color-stop(1, #d34a02));
	background-color		: #f36a22;
}
.bar-percent img.green {
	background				: -moz-linear-gradient(top, #5FC32F, #2F9300);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5FC32F), color-stop(1, #2F9300));
	background-color		: #5ca630;
}
.bar-percent img.red {
	background				: -moz-linear-gradient(top, #cc0000, #990000);
	background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cc0000), color-stop(1, #990000));
	background-color		: #cc0000;
}

/* --------------------------------------------------------------------------------
   Event User Stats
   ----------------------------------------------------------------------------- */

.event-stat-count {
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;
	padding					: 0px 6px 0px 6px;
	margin-right			: 4px;
	margin-top				: 1px;
	font-weight				: bold;
	font-size				: 10px !important;
	text-shadow				: 1px 1px 0px #666666;
	float					: left;
}
.event-stat-count-confirmed {
	background-color		: #73ca01;
	color					: #ffffff;
}
.event-stat-count-waitinglist {
	background-color		: #ff7a06;
	color					: #ffffff;
}
.event-stat-count-storno {
	background-color		: #ff0101;
	color					: #ffffff;
}
.event-stat-count-nothing {
	padding					: 0px;
	color					: #334444;
	text-shadow				: none;
}
.event-stat-count-total {
	padding					: 0px;
	color					: #334444;
	text-shadow				: none;
}

/* --------------------------------------------------------------------------------
   Form-Generator
   ----------------------------------------------------------------------------- */

#FormItemContainer {
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
	border-bottom			: 1px solid #d6d9ce;
}

#FormItemContainer li {
	background-color		: #fdfff7;
	border					: 0px;
	border-top				: 1px solid #d6d9ce;
}
#FormItemContainer li img.drag {
	cursor					: move;
}
#FormItemContainer li:hover {
	background-color		: #ffffcc;
}
.FormItemPlaceholder { 
	height					: 100px;
	border					: 2px dotted #f36a22 !important;
}

/* --------------------------------------------------------------------------------
   Buttons
   ----------------------------------------------------------------------------- */

.button {
	cursor					: pointer;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
	border-radius			: 2px;
	border					: 0px;
	background-color		: #555d6d;
	display					: inline-block;
	padding					: 2px 8px;
	font-family				: tahoma,arial,sans-serif; 
	font-size				: 11px;
	font-weight				: normal;
	line-height				: 17px;
	color					: #ffffff !important;
	text-decoration			: none;
	text-shadow				: 0px 0px 1px rgba(0, 0, 0, 0.5);
	vertical-align			: middle;
	
	box-sizing				: border-box;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;

	-webkit-transition		: background-color 0.2s;
	-moz-transition			: background-color 0.2s;
	-ms-transition			: background-color 0.2s;
	-o-transition			: background-color 0.2s;
	transition				: background-color 0.2s;
}
.button:hover { color:#ffffff; background-color:#667083; position:relative; z-index:1000; }
.button:active { background-color:#555d6d; }

.button-secondary { 
	border					: 1px solid #d6d9ce; 
	padding					: 1px 7px; 
	background-color		: #eff2e6; 
	color					: #776655 !important; 
	text-shadow				: none; 
	font-weight				: normal;
	
	-webkit-transition		: border linear 0.2s, color linear 0.2s;
	-moz-transition			: border linear 0.2s, color linear 0.2s;
	-ms-transition			: border linear 0.2s, color linear 0.2s;
	-o-transition			: border linear 0.2s, color linear 0.2s;
	transition				: border linear 0.2s, color linear 0.2s;

}
.button-secondary:hover { border:1px solid #334444 !important; background-color:#eff2e6; color:#334444; }
.button-secondary i { color:#334444; font-size:11px; }
.button-secondary:hover i { color:#000000; }

.button-secondary-selected, .button-secondary-selected:hover { color:#334444 !important; background-color:#d6d9ce; }

.button-green { background-color:#5ca630; }
.button-green:hover { background-color:#65b735; }

.button-red { background-color:#cc0000; }
.button-red:hover { background-color:#e00000; }

.button-nobg { background:none; color:#334444 !important; text-shadow:none;  font-weight:normal; }
.button-nobg:hover { background:none; color:#000000 !important; }

.button-icon { padding:2px 6px; }
.button-icon i { font-size:14px; }

.button-secondary-icon { padding:1px 5px; }
.button-secondary-icon i { font-size:14px; color:#776655; }
.button-secondary-icon:hover i { color:#000000; }

.buttons-top { margin:0px 4px 0px 4px; text-align:right; }
.buttons-top .button { margin:4px 0px 0px 4px; }
.buttons-bottom { margin:4px 4px 0px 4px; text-align:right; border-top:1px solid #334444; }
.buttons-bottom .button { margin:4px 0px 0px 4px; }

/* geht halt im IE nur ab IE9+ | darf kein whitespace sein, also line-breaks weg oder per kommentar eleminieren */
.button-group .button:not(:first-child) { border-top-left-radius:0px; border-bottom-left-radius:0px; margin-left:-1px; }
.button-group .button:not(:last-child) { border-top-right-radius:0px; border-bottom-right-radius:0px; }

.button-after-input { border-top-left-radius:0px; border-bottom-left-radius:0px; margin-left:-1px; }
.input-before-button { border-top-right-radius:0px; border-bottom-right-radius:0px; }



/* --------------------------------------------------------------------------------
   toolbar buttons (zb event-stats)
   ----------------------------------------------------------------------------- */

a.toolbar_button { font-weight:normal; }
a.toolbar_button:hover { color:#334444 !important; }


/* --------------------------------------------------------------------------------
   PME (Litmus)
   ----------------------------------------------------------------------------- */

.PMEScreen .ui-dialog-content {
	text-align				: center;
}

.PMEScreen #thirdparty_litmus_mobile_screen {
	margin-left				: auto;
	margin-right			: auto;
	text-align				: left;
}

.pme-thumb-category {
	clear					: both;
	border-bottom			: 1px solid #d6d9ce;
	padding					: 4px;
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 13px; 
	color					: #334444;
	font-weight				: bold;
	margin-bottom			: 10px;
}

.pme-thumb {
	float					: left;
	margin					: 10px 10px 0px 10px;
}

.pme-thumb-title {
	font-family				: tahoma, arial, sans-serif;
	font-size				: 11px;
	color					: #334444;
	text-align				: center;
	padding					: 2px;
	background-color		: #eff2e6;
}

.pme-thumb-image {
	padding					: 1px;
	height					: 84px;
	width					: 119px;
	overflow				: hidden;
	text-align				: center;
	background-color		: #eff2e6;
}

.pme-thumb-shadow {
	width					: 119px;
	height					: 10px;
	text-align				: center;
	background				: url(/images/pme_thumb_shadow.gif) no-repeat;
}

.pme-detail-menu {
	position				: fixed;
	z-index					: 100;
	top						: 113px;
	background-color		: #001b32;
	width					: 100%;
	padding					: 10px;
}
.pme-detail-menu * {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px; 
	color					: #ffffff;
}

a.pme-detail-nav {
	font-family				: tahoma, arial, sans-serif; 
	font-size				: 11px; 
	color					: #cccccc;
	font-weight				: normal;
	padding					: 1px 2px 1px 3px;
	float					: left; 
	display					: block; 
	width					: 110px; 
	text-decoration			: none;
}

a.pme-detail-nav:hover {
	color					: #ffffff;
}

/* --------------------------------------------------------------------------------
   User history (createdby, changedby)
   ----------------------------------------------------------------------------- */

.ep-user-history-container { margin-top:12px; margin-right:4px; text-align:right; }
.ep-user-history { font-family:tahoma,arial,sans-serif; font-size:9px; color:#888888; }
.ep-user-history span { font-weight:bold; }

/* --------------------------------------------------------------------------------
   Tabs Extra
   ----------------------------------------------------------------------------- */

.tab-info { font-size:9px; font-weight:normal; }


/* --------------------------------------------------------------------------------
   Table Form (für Edit-Seiten)
   ----------------------------------------------------------------------------- */
   
.table-form { border-collapse:collapse; width:100%; }

.table-form > thead > tr > th { padding:0px 0px 4px 0px; text-align:left; font-size:10px; font-weight:normal; color:#888888; }

.table-form > tbody > tr > td { padding:4px 4px 4px 0px; }
.table-form > tbody > tr > td:last-child { padding-right:0px; }

.table-form-border > tbody > tr > td { border-top: 1px solid #eff2e6; }
.table-form-border > tbody > tr:first-child > td { border-top: 1px solid #d6d9ce; }
.table-form-border > tbody > tr:last-child > td { border-bottom: 1px solid #eff2e6; }

/* --------------------------------------------------------------------------------
   Folder
   ----------------------------------------------------------------------------- */

.folder-mine { color:#555d6d; }
.folder-up { color:#555d6d; }
.folder-shared { color:#5ca630; }
.folder-public { color:#f36a22; }

.folder-tree { }
.folder-tree-item { padding:2px 4px; }
.folder-tree-item:hover { background-color:#ffffcc; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.folder-tree-item-selected { background-color:#d6d9ce; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.folder-tree-caret { display:inline-block; width:12px; text-decoration:none; font-size:14px; line-height:11px; color:#888888; outline:0; text-align:center; }

.folder-action { display:inline-block; width:14px; text-decoration:none; color:#aaaaaa; outline:0; text-align:center; margin-right:2px; }

/* --------------------------------------------------------------------------------
   Media
   ----------------------------------------------------------------------------- */

.media { display:table-cell; width:92px; height:92px; text-align:center; vertical-align:middle; border:2px solid #d6d9ce; }
.media img { max-width:84px; max-height:84px; }
a.media:hover { border:2px solid #334444; }

/* --------------------------------------------------------------------------------
   Media-List
   ----------------------------------------------------------------------------- */

.media-list { list-style:none; margin:0px; padding:0px; font-size:0; border-top:2px solid #eff2e6; }
.media-list * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.media-list li { display:inline-block; border-bottom:2px solid #eff2e6; }
.media-list li:hover { border-bottom:2px solid #334444; }
.media-list-image a { display:table-cell; text-align:center; vertical-align:middle; }
.media-list-name, .media-list-info { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.media-list-selected { border-bottom:2px solid #f36a22 !important; }
.media-list-hover, .media-list-checkbox { position:absolute; display:none; }
.media-list-text { margin:2px 0px 0px 2px; height:30px; background:url('/images/media_overlay.png'); }
.media-list-checkbox { width:21px; height:21px; background:url('/images/media_overlay.png'); padding-top:2px; padding-left:3px; }
/*.media-list-checkbox-selected { background:#f36a22; }*/
.media-list-tools { margin-left:21px; height:21px; background:url('/images/media_overlay.png'); }
.media-list-tools img { margin:2px; }

.media-list-large { width:752px; }
.media-list-large .media-list-text { margin-top:137px; width:188px; }
.media-list-large .media-list-checkbox { margin-top:167px; }
.media-list-large .media-list-tools { margin-top:167px; width:167px; }
.media-list-large .media-list li { width:188px; }
.media-list-large .media-list-image img { max-width:180px; max-height:180px; }
.media-list-large .media-list-image a { width:188px; height:188px; }

.media-list-medium { width:744px; }
.media-list-medium .media-list-text { margin-top:73px; width:124px; }
.media-list-medium .media-list-checkbox { margin-top:103px; }
.media-list-medium .media-list-tools { margin-top:103px; width:103px; }
.media-list-medium .media-list li { width:124px; }
.media-list-medium .media-list-image img { max-width:116px; max-height:116px; }
.media-list-medium .media-list-image a { width:124px; height:124px; }

.media-list-small { width:736px; }
.media-list-small .media-list-text { margin-top:41px; width:92px; }
.media-list-small .media-list-checkbox { margin-top:71px; }
.media-list-small .media-list-tools { margin-top:71px; width:71px; }
.media-list-small .media-list-tools img { margin:2px 1px; }
.media-list-small .media-list li { width:92px; }
.media-list-small .media-list-image img { max-width:84px; max-height:84px; }
.media-list-small .media-list-image a { width:92px; height:92px; }


.media-preview {
    position				: fixed;
    z-index					: 1000000;
    margin					: auto;
	top						: 0;
	right					: 0;
	bottom					: 0;
	left					: 0;
	max-width				: 90%;
	max-height				: 90%;
	cursor					: pointer;
	border					: 10px solid rgba(0,0,0,0.5);
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	border-radius			: 4px;
	background-color		: #000000;
}

/* --------------------------------------------------------------------------------
   Popover
   ----------------------------------------------------------------------------- */

.ep-popover {
	position				: absolute;
	color:#ffffff;
}

.ep-popover-background {
	left					: 0;
	top						: 0;
	position				: absolute;
	background				: url(/images/spacer.gif);
	overflow				: hidden;
}

.ep-popover-container {

	background				: url(/images/toolbox_background.png);
	
	-moz-border-radius		: 4px; 
	-webkit-border-radius	: 4px;	
	border-radius			: 4px;
	
	-moz-box-shadow			: 0px 0px 8px #888888;
	-webkit-box-shadow		: 0px 0px 8px #888888;
	box-shadow				: 0px 0px 8px #888888;

	padding					: 0px;
	margin					: 0px;
	
	overflow				: auto;
}

.ep-popover-arrow-up { position:absolute; background:url(/images/toolbox_arrow_up.png); width:15px; height:8px; overflow:hidden; }
.ep-popover-arrow-right { position:absolute; background:url(/images/toolbox_arrow_right.png); width:8px; height:15px; overflow:hidden; }
.ep-popover-arrow-down { position:absolute; background:url(/images/toolbox_arrow_down.png); width:15px; height:8px; overflow:hidden; }
.ep-popover-arrow-left { position:absolute; background:url(/images/toolbox_arrow_left.png); width:8px; height:15px; overflow:hidden; }

.ep-popover a {
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

.ep-popover a.button {
	display					: inline-block;
	background				: none;
	border					: 1px solid #aabbbb; 
	padding					: 1px 7px 1px 7px; 
	text-shadow				: none; 
	font-weight				: normal;
	-webkit-transition		: border linear 0.2s, color linear 0.2s;
	-moz-transition			: border linear 0.2s, color linear 0.2s;
	-ms-transition			: border linear 0.2s, color linear 0.2s;
	-o-transition			: border linear 0.2s, color linear 0.2s;
	transition				: border linear 0.2s, color linear 0.2s;
}
.ep-popover a.button:hover {
	background				: none;
	border					: 1px solid #ffffff;
}

a.ep-popover-item {
	font-family				: tahoma, sans-serif;
	font-size				: 11px;
	font-weight				: normal;
	color					: #ffffff !important;
	text-decoration			: none;
	display					: block;
	padding					: 3px;
	text-shadow				: 1px 1px 0px #333333;
	
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing				: border-box;
	
	-moz-border-radius		: 2px; 
	-webkit-border-radius	: 2px;	
	border-radius			: 2px;
}
a.ep-popover-item:hover {
	background-color		: #556666;
}
a.ep-popover-item-selected,
a.ep-popover-item-selected:hover {
	color					: #ffffff;
	background-color		: #f36a22;
	outline					: 0;
}
a.ep-popover-item-selected .grey { color:#eeeeee; }

.ep-popover-item-headline {
	font-family				: tahoma, sans-serif;
	font-size				: 9px;
	font-weight				: bold;
	text-transform 			: uppercase;
	letter-spacing 			: 1px;
	color					: #ffffff !important;
	text-decoration			: none;
	padding					: 3px;
	text-shadow				: 1px 1px 0px #333333;
}

.ep-popover-item-line {
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:4px 0px;
	background-color:#556666;
}

.ep-popover-item i { font-size:14px; }

.popover-content {
	max-height				: 300px;
	overflow				: auto;
}

.popover-search {
	background				: #ffffff url(/images/lupe_grey.gif) no-repeat right center;
	margin-bottom			: 4px;
	-moz-border-radius		: 2px; 
	-webkit-border-radius	: 2px;	
	border-radius			: 2px;
	box-shadow				: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
}
.popover-search input {
	border					: 0px;
	background				: none;
	width					: 100%;
	padding					: 0px;
	margin					: 2px;
	font-family				: tahoma, sans-serif;
	font-size				: 11px;
	font-weight				: normal;
	color					: #334444;
}

/*
.popover-loading {
	margin					: 8px;
	text-align				: center;
}
/images/ajax_loader_small.gif" border="0" width="32" height="12"
*/

/* --------------------------------------------------------------------------------
   Datefilter
   ----------------------------------------------------------------------------- */

.ep-cal-header {
	padding-left			: 2px;
	padding-bottom			: 4px; 
	margin-bottom			: 10px;
	border-bottom			: 1px solid #aabbbb;
	font-family				: tahoma, arial, sans-serif;
	font-size				: 14px;
	color					: #ffffff;
}
.ep-cal-footer { 
	padding-top				: 4px; 
	margin-top				: 10px;
	border-top				: 1px solid #aabbbb; 
	text-align				: right;
}
.ep-cal-table { 
	border-spacing			: 2px; 
	padding					: 0px; 
	width					: 100%; 
}
.ep-cal-table td { padding:0px; text-align:center; font-family:tahoma; font-size:11px; color:#888888; }
.ep-cal-table div { 
	display					: block; 
	padding					: 3px;
	text-align				: center; 
	font-weight				: normal;
}

/* --------------------------------------------------------------------------------
   Picture-List (campaignitem_edit.php)
   ----------------------------------------------------------------------------- */

.picture_list { margin:0px; padding:0px; list-style: none; }
.picture_list li { float:left; margin:0px 10px 10px 0px; border:2px solid #d6d9ce; width:84px; height:84px; background-color:#ffffff; display:table; text-align:center; border-spacing:0px; }
.picture_list li:hover { border: 2px solid #334444;}
.picture_list a { margin:2px; display:table-cell; vertical-align:middle; }
.picture_list img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.picture_list_selected { border: 2px solid #F36A22 !important; }
.picture_list_selected img, .picture_list li:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }


/* --------------------------------------------------------------------------------
   Tabs right
   ----------------------------------------------------------------------------- */
	
.tab-right-content {
	position:relative;
	z-index:1;
	float:left;
	width:593px;
	padding-right:10px;
	box-shadow: 4px 0px 2px -2px rgba(0,0,0,0.1);
	border-right:1px solid #d6d9ce;
}

.tabs-right { list-style:none; margin:0px; padding:0px; }
.tabs-right li { margin:0px; padding:0px; }
.tabs-right a {
	position:relative;
	display:block;
	border:1px solid #d6d9ce;
	padding:6px;
	margin-left:-1px;
	margin-top:-1px;
	margin-right:4px;
	background-color:#eff2e6;
	font-family:tahoma,arial,sans-serif; 
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	color:#334444;
}
.tabs-right li:first-child a { -moz-border-top-right-radius:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }
.tabs-right li:last-child a { -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; }
.tabs-right a:hover { background-color:#ffffcc; }

a.tabs-right-selected {
	z-index:2;
	border-left:1px solid #fdfff7;
	background-color:#fdfff7;
	margin-right:0px;
	padding:10px 6px 10px 6px;
	-moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;
	-moz-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;		
	box-shadow: 2px 0px 2px rgba(0,0,0,0.1);
}
a.tabs-right-selected:hover {
	border-top:1px solid #d6d9ce;
	border-right:1px solid #d6d9ce;
	border-bottom:1px solid #d6d9ce;
	background-color:#fdfff7;
}

/* --------------------------------------------------------------------------------
   Saluations
   ----------------------------------------------------------------------------- */

.salutation { display:block; padding:2px 4px; text-decoration:none; border:1px solid #d6d9ce; background-color:#fdfff7; margin-bottom:4px; }
.salutation:hover { background-color:#ffffcc; }
.salutation-selected { border:2px solid #f36a22; padding:1px 3px; }

/* --------------------------------------------------------------------------------
   Fullpage Layout
   ----------------------------------------------------------------------------- */

/* DEACTICATED
.layout-row, .layout-col { 
	overflow				: hidden;
	position				: absolute; 
    -moz-box-sizing			: border-box;
    -webkit-box-sizing		: border-box;
    box-sizing				: border-box;   
}
.layout-row { left:0; right:0; }
.layout-col { top:0; bottom:0; }
.scroll-x { overflow-x:auto; }
.scroll-y { overflow-y:auto; }

.layout-header {
	height					: 48px; 
	top						: 0px;
	z-index					: 800;
	background-color		: #d6d9ce;
}

.layout-body {
	top						: 48px;
	bottom					: 0px;
}

.layout-footer {
	height					: 48px;
	bottom					: 0px;
	background-color		: #d6d9ce;
}

#layout-content {
	left					: 0px;
	right					: 450px;
}

#layout-sidebar {
	width					: 450px;
	right					: 0px;
	background-color		: #eff2e6; 
	border-left				: 1px solid #d6d9ce;
}

.layout-shadow {
	-moz-box-shadow			: 0px 1px 1px rgba(0,0,0, 0.25);
	-webkit-box-shadow		: 0px 1px 1px rgba(0,0,0, 0.25);
	box-shadow				: 0px 1px 1px rgba(0,0,0, 0.25);
}
*/

/* --------------------------------------------------------------------------------
   Fullpage Layout (Litmus Screens)
   ----------------------------------------------------------------------------- */

#fullpage {
	margin					: 0;
	padding					: 110px 0 0 0;
	background-color		: #747c8f;
}

#top {
	z-index					: 20px;
	width					: 100%;
	position				: absolute;
	top						: 0;
	left					: 0;
	padding					: 0px;
	margin					: 0px;
	
	background-color		: #ffffff;

	-moz-box-shadow			: 0px 5px 5px #666666;
	-webkit-box-shadow		: 0px 5px 5px #666666;
	box-shadow				: 0px 5px 5px #666666;
}

#content {

}
	
@media screen {
	#top {
		position: fixed;
	}
}

.image-active {
	
}

.image-inactive {
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}

.image-inactive:hover {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* --------------------------------------------------------------------------------
   Blind table
   ----------------------------------------------------------------------------- */

table.blind {
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.blind tr { 
	border: 0 none;
	padding:0;
}

table.blind td { 
	border: 0 none;
	padding:0;
}

/* --------------------------------------------------------------------------------
   ep-checkbox
   ----------------------------------------------------------------------------- */

.ep-checkbox-radio-hide {  
	visibility: hidden;
	position: absolute;
	display: none;
	width: 0px;
	margin: 0px;
	height:0px;
	padding: 0px;
}

.ep-checkbox {
	width: 15px;	
	height: 15px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align:middle;
}

.ep-checkbox label {
	position: absolute;
	cursor: pointer;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	border: 1px #d6d9ce solid;
	background: #ffffff;

	-webkit-box-shadow		: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow			: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow				: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
}

.ep-checkbox label:hover {
	border: 1px #f36a22 solid;
}

/* Häkchen => wird gezeichnet durch border links und oben und wird dann um 45° gedreht. */
.ep-checkbox label:after {
	
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 3px;
	background: transparent;
	top: 3px;
	left: 2px;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ep-checkbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.ep-checkbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	border-left: 2px solid #f36a22;
	border-bottom: 2px solid #f36a22;
}

/* --------------------------------------------------------------------------------
   ep-radio
   ----------------------------------------------------------------------------- */
.ep-radio {
	width: 15px;	
	height: 15px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align:middle;
	box-sizing: border-box;
}

.ep-radio label {
	position: absolute;
	cursor: pointer;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border-radius: 50px;
	border: 1px #d6d9ce solid;
	background: #ffffff;

	-webkit-box-shadow		: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow			: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow				: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	
}

.ep-radio label:hover {
	border: 1px #f36a22 solid;
}

.ep-radio label:after {

	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background: #cccccc;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50%;
	top: 3px;
	left: 3px;

}

.ep-radio label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.ep-radio input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background: #f36a22;
}

/* --------------------------------------------------------------------------------
   ep-tab
   ----------------------------------------------------------------------------- */

.ep-tabs {
	box-sizing:border-box;
}

.ep-tabs a {
	border-bottom:2px solid #d6d9ce;
	display:inline-block;
	padding:4px 8px;
	margin-right:2px;
	text-decoration:none;
}
.ep-tabs a:hover {
	border-bottom:2px solid #334444;
}

.ep-tabs a.ep-tabs-selected {
	border-bottom:2px solid #f36a22;
}



.mod_formitem {
}

.form_item td {
	vertical-align	: top;
}

.mod_formitem_title {
	font-family		: tahoma,sans-serif;
	font-size		: 11px !important;
	font-weight		: bold !important;
	color			: #334444 !important;
}

.mod_formitem_error {
	color			: #aa0000;
}

.mod_formitem_description {
	font-family		: tahoma,sans-serif;
	font-size		: 10px;
	font-weight		: normal;
	color			: #334444;
}

.mod_formitem_option,
.mod_formitem_matrix_row {
	font-family		: tahoma,sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #334444;
}

.mod_formitem_field,
.mod_formitem_option_field {
	font-family		: tahoma,sans-serif;
	font-size		: 11px;
	font-weight		: normal;
	color			: #334444;
	background-color: #ffffff;
	border			: 1px solid #d6d9ce;
}

.mod_formitem_field {
	min-width		: 200px;
	width			: 100%;
}

.mod_formitem_option_field {
	width			: 200px;
}

mod_formitem_matrix_table td {
	padding			: 4px;
	text-align		: center;

}
.mod_formitem_matrix_col {
	padding-top		: 4px; padding-bottom: 4px;
	font-family		: tahoma,sans-serif;
	font-size		: 11px;
	font-weight		: bold;
	padding-left	: 10px; padding-right: 10px;
	color			: #334444;
	text-align		: center;
}

.mod_formitem_matrix_row {
	border			: 1px solid #EFEFEF;
	text-align		: center;
	padding			: 4px;
	font-weight		: bold;
}

.mod_form_buttons {
	border-top		: 1px solid #666666;
	text-align		: right;
}

.mod_form_button {
	font-family:tahoma,sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #00668e;
	border: 1px outset #00668e;
}

.mod_survey_progressbar {
	background-color: #ffffff;
	border: 1px solid #bbb3ab;
	width:100%;
	height: 10px; 
}

.mod_survey_progressbar img {
	height: 10px;
	background-color: #00668e;
}	

.form_item_template_1,
.form_item_template_2,
.form_item_template_3 {
	/*margin-top: 10px;*/
}
.form_item_template_1 div,
.form_item_template_2 div,
.form_item_template_3 div,
.form_item_template_1 td,
.form_item_template_2 td,
.form_item_template_3 td,
.form_item_template_1 p,
.form_item_template_2 p,
.form_item_template_3 p,
.form_item_template_1 td,
.form_item_template_2 td,
.form_item_template_3 td {
	font-family:tahoma,sans-serif;
	font-size:10px;
}
	
.mod_formitem_required:before {
}

.form_item_template_3 .mod_formitem_title {
	width: 120px;
}

.ep-form-item-answer {
	font-weight: bold;
	color: #787dbf;
	vertical-align: middle;
	font-family: tahoma,arial,sans-serif !important;
    font-size: 10px !important;	
}

img.ep-form-item-answer {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: middle;
}

.ep-separator {
	height:1px; 
	border:none;
	margin:20px 0;
}
.hint, [data-hint] { position: relative; display: inline-block; }
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 16000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after { visibility: visible; opacity: 1; }
.hint:before, [data-hint]:before { content: ''; position: absolute; background: transparent; border: 4px solid transparent; z-index: 16000001; }
.hint:after, [data-hint]:after { 
	content: attr(data-hint); 
	background-color: #333333; /* IE8 */
	background-color: rgba(0, 0, 0, 0.8);
	*background-color: #333333; /* IE7 */
	color: white;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.8);
	padding: 4px 8px; 
	font-size: 10px; 
	line-height: 10px;
	white-space: nowrap; 
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.hint--top:before { 
	border-top-color: #333333; /* IE8 */
	border-top-color: rgba(0, 0, 0, 0.8);
	*border-top-color: #333333; /* IE7 */
}

.hint--bottom:before { 
	border-bottom-color: #333333; /* IE8 */
	border-bottom-color: rgba(0, 0, 0, 0.8);
	*border-bottom-color: #333333; /* IE7 */
}

.hint--left:before {
	border-left-color: #333333; /* IE8 */
	border-left-color: rgba(0, 0, 0, 0.8);
	*border-left-color: #333333; /* IE7 */
}

.hint--right:before { 
	border-right-color: #333333; /* IE8 */
	border-right-color: rgba(0, 0, 0, 0.8);
	*border-right-color: #333333; /* IE7 */
}

.hint--top:before { margin-bottom: -8px; }
.hint--top:after { margin-left: -12px; }
.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

.hint--bottom:before { margin-top: -8px; }
.hint--bottom:after { margin-left: -12px; }
.hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }

.hint--right:before { margin-left: -8px; margin-bottom: -4px; }
.hint--right:after { margin-bottom: -9px; }
.hint--right:before, .hint--right:after { left: 100%; bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }

.hint--left:before { margin-right: -8px; margin-bottom: -4px; }
.hint--left:after { margin-bottom: -9px; }
.hint--left:before, .hint--left:after { right: 100%; bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); }

.hint--error:after { background-color: rgba(204, 0, 0, 0.8); text-shadow: 0 -1px 0px rgba(77, 0, 0, 0.8); }
.hint--error.hint--top:before { border-top-color: rgba(204, 0, 0, 0.8); }
.hint--error.hint--bottom:before { border-bottom-color: rgba(204, 0, 0, 0.8); }
.hint--error.hint--left:before { border-left-color: rgba(204, 0, 0, 0.8); }
.hint--error.hint--right:before { border-right-color: rgba(204, 0, 0, 0.8); }

.hint--warning:after { background-color: rgba(248, 140, 31, 0.8); text-shadow: 0 -1px 0px rgba(147, 76, 5, 0.8); }
.hint--warning.hint--top:before { border-top-color: rgba(248, 140, 31, 0.8); }
.hint--warning.hint--bottom:before { border-bottom-color: rgba(248, 140, 31, 0.8); }
.hint--warning.hint--left:before { border-left-color: rgba(248, 140, 31, 0.8); }
.hint--warning.hint--right:before { border-right-color: rgba(248, 140, 31, 0.8); }

.hint--info:after { background-color: rgba(0, 126, 203, 0.8); text-shadow: 0 -1px 0px rgba(0, 47, 76, 0.8); }
.hint--info.hint--top:before { border-top-color: rgba(0, 126, 203, 0.8); }
.hint--info.hint--bottom:before { border-bottom-color: rgba(0, 126, 203, 0.8); }
.hint--info.hint--left:before { border-left-color: rgba(0, 126, 203, 0.8); }
.hint--info.hint--right:before { border-right-color: rgba(0, 126, 203, 0.8); }

.hint--success:after { background-color: rgba(92, 166, 48, 0.8); text-shadow: 0 -1px 0px rgba(37, 67, 19, 0.8); }
.hint--success.hint--top:before { border-top-color: rgba(92, 166, 48, 0.8); }
.hint--success.hint--bottom:before { border-bottom-color: rgba(92, 166, 48, 0.8); }
.hint--success.hint--left:before { border-left-color: rgba(92, 166, 48, 0.8); }
.hint--success.hint--right:before { border-right-color: rgba(92, 166, 48, 0.8); }

.hint--always:after, .hint--always:before { opacity: 1; visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }

.hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }