@import url('/ib/core/elements/font/ropa/stylesheet.css');
@import url('/ib/core/elements/font/bitter/stylesheet.css');
img {border:0px none;}
.rRichEditArea_Outer label {display:none; margin-top:0px; padding-top:10px; margin-bottom:-24px; font:14px/1 'Ropa Sans', sans-serif ! important;font-style:italic ! important;color:rgba(127,167,185, 1) ! important;}
.rRichEditArea_Outer label.visible {display:block;}
.rRichEditArea_List_Outer label {display:none; margin-top:0px; padding-top:10px; margin-bottom:-24px; font:14px/1 'Ropa Sans', sans-serif ! important;font-style:italic ! important;color:rgba(127,167,185, 1) ! important;}
.rRichEditArea_List_Outer label.visible {display:block;}
.rRichEditArea_Poor_Outer label {display:none; padding-top:0.5em; margin-bottom:-1.7857em;font:14px/1 'Ropa Sans', sans-serif ! important;font-style:italic ! important;color:rgba(127,167,185, 1) ! important;}
.rRichEditArea_Poor_Outer label.visible {display:block;}
@font-face {
	font-family: 'adminIcons';
	src:url('/ib/core/elements/iconfont/fontexport/fonts/adminIcons.eot?a0044');
	src:url('/ib/core/elements/iconfont/fontexport/fonts/adminIcons.eot?a0044#iefix') format('embedded-opentype'),
		url('/ib/core/elements/iconfont/fontexport/fonts/adminIcons.woff?a0044') format('woff'),
		url('/ib/core/elements/iconfont/fontexport/fonts/adminIcons.ttf?a0044') format('truetype'),
		url('/ib/core/elements/iconfont/fontexport/fonts/adminIcons.svg?a0044#r-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.admin span.select:after {
	content: "\e603";
}


/* generierte Zuordnungstabelle CSS-Klassen zu Zeichencodes */

.admin-i-SendGuest:before {
  content: "\e918";
}
.admin-i-Send:before {
  content: "\e919";
}
.admin-i-Watchlist:before {
  content: "\e917";
}
.admin-i-TransferToWatchlist:before {
  content: "\e916";
}
.admin-i-TransferBillItems:before {
  content: "\e913";
}
.admin-i-Bookmark:before {
  content: "\e914";
}
.admin-i-ViewDetail:before {
  content: "\e901";
}
.admin-i-ViewCompact:before {
  content: "\e902";
}
.admin-i-ViewList:before {
  content: "\e907";
}
.admin-i-ViewMinimal:before {
  content: "\e908";
}
.admin-i-ViewReport:before {
  content: "\e909";
}
.admin-i-ViewPresentation:before {
  content: "\e90a";
}
.admin-i-Collapse2:before {
  content: "\e90b";
}
.admin-i-Expand2:before {
  content: "\e90c";
}
.admin-i-Approve:before {
  content: "\e90d";
}
.admin-i-RequirementsFromNow:before {
  content: "\e90e";
}
.admin-i-RequirementsTransfer:before {
  content: "\e90f";
}
.admin-i-ViewExternal:before {
  content: "\e910";
}
.admin-i-ViewInternal:before {
  content: "\e911";
}
.admin-i-msg-Login:before {
  content: "\e061";
}
.admin-i-msg-Question:before {
  content: "\e069";
}
.admin-i-msg-Deny:before {
  content: "\e04d";
}
.admin-i-msg-Warning:before {
  content: "\e06a";
}
.admin-i-msg-Info:before {
  content: "\e06d";
}
.admin-i-msg-Hint2:before {
  content: "\e903";
}
.admin-i-Ok:before {
  content: "\e06e";
}
.admin-i-Cancel:before {
  content: "\e092";
}
.admin-i-TreeEdit:before {
  content: "\e001";
}
.admin-i-Knowledgebase:before {
  content: "\e027";
}
.admin-i-GridView:before {
  content: "\e026";
}
.admin-i-Mediapool:before {
  content: "\e63e";
}
.admin-i-Systemsettings:before {
  content: "\e649";
}
.admin-i-CountStatistic:before {
  content: "\e035";
}
.admin-i-SystemAnalyzer:before {
  content: "\e002";
}
.admin-i-ScriptAnalyzer:before {
  content: "\e606";
}
.admin-i-Publication:before {
  content: "\e023";
}
.admin-i-Recycler:before {
  content: "\e021";
}
.admin-i-LayoutView:before {
  content: "\e03b";
}
.admin-i-DataSheet:before {
  content: "\e039";
}
.admin-i-Refresh:before {
  content: "\e036";
}
.admin-i-Reindex:before {
  content: "\e096";
}
.admin-i-CacheReset:before {
  content: "\e028";
}
.admin-i-MediaReset:before {
  content: "\e024";
}
.admin-i-Menu:before {
  content: "\e63f";
}
.admin-i-Tools:before {
  content: "\e64c";
}
.admin-i-Boxes:before {
  content: "\e65b";
}
.admin-i-Pin:before {
  content: "\e65a";
}
.admin-i-EditMode:before {
  content: "\e07a";
}
.admin-i-PreviewMode:before {
  content: "\e059";
}
.admin-i-Logout:before {
  content: "\e60c";
}
.admin-i-ShowInLayout:before {
  content: "\e904";
}
.admin-i-ShowInProjectBrowser:before {
  content: "\e912";
}
.admin-i-ShowInNewWindow:before {
  content: "\e91f";
}
.admin-i-ShowInTree:before {
  content: "\e624";
}
.admin-i-Detach:before {
  content: "\e621";
}
.admin-i-Duplicate:before {
  content: "\e07c";
}
.admin-i-OpenFolder:before {
  content: "\e915";
}
.admin-i-VersionCreate:before {
  content: "\e060";
}
.admin-i-EditionCreate:before {
  content: "\e076";
}
.admin-i-Delete:before {
  content: "\e653";
}
.admin-i-Published:before {
  content: "\e61e";
}
.admin-i-Expired:before {
  content: "\e632";
}
.admin-i-Unpublished:before {
  content: "\e639";
}
.admin-i-Hidden:before {
  content: "\e633";
}
.admin-i-Versions:before {
  content: "\e63a";
}
.admin-i-Archived:before {
  content: "\e655";
}
.admin-i-System:before {
  content: "\e637";
}
.admin-i-Locked:before {
  content: "\e634";
}
.admin-i-Unlocked:before {
  content: "\e659";
}
.admin-i-Deleted:before {
  content: "\e631";
}
.admin-i-ReadingLocked:before {
  content: "\e636";
}
.admin-i-WritingLocked:before {
  content: "\e63b";
}
.admin-i-msg-Hint:before {
  content: "\e601";
}
.admin-i-box-Default:before {
  content: "\e094";
}
.admin-i-Properties:before {
  content: "\e057";
}
.admin-i-Settings:before {
  content: "\e018";
}
.admin-i-Save:before {
  content: "\e016";
}
.admin-i-TreeDelete:before {
  content: "\e04a";
}
.admin-i-Search:before {
  content: "\e050";
}
.admin-i-Node:before {
  content: "\e05f";
}
.admin-i-UpDown:before {
  content: "\e062";
}
.admin-i-Top:before {
  content: "\e06b";
}
.admin-i-Up:before {
  content: "\e063";
}
.admin-i-Right:before {
  content: "\e064";
}
.admin-i-Left:before {
  content: "\e065";
}
.admin-i-Bottom:before {
  content: "\e06c";
}
.admin-i-Down:before {
  content: "\e066";
}
.admin-i-Expand:before {
  content: "\e071";
}
.admin-i-Collapse:before {
  content: "\e07f";
}
.admin-i-Entry:before {
  content: "\e079";
}
.admin-i-ShowAll:before {
  content: "\e604";
}
.admin-i-Filter:before {
  content: "\e042";
}
.admin-i-FilterRemove:before {
  content: "\e041";
}
.admin-i-Create:before {
  content: "\e048";
}
.admin-i-Remove:before {
  content: "\e04e";
}
.admin-i-Close:before {
  content: "\e049";
}
.admin-i-cnt-Default:before {
  content: "\e034";
}
.admin-i-Transfer:before {
  content: "\e602";
}
.admin-i-Reset:before {
  content: "\e607";
}
.admin-i-QuickPreview:before {
  content: "\e608";
}
.admin-i-Print:before {
  content: "\e609";
}
.admin-i-Publish:before {
  content: "\e635";
}
.admin-i-Unpublish:before {
  content: "\e638";
}
.admin-i-Edit:before {
  content: "\e61d";
}
.admin-i-Now:before {
  content: "\e60a";
}
.admin-i-Today:before {
  content: "\e04c";
}
.admin-i-Map2:before {
  content: "\e60b";
}
.admin-i-Clear:before {
  content: "\e617";
}
.admin-i-Check:before {
  content: "\e618";
}
.admin-i-Calendar2:before {
  content: "\e91a";
}
.admin-i-Calendar:before {
  content: "\e619";
}
.admin-i-Increase:before {
  content: "\e04b";
}
.admin-i-Decrease:before {
  content: "\e046";
}
.admin-i-MediaUpload:before {
  content: "\e067";
}
.admin-i-Import:before {
  content: "\e61b";
}
.admin-i-Export:before {
  content: "\e61c";
}
.admin-i-MenuAttach:before {
  content: "\e905";
}
.admin-i-MenuDetach:before {
  content: "\e906";
}
.admin-i-Propagate:before {
  content: "\e627";
}
.admin-i-Inherit:before {
  content: "\e628";
}
.admin-i-cnt-Page:before {
  content: "\e611";
}
.admin-i-cnt-Posting:before {
  content: "\e60f";
}
.admin-i-cnt-Documentation:before {
  content: "\e623";
}
.admin-i-cnt-Article:before {
  content: "\e651";
}
.admin-i-cnt-Idea:before {
  content: "\e900";
}
.admin-i-cnt-Manual:before {
  content: "\e64f";
}
.admin-i-cnt-Image:before {
  content: "\e03a";
}
.admin-i-cnt-Document:before {
  content: "\e65c";
}
.admin-i-cnt-Audio:before {
  content: "\e65d";
}
.admin-i-cnt-Video:before {
  content: "\e044";
}
.admin-i-cnt-Message:before {
  content: "\e612";
}
.admin-i-cnt-Campaign:before {
  content: "\e920";
}
.admin-i-cnt-Remark:before {
  content: "\e61a";
}
.admin-i-cnt-Product:before {
  content: "\e600";
}
.admin-i-cnt-Event:before {
  content: "\e613";
}
.admin-i-cnt-Link:before {
  content: "\e080";
}
.admin-i-cnt-Project:before {
  content: "\e60e";
}
.admin-i-cnt-RequirementOrdered:before {
  content: "\e62b";
}
.admin-i-cnt-Memo:before {
  content: "\e64a";
}
.admin-i-cnt-Bill:before {
  content: "\e616";
}
.admin-i-cnt-Company:before {
  content: "\e615";
}
.admin-i-cnt-Customer:before {
  content: "\e614";
}
.admin-i-cnt-Person:before {
  content: "\e610";
}
.admin-i-cnt-User:before {
  content: "\e61f";
}
.admin-i-cnt-Profile:before {
  content: "\e650";
}
.admin-i-cnt-Requirement:before {
  content: "\e620";
}
.admin-i-cnt-RequirementCompleted:before {
  content: "\e62f";
}
.admin-i-cnt-RequirementOffered:before {
  content: "\e62c";
}
.admin-i-cnt-RequirementObjective:before {
  content: "\e62d";
}
.admin-i-cnt-RequirementIntended:before {
  content: "\e62e";
}
.admin-i-cnt-RequirementCancelled:before {
  content: "\e630";
}
.admin-i-cnt-RequirementDeferred:before {
  content: "\e629";
}
.admin-i-cnt-RequirementRegular:before {
  content: "\e654";
}
.admin-i-cnt-RequirementPending:before {
  content: "\e62a";
}
.admin-i-cnt-Ticket:before {
  content: "\e656";
}
.admin-i-cnt-Stop:before {
  content: "\e652";
}
.admin-i-cnt-Icon:before {
  content: "\e64d";
}
.admin-i-cnt-Regulation:before {
  content: "\e91b";
}
.admin-i-cnt-Tip:before {
  content: "\e91c";
}
.admin-i-cnt-Line:before {
  content: "\e64e";
}
.admin-i-cnt-Comment:before {
  content: "\e91d";
}
.admin-i-cnt-News:before {
  content: "\e91e";
}
.admin-i-cnt-Flag:before {
  content: "\e64b";
}
.admin-i-Brightness:before {
  content: "\e63c";
}
.admin-i-Contrast:before {
  content: "\e63d";
}
.admin-i-Preview:before {
  content: "\e60d";
}
.admin-i-Submit:before {
  content: "\e622";
}
.admin-i-Checkbox:before {
  content: "\e657";
}
.admin-i-Radiobutton:before {
  content: "\e658";
}
.admin-i-Scale:before {
  content: "\e640";
}
.admin-i-Caret:before {
  content: "\e603";
}
.admin-i-Map:before {
  content: "\e068";
}



/*
#33738f body Inhaltsstruktur, etc (HSB 198, 64, 56); (+ Vignette)
	#31718c evtl. alternativ (HSB 198, 65, 55)
#2e6780 = #33738f body Inhaltsstruktur + 10% schwarz
box-shadow Hauptmenue, Kopf InhStr, Sheet: 0px 0px 5px rgba(0,0,0,0.5)

#005073 blau (HSB 198, 100, 45)
#6696ab @50% Rahmen aktivierter Baustein
#6696ab Schalter Bearbeiten im Layout
#005073 Schalter Bearbeiten im Layout hover
#99B9C7 blau 40%

	#99b9c7 (Hintergrund Symbolleiste tw., Textschalter, Grid, Liste bei hover)

10% blau Feldhintergrund hover
65% grau Linien DBL

20% schwarz (Sidebar)
80% blau (Hintergrund Sidebar / Menü)
65% blau

65% weiss (Schalter auf Dunkelblau)
100% weiss (Schalter hover auf Dunkelblau)
30% weiss (Hinterlegung Schalter auf dunkelblau)
*/

.admin * {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.admin :focus {
	outline:none;
}
.admin input:focus, .admin textarea:focus, .admin keygen:focus, .admin select:focus {
	outline:none;
}
.admin *::-moz-selection {
	background-color:rgba(0, 80, 115, 0.4);
	background-color:rgba(102, 185, 199, 1);
	background-color:#99b9c7;
	color:white;
}
.admin *::selection {
	background-color:rgba(0, 80, 115, 0.4);
	background-color:#99b9c7;
	color:white;
}


.contentselect {
	visibility:hidden;
}
#jstree-marker-line {
	pointer-events: none;
}
.admin .jstree-default {
	font:13px 'Bitter', 'serif';
	color:#333;
}
.admin .jstree-default .jstree-wholerow-ul li[aria-disabled] > div.jstree-wholerow {
	cursor:default;
}
.admin .jstree-default .jstree-disabled {
	color:#333;
	cursor:default;
}
.admin .jstree-default .jstree-disabled > .jstree-icon {
	opacity:1;
	cursor:default;
}

.jstree-default li > i { /* Anschlussstueck */
}
.jstree-default li a { 
	text-overflow:ellipsis;
	text-decoration:none ! important;
}
.admin .jstree-default i.jstree-icon,
.jstree-default a i.jstree-icon.Icon {
}
.jstree-default a i.jstree-icon.Icon.admin-i-cnt-Image,
.jstree-default a i.jstree-icon.Icon.mce-i-r-cnt-Image {
	display:block;
	float:left;
	position:relative;
	margin-left:2px;
}
.jstree-default a i.jstree-icon.Icon.admin-i-cnt-Image:before,
.jstree-default a i.jstree-icon.Icon.mce-i-r-cnt-Image:before {
	position:absolute;
	display:block;
	top:0px;left:3px;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
}
.jstree-default a i.jstree-icon.Icon.MediapoolIcon:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 0px;
	left: -2px;
	right: -2px;
	bottom: -0px;
	border: 1px solid rgba(0,0,0,0.65);
	border-radius:1px;
}
.jstree-default a i.jstree-icon.Icon.DependantMediaIcon {
	margin-top:0px;
}

.jstree-default a i.jstree-icon.Icon.DependantMediaIcon:after {
	position: absolute;
	display: block;
	content: ' ';
	top: -2px;
	left: 0px;
	right: 0px;
	bottom: -2px;
	opacity:0.65;
	background:url('/ib/core/elements/window/DependantContent.png') center center no-repeat;
}
.jstree-default li a span.treeMedia {
	display:inline-block;
	overflow:hidden;
	margin-top:-2px;
	margin-bottom:-2px;
}
.jstree-default li a span.treeMedia table {
	float:left;
	width:28px;
	height:28px;
	padding-left:4px;
	padding-right:4px;
}
.jstree-default li a span.treeMedia td {
	text-align:center; vertical-align:middle; line-height:0px;
	width:28px;
	height:28px;
	background:url('/ib/core/elements/window/Vorschau_Hintergrund.png') center no-repeat;
	padding:0px;
}
.jstree-default li a span.treeMedia td div {
	width:28px;
}
.jstree-default li a span.treeMedia img {
	max-width: 28px;
	max-height: 28px;
}
.jstree-default li a span.treeCapt {
	vertical-align:top;
}
#vakata-contextmenu, #vakata-dnd { font:13px 'Bitter', 'serif'; color:#333; background:rgba(255,255,255,0.8);}


/* Administrationselemente in Ausgabe */
@keyframes Ausgabebereich-in {
	0% {opacity:0; visibility:hidden;}
	1% {opacity:0; visibility:visible;}
	100% {opacity:1; visibility:visible;}
}
@keyframes Ausgabebereich-out { 
	0% {opacity:1; visibility:visible;}
	99% {opacity:0; visibility:visible;}
	100% {opacity:0; visibility:hidden;}
}
.admin_Ausgabebereich { /* Bezeichnung / Nummer Ausgabebereich */
	font:14px/1 'Ropa Sans', sans-serif ! important;
	text-transform:uppercase;
	position:absolute;
	top:-18px;
	left:10px;
	color:#6696ab;
	
	background-color:rgba(255,255,255,1.0);
	padding:2px 5px 1px 5px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	animation: Ausgabebereich-out 0.2s linear 0s normal forwards;
}
.BoxEditDrag .admin_Ausgabebereich {
	animation: Ausgabebereich-in 0.2s linear 0s normal forwards;
}


.admin_Boxcaption {
	display:none; /* nur noch in Eigenschaften */
	font:14px/1 'Ropa Sans', sans-serif ! important;
	text-transform:uppercase;
	margin-left:10px;
	color:#005073;
	text-shadow:0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 3px #FFFFFF, 0 0 3px #FFFFFF;
	background-color:rgba(255,255,255,0.5);
	padding:2px 5px 2px 5px;
	float:left;
}









/* Basisstile */
.admin {font:14px/1.28571428571 'Ropa Sans', sans-serif; color:#333;}
.admin a {text-decoration:none; color:#005073}
.admin a:hover {text-decoration:underline;}

.admin h1  {font-size:20px; /* Ropa */font-weight:normal; margin-top:2ex; margin-bottom:0px; line-height:20px; color:#000 ;} /* Ausgabe: 25px */
.admin h2  {font-size:17px; font-weight:normal; margin-top:1ex; margin-bottom:0px; color:#005073;}
.admin h5  {font-size:100%; /* Ropa */font-weight:bold; margin:0px;}

.admin table {font:14px/1.28571428571 'Ropa Sans', sans-serif;}

.admin table.Menueliste td {font:13px/18px 'Bitter', 'serif';color:#333;} /* verwendet bei Versionen */
.admin table.Menueliste td {padding:8px 0px;}
.admin table.Menueliste td.Symbol {padding:5px 3px;}
.admin table.Menueliste td.Symbol span.Icon {display:block;}
.admin table.Menueliste td.Schalter {padding:2px 0px;}
.admin table.Menueliste td.Schalter div.MiniSchalter {margin:0;} /* zentralisieren */
.admin table.Menueliste td.Schalter span.Icon {display:block;}

.admin table.Menueliste td a {color:#333; text-decoration:none ! important;}
.admin table.Menueliste tr:hover {background-color:rgba(0,80,115,0.2);}
.admin table.Menueliste tr.Eintrag_Markiert:hover {background-color:rgba(0,80,115,0.4);}


.admin .Code  {font-family:'Courier New', Courier, monospace;font-size:120%; white-space:pre;color:#333333;	padding:0px 30px;}
.admin .Fehlermeldung {margin-bottom:10px; padding:5px; border:1px solid #c79999}

.admin .zoomin { /* Miniaturabbildungen Datenblatt/Datengitter */
	cursor:url('/ib/core/elements/window/zoomin.cur'),-moz-zoom-in;
}


.jstree-default li>.jstree-icon {
	cursor:pointer;
}


/* Auszeichnung von Text oder Bereichen */
.admin .jqx-fill-state-pressed .ContentIcon span.Icon,
.admin .jqx-fill-state-hover .ContentIcon span.Icon {
	color: rgba(0, 0, 0, 0.65) ! important; /* wg grid-stilen */
}
.admin .jqx-fill-state-pressed .ContentIcon.Eintrag_nichtVeroeffentlicht span.Icon,
.admin .jqx-fill-state-hover .ContentIcon.Eintrag_nichtVeroeffentlicht span.Icon {
	color: white ! important; /* wg grid-stilen */
}
/*.admin .Eintrag_Erledigt, .admin .Eintrag_Erledigt a, .admin .Eintrag_Erledigt input, .admin .Eintrag_Erledigt select,*/
.admin span.Icon_Title.Eintrag_Erledigt,
.admin .Eintrag_Erledigt span.Icon,
.jstree-default li.expired > a i {
	opacity:0.5;
}
/*.admin .Eintrag_nichtVeroeffentlicht, .admin .Eintrag_nichtVeroeffentlicht a, .admin .Eintrag_nichtVeroeffentlicht input, .admin .Eintrag_nichtVeroeffentlicht select*/
.admin span.Icon_Title.Eintrag_nichtVeroeffentlicht,
.admin .ContentIcon.Eintrag_nichtVeroeffentlicht span.Icon,
.jstree-default li.unpublished > a i {
	text-shadow:0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080;
	color:white ! important; /* wg grid-stilen */
}
.admin .Eintrag_Kritisch, .admin .Eintrag_Kritisch a, .admin .Eintrag_Kritisch input, .admin .Eintrag_Kritisch select {color:#800000;}
.admin .Eintrag_Unzulaessig, .admin .Eintrag_Unzulaessig a, .admin .Eintrag_Unzulaessig admin, .admin .Eintrag_Unzulaessig select {color:#ee5555}
.admin .Eintrag_Neu, .admin .Eintrag_Neu a, .admin .Eintrag_Neu input, .admin .Eintrag_Neu select {font-weight:bold}

.admin .Eintrag_Markiert {background-color:rgba(0,80,115,0.4);}
/*.admin .Eintrag_Markiert_Ordner {background-color:#ffffff}*/

/*
.admin .Unpublished span.Icon, .admin .Expired span.Icon {
	opacity:0.5;
}
*/

.admin p.Hinweis {
	font-family:'Ropa Sans',sans-serif;
	font-size:14px;
	font-weight:300;
	font-style:italic;
	padding:4px 0px 4px 0px; margin:0px;
}
.admin p.Hinweis span.Instruction {
	display:block;
	color:rgba(0,0,0,0.35);
}



/* Formular-Elemente */

	.admin div.Spalte1 {
		overflow:hidden;
	}
	.admin div.Spalte2 {
		overflow:hidden;
		min-height:30px; /* checkboxes, etc. */
	}

/* Felder + Fehlerkennzeichnung von Feldern */
.admin input, .admin textarea, .admin select {
	font: 13px/18px 'Bitter', 'serif';
	color:#333;
	margin:0px 0px;
	padding:6px 6px;
	width:auto;
	float:left;
	border: 0px none; /*1px solid rgba(0,0,0,0.15);*/
	background-color:#f2f2f2;
}
.admin select {
	xxpadding:3px 4px;
}
.admin input[type='text'], .admin input[type='password'] { }
.admin input[type='file'] {
	background:transparent ! important;
	box-shadow:none ! important;
	padding-left:0;
	padding-right:0;
}

.admin span.select {
		display:block;
		position:relative;
		overflow:hidden;
		height:30px;
		box-sizing:border-box;
		background-color:#f2f2f2;
}
	.admin span.select select {
		display:block;
		width:135%;
		position:absolute;
		z-index:50;
		background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border:0px none;
		margin:0px;
	}
		.admin span.select select {
			-webkit-appearance: none;
			-moz-appearance: none;
		}
		.admin span.select select {
			-moz-appearance: window;
			text-indent: 0.01px; /* doesn't work on ff30 any more */
			text-overflow: '';
		}
		.admin span.select select::-ms-expand {
			display: none;
		}
	.admin span.select:after {
		font-family: 'adminIcons';
		z-index: 0;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -7px;
		color: #595959;
	}
	
.admin .Fehlerbereich input, .admin .Fehlerbereich .select, .admin .Fehlerbereich textarea {
	background-color:#f7d9d9;
}
.admin input:disabled {
	background-color:#e5e5e5 ! important;
}

.admin input:focus, .admin input:hover,
.admin .select:focus, .admin .select:hover, /* improve: focus doesn't work width tab */
.admin select:focus, .admin select:hover,
.admin textarea:focus, .admin textarea:hover {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15) inset;
	border:0px none ! important;
}
.admin .select:focus select, .admin .select:hover select {
	box-shadow:none ! important;

}
.admin .Fehlerbereich input:focus, .admin .Fehlerbereich input:hover,
.admin .Fehlerbereich .select:focus, .admin .Fehlerbereich .select:hover,
.admin .Fehlerbereich textarea:focus, .admin .Fehlerbereich textarea:hover {
}


/* Zwischenueberschrift */

.admin .Zwischenueberschrift {padding:4px 0px; font-weight:bold; margin-top:5px;}
.admin h2.Zwischenueberschrift { /* mit Liste_Standard, nur noch Box-Insert */
	margin:20px 10px 5px 10px;
	padding:0px;
	font-weight:normal;
	color:black;
	font-size:14px;
	text-transform:uppercase;
	color:rgba(255,255,255,0.8);
}

.admin #rAdministrationBar_Form_Login td, /* Ausnahme, ersetzen */
.admin td.Datenzeile /* Einstellungen */ {
	padding:2px 0;
}
.admin #rAdministrationBar_Form_Login td.Feldbezeichnung { /* Ausnahme, ersetzen */
	padding-top:8px;
}

/* Sheets */

.admin .Sheet {
	padding-bottom:8px;
	margin-top:8px; /* wie Steuerelement */
	border-bottom:1px solid #005073;
}
.admin .Sheet .Steuerelement {
	padding:2px 15px 2px 15px;
	margin-top:6px;
}
	.admin .Sheet .Steuerelement:last-child { }
	.admin .left .Sheet:first-child .Steuerelement:first-child {
	}


.admin .Tabsheet .Zwischenueberschrift, /* admin-sheet 98 */
.admin .Tabsheet .billItem label,
.admin .Sheet .Zwischenueberschrift {
	font-weight:normal;
	margin-top:0px;
	padding:7px 0 5px 0;
	text-transform:uppercase;
}
	.admin .right div.Sheet:first-child .Steuerelement:first-child .Zwischenueberschrift {margin-top:0px;} /* erste Ueberschrift im rechter Spalte */

.admin .Sheet .Steuerelement.graphicbutton { /* Schalter neue Nachricht / neuer Bearbeitungsvermerk, etc. */
	padding:2px 15px 2px 15px;
	border-bottom:0px none;
}
	.admin .Sheet .Steuerelement.graphicbutton a.ControlEditLink {
		float:left;
	}

.admin a.ControlEditLink {
	color:inherit ! important;
	text-decoration:none;
}




.admin .Feldbezeichnung {
	padding:6px 0px 6px 0;
	color:rgba(0,0,0,0.65);
}
	.admin .Verbunden .Feldbezeichnung {font-style:italic;}
	
.admin .Datenfeld {
	font:13px/18px 'Bitter', 'serif';
	color:#333;
	padding:6px 6px;
	box-sizing:border-box;
	min-height:30px;
}
	.admin .Steuerelement.Gesperrt .Datenfeld {
		background:url('/ib/core/elements/window/Feld_Schraffur.png') repeat;
		color:rgba(0,0,0,0.65);
	}
.admin input.Optionsfeld,
.admin .Datenblatt input.Optionsfeld {
	width:auto; height:auto; /* 14px 14px */
	border:0px; background-color:transparent; padding:0px; box-sizing: content-box;
	box-shadow:none ! important;
	margin:8px 5px 3px 1px;
	float:left;
	font-size:14px;
	} /* in Mozilla 1 Pixel tiefer als im IE */
	.admin input.Optionsfeld:focus,
	.admin .Datenblatt input.Optionsfeld:focus {
		outline:1px solid rgba(0,0,0,0.5);
	}

.admin .Richtext {margin:1px 0px 1px 0px; background-color:#f2f2f2; font-size:15.5px;}
	.admin .Richtext:hover, .admin .Richtext:focus, .admin .Richtext:active, .admin .Richtext.focused {
		box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15) inset;
	}
.admin .Steuerelement.contentSelect .Datenfeld.Datenfeld_Schalter {	background-color:#f2f2f2; cursor:pointer}
	.admin .Steuerelement.contentSelect .Datenfeld.Datenfeld_Schalter:hover {
		box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15) inset;
	}
	.admin .Steuerelement.contentSelect.Fehlerbereich .Datenfeld.Datenfeld_Schalter {
		background-color:#f7d9d9;
	}

.admin .Steuerelement.checkboxgroup .Spalte2 .Feldbezeichnung,
.admin .Steuerelement.checkbox_confirm .Spalte2 .Feldbezeichnung,
.admin .Steuerelement.category_list .Spalte2 .Feldbezeichnung,
.admin .Steuerelement.category_list_3c .Spalte2 .Feldbezeichnung {
	margin-left:20px;
}

/* Datenblatt */
	div.Datenblatt {
		2016_05max-width:1300px;
		margin-left:auto; margin-right:auto;
		background-color:white; position:relative;
		min-height:100%;
		min-height:100vh;
		overflow:hidden;
	}
	div.Datenblatt #DisplayArea {
		margin-left:auto; margin-right:auto;position:relative; left:0px; top:0px;
		overflow-x:hidden;
	}


	
/* Spalten Datenblatt */
	div.Datenblatt_Spalte_links  {
		float:left;
		width:50%;
	}
	div.Datenblatt_Spalte_rechts {
		margin-left:50%;
		overflow:hidden;
	}
	div.Datenblatt_Spalte_breit {
	}
	@media only screen and (min-width: 620px) { /* links/rechts > untereinander, war 719 */
		div.Datenblatt_Spaltencontainer  {
			position:relative;
			overflow:hidden;
			border-bottom:1px solid #005073;
		}
		div.Datenblatt_Spaltencontainer:after {
			display:block;
			content:'\200b';
			position:absolute;
			left:50%;
			top:0;
			bottom:0;
			width:1px;
			background-color:#005073;
		}
		div.Datenblatt_Spalte_breit,
		div.Datenblatt_Spalte_links,
		div.Datenblatt_Spalte_rechts {
			xxmargin-bottom:-8px;
		}
		div.Datenblatt_Spalte_links .Sheet:last-child,
		div.Datenblatt_Spalte_rechts .Sheet:last-child {
			border-bottom:0px none; /* rm if no border at all */
		}
	}
	.admin div.Datenblatt .Feldbezeichnung {
		position:relative;
		padding-right:15px;
	}
	.admin .Erforderlich .Feldbezeichnung:after  {
		content:"!";
		display:block;
		position:absolute;
		right:1px;
		top:1px;
		width:14px;
		text-align:center;
		line-height:29px;
		font-size:16px;
		color:black;
	}
		.admin .Fehlerbereich.Erforderlich .Feldbezeichnung:after  {
			color:#c70000;
		}
		.admin .Fehlerbereich .FormatInstruction {
			color:#c70000;
		}
	.admin div.Datenblatt .SteuerelementBezeichnung {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		display:block;
	}
	.admin div.Datenblatt div.Spalte1 {
		width:35%;
		width:calc(35% + 15px);
		box-sizing:border-box;
		float:left;
	}
	.admin div.Datenblatt div.Spalte2 {
		margin-left:35%;
		margin-left:calc(35% + 15px);
	}


	.admin div.Datenblatt div.Spalte2Help { /* Hilfe deaktiviert / aktiviert */
		max-height:0px;
		overflow:hidden;
		transition:max-height 1s;
	}
	.admin div.Datenblatt.Hinweise div.Spalte2Help {
		max-height:150px;
		clear:left;
	}

/* Felder Datenblatt */
	.admin .Datenblatt .Datenzeile {} 
	.admin .Datenblatt .Feldbezeichnung {padding-bottom:4px;} /* Feld-Offset im IE ist abweichend, bei identischer Groesse beginnt die Hilfe in Spalte 2 */
	.admin .Datenblatt .Datenfeld {overflow:hidden;}
	.admin .Datenblatt div.Tabsheet_98 .Steuerelement { overflow:hidden; padding:0px 15px; margin:0;}
	.admin .Datenblatt div.Tabsheet_98 .Spalte1 { float:left; width:130px; }
	.admin .Datenblatt div.Tabsheet_98 .Spalte2 { margin-left:130px; }
	.admin .Datenblatt div.Tabsheet_98 .Datenfeld {padding:5px 5px;}
	.admin .Datenblatt div.Tabsheet_98 .Optionsfeld {margin-top:6px}
	
	.admin div.Datenblatt input, .admin div.Datenblatt textarea, .admin div.Datenblatt .select {
		width:100%;
		box-sizing:border-box;
	}
	.admin div.Datenblatt .text_date_publicate input,
	.admin div.Datenblatt .text_date_publicate div.Datenfeld,
	.admin div.Datenblatt .text_date_calendar div.Datenfeld,
	.admin div.Datenblatt .text_date_calendar input {
		max-width:calc(100% - 95px);
		box-sizing:border-box;
		margin-right:5px;
	}
	.admin div.Datenblatt .text_link input {
		max-width:calc(100% - 35px);
		box-sizing:border-box;
		margin-right:5px;
	}
	.admin div.Datenblatt .combobox_link span.select {
		max-width:calc(100% - 35px);
		float:left;
		box-sizing:border-box;
	}

	@media only screen and (max-width: 619px) { /* links/rechts > untereinander, war 719 */
		div.Datenblatt_Spalte_links,
		div.Datenblatt_Spalte_rechts {
			width:100%;
			margin-left:0px;
			float:left;
			padding-left:0px;
			padding-right:0px;
			overflow:visible;
		}
	}
	@media only screen and (max-width: 268px) { /* 2-zeilig links / breit; == 767*%35 */
		.admin div.Datenblatt div.Spalte1 {
			width:auto;
			float:none;
		}
		.admin div.Datenblatt div.Spalte2 {
			margin-left:0px;
		}
	}


/* Tabs Datenblatt */
	.admin div.TabsContainer {
		overflow:hidden;
		height:30px;
		border-bottom:1px solid #005073;
	}
	.admin div.Tab {
		padding:8px 0px 2px 0px;
		margin:0px 15px;
		float:left;
		font-size:14px; /* Ropa */
		font-weight:normal;
		color:rgba(0,0,0,0.65);
		opacity:0.5;
		cursor:pointer;
		border-bottom:3px solid transparent;
	}
	.admin div.Tab.Fehler {
		color:#c70000;
	}
	.admin div.Tab.active, .admin div.Tab:hover {
		opacity:1;
		border-bottom-color:#005073;
	}
/*
	.admin div.Tabsheet {
		display:none;
	}
	.admin div.Tabsheet.Einzug {
		padding:10px 15px;
	}
	.admin div.Tabsheet.active {
		display:block;
	}
	.admin div.Tabsheet h2 {
		display:none;
	}
	.admin div.Tabsheet .output h2 {
		display:block;
	}
*/
	.admin div.Tabsheet div.TabsheetContent {
		display:none;
	}
	.admin div.Tabsheet.Einzug {
		padding:10px 15px;
	}
	.admin div.Tabsheet.active div.TabsheetContent {
		display:block;
	}
	.admin div.Tabsheet > h2 {
		margin-top:0;
		padding:11px 45px 9px 45px;
		/*border-top:1px solid #005073;*/
		border-bottom:1px solid #005073;
		cursor:pointer;
		text-transform:uppercase;
		line-height:20px;
		font-size:16px;
		position:relative;
	}
	.admin div.Tabsheet.Fehler > h2 {
		/*color:#c70000;*/
	}
	.admin div.Tabsheet > h2 span.Icon {
		color:inherit;
		display:block;
		position:absolute;
		left:11px; /* analog card-icon im kopf */
		top:8px;
	}
	.admin div.Tabsheet > h2 span.Icon.warning {
		left:auto;
		right:15px;
		display:none;
	}
	.admin div.Tabsheet.Fehler > h2 span.Icon.warning {
		color:rgba(0,0,0,0.65);
		display:block;
	}
	.admin div.Tabsheet > h2 span.Icon.collapse {
		display:none;
	}
	.admin div.Tabsheet.active > h2 span.Icon.collapse {
		display:block;
	}
	.admin div.Tabsheet.active > h2 span.Icon.expand {
		display:none;
	}
	.admin div.Tabsheet_98 div.TabsheetContent {
		xxpadding:8px 15px;
		background-color:#f2f2f2;
	}

.admin div.Tabsheet_98 div.TabsheetContent div.Sheet,
.admin div.Steuerelement_sysAdmin,
.admin div.SteuerelementConatiner_sysAdmin,
.admin div.Sheet_sysAdmin {
	margin-top:0;
	padding-top:8px;
	background-color:#f2f2f2
}


.admin #rCard_Icons span.Icon {
	color:rgba(0,0,0,0.45);
}


/* Schaltflaechen mit Grafik bzw. Text */
/* evtl. Umbenennen in Editierschalter */
.admin div.MiniSchalter { 
	width:30px;
	height:30px;
	box-sizing:border-box;
	padding:3px 3px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	float:left;
} 
.admin div.MiniSchalter span.Icon {
	color:rgba(0,0,0,0.45);
}
.admin div.MiniSchalter.MouseOver:hover span.Icon {
	color:rgba(0,0,0,0.25);
} 
/*
.admin div.MiniSchalter.disabled span.Icon {
	color:rgba(0,0,0,0.15) ! important;
	cursor: default;
}
*/


	.admin .InverseColor div.MiniSchalter {
		opacity:1;
	}
	.admin .InverseColor div.MiniSchalter span.Icon {
		color:white;
		color:rgba(255,255,255,0.8);
		transition:all 0.3s;
	}
	.admin .InverseColor div.MiniSchalter:hover span.Icon,
	.admin .InverseColor div.MiniSchalter.MouseOver:active span.Icon {
		color:rgba(255,255,255,0.5);
	}

	
	
	
	
	
	
	
	
	
	
/* Schalter (Symbolleiste) 2015 */
.admin .SchalterA {
	display:block;
	position:relative;
	float:left;

	color:rgba(0,0,0,0.65);
	text-decoration:none ! important;
	padding:0 2px;
	
	cursor:pointer;

	transition:background 0.3s, color 0.3s;
}
	.admin .SchalterA:hover,
	.admin .SchalterA:active {
		color:white;
		background:rgba(0,0,0,0.25);
	}
	.admin .SchalterA:active {
		color:rgba(0,0,0,0.65);
	}
	/*
	.admin .SchalterA.selected:before {
		content: '';
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
		background:rgba(0,80,115,0.4);
		top: 4px;
		left: 6px;
	}
	*/
	.admin .SchalterA.selected:before {
		content: '';
		display: block;
		position: absolute;
		border:1px solid rgba(0,0,0,0.65);
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.admin .SchalterA.disabled {
		color:rgba(0,0,0,0.3) ! important;
		background:none ! important;
		cursor:default; /* default */
	}
.output .admin .SchalterA span.Icon,
.admin .SchalterA span.Icon {
	display:block;
	color:inherit;
	padding:6px;
	position:relative;
	box-sizing:content-box;
}

.admin .SchalterGruppeA {
	display:block;
	float:left;
	vertical-align:top; 
}
.admin .SchalterGruppeA.rechts {
	xxpadding-right:3px;border-right:1px solid #999; xxmargin-right:3px;
}
.admin .SchalterGruppeA.links {
	xxpadding-left:3px;border-left:1px solid #999; xxmargin-left:3px;
}

.admin .r-Symbolleiste-Invers .SchalterGruppeA.rechts {
	border-right-color:rgba(255,255,255,0.3);
}
.admin .r-Symbolleiste-Invers .SchalterGruppeA.links {
	border-left-color:rgba(255,255,255,0.3);
}
.admin .r-Symbolleiste-Invers .SchalterA {
	color:rgba(255,255,255,0.8);
}
	.admin .r-Symbolleiste-Invers .SchalterA:hover,
	.admin .r-Symbolleiste-Invers .SchalterA:active {
		color:white;
		background:rgba(255,255,255,0.3);
	}
	.admin .r-Symbolleiste-Invers .SchalterA.selected:before {
		border-color: rgba(255,255,255,0.8);
	}
	.admin .r-Symbolleiste-Invers .SchalterA.disabled {
		color:rgba(255,255,255,0.3) ! important;
	}


.listing tr.disabled td {
	color:#999;
}

/* Unterformular */

.admin .Unterformular .Datenbereich td {border-top:1px solid #E5EDF1;}
.admin .Unterformular .Datenbereich .Datenfeld {height:15px; overflow:hidden; padding:5px 6px;}
.admin .Unterformular .Datenbereich .Icon {padding-top:4px;}

.admin .Unterformular .Datenbereich tr[disabled] td {color:#999999;}
.admin .Unterformular .Datenbereich tr[disabled] .span_delete {display:none;}

.admin .Unterformular .Datenbereich td.IconColumn {width:20px; padding:0px 5px;}
.admin .Unterformular .Datenbereich td input, .admin .Unterformular .Datenbereich td select {margin-top:2px;}






/* Liste, detailliert */
/* z.B. in Datenblaettern */
.admin div.Liste_Detail a.Container,
.admin div.Liste_Detail div.Container {
	padding:3px 5px;
	/*overflow:hidden;*/ /*verschwinden in ff onscroll */
	background-color: white;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 5px;
	margin:5px 0;
	display:block;
	text-decoration:none;
	color:rgba(0,0,0,0.65);
}
/*
.admin div.Liste_Detail a.Container.Eintrag_Archiviert,
.admin div.Liste_Detail a.Container.Eintrag_Archiviert span.Icon {
	color:#b0b0b0;
}
.admin div.Liste_Detail a.Container.Eintrag_nichtVeroeffentlicht,
.admin div.Liste_Detail a.Container.Eintrag_nichtVeroeffentlicht span.Icon {
	color:#99B9C7;
}
*/
.admin div.Liste_Detail a.Container.Eintrag_Archiviert span.Icon {
	opacity:0.5;
}
.admin div.Liste_Detail a.Container.Eintrag_nichtVeroeffentlicht span.Icon {
	text-shadow:0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080,0 0 1px #808080;
	color:white;
}

.admin div.Liste_Detail a.Container:hover, .admin div.Liste_Detail a.Container.selektiert,
.admin div.Liste_Detail div.Container:hover, .admin div.Liste_Detail div.Container.selektiert { /* siehe auch Eintrag_Markiert */
	background-color: rgba(0,80,115,0.4);
	background-repeat: repeat-x;
	color:white ! important;
	text-decoration:none;
}
.admin div.Liste_Detail a.Container:hover span.Icon, .admin div.Liste_Detail a.Container.selektiert span.Icon,
.admin div.Liste_Detail div.Container:hover span.Icon, .admin div.Liste_Detail div.Container.selektiert span.Icon { /* siehe auch Eintrag_Markiert */
	color:white;
}
.admin div.Liste_Detail a.Container.Button,
.admin div.Liste_Detail div.Container.Button { 
	padding-right:20px;
}
.admin div.Liste_Detail a.Container.Button:hover,
.admin div.Liste_Detail div.Container.Button:hover { 
	cursor:pointer;
	background-image:url('/ib/core/elements/buttons/Auswaehlen.png');
	background-repeat:no-repeat;
	background-position:right center;
}

.admin div.Liste_Detail a.Container.gedimmt, 
.admin div.Liste_Detail div.Container.gedimmt { 
	opacity:0.5;
}
.admin div.Liste_Detail a.Container.selektiert,
.admin div.Liste_Detail div.Container.selektiert {
	cursor:default;
}
.admin div.Liste_Detail a.Container div.Symbol,
.admin div.Liste_Detail div.Container div.Symbol {
	float:left;
	width:16px;
	min-height:16px; 
	padding:5px 0px 4px 10px;
	/*overflow:hidden;*/
	text-align:center;
	line-height:0px;
}
.admin div.Liste_Detail a.Container.Media div.Symbol,
.admin div.Liste_Detail div.Container.Media div.Symbol {
	width:80px;
}
.admin div.Liste_Detail a.Container.nichtVeroeffentlicht div.Symbol,
.admin div.Liste_Detail div.Container.nichtVeroeffentlicht div.Symbol {
	opacity: 0.3;
}

.admin div.Liste_Detail a.Container div.Angaben,
.admin div.Liste_Detail div.Container div.Angaben {
	margin-left:40px;
	padding-top:5px;
	padding-bottom:3px;
}
.admin div.Liste_Detail a.Container.Media div.Angaben,
.admin div.Liste_Detail div.Container.Media div.Angaben {
	margin-left:95px;
}
.admin div.Liste_Detail a.Container.NoSymbol div.Angaben,
.admin div.Liste_Detail div.Container.NoSymbol div.Angaben {
	margin-left:0px;
}

.admin div.Liste_Detail a.Container div.Schalterbereich,
.admin div.Liste_Detail div.Container div.Schalterbereich {
	float:right;
	width:60px;
	padding-left:10px;
	opacity:0.3;
	margin-top:-4px;
}
.admin div.Liste_Detail a.Container:hover div.Schalterbereich,
.admin div.Liste_Detail div.Container:hover div.Schalterbereich {
	opacity:1;
}
.admin div.Liste_Detail a.Container div.Listenschalter,
.admin div.Liste_Detail div.Container div.Listenschalter {
	float:right;
	width:24px;
	text-align:center;
}
.admin div.Liste_Detail a.Container div.Listenschalter.Zurueckweisen,
.admin div.Liste_Detail div.Container div.Listenschalter.Zurueckweisen {
	cursor:pointer;
}
.admin div.Liste_Detail a.Container.nichtVeroeffentlicht div.Listenschalter.Zurueckweisen,
.admin div.Liste_Detail div.Container.nichtVeroeffentlicht div.Listenschalter.Zurueckweisen {
	display:none;
}
.admin div.Liste_Detail a.Container div.Listenschalter.Freischalten,
.admin div.Liste_Detail div.Container div.Listenschalter.Freischalten {
	cursor:pointer;
	display:none;
}
.admin div.Liste_Detail a.Container.nichtVeroeffentlicht div.Listenschalter.Freischalten,
.admin div.Liste_Detail div.Container.nichtVeroeffentlicht div.Listenschalter.Freischalten {
	display:block;
}

.admin div.Liste_Detail a.Container div.Angaben div.Titel,
.admin div.Liste_Detail div.Container div.Angaben div.Titel {
	padding:0px;
	margin:0px 0px 2px 0px;
}




/* Admin Bausteine */

	/* Schalter, Symbolleiste innerhalb der Ausgabe */
	@keyframes Schalter-Glow { 
		0% {box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 0px rgba(0,80,115, 1.0); }
		50% {box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 20px rgba(0,80,115, 1.0); }
		99% {box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 0px rgba(0,80,115, 1.0); }
		100% {box-shadow:0 0 5px rgba(0,0,0,0.5); }
	}
	@keyframes Schalter-Glow-Datenblattschalter { 
		0% {box-shadow:0 0 0px rgba(0,80,115, 1.0); }
		50% {box-shadow:0 0 20px rgba(0,80,115, 1.0); }
		99% {box-shadow:0 0 0px rgba(0,80,115, 1.0); }
		100% {box-shadow:none; }
	}
	.output .admin .Datenblatt-Schalter,
	.output .admin .LayoutEdit-Schalter,
	.admin .LayoutEdit-Schalter,
	.output .admin .BoxDrag-Schalter,
	.admin .BoxDrag-Schalter {
		display:inline-block;
		position:relative;
		background:rgba(0,80,115,0.8);
		border-radius:100px;
		width:40px;
		height:40px;
		box-sizing:border-box;
		padding:0px;
		box-shadow:0 0 5px rgba(0,0,0,0.5);
		transition:all 0.3s;
	}
	.output .admin .LayoutEdit-Schalter,
	.admin .LayoutEdit-Schalter {
		xxtransform:translateX(20px) translateY(-20px);
	}

	.output .admin .Datenblatt-Schalter .Icon,
	.output .admin .LayoutEdit-Schalter span.Icon,
	.admin .LayoutEdit-Schalter span.Icon,
	.output .admin .BoxDrag-Schalter span.Icon,
	.admin .BoxDrag-Schalter span.Icon {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		line-height:40px;
		border-radius:1000px;
		color: rgba(255,255,255,0.8);
		transition:color 0.3s;
	}
	.output .admin .LayoutEdit-Schalter.down,
	.admin .LayoutEdit-Schalter.down {
		animation: Schalter-Glow 0.6s linear 0s normal forwards;
	}

	.output .admin .Datenblatt-Schalter:hover .Icon,
	.output .admin .LayoutEdit-Schalter:hover span.Icon_32, .output .admin .LayoutEdit-Schalter:hover span.Icon,
	.admin .LayoutEdit-Schalter:hover span.Icon_32, .admin .LayoutEdit-Schalter:hover span.Icon,
	xx.admin .BoxDrag-Schalter:hover span.Icon {
		color:white;
		background-color:rgba(255,255,255,0.3);
	}
	.output .admin .Datenblatt-Schalter .Icon,
	.output .admin .LayoutEdit-Schalter span.Icon_32, .output .admin .LayoutEdit-Schalter span.Icon,
	.admin .LayoutEdit-Schalter span.Icon_32, .admin .LayoutEdit-Schalter span.Icon,
	.output .admin .BoxDrag-Schalter span.Icon,
	.admin .BoxDrag-Schalter span.Icon {
		cursor:pointer;
	}

	.output .admin .Datenblatt-Schalter {
		background-color:rgba(255,255,255,0.8);
		xborder-radius:0;
		box-shadow:none;
	}
	.output .admin .Datenblatt-Schalter .Icon {
		color:rgba(0,80,115, 0.8) ! important; /* 2017_0113 important */
		xborder-radius:0;
	}
	.output .admin .Datenblatt-Schalter.down {
		animation: Schalter-Glow-Datenblattschalter 0.6s linear 0s normal forwards;
	}
	.output .admin .Datenblatt-Schalter:hover .Icon {
		color:rgba(0,80,115, 1) ! important; /* 2017_0113 important */
	}


	/* Box-Symbolleiste, nur noch teilweise verwendet */
	.admin.BoxEdit-Symbolleiste-Overlay,
	.admin.BoxEdit-Symbolleiste { 
		position:absolute;
		z-index:1000;
		right:0px;
		top:0px;
		width:40px;
		height:40px;
	}
	.admin.BoxEdit-Symbolleiste { 
		transform: translateX(20px) translateY(-20px);
	}
	.admin.BoxEdit-Symbolleiste-Overlay {
		width:500px;
		height:auto;
		top:auto;
		bottom:0px;
	}
	.admin.BoxEdit-Symbolleiste-Overlay .LayoutEdit-Schalter,
	.admin.BoxEdit-Symbolleiste .LayoutEdit-Schalter1 {
		display:inline-block;
		padding:0px 3px;
		line-height:24px;
		height:24px;
		width:24px;
		text-align:center;
		cursor:pointer;
	} 
	.admin.BoxEdit-Symbolleiste .LayoutEdit-Schalter.disabled {
		cursor:auto;
	}
	.admin.BoxEdit-Symbolleiste .LayoutEdit-Schalter.disabled span.Icon {
		color:rgba(0,0,0,0.65);
		opacity:0.65;
		cursor:auto;
	}
	.admin.BoxEdit-Symbolleiste-Overlay .LayoutEdit-Schalter.Neuanlage { /* ausgeblendet */
		display:none;
	}
	.admin.BoxEdit-Symbolleiste.NurNeuanlage { 
		right:0px;
	}
	.admin.BoxEdit-Symbolleiste.Option { 
		display:none;
	}
	.boxFrame.selektiert .admin.BoxEdit-Symbolleiste.Option { 
		display:block;
	}
	
	/* Media-Upload, etc. */
	.ib-admin-MissingBlock {
		-x-background:url('/ib/core/elements/Editierbereich.png') left top repeat;
		font:14px/1 'Ropa Sans', sans-serif ! important;
		font-style:italic  ! important;
		color:rgba(127,167,185, 1) ! important;
		min-height:12px;
		padding:10px 0;
		box-sizing: content-box;
	}
	.ib-admin-MissingBlock-Upload {
		-x-background:url('/ib/core/elements/Editierbereich.png') left top repeat;
		position:relative;
		box-sizing: content-box;
	}
	.output .admin .AdminPlaceholder {
		-x-background:url('/ib/core/elements/Editierbereich.png') left top repeat;
		box-sizing: content-box;
	}
	
	.output .admin .MediaUpload,
	.output .admin .MediaUpload-Schalter {
		font:14px/18px 'Ropa Sans', sans-serif ! important;
		color:rgba(127,167,185, 1) ! important;
		font-style:italic ! important;
	}
	.output .admin .MediaUpload-Schalter {
		display:block;
		position:relative;
		min-height:40px;
		padding:11px 10px 11px 40px;
		margin:10px;
		box-sizing:border-box;
		transition:all 0.3s;
		text-align:left;
		cursor:pointer;
	}
	.output .admin .MediaUpload-Schalter .Icon {
		display:block;
		position:absolute;
		top:8px;
		left:8px;
		color:rgba(127,167,185, 1);
		transition:color 0.3s;
	}
	.output .admin .MediaUpload-Schalter:hover .Icon {
		color:rgba(0,80,115,1);
	}
	.output .admin .MediaUpload-Schalter .Icon {
		cursor:pointer;
	}
	

	.output .admin .MediaUpload { /* the container */
		position:absolute ! important;
		width:100%;
		top:0;
		bottom:0;
		text-align:center;
		position:relative;
		box-sizing:border-box;
	}
	.output .admin .MediaUpload-DropZone {
		height:calc(100% - 60px);
		xxheight:100%;
		transition: all 0.5s;
	}
	.output .admin .MediaUpload-DropZone .bn {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:80px;
		height:80px;
		margin-left:-40px;
		margin-top:-60px;
		background-color:rgba(255,255,255,1);
		border-radius:100px;
		transition: all 0.5s;
	}
	.output .admin .MediaUpload-DropZone .Icon_48 {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-24px;
		margin-top:-24px;
		color:rgba(0,80,115,0.6);
		transition: all 0.5s;
	}
	.output .admin .MediaUpload-DropZone:hover .Icon_48 {
		color:rgba(0,80,115,1);
	}
	.output .admin .MediaUpload .MediaUpload-Schalter {
		display:inline-block;
	}
	
	
	
	
	
	/* Pan + Zoom */
	.output img.uizeImage-fullsize { /* fix responsive limits */
		/*height: auto !important;*/
		max-width:100000%;
	}
	.output img.uizeImage-fullsize {
		max-width:auto;
	}

	
	

	/* Formular */
	.admin .BoxProperties .Feldbezeichnung {/* Baustein: Eigenschaften */
		width:115px;
		overflow:hidden;
	} 
	.rBoxEdit_Form_RowInclude .rBoxEdit_Form_FieldWithData {
		display:none;
	}
	.rBoxEdit_Form_RowInclude .rBoxEdit_Form_FieldWithoutData {
	}
	.rBoxEdit_Form_RowInclude.rBoxEdit_Form_FlagHasData .rBoxEdit_Form_FieldWithData {
		cursor:pointer; text-decoration:underline;
		display:block;
	}
	.rBoxEdit_Form_RowInclude.rBoxEdit_Form_FlagHasData .rBoxEdit_Form_FieldWithoutData {
		display:none;
	}
	.rBoxEdit_Form_RowInclude.rBoxEdit_Form_FlagHasData .rBoxEdit_Form_ButtonInsert {
		display:none;
	}
	.rBoxEdit_Form_RowInclude .rBoxEdit_Form_ButtonDelete {
		display:none;
	}
	.rBoxEdit_Form_RowInclude.rBoxEdit_Form_FlagHasData .rBoxEdit_Form_ButtonDelete {
		display:block;
	}

	.admin .BoxProperties td {
		padding-top:5px;
		padding-bottom:5px;
	}










/* Druckstile */
@media print {
	.noprint {
		display:none ! important;
	}
	.output .richBackground{
		background-color:transparent;
	}
}



@media screen { /* Kennzeichnung der Ausgabebereiche / Bausteine */
	.output .r-AusgabebereichNoBox,
	.output .r-Ausgabebereich {
		position:relative;
		margin-bottom:20px;
		min-height:30px;
	}
	.isAdmin1 .output .r-AusgabebereichNoBox,
	.isAdmin1 .output .r-Ausgabebereich {
		margin-bottom:30px;
	}
	.isAdmin1 .output .r-AusgabebereichNoBox:before,
	.isAdmin1 .output .r-Ausgabebereich:before {
		top: -9px;
		bottom: -9px;
		left: -9px;
		right: -9px;
		position: absolute;
		content: '';
		z-index:0;
		outline: 1px dotted #6696ab;
	}
	.Steuerelement .output .r-AusgabebereichNoBox,
	.Steuerelement .output .r-Ausgabebereich {
		border:0px none;
		outline:0px none;
		margin-bottom:0;
	}
	
	
	.output .boxFrame {
		xxpadding:0px;
		height:30px; /* IE6 */
		position:relative;
		xxwidth:100%;
	}
@media screen and (max-width:20px) {
	.output .boxFrame.columnSplit {
		width:48.0769%;
		float:left;
		margin-right:3.8461538461538461538461538461538%;
		box-sizing:border-box;
	}
	.output .boxFrame.columnSplit2 { /* sortable */
		xxmargin-left:3.8461538461538461538461538461538%;
	}
	.boxFrame.columnSplit + .boxFrame.noColumnSplit { /* sortable */
		xxclear:left;
	}
	.boxFrame.columnSplit2 + .boxFrame.columnSplit { /* sortable */
		xxclear:left;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:3.8461538461538461538461538461538%;
		clear:both;
	}
	.boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit  + .boxFrame.columnSplit  + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit + .boxFrame.columnSplit {
		margin-right:0;
		clear:none;
	}
	.boxFrame.noColumnSplit {
		clear:both;
		float:left; /* 2015_0713 */
		width:100%; /* 2015_0713 */
	}
	.boxFrame.noColumnSplit + .boxFrame.columnSplit {
		clear:both;
	}
}
	.output .boxFrame:before {
		padding:0px;
		outline:1px dotted #6696ab;
		top:0;
		bottom:0;
		left:0;
		right:0;
		position:absolute;
		content:'';
	}
	* .output .boxFrame { /* aktuelle Browser befolgen Hoehenangabe strikt */
		min-height:32px;
		height:auto;
		margin-bottom:20px; /* 2015_0713 */
	}


	.output .boxFrame.selektiert:before {
		outline: 1px solid #6696ab;
		-xx-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	}
	.output .boxFrame_System { /* Systeminhalte */
		padding:0px;
	}
	.output .boxInFrame{
		position:relative;
	}
	.output .boxFrameInsert {
		padding:0px;
		height:30px; 
	}
	.print {
		display: none;
	}
	.output .boxSpacer_Top { 
	}
	.output .richBackground{
		background-color:#E5EDF1;
	}
	.output .boxFrame_Hint{
		padding:10px;
		color:#B77D7D;
	}
}
@-webkit-keyframes boxSavedHighlight{
	0% {background-color:rgba(0, 0, 0, 0.35);}
	50% {background-color:rgba(135, 199, 0, 0.35);}
	100% {background-color:rgba(135, 199, 0, 0.0);}
}
@-moz-keyframes boxSavedHighlight{
	0% {background-color:rgba(0, 0, 0, 0.35);}
	50% {background-color:rgba(135, 199, 0, 0.35);}
	100% {background-color:rgba(135, 199, 0, 0.0);}
}
@keyframes boxSavedHighlight{
	0% {background-color:rgba(0, 0, 0, 0.35);}
	50% {background-color:rgba(135, 199, 0, 0.35);}
	100% {background-color:rgba(135, 199, 0, 0.0);}
}
.output .boxFrame.justUpdated:after {
	padding:0px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	xxz-index:-1;
	content:'';

	-webkit-animation: boxSavedHighlight 0.8s ease-in-out 0s both;
	-moz-animation: boxSavedHighlight 0.8s ease-in-out 0s both;
	animation: boxSavedHighlight 0.8s ease-in-out 0s both;
}
@keyframes cardSavedHighlight{
	0% {background-color:rgba(135, 199, 0, 0.0);}
	10% {background-color:rgba(135, 199, 0, 1.0);}
	30% {background-color:rgba(135, 199, 0, 1.0);}
	100% {background-color:rgba(135, 199, 0, 0.0);}
}
@keyframes cardErrorHighlight{
	0% {background-color:rgba(199, 0, 0, 0.0);}
	10% {background-color:rgba(199, 0, 0, 1.0);}
	100% {background-color:rgba(199, 0, 0, 1.0);}
}
#Card_Notify {
	position:fixed; z-index:1000; height:3px; width: 100%; max-width:1000px; display:block;
}
#Card_Notify.saved {
	-webkit-animation: cardSavedHighlight 0.8s ease-in-out 0s both;
	-moz-animation: cardSavedHighlight 0.8s ease-in-out 0s both;
	animation: cardSavedHighlight 0.8s ease-in-out 0s both;
}
#Card_Notify.error {
	-webkit-animation: cardErrorHighlight 0.8s ease-in-out 0s forwards;
	-moz-animation: cardErrorHighlight 0.8s ease-in-out 0s forwards;
	animation: cardErrorHighlight 0.8s ease-in-out 0s forwards;
}

/*
.admin .Datenblatt .Steuerelement,
.admin .Datenblatt .Steuerelement .Spalte1,
.admin .Datenblatt .Steuerelement .Spalte2 {
	position:relative;
}
.admin .Datenblatt .Steuerelement.justUpdated:before {
	padding:0px;
	top:-3px;
	bottom:-3px;
	left:12px;
	right:12px;
	position:absolute;
	content:'';

	-webkit-animation: boxSavedHighlight 0.8s ease-in-out 0s both;
	-moz-animation: boxSavedHighlight 0.8s ease-in-out 0s both;
	animation: boxSavedHighlight 0.8s ease-in-out 0s both;
}
*/

#mceEditorTBContainer {
	background-color:#fff;
}
#mceEditorTBContainer .mce-panel {
	border-width:0px ! important;
}
.mce-tinymce-inline.mce-floatpanel { /* RTE im Datenblatt */
	xxmargin-top:-40px ! important;
}
.mce-window { /* Linie wird beim Element explizit gesetzt */
	border-width:0px ! important;
}
.mce-window-head {
	padding: 5px 10px 5px 10px;
}
.mce-window .mce-window-head .mce-ico {
	padding-top:2px;
	opacity:0.5;
}
.mce-window .mce-window-head .mce-ico:hover {
	opacity:1;
}
.mce-window .mce-window-head .mce-close {
	overflow:visible;
}
.mce-window .mce-window-head .mce-close {
	overflow:visible;
}


.output .admin span.Icon,
.admin span.Icon,
.admin span.Icon_24,
.admin i.Icon,
xx.admin i.jstree-icon,
.mce-window span.Icon {
	font-family: 'adminIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	display: inline-block;
	background: transparent center center;
	width: 24px;
	height: 24px;
	text-align:center;
	color: #666;
	color: rgba(0, 0, 0, 0.65);
}

.admin span.Icon_32 {
	font-family: 'adminIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 32px;
	line-height: 32px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: inline-block;
	background: transparent center center;
	width: 32px;
	height: 32px;
	color:#666;
	color: rgba(0,0,0,0.65);
	/*color: rgba(0, 80, 115, 0.4);*/
}
.admin span.Icon_48 {
	font-family: 'adminIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: inline-block;
	background: transparent center center;
	width: 48px;
	height: 48px;
	color:#666;
	color: rgba(0,0,0,0.65);
	/*color: rgba(0, 80, 115, 0.4);*/
}

.admin span.Icon_Title, .mce-window span.Icon_Title {
	font-family: 'adminIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: inline-block;
	background: transparent center center;
	width: 48px;
	height: 48px;
	color: #666;
	color:rgba(0,0,0,0.65);
	/*text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3);*/
}
.admin .DialogTitleSmall span.Icon_Title {
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	height: 24px;
}

.admin span.Icon_64 { /* eliminieren: Login/Message, MediaUpload */
	font-family: 'adminIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 64px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: inline-block;
	background: transparent center center;
	width: 64px;
	height: 64px;
	color: #99b9c7;
}



/* Schaltflaechen Dialoge */
.admin #insert, .admin #cancel, .admin .swfButton, .admin input.button, .admin .updateButton, .admin input.okButton, .admin input.cancelButton {
	background-color:white;
	padding:4px 6px;
	line-height:20px;
	border:1px solid rgba(0, 0, 0, 0.15) ! important;
	cursor:pointer;
}
.admin input.swfButton:hover {
	background-color:white;
}
#insert:hover, #cancel:hover, input.button:hover, .updateButton:hover, input.okButton:hover, input.cancelButton:hover {
		background-color: rgba(0,80,115,0.4);
}
#insert:active, #cancel:active, input.button:active, .updateButton:active, input.okButton:active, input.cancelButton:active {
}
input.disabled, input.disabled:hover, input.disabled:active {
	cursor:default;
	background-color:white ! important;
	box-shadow:none ! important;
}






	

	
	
	

/*
Eintrag
Icon
Miniatur
Angaben
h2
Text
*/

.admin div.Liste_Standard .Eintrag { /* div + a */ /* nur noch Box-Insert */
	display:block;
	text-decoration:none;
	
	position:relative;
	/*
	padding-left:45px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:15px;
	*/
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	transition:all 0.3s;
	overflow:hidden;
	color:rgba(255,255,255,0.8);
}
/*
	.admin div.Liste_Standard .Eintrag:hover,
	.admin div.Liste_Standard .Eintrag:active {
		color:white;
		background-color: rgba(255,255,255,0.3);
	}
*/
	.admin div.Liste_Standard .Eintrag.Button {
		xxcursor:pointer;
	}
	.admin div.Liste_Standard .Eintrag .Image {
		display:block;
		position:relative;
		float:left;
		width:87px;
		height:60px; /* 54 @ 3:2 + 2x3 padding */
		background:white;
		opacity:0.8;
		
		cursor:pointer;
	}
	.admin div.Liste_Standard .Eintrag .Image.Placeholder {
		
	}
	.admin div.Liste_Standard .Eintrag .Image img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		padding:3px;
		box-sizing:border-box;
		max-width:100%;
		filter:grayscale(0.4);
		-webkit-filter:grayscale(0..4);
	}
		.admin div.Liste_Standard .Eintrag .Image:hover {
			opacity:1;
		}
		.admin div.Liste_Standard .Eintrag .Image:hover img {
			filter:none;
			-webkit-filter:none;
			opacity:1;
		}
		.admin div.Liste_Standard .Eintrag .Image:hover:before {
			content: '';
			display: block;
			position: absolute;
			outline:5px solid rgba(255,255,255,0.8);
			top:0;
			left:0;
			right:0;
			bottom:0;			
		}
	.admin div.Liste_Standard .Eintrag div.Angaben {
		margin-left:97px;
	}
	.admin div.Liste_Standard .Eintrag div.Angaben div.Text span.Anleitung {
		font-family:'Ropa Sans',sans-serif;
		font-size:14px;
		font-weight:300;
		font-style:italic;
	}


.admin div.Kacheln_Standard .Eintrag { /* div + a */
	display:block;
	text-decoration:none;
	
	width:50%;
	float:left;
	box-sizing:border-box;

	position:relative;
	padding-left:8px;
	padding-top:56px;
	padding-bottom:8px;
	padding-right:8px;
	
	margin:10px 0 0 0;
	
	text-align:center;
}
	.admin div.Kacheln_Standard .Eintrag:nth-child(2n+1) {
		clear:left;
	}
	.admin div.Kacheln_Standard a.Eintrag {
		color:rgba(255,255,255,0.8);
		transition:all 0.3s;
	}
	.admin div.Kacheln_Standard a.Eintrag:hover,
	.admin div.Kacheln_Standard a.Eintrag:active {
		background-color: rgba(255,255,255,0.3);
		color:white;
	}
	.admin div.Kacheln_Standard .Eintrag span.Icon_48 {
		display: block;
		position:absolute;
		left:50%;
		top:4px;
		margin-left:-24px;
		color:inherit;
	}



	.admin .InverseColor { /* Box-Props, AdminBar */
		color:white;
		color:rgba(255,255,255,0.8);
	}
	.admin .InverseColor .Feldbezeichnung,
	.admin .InverseColor .Datenfeld {
		color:rgba(255,255,255,0.8);
	}
	.admin .InverseColor div.Instruction span.Text_Anleitung {
		color:rgba(255,255,255,0.5);
	}
	.admin .InverseColor input,
	.admin .InverseColor textarea,
	.admin .InverseColor select {
		background-color:rgba(255,255,255,0.1);
		color:rgba(255,255,255,0.8);
		border:0px none;
		box-shadow:none ! important;
	}
	.admin .InverseColor input,
	.admin .InverseColor textarea {
		box-sizing:content-box;
		height:18px;
	}
	.admin .InverseColor select option {
		background-color:rgba(0,80,115,0.8);
	}
	.admin .InverseColor input::-webkit-input-placeholder {
		color:rgba(255,255,255,0.8);
	}
	.admin .InverseColor input:-moz-placeholder {/* Firefox 18- */
		color:rgba(255,255,255,0.8);
		opacity:1;
	}
	.admin .InverseColor input::-moz-placeholder {/* Firefox 19+ */
		color:rgba(255,255,255,0.8);
		opacity:1;
	}
	.admin .InverseColor input:-ms-input-placeholder {
		color:rgba(255,255,255,0.8);
	}
	.admin .InverseColor input:hover,
	.admin .InverseColor input:focus,
	.admin .InverseColor textarea:hover,
	.admin .InverseColor textarea:focus,
	.admin .InverseColor select:hover,
	.admin .InverseColor select:focus {
		background-color:rgba(255,255,255,0.3);
	}
	.admin .InverseColor input.Optionsfeld {
		padding:0px;
		border:0px none ! important;
		background-color:white ! important;
	}
	.admin .InverseColor input:disabled, .admin .InverseColor input:disabled:hover, .admin .InverseColor input:disabled:active {
		cursor:default;
		xxbackground-color:transparent ! important;
		background-color:rgba(255,255,255,0.1) ! important;
		opacity:0.7 ! important;
	}
	.admin .InverseColor input.Optionsfeld:disabled, .admin .InverseColor input.Optionsfeld:disabled:hover, .admin .InverseColor input.Optionsfeld:disabled:active {
		xxbackground-color:transparent ! important;
	}
	.admin #ImageCropForm table .Icon { /* vereinheitlichen */
		color:rgba(255,255,255,0.8) ! important;
	}
	.admin #ImageCropForm table.disabled td { /* vereinheitlichen */
		opacity:0.7;
	}
	/* add styles for alignment / vertical margins in bars, also line-height */
	/* box-props, adminbar, sidebar, imageedit */
	

#ImageCropForm_Dialogue {
	position:absolute;
	bottom:25px;
	left:0px;
	z-index:65001;
	padding:0px 5px 0px 20px;
	width:510px;
	background-color:#005073;
	background-color:rgba(0,80,115,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	color:white;
	color:rgba(255,255,255,0.8);
	box-sizing:content-box;
}
#ImageCropForm_Dialogue [type="checkbox"] {
	position:relative;
	left:auto;
	visibility:visible;
}

/*
	.admin #ImageCropForm, .admin #ImageCropForm table {
		font: 14px 'Ropa Sans', sans-serif ! important;
	}
	.admin #ImageCropForm input {
		font: 14px 'Ropa Sans', sans-serif ! important;
		margin:1px 0px;
		padding:4px 5px;
		width:auto;
		float:left;
		background-color:rgba(255,255,255,0.1) ! important;
		color:rgba(255,255,255,0.65) ! important;
		border:1px solid transparent ! important;
		border-radius:1px ! important;
		box-shadow:none;
	}
	.admin #ImageCropForm input:focus, .admin #ImageCropForm input:hover {
		background-color:rgba(255,255,255,0.3) ! important;
	}
	.admin #ImageCropForm input.Optionsfeld {
		padding:0px;
		border:0px none ! important;
		background-color:white ! important;
	}
	.admin #ImageCropForm input:disabled, .admin #ImageCropForm input:disabled:hover, .admin #ImageCropForm input:disabled:active {
		cursor:default;
		background-color:transparent ! important;
		box-shadow:none ! important;
		opacity:0.7 ! important;
	}
	.admin #ImageCropForm input.Optionsfeld:disabled, .admin #ImageCropForm input.Optionsfeld:disabled:hover, .admin #ImageCropForm input.Optionsfeld:disabled:active {
		background-color:transparent ! important;
	}
	.admin #ImageCropForm table .Icon {
		color:rgba(255,255,255,0.65) ! important;
	}
	.admin #ImageCropForm table.disabled td {
		opacity:0.7;
	}
*/
	.admin #ImageCropSlider.ui-slider-horizontal {
		height:2px;
		border:1px solid rgba(255,255,255,0.3);
		background:transparent;
	}
	.admin #ImageCropSlider .ui-slider-handle {
		top:-15px;
		margin-left:-15px;
		width:30px;
		height:30px;
		text-decoration:none ! important;
		outline:0px none;
		cursor:pointer;
		background:none;
		border:0px none;
	}
	.admin #ImageCropSlider .ui-slider-handle:before {
		content: '';
		display:block;
		position:absolute;
		background:none rgba(255,255,255,0.8);
		border:0px none;
		border-radius:40px;
		top:4px;
		left:4px;
		right:4px;
		bottom:4px;
	}
	.admin #ImageCropSlider .ui-slider-handle.ui-state-hover:before,
	.admin #ImageCropSlider .ui-slider-handle.ui-state-active:before {
		background:none rgba(255,255,255,1);
	}
	/*
	.admin #ImageCropSlider .ui-slider-handle:after {
		font-family: 'adminIcons';
		font-size:16px;
		line-height:16px;
		z-index: 0;
		position: absolute;
		width:100%;
		text-align:center;
		top: 50%;
		margin-top: -8px;
		color: rgba(255,255,255,0.65);
		text-decoration:none ! important;
	}
	*/

#rAdministrationBar_Button {
	position:fixed;
	z-index:99;
	background-color:#005073;
	background-color:rgba(0,80,115,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	width:40px;
	height:72px;
	top:60px;
	left:-50px; /* display none would disable opacity-trans */
	opacity:0;
}
body.adminBar-Sidebar #rAdministrationBar_Button {
	transition:opacity 0.1s linear 0.25s;
}
	body.adminBar-Sidebar:not(.adminBar-Expanded) #rAdministrationBar_Button {
		left:0px;
		opacity:1;
	}
	#rAdministrationBar_Button .r-Symbolleiste {
		float:none;
	}
#rAdministrationBar_Dialogue {
	position:fixed;
	z-index:99;
	background-color:#005073;
	background-color:rgba(0,80,115,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	width:310px;
	transition:max-width 0.3s;
}
	#rAdministrationBar_Dialogue > .r-Symbolleiste {
		padding:0px 0px 0px 20px;
	}
	#rAdministrationBar_Dialogue #ib-admin-AdminBarCollapse { display:none ! important; }
	body.adminBar-Expanded #rAdministrationBar_Dialogue #ib-admin-AdminBarExpand { display:none ! important; }
	body.adminBar-Expanded #rAdministrationBar_Dialogue #ib-admin-AdminBarCollapse { display:block ! important; }
	#rAdministrationBar_Dialogue #ib-admin-AdminBarDettach { display:none ! important; }
	body.adminBar-Sidebar #rAdministrationBar_Dialogue #ib-admin-AdminBarAttach { display:none ! important; }
	body.adminBar-Sidebar #rAdministrationBar_Dialogue #ib-admin-AdminBarDettach { display:block ! important; }

/* Sidebar */
	body.adminBar-Sidebar #rAdministrationBar_Dialogue {
		position:fixed; 
		left:-310px ! important;
		top:0px ! important;
		height:100%;
		transition:left 0.3s, top 0.3s, max-width 0.3s;
	}
	body.adminBar-Sidebar:not(.adminBar-Expanded) #rAdministrationBar_Dialogue {
		max-width:40px;
		overflow:hidden;
		max-height:36px;
	}
	body #rAdministrationBar_Dialogue .Kopf {
		padding:0 0px 0 5px;
		background:rgba(0,0,0,0.2);
		line-height:30px;
		font-size:12px;
		color:rgba(255,255,255,0.8);
		height:0px;
		overflow:hidden;
	}
		body.adminBar-Sidebar #rAdministrationBar_Dialogue .Kopf {
			height:30px;
			transition:all 0.3s;
		}
		body.adminBar-Sidebar:not(.adminBar-Expanded) #rAdministrationBar_Dialogue .Kopf {
			transition:all 0.3s 0.3s;
		}
	body #rAdministrationBar_Dialogue .Kopf2 {
		float:left; padding-left:12px; padding-top:9px;
		font-size:12px;
		line-height:19px;
	}
	body.adminBar-Sidebar #rAdministrationBar_Dialogue .Kopf2 {
		display:none;
	}

	body.adminBar-Sidebar.adminBar-Expanded #rAdministrationBar_Dialogue {
		left:0px ! important;
	}

	body.adminBar-Sidebar #rAdministrationBar_Dialogue > .r-Symbolleiste {
		padding:0;
	}
	body.adminBar-Sidebar #rAdministrationBar_Dialogue .AdministrationBar_Handle {
		display:none;
	}

	

	body #rAdministrationBar_Panel {
		display:none;
	}
	body.adminBar-Expanded #rAdministrationBar_Panel {
		display:block;
	}


	body #rAdministrationBar_Panel .Gruppe1 {
		padding-bottom:10px;
		padding-top:10px;
		background:rgba(0,0,0,0.2);
		overflow:hidden;
	}
	
	#rAdministrationBar_Panel #ib-admin-ToolsList,
	#rAdministrationBar_Panel #ib-admin-BoxList {
		display:none;
	}
	#rAdministrationBar_Panel.tools #ib-admin-ToolsList {
		display:block;
	}
	#rAdministrationBar_Panel.boxes #ib-admin-BoxList {
		display:block;
	}

	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter {
		display:table;width:100%;
	}
	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter .SchalterA:not(:hover):not(:active) {
		background:rgba(0,0,0,0.2);
	}
	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter .SchalterA.disabled {
		background:rgba(0,0,0,0.2) ! important;
	}
	.ib-admin-AdminBarButtons {
		display:table-cell;
		width:40px;
		position:relative;
	}
	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter .SchalterA.SchalterBoxes,
	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter .SchalterA.SchalterTools {
		display:table-cell;padding-left:40px;padding-right:5px;position:relative;line-height:36px;
		float:none;
	}
	.admin #rAdministrationBar_Panel .r-Symbolleiste-Textschalter span.Icon {
		position:absolute;
		left:0;
		top:0;
	}
	.admin #rAdministrationBar_Panel.boxes .r-Symbolleiste-Textschalter .SchalterA.SchalterBoxes {
		background:none;
	}
	.admin #rAdministrationBar_Panel.tools .r-Symbolleiste-Textschalter .SchalterA.SchalterTools {
		background:none;
	}
	body.adminBar-Fixed #ib-admin-AdminBarPin {
		display:none;
	}
	body #ib-admin-AdminBarUnpin {
		display:none;
	}
	body.adminBar-Fixed #ib-admin-AdminBarUnpin {
		display:block;
	}



/* Symbolleiste */

.admin .r-Symbolleiste {
	position:relative;
	float:right;
	height:36px;
	margin-bottom:6px;
	margin-top:6px;
	padding-right:10px;
}
.admin .Datengitter .r-Symbolleiste  {
	margin-left:245px;
}
.admin .r-Symbolleiste .mce-panel {
	background: none transparent;
}
.admin #ImageCropForm_Dialogue .r-Symbolleiste,
.admin #rAdministrationBar_Dialogue .r-Symbolleiste,
.admin #rAdministrationBar_Button .r-Symbolleiste,
.admin #rAdministrationBar_Panel .r-Symbolleiste {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	background: none transparent;
	float:left;
}
.admin #rAdministrationBar_Dialogue .r-Symbolleiste,
.admin #rAdministrationBar_Panel .r-Symbolleiste {
	float:none;
}
/* disabled 2016_0523
.Box-PropertiesForm .admin .r-Symbolleiste {
	background: none transparent;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:0px;
}
.Box-PropertiesForm .admin .select {
	padding-left:0px;
	padding-right:0px;
}
.Box-PropertiesForm .admin input, .Box-PropertiesForm .admin textarea {
	padding-left:1px;
	padding-right:1px;
}
*/


/* Anfasser Symbolleisten */
#rRichEditToolbar_Handle,
.ib-admin-window-handle {
    background-color: #99B9C7;
    background-repeat: repeat-x;
	cursor:move;
}
.BoxProps_Handle,
.ImageCropForm_Handle,
.AdministrationBar_Handle {
	background:url('/ib/core/elements/Anfasser.png');
}
#rRichEditToolbar_Handle,
.ImageCropForm_Handle,
.BoxProps_Handle,
.AdministrationBar_Handle,
.ib-admin-window-handle {
	cursor:move;
}
#rRichEditToolbar,
#BoxPropsContainer {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.ImageCropForm_Handle,
.BoxProps_Handle,
.AdministrationBar_Handle {
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	bottom:0px;
}






/* Titel (Icon, Funktion, Titel, Hinweise) */
.admin div.WindowHead {
	height: 20px;padding: 5px 10px 5px 10px; position: relative;
	background-color:white;
}
.admin div.WindowHead div.WindowTitle {
	font-size: 14px; /* Ropa */
	height: 20px;left: 10px;line-height: 20px;overflow-x: hidden;
	padding-right: 10px;right: 40px;text-overflow: ellipsis;text-rendering: optimizelegibility;white-space: nowrap;
	text-transform: uppercase;
}

.admin div.Titelbereich {
	min-height:48px; /* fuer Symbolleiste */
	overflow:hidden;
}
.admin div.DialogTitle { /* 64 aussen, 48 icon, 36 schrift */
	position:relative;
	padding:6px 0px 6px 64px; /* evtl. immer padding-right */
	margin:8px 0px;
}
.admin div.DialogTitle.DialogTitleSmall { /* 52 aussen, 36 icon + schrift */
	position:relative;
	padding:9px 0px 0px 40px; 
	height:36px;
	margin:6px 0px; /* analog symbolleiste */
}
.admin div.DialogTitle.Einzug {
	margin-left:5px;
	padding-right:15px; 
}
.admin div.DialogTitle h1 {
	font-size:inherit;
	line-height:inherit;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-transform:uppercase;
}
	.admin .Datenblatt div.DialogTitle h1 {
		font:13px/18px 'Bitter', 'serif';
		text-transform:none;
	}
	.admin div.DialogTitle span.Icon_Title {
		display: block;
		position:absolute;
		left:6px;
		top:0px; /* 50% > feste Ausrichtung oben */
		margin-top:0px; 
	}
	.admin div.DialogTitle.DialogTitleSmall span.Icon_Title {
		top:6px;
	}

	.admin div.DialogTitle span.DialogBezeichnung {
		display:block;
		font-size:11px;
		text-transform:uppercase;
		color:green;
	}
	.admin div.DialogTitle span.DialogUeberschrift {
		display:block;
	}
		.admin div.DialogTitle h1 {
			margin:0px;
			display:block;
		}
		.admin div.DialogTitle span.Text {
			font-family:'Ropa Sans',sans-serif;
			font-size:14px;
			font-weight:300;
			font-style:italic;
			color:#999999;
			color:rgba(0, 0, 0, 0.65);
		}


/* Anleitung (Baustein) */
.admin div.Instruction {
	position:relative;
	margin:15px 0px;
}
.admin div.Instruction span.Text_Anleitung {
	display:block;
	margin-bottom:8px;

	font-family:'Ropa Sans',sans-serif;
	font-size:14px;
	font-weight:300;
	font-style:italic;
	color:#999999;
	color:rgba(0, 0, 0, 0.65);
}



/* Schalter 2013 */
/* .admin .Textschalter {color:#005073; padding:4px 3px; cursor:pointer;} */

.admin a.Textschalter {
	display:inline-block;
	text-decoration:none;
	
	max-width:300px;
	border-radius:0px;
	
	position:relative;
	padding-left:41px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:15px;
	
	color:#333;
	
	border:1px solid rgba(0,0,0,0.25);
	
	transition:all 0.3s;
}
.admin a.Textschalter:not(.disabled):hover,
.admin a.Textschalter:not(.disabled):focus,
.admin a.Textschalter:not(.disabled):active,
.admin a.Textschalter.selected {
    background-color: rgba(0,0,0,0.25);
	border:1px solid transparent;
	color:white;
}

.admin a.Textschalter span.Icon {
	display: block;
	position:absolute;
	left:7px;
	top:5px;
	color:inherit;
}
/*
.admin a.Textschalter:not(.disabled):hover span.Icon {
	color:white;
}
*/
.admin a.Textschalter.disabled {
	cursor:default;
	opacity:0.65;
}


/* GRID */
	.jqx-widget, .jqx-widget-content,
	.jqx-calendar table, .jqx-calendar td {
		font:14px/1.16 'Ropa Sans', sans-serif;
	}
	.jqx-grid {
		border-width:0px;
	}

	.jqx-scrollbar-thumb-state-normal {
		background: rgba(0,80,115,0.3) ! important;
	}
	.jqx-fill-state-pressed, .jqx-fill-state-hover {
		background: rgba(0,80,115,0.4) ! important;
	}
	.admin .jqx-fill-state-pressed, .admin .jqx-fill-state-pressed *, .admin .jqx-fill-state-pressed a, 
		.admin .jqx-fill-state-pressed span.Icon {color:white ! important;}
	.admin .jqx-fill-state-hover, .admin .jqx-fill-state-hover *, .admin .jqx-fill-state-hover a, 
		.admin .jqx-fill-state-hover span.Icon {color:white ! important;}

	.admin .jqx-fill-state-pressed input {
		color:#333 ! important;
	}
	.admin input.jqx-input {
		padding:0;
		border: 0px none;
		padding-left:4px;
		line-height:15px;
		padding-bottom:2px;
		margin-top:-2px;
		box-sizing:content-box;
	}
	
	.jqx-grid-cell-alt, .jqx-grid-cell-filter {
		background-color:#f2f2f2;
	}
	.jqx-grid-cell-sort {
		background-color: #f2f2f2;
	}
	.jqx-grid-cell-filter-alt {
		background-color:#e5e5e5;
	}
	.jqx-widget-header, .jqx-grid-cell-pinned {
		background-color:#f2f2f2;
	}
	#groupsheader {
		background-color:white;
		font-family:'Ropa Sans',sans-serif;
		font-size:14px;
		font-weight:300;
		font-style:italic;
		color:#999999;
		color:rgba(0, 0, 0, 0.65);
	}
	.jqx-grid-groups-row-header { /* Gruppenkopf, Zusatzstil im Inneren */
		position:relative;
		width:100%;
		height:100%;
		background-color:#f2f2f2;
	}
	.jqx-fill-state-normal {
		background-color:#f2f2f2;
	}
	.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell,
	.jqx-fill-state-normal,
	.jqx-widget-header, .jqx-widget-content	{
		border-color:#e5e5e5;
	}
	.admin .jqx-datetimeinput {
		border: 1px solid #999999;
	}
	.admin .jqx-datetimeinput .jqx-action-button {
		border-left-color:transparent;
		margin-left:-1px;
	}
	.admin .jqx-datetimeinput .jqx-fill-state-normal {
		background-color:#e5e5e5;
	}
	.admin .jqx-datetimeinput .jqx-fill-state-pressed,
	.admin .jqx-datetimeinput .jqx-fill-state-hover {
		background-color:#ccdce3;
		xxbackground-color:transparent;
		background-image:none;
	}
	.admin .jqx-datetimeinput input {
		margin:0px ! important;
		border:0px none;
		padding:0;
		height:24px;
		box-sizing:border-box;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
	}

	.admin .jqx-grid span.Icon {
		xxmargin-top:-4px;
	}
	.admin .jqx-listitem-element span.Icon {
		font-size:16px;
		line-height:16px;
		width:16px;
		height:16px;
	}
	
	.admin .jqx-widget-header,
	.admin .jqx-grid-cell-pinned {
		background-color:transparent;
		border-bottom-color: transparent;
	}
	.admin .jqx-grid-cell,
	.admin .jqx-grid-column-header {
		border-bottom-width:0px;
		border-top-color: transparent; /* for filter row */
		border-top-width: 0px ! important; /* for filter row */
	}
	.admin .jqx-grid-cell {
		font:13px/15px 'Bitter', 'serif';
		color:#333;
	}
	.admin .jqx-rc-r,
	.admin .jqx-rc-all {
		border-radius:0;
	}
	.admin .jqx-fill-state-normal,
	.admin .jqx-datetimeinput {
		border:0px none;
	}
	.admin .jqx-grid-header {
		background:white;
		box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 20;
	}
	
/* OTHER MODS */

span.mce-nbsp {
	background:none transparent;
	display:inline-block;
	position:relative;
}
span.mce-nbsp:before,
span.mce-itemP:before,
span.mce-itemBr:before {
	display:inline-block;
	color:red;
}
span.mce-nbsp:before {
	content: '\2022';
	display:block;
	position:absolute;
}
span.mce-itemBr:before {
	content: '\21B5';
}
span.mce-itemP:before {
	content: '\25C6';
	content: '\00B6';
}
/*
span.mceItemNbsp {background-image:url("../../img/nbsp.png"); background-position:center center; background-repeat:no-repeat}
span.mceItemBr {background-image:url("../../img/break.png"); background-position:bottom left; width:10px; height:13px; display:inline-block;}
span.mceItemP {background-image:url("../../img/paragraph.png"); background-position:bottom left; width:10px; height:13px; display:inline-block;}
*/

.admin input.mce-textbox {
    border: 0px none;
	height: 24px;
    padding: 0 4px;
	margin:0px;
	font-size:14px;
}
.admin input.mce-textbox:hover, .admin input.mce-textbox:focus {
	background-color: #ccdce3
}
.admin .mce-listbox {
	height:24px;
	padding:0px 0px;
}
.admin .mce-btn.mce-listbox:hover, .admin .mce-btn.mce-listbox:active {
	border-color:transparent;
}
.admin .mce-btn.mce-listbox button {
	border-radius:3px;
	padding:2px 6px;
	background-color:#E5E5E5; /*#F2F2F2;*/
	padding-right:25px;
}
.admin .mce-btn.mce-listbox button:hover, .admin .mce-btn.mce-listbox button:focus {
	background-color: #ccdce3;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset;
}
.output .mce-edit-focus {
	outline:0px none;
}


.mce-flow-layout-item,
.mce-btn {
	display:inline-block;
}
.mce-content-body {
	-xx-background:url('/ib/core/elements/Editierbereich.png') left top repeat;
}
xx.mce-content-body:before {
    padding: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    content: '';
	z-index:-1;
	-x-background:url('/ib/core/elements/Editierbereich.png') left top repeat;
	opacity:1;
}
.Datenblatt .mce-content-body:before {
	display:none;
}
.rRichEditArea_Outer.empty .mce-content-body:before,
.rRichEditArea_Poor_Outer.empty .mce-content-body:before {
	opacity: 1;
}
.rRichEditArea_Outer.empty .mce-content-body:before {
	padding-top: 0.5em;
	padding-top: calc(0.5em - 2px);
}
.mce-content-body.mce-edit-focus:before {
	opacity:1;
}



#vakata-dragged table {
	display:none;
}
/*
#rAdministrationBar_Panel .mce-btn button {
	font-size:12px;
}
*/

#admin-imageEditor-overlay {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	z-index:65000;
	display:none;
	xxopacity:0.3;
	opacity:0.0003
}

#admin-loadingAnimation-overlay {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(255,255,255,0.75);
	z-index:100002;
	
	display:none;
}
#admin-loadingAnimation {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:100003;
	display:none;
}
#admin-loadingAnimation-text{
	text-align:center;
	position:absolute;
	top:calc(50% + 40px);
	width:100%;
	color:#595959; /* rgba(0,0,0,0.65) */
}




body.ib-admin-window-bg { /* moved from top */
	background-color:#33738f; 
}
div.ib-admin-window-bgshadow { /* moved from top */
	position:fixed; top:0; left:0; right:0;bottom:0;box-shadow:0px 0px 200px rgba(0,0,0,0.4) inset;
	z-index:-1;
}
div.ib-admin-window-sheetshadow { /* moved from top */
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
div.ib-admin-window-Datenblatt { /* moved from top */
	max-width:1000px;
	margin-left:auto; margin-right:auto;
	background-color:white; position:relative;
}

#ib-admin-window-overlay {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	z-index:66000; /* mce:65535+ */
	display:none;
	xxopacity:0.3;
	opacity:0.1
}
.ib-admin-window,
.ib-admin-dialog {
	position:fixed;
	width:800px;
	height:60%;
	left:50%;
	left:calc(50% - 400px);
	top:20%;
	z-index:66001;
	
	max-height:100%;
	max-width:100%;

	box-shadow:0 0 5px rgba(0,0,0,0.5);
	overflow:hidden;

	background:#FFF;
}
.ib-admin-dialog { /* 360> 400, 180 > 200, alo interface/rMessage */
	width:400px;
	height:50%;
	max-height:200px;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-100px;
	z-index:66002;
}
.ib-admin-dialog-image {
	width:430px;
	height:430px;
	max-height:10000px;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-210px;
	z-index:66002;
}
.ib-admin-window {
	xxpadding-top:20px;
}
.ib-admin-window-handle {
	display:none;
	position:absolute;
	top:0px;
	height:20px;
	width:100%;
}
.ib-admin-window-handle2 {
	position:absolute;
	left:0px;
	top:0px;
	height:48px;
	width:48px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:move;
}
.ib-admin-window-Card .ib-admin-window-handle2 {
	width:auto;
	right:335px;
}
.ib-admin-window-Upload .ib-admin-window-handle2,
.ib-admin-window-ContentSelect .ib-admin-window-handle2 {
	width:auto;
	right:50px;
}
.ib-admin-window-ContentSelect .ib-admin-window-handle2 {
	width:auto;
	right:400px;
}
.ib-admin-window-ContentSelect {
	width:600px;
	left:calc(50% - 300px)
}
@media only screen and (max-width: 767px) {
	.ib-admin-window {
		width:auto ! important;
		height:auto ! important;
		left:10px ! important;
		right:10px ! important;
		top:10px ! important;
		bottom:10px ! important;
		margin-left:0;
		margin-top:0;
		padding-top:0;
	}
	.ib-admin-window-handle,
	.ib-admin-window-handle2 {
		display:none;
	}
}
@media only screen and (max-width: 479px) {
	.ib-admin-dialog {
		width:auto;
		height:auto;
		max-height:1000px;
		left:10px;
		right:10px;
		top:10px;
		bottom:10px;
		margin-left:0;
		margin-top:0;
	}
}
.ib-admin-window > iframe,
.ib-admin-dialog > iframe {
	width:100%;
	height:100%;
	border:0px none;
}



.Datenblatt_Innen {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
div.Datenblatt #DisplayArea {
	position:absolute;
	top:78px;
	left:0;
	right:0;
	bottom:0;
	xxoverflow:hidden ! important;
}


/* from app/libraries */
	.EintragDrag:not(.ui-sortable-placeholder),
	.EintragDrag.ui-sortable-helper,
	.ui-sortable-helper {
		width:40px ! important;
		height:40px ! important;
		z-index: 100000;
	}
	.EintragDrag:not(.ui-sortable-placeholder):before,
	.EintragDrag.ui-sortable-helper:before,
	.ui-sortable-helper:before {
		content:'';
		display:block;
		position:absolute;
		top:-10px;
		left:-10px;
		right:-10px;
		bottom:-10px;
		border-radius:100px;
		border:1px solid #6696ab;
		outline:0px none; /* hide for .boxFrame (drag-insert) */
	}

	/*
	.EintragDrag span.Icon,
	.admin.ui-sortable-helper span.Icon {
		display:block;
		padding:4px;
	}
	*/
	.ui-sortable-placeholder {
		background-color:rgba(0,80,115,0.6);
		visibility:visible ! important;
		height:10px ! important;
		min-height:0px ! important;
		
		width:100%;
		
		margin-top:0px;
		margin-bottom:10px;
		-xx-overflow:hidden;
	}
	.output .ui-sortable-placeholder.boxFrame:before { /* override regular .boxFrame */
		display:block;
		content:'';
		position:absolute;
		top:-2px;
		left:-22px;
		xxwidth:20px;
		xxheight:20px;
		xxbackground-color:rgba(0,80,115,0.6);
		border-left:10px solid rgba(0,80,115,0.6);
		border-top:7px solid transparent;
		border-bottom:7px solid transparent;
		
		outline:0px none;
		right:auto;
		bottom:auto;
	}
	.output .ui-sortable-placeholder.boxFrame:after { /* override regular .boxFrame */
		display:block;
		content:'';
		position:absolute;
		top:-2px;
		right:-22px;
		xxwidth:20px;
		xxheight:20px;
		xxbackground-color:rgba(0,80,115,0.6);
		border-right:10px solid rgba(0,80,115,0.6);
		border-top:7px solid transparent;
		border-bottom:7px solid transparent;
		
		outline:0px none;
		left:auto;
		bottom:auto;
	}
	span.editTest {
		background-color:#eee;
	}

	#boxTrash {
		position:fixed; right:20px; top:20px; width:80px; height:80px;
		background-color:rgba(255,255,255,1);
		border-radius:100px;
		transition: all 0.5s;
	}
	#boxTrash .Icon_48 {
		position:absolute;
		top:16px;
		left:16px;
		color:rgba(0,80,115,0.6);
		transition: all 0.5s;
	}
	#boxTrash.ui-over {
		background-color:rgba(199,0,0,0.2);
	}
	#boxTrash.ui-over .Icon_48 {
		color:rgba(199,0,0,1);
	}
	#boxTrash .ui-sortable-placeholder {
		display:none ! important;
	}


	#ib-admin-BoxList .Eintrag .Image {
		touch-action:none;
		-ms-touch-action:none;
	}

	.LayoutEdit-Schalter.Aktivierung { /* for drag in IE / FF */
		touch-action:none;
		-ms-touch-action:none;
	}
/* end from app/libraries */

#rRichEditToolbar_Handle {
	background: url('/ib/core/elements/Anfasser.png');
	background-color:rgba(0,80,115,0.8);
}
#mceEditorTBContainer {
	background:rgba(0,80,115,0.8);
}
#mceEditorTBContainer .mce-panel {
	background:transparent
}
#mceEditorTBContainer .mce-listbox button,
#mceEditorTBContainer .mce-ico {
	color:rgba(255,255,255,0.8);
}
#mceEditorTBContainer .mce-caret,
#mceEditorTBContainer .mce-listbox .mce-caret {
	border-top-color: rgba(255,255,255,0.8);
}
#mceEditorTBContainer i.mce-i-backcolor {
	background-color:rgba(255,255,255,0.4);
}
#mceEditorTBContainer .mce-colorbutton .mce-preview {
	background-color:rgba(255,255,255,0.8);
}
#mceEditorTBContainer .mce-btn:hover,
#mceEditorTBContainer .mce-btn:active {
	background-color:rgba(255,255,255,0.3);
	background-image:none;
}
#mceEditorTBContainer .mce-btn.mce-active,
#mceEditorTBContainer .mce-btn.mce-active:hover,
#mceEditorTBContainer .mce-btn.mce-active:active {
	background-color:rgba(255,255,255,0.3);
	background-image:none;
	box-shadow:none;
}
#mceEditorTBContainer .mce-btn {
	border-color:rgba(0,0,0,0);
}

.mce-window .mce-textbox,
.mce-window .mce-listbox {
	background-image:none ! important;
	background-color:#f2f2f2 ! important;
}
.mce-window .mce-listbox button {
	border-color:transparent ! important;
	background-color:transparent ! important;
	color:#333 ! important;
}
.mce-window .mce-textbox:hover,
.mce-window .mce-textbox:focus,
.mce-window .mce-listbox.mce-btn:hover,
.mce-window .mce-listbox.mce-btn:focus {
	box-shadow:0px 1px 6px rgba(0, 0, 0, 0.15) inset;
	border-color:rgba(0,0,0,0);
}
.mce-foot .mce-btn {
	background:white;
	color:#333;
	border:1px solid rgba(0,0,0,0.25);
	border-radius:100px;
}
.mce-foot .mce-btn button {
	color:inherit;
	padding-left:15px;
	padding-right:15px;
}
.mce-foot .mce-btn:hover,
.mce-foot .mce-btn:active,
.mce-foot .mce-btn:focus {
	background:rgba(0,80,115,0.4);
	color:white;
}




@-webkit-keyframes ibrotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ibrotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ib-admin-showbox {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  height:80px;
  width:80px;
}

.ib-admin-loader {
  position: relative;
  margin: 0px auto;
  width: 80px;
}
.ib-admin-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.ib-admin-circular {
  -webkit-animation: ibrotate 1.1s linear infinite;
          animation: ibrotate 1.1s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.ib-admin-path {
  stroke-dasharray: 20, 200;
  stroke-dashoffset: 0;
  stroke-linecap: butt;
  stroke:white;
}
.ib-admin-path0 {
  stroke:rgba(0,80,115,1.0);
}

.mce-i-icons:before {
    content: "\e019";
}
.mce-i-linenumber:before {
    content: "\e016";
}


/*
#BoxPropsContainer {
	display:none ! important;
}
*/
.mce-panel * {
	box-sizing:content-box;
}
.mce-panel input[type="button" i],
.mce-panel input[type="submit" i],
.mce-panel input[type="reset" i],
.mce-panel input[type="file" i]::-webkit-file-upload-button,
.mce-panel button {
	box-sizing:border-box;
}