/* #Reset & Basics
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; 
		margin: 0; 
		padding: 0; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }



/* #Basic Styles
================================================== */

html { overflow-y: scroll;}

body {
		background: #fff;
		font: 13px/17px 'Source Sans Pro', Helvetica, Arial, sans-serif;
		color: #1e1e1e;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		padding: 0; 
		margin: 0; 
 }

a		{ color: #666666; text-decoration: underline; }
a:hover { color: #151515; }	
	
a.nr	{ display:inline-block;height: 12px; }
a.nr:hover { border-bottom: 5px solid #f6ff0a; cursor:pointer; text-decoration: none; }	
	
.img-fluid	{ width: 100%; max-width: auto; height: auto; }

/* #Container
================================================== */	
	
#header { padding: 0; margin: 0; }
#head	{ background-color: #000000;}

#sprachwechsel { float: right; margin: 14px 8px 0 0; font-size: 0.85em; }
#sprachwechsel fieldset { padding: 0; margin: 0; }
#sprachwechsel label	{ color: #000000; float:left; padding: 5px 5px 0 0;}
#sprachwechsel select	{ width: 50px; border: 1px solid #FFFFFF; background-color: #000000; color: #FFFFFF; }

.workingarea 	{ background-color: #F8F8F8; padding: 16px 0 16px 0; margin: 0 8px 20px 8px; }
.listarea 		{ padding: 16px 0 16px 0; border-top: 1px solid #aaaaaa; }
.previewarea	{ padding: 0; }
.buttonarea		{ padding: 12px 0 32px 0; }

.pw_set { background: #EAEAEA; display: none; margin-top: 16px; padding: 10px 8px 8px 8px; border-radius: 2px 2px 2px 2px; width:96%;}


#login	{ padding: 28px 20px 20px 20px; border: 1px solid ##CCCCCC; margin: 64px auto 0 auto; width: 320px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.1);	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);	box-shadow:  0 0 3px rgba(0,0,0,.1);}
#login input[type="text"], #login input[type="password"] { width: 100%; }
.xp4_logo { padding: 0 0 24px 0; }

#infobox { background-color: #139d2a; color: #FFFFFF; padding: 8px 5px 5px 8px; margin: 20px 8px 20px 8px; min-height: 30px; }
#errorbox { background-color: #c80b0b; color: #FFFFFF; padding: 8px 5px 5px 8px; margin: 20px 8px 20px 8px; min-height: 30px; }
#infobox p, #errorbox p { margin: 5px 0 0 0; font-size: 1.1em; }
#infobox img, #errorbox img { float:left; margin: 0 12px 0 5px; }

.notiz { background-color: #ffc64c; color: #1A1A1A; padding: 8px 5px 5px 8px; margin: 0 16px 16px 0; min-height: 24px; }
.notiz p { margin: 3px 0 0 0; }
.notiz img { float:left; margin: 0 12px 0 0px; }

.dd_selection { text-align: right;}

#modPreview { }
#modPreview h6 { font-weight: bold;}
#modPreviewOutput { margin: 0 auto 0 auto; }
.modEdit    { border-top: 1px solid #CCCCCC; padding: 3px; }

.log_history	{ border-bottom: 1px solid #FFFFFF; padding: 4px 0 4px 0; color: #666666; }

#inhalt { padding: 20px 10px 0 10px; }

#search { padding: 5px 0 5px 0; background-color: #f6f6f6;}
	
#footer { padding: 25px 0 25px 0; color: #CCCCCC; font-size: 0.8em; }


/* #Navigation
================================================== */

#hauptnavi 				{  padding: 0; margin: 0; }
#hauptnavi li 			{ list-style: none; float:left; padding: 18px 16px; font-size: 15px; letter-spacing: 0.5px; text-transform:uppercase; vertical-align: top; }
#hauptnavi li:hover		{ background-color: ##666666;  }
#hauptnavi li.active	{ background-color: #e52421; }
#hauptnavi li.logo 		{ padding: 10px 36px 0 0; }
#hauptnavi li.logo:hover { background-color: #000000; }
#hauptnavi a			{ color: #FFFFFF; text-decoration: none; }
#hauptnavi li a 		{ color:#FFFFFF; text-decoration: none; }
#hauptnavi a.active 	{ color: #FFFFFF; }

#subnavigation 			{ border-bottom: 1px solid #aaaaaa; padding: 0 0 34px 0; margin: 0 0 30px 0; }
#subnavigation li 		{ list-style: none; float:left; padding: 0 24px 11px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1px; }
#subnavigation li a 	{ text-decoration: none; color: #000000; }
#subnavigation a:hover	{ color: #1e1e1e; }
#subnavigation a.active	{ color: #e52421; }

#workingnav				{ background-color: #D0ECFF; margin: 0 8px 0 8px; }
#workingnav li 			{ list-style: none; float:left; padding: 11px 16px 11px 16px; font-size: 12px; color: #000000; border-right: 1px solid #FFFFFF;}
#workingnav li.active	{ background-color: #F8F8F8; color: #1E1E1E; }
#workingnav li:hover	{ background-color: #F8F8F8; cursor: pointer; }
#workingnav li a		{ text-decoration: none; color: #666666; }

.r2_s, .r3_s, .r4_s, .r5_s, .r6_s { display: none; }


/* #Typographie
================================================== */	
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 300;}
h1 { font-size: 2em; padding: 0 0 20px 0; }
h2 { font-size: 1.6em; line-height: 1.3em; padding: 0 0 15px 0; }
h3 { font-size: 1.4em; padding: 0 0 5px 0; }
h4 { font-size: 1.3em; padding: 0 0 10px 0; }
h5 { font-size: 1.2em; padding: 0 0 10px 0; }
h6 { font-size: 1.1em; padding: 0 0 10px 0; }

.blau 			{ color: #000000 }
.green 			{ color: #139d2a; }
.rot 			{ color: #ff5a00; }
.weiss 			{ color: #FFFFFF; }
.grau 			{ color: #999999; }
.small 			{ font-size: 0.9em; }

strong 			{ font-weight: bold; }

.errortext 		{ color: #ff5a00; font-size: 11px; }	

.lineTop 		{ border-top: 1px solid #CCCCCC; padding: 5px 0 5px 0; margin: 0 41px 0 41px; }

.set 			{ line-height: 20px; }
.help			{ color: #999999; }
.offline 		{ color: #d54d01; padding: 0px 0 0 4px; }

.orange 		{ color: #e27500; }
a.orange:hover 	{ color: #e27500; }

/* #Buttons & Div
================================================== */		
#btn_new { width: 220px; }

.rollover, .rollover_move { padding: 0; }
.rollover:hover { background-color: #FFFFFFf; /*#dae4e8; */ }
.rollover_move:hover {  }


#keinEintrag {
    padding: 24px 0;
}


/* #Icons
================================================== */
.ico_voreinstellung 		{ background: url('../../image/icons/ico_voreinstellungen_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_benutzer 				{ background: url('../../image/icons/ico_benutzer_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #000000; }
.ico_benutzer_mehrere 		{ background: url('../../image/icons/ico_benutzer_mehrere_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_backup			 		{ background: url('../../image/icons/ico_backup_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_sprache				{ background: url('../../image/icons/ico_language_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_rubriken 				{ background: url('../../image/icons/ico_rubriken_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_artikel				{ background: url('../../image/icons/ico_artikel_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }
.ico_boxen					{ background: url('../../image/icons/ico_boxen_large.png') no-repeat 0 0; background-size: 32px 32px; padding: 10px 0 10px 40px; color: #444444; }


/* #Tabellen, Auflistungen
================================================== */
.head			{ border-bottom: 1px solid #e2e2e2; font-size: 11px; color: #000000}	
table			{ width: 100%; border: 0; padding: 12px 0 0 0; font-size: 13px; }
td				{ padding: 3px; vertical-align: middle; }
tr:hover		{  }
td.icon1		{ padding: 0; }
td.head 		{ padding: 10px 3px 3px 6px; }
tr.none:hover 	{ background-color: #FFFFFF; }

#xperto_content tr:hover	{ background-color:#FFFFFF;}
#xperto_content td { vertical-align: top; }

.subTable			{ background-color: #F9F9F9; }
.subTable td		{ border-bottom: 1px solid #e2e2e2; }
.subTable strong	{ color: #666666; }

.subSubTable		{ background-color: #FCFCFC; }
.subSubTable td		{ border-bottom: 1px solid #dbdbdb; }

.rootTable, .tableList 			{ font-size: 13px; }

.rootTable tr:hover	{ background-color: #F9F9F9; }
.rootTable td		{ border-bottom: 1px solid #e2e2e2; }
.rootTable tr.none:hover { background-color: #FFFFFF; }
.tableList tr:hover	{ background-color: #F9F9F9; }
.tableList td		{ border-bottom: 1px solid #e2e2e2; }
.katTable tr:hover	{ background-color: #F9F9F9; }
.katTable td		{ border-bottom: 1px solid #e2e2e2; }
.katTable 			{ background-color: #FFFFFF; }
.katTable strong 	{ color: #666666;}

.tableEB  			{ width: 100%; border: 0; }
.tableEB td			{ border: 0; }
.tableEB tr:hover	{ background-color:#FFFFFF; }

.padLeft			{ padding-left: 34px; }
.padLeft2			{ padding-left: 68px; }
.marLeft			{ margin-left: 28px; }
.marLeft2			{ margin-left: 56px; }


.sortable { margin: 0; padding: 0; }
.sortable li { vertical-align: middle; padding: 0; margin: 0; min-height: 25px; }
.sortable li:hover {  }
li.sortable-placeholder {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #e2e2e2;
}

.sortgal.grid { overflow: hidden; }
#xperto_content li .sortgal.grid li {
    height: 35px;
    line-height: 1em;
    text-align: left;
    width: auto;
    margin: 5px 0 0 0; 
    padding: 0; 
    border-bottom: 1px dotted #CCCCCC;
}
.sortgal.grid li img {
	height: 30px; 
	width: auto; 
	float:none;
}



.sortgal li.sortable-placeholder { border:none; }

.sortMod { padding: 0; margin: 0; }
.sortMod ul { list-style: none; }
.sortMod li { vertical-align: middle; padding: 5px 0 0 0; margin: 0; list-style: none;}
.sortMod li.sortable-placeholder {
	height: 80px;
	border: 1px dashed #e2e2e2;
}

.no_entry { border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 6px; margin: 0; }
.icon { padding: 0; margin: 0; float:left; }
.text { font-size: 13px; padding: 2px 0 0 4px; float:left;}
.text_soft { padding: 4px 0 4px 4px; color: #999999; }
.parentKategorie { color: #999999; }
.icon_right { padding: 0; margin: 0 8px 0 0; float:right; }
/*#mover:hover { width: 23px; height: 23px; background: url('../../image/icons/ico_mover.png') no-repeat 0 0; }*/
#mover { cursor: url('../../image/icons/ico_mover.png'), move; }

.more_action { display: none; background-color: #dae4e8; float:right; height:36px;}

.firstStep { padding-left:34px; }


/* #Papierkorb
================================================== */
.trash { text-align: right; padding: 5px 8px 0 0; }
.trash a { font-size: 11px; text-decoration: none; color: #CCCCCC; }
.trash a:hover { color: #333333; }
.trash-module { text-align: left; padding: 0px 8px 0 51px; }
.trash-module a { font-size: 11px; text-decoration: none; color: #CCCCCC; }
.trash-module a:hover { color: #333333; }
.retour { float:right; padding: 10px 0 0 0; }
.retour_titel { float:left; }


/* #Forms
================================================== */

	form { margin: 0; padding: 0; }
	fieldset { margin: 8px 0 16px 41px; padding: 0 60px 0 0; border: none; }
	.fs_right { margin: 8px 0 16px 0; }
		
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "Lucida Grande", Verdana, Arial, sans-serif;
		color: #000000;
		margin: 0;
		min-width: 50px;
		max-width: 100%;
		background: #fff; 
		margin: 0 0 10px 0; }
		
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
		
		
	input[type="file"] {
		margin: 0 0 10px 0;
	}
	textarea {
		min-height: 90px; }
		
	label{
		display: block;
		font-size: 12px; 
		padding: 0 15px 0 2px;
		color: #999999; }
		
	select {
		width: 220px;
		border: 1px solid #CCCCCC;
		border-radius: 0;
		font-size: 1em;
		padding: 0.4em;
		}
		
		
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
	.largefield { width: 100%; }
	.mediumfield { width: 40%; }
	.smallfield { width: 18%; }
	.sslfield { width: 10%; }
	input.errorfield	{ border: 1px solid #ff5a00; }
	
	input.ff_soft { background-color: #F8F8F8; color: #666666;}
	textarea.code { width: 100%; min-height: 480px; }
	
	.taera { width: 90%; }
	.i_small { width: 50px; }

/* #Buttons
================================================== */

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	
		 background-color: #000000;
		 border: 0 none rgba(0, 0, 0, 0);
		 color: #FFFFFF;
		 padding: 8px 16px;
		 font-size: 1em;
		 letter-spacing: 0.1px;
		 text-decoration: none;
		 transition: box-shadow 0.1s linear 0s;

	  }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background: #e52421; 
		color: #FFFFFF;
		cursor:pointer;
				}
				
	a.button,
	button { height: 20px; }
	  
	a.but_second { background-color: #CCCCCC; }
	a.but_second:hover { background-color: #999999;}
	
	a.but_black { background-color: #333333; }
	a.but_black:hover { background-color: #000000;}


/* #Infoboxen
================================================== */
	.infobox { padding: 5px; color: #FFFFFF; margin: 0 0 10px 0; }
	
	/* Farben der Box */
	.error { background-color: #FF5A00; }
	.ok { background-color: #139d2a; }
	
	
/* Anpassungen Back-/Front-End
================================================== */

#modPreviewOutput #xperto_content ul { padding: 0; }