/* CSS-Angaben zur Darstellung von Figuren durch Rahmen */
body > div.figure {
	margin-top	: 20px;
	margin-bottom	: 20px;
	width		: 50%;
	margin-left	: 25%;
}
body > div.figure > dfn {
	margin-top	: 5px;
	width		: 100%;
	display		: table-caption;
}
body > div.figure > dfn > a {
	font-weight	: bold;
}
body > div.figure > dfn:before {
	content		: "Abbildung ";
	font-weight	: bold;
}
body > div.figure div {
	text-align	: center;
	font-weight	: bold;
	border		: 1px solid black;
	background-color: #F4F4F4;
	padding		: 2%;
}
body > div.figure div > small {
	font-weight	: normal;
}
body > div.figure div.opt {
	border-style	: dashed;
}
body > div.figure div.clean {
	background-color: white;
}
body > div.figure div.multi {
	border-width	: 3px;
	border-style	: double;
}
body > div.figure div.file {
	padding-top	: 30px;
	padding-bottom	: 30px;
	width		: 50%;
	margin-left	: 25%;
	background-color: #FEE0A3;
	border-color	: #877757;
	background-image: url(file_edge.png);
	background-position: right top;
	background-repeat: no-repeat;
	font-weight	: normal;
	font-size	: small;
	font-family	: serif;
	overflow	: visible;
}
body > div.figure div.file:first-line {
	font-family	: monospace;
	font-weight	: bold;
}
body > div.figure div.arrow {
	border-style	: none;
	background-color: white;
	font-weight	: normal;
	padding		: 0%;
	padding-left	: 52%;
	margin		: 0%;
	text-align	: left;
	font-style	: italic;
	white-space	: nowrap;
}
body > div.figure div > div {
	background-color: #E4E4E4;
	margin		: 1%;
	
}
body > div.figure > div table {
	border-spacing	: 5px;
}
body > div.figure > div table div {
	background-color: #E4E4E4;
}
body > div.figure > div table div > div {
	background-color: white;
}
body > div.figure > div table div > div > div {
	background-color: #F8F8F8;
	border-color	: #888888;
	padding		: 1px;
	font-weight	: normal;
}
body > div.figure table tr.cell td {
	border		: 1px solid black;
	background-color: #E4E4E4;
	font-weight	: bold;
	padding		: 5px;
}
body > div.figure table tr.cell td.white {
	background-color: white;
}
body > div.figure table tr.cell td small {
	font-weight	: normal;
}
body > div.figure table tr.cell td div {
	border		: 1px solid black;
	background-color: white;
	margin-top	: 5px;
}
body > div.figure table tr.cell td.dots {
	border-style	: none;
	background-color: #F4F4F4;	
}
body > div.figure table tr.cell td.clean {
	background-color: #F4F4F4;
	border-style	: none;
	padding		: 0px;
	margin		: 0px;
}
body > div.figure table tr.cell td.clean > div {
	background-color: #E4E4E4;
	margin		: 0px;
}

body > div.figure table {
	width		: 100%;
	font-weight	: normal;
}
body > div.figure table.compare {
	border-spacing	: 0px;
}
body > div.figure table.compare td {
	width		: 50%;
	padding-left	: 5%;
	padding-right	: 5%;
}
.updown {
	background-image: url(arrow_up_down.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-height	: 16px;
	height		: 18px;
}
.down {
	background-image: url(arrow_down.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-height	: 16px;
	height		: 18px;
}
.left {
	background-image: url(arrow_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-width	: 16px;
	width		: 18px;
}
.right {
	background-image: url(arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-width	: 16px;
	width		: 18px;
}
.white {
	background-color: white;
}
.active {
	background-color: #F4F4F4;
}
.active > div {
	background-color: white;
}
.inactive {
	color		: #666666;
}
.inactive div {
	background-color: #F4F4F4;
}

.singlesite {
	page-break-before: always;
	page-break-after:always;
}