@import 'staff.css';
@import 'publications.css';


.shortcodes .clearfix::before,
.shortcodes .clearfix::after {
  content: " ";
  display: table;
} 

.shortcodes .clearfix::after {
  clear: both;
}

.shortcodes .clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}


/*
<div class="table tr-pad td-pad tr-sep">
	<div class="tr">
		<div class="td">A</div>
		<div class="td">B</div>
		<div class="td">C</div>
	</div>
	<div class="tr pad sep">
		<div class="td">D</div>
		<div class="td">E</div>
		<div class="td">F</div>
	</div>
</div>
*/

.shortcodes .table {
	display:table;
	width:100%;
}

.shortcodes .tr {
	display:table-row;
	list-style-type: none !important;
}
.shortcodes .td{
	display:table-cell;
}

/* .tr-pad */
.shortcodes .table.tr-pad-s	.tr .td	{ padding-top:3px;  padding-bottom:3px; }
.shortcodes .table.tr-pad-xs .tr .td { padding-top:5px;  padding-bottom:5px; }
.shortcodes .table.tr-pad	.tr .td	{ padding-top:10px; padding-bottom:10px; }
.shortcodes .table.tr-pad-m	.tr .td { padding-top:12px; padding-bottom:12px; }
.shortcodes .table.tr-pad-l	.tr .td { padding-top:15px; padding-bottom:15px; }
.shortcodes .table.tr-pad-xl	.tr .td { padding-top:20px; padding-bottom:20px; }

.shortcodes .table.tr-pad-s	.tr:first-child .td,
.shortcodes .table.tr-pad-xs	.tr:first-child .td,
.shortcodes .table.tr-pad	.tr:first-child .td,
.shortcodes .table.tr-pad-m	.tr:first-child .td,
.shortcodes .table.tr-pad-l	.tr:first-child .td,
.shortcodes .table.tr-pad-xl .tr:first-child .td
{
	padding-top:0px;
}
.shortcodes .table.tr-pad-s	.tr:last-child .td,
.shortcodes .table.tr-pad-xs	.tr:last-child .td,
.shortcodes .table.tr-pad	.tr:last-child .td,
.shortcodes .table.tr-pad-m	.tr:last-child .td,
.shortcodes .table.tr-pad-l	.tr:last-child .td,
.shortcodes .table.tr-pad-xl .tr:last-child .td
{
	padding-bottom:0px;
}

/* .td-pad */
.shortcodes .table.td-pad-sm .tr .td { padding-left:2px;	 padding-right:2px; }
.shortcodes .table.td-pad-xs .tr .td { padding-left:1px;	 padding-right:1px; }
.shortcodes .table.td-pad	.tr .td { padding-left:3px;  padding-right:3px; }
.shortcodes .table.td-pad-m	.tr .td { padding-left:6px;	 padding-right:6px; }
.shortcodes .table.td-pad-l	.tr .td { padding-left:10px; padding-right:10px; }
.shortcodes .table.td-pad-xl .tr .td { padding-left:10px; padding-right:10px; }

.shortcodes .table.td-pad-sm .td:first-child,
.shortcodes .table.td-pad-xs .td:first-child,
.shortcodes .table.td-pad	.td:first-child,
.shortcodes .table.td-pad-m	.td:first-child,
.shortcodes .table.td-pad-l	.td:first-child,
.shortcodes .table.td-pad-xl .td:first-child
{
	padding-left:0px;
}
.shortcodes .table.td-pad-sm .td:last-child,
.shortcodes .table.td-pad-xs .td:last-child,
.shortcodes .table.td-pad	.td:last-child,
.shortcodes .table.td-pad-m	.td:last-child,
.shortcodes .table.td-pad-l	.td:last-child,
.shortcodes .table.td-pad-xl .td:last-child
{
	padding-right:0px;
}

/* .tr-sep */
.shortcodes .table.tr-sep .tr .td
{
	border-top:1px solid #EEE;
}
.shortcodes .table.tr-sep .tr:first-child .td
{
	border-top:0px;
}

/* .td-sep */
.shortcodes .table.td-sep .tr .td
{
	border-left:1px solid #EEE;
}
.shortcodes .table.td-sep .tr .td:first-child 
{
	border-left:0px;
}





.shortcodes .mt-1{	margin-top: 0.1em;	}
.shortcodes .mt-2{	margin-top: 0.6em;	}
.shortcodes .mt-3{	margin-top: 1em;	}
.shortcodes .mt-4{	margin-top: 1.4em;	}

.shortcodes .mb-1{	margin-bottom: 0.1em;	}
.shortcodes .mb-2{	margin-bottom: 0.6em;	}
.shortcodes .mb-3{	margin-bottom: 1em;		}
.shortcodes .mb-4{	margin-bottom: 1.4em;		}

.shortcodes .ml-1{	margin-left: 0.1em;	}
.shortcodes .ml-2{	margin-left: 0.6em;	}
.shortcodes .ml-3{	margin-left: 1em;	}
.shortcodes .ml-4{	margin-left: 1.4em;	}

.shortcodes .mr-1{	margin-right: 0.1em;	}
.shortcodes .mr-2{	margin-right: 0.6em;	}
.shortcodes .mr-3{	margin-right: 1em;	}
.shortcodes .mr-4{	margin-right: 1.4em;	}

.shortcodes .clear-last:last-child
{
	margin-bottom: 0px;
	margin-left: 0px;
}

.shortcodes .clear-first:first-child
{
	margin-top: 0px;
	margin-right: 0px;
}


.shortcodes .mt-1{	padding-top: 0.1em;		}
.shortcodes .pt-2{	padding-top: 0.6em;		}
.shortcodes .pt-3{	padding-top: 1em;		}
.shortcodes .pt-4{	padding-top: 1.4em;		}

.shortcodes .pb-1{	padding-bottom: 0.1em;	}
.shortcodes .pb-2{	padding-bottom: 0.6em;	}
.shortcodes .pb-3{	padding-bottom: 1em;	}
.shortcodes .pb-4{	padding-bottom: 1.4em;	}

.shortcodes .pl-1{	padding-left: 0.1em;	}
.shortcodes .pl-2{	padding-left: 0.6em;	}
.shortcodes .pl-3{	padding-left: 1em;		}
.shortcodes .pl-4{	padding-left: 1.4em;	}

.shortcodes .pr-1{	padding-right: 0.1em;	}
.shortcodes .pr-2{	padding-right: 0.6em;	}
.shortcodes .pr-3{	padding-right: 1em;		}
.shortcodes .pr-4{	padding-right: 1.4em;	}

.shortcodes .clear-last:last-child
{
	padding-bottom: 0px;
	padding-left: 0px;
}

.shortcodes .clear-first:first-child
{
	padding-top: 0px;
	padding-right: 0px;
}
