/* @import "../dark.css"; */

/* Tabellenzellen mit Beschriftungen unter den Thumbnails */
.caption {
	width: 184px;
	font-family: 'Segoe UI', Tahoma, 'Lucida Grande', Verdana, Geneva, sans-serif;
	/* letter-spacing: 0.1em; */
	line-height: 140%;
	font-size: 14px; /* 10 */
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: #bbbbbb;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-right: 8px;
}

/* Tabellenzellen mit Beschriftungen unter den Thumbnails */
.caption-hi {
	width: 184px;
	font-family: 'Segoe UI', Tahoma, 'Lucida Grande', Verdana, Geneva, sans-serif;
	/* letter-spacing: 0.0em; */
	line-height: 140%;
	font-size: 14px; /* 10 */
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: #eeddbb;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-right: 8px;
}

/* Tabellenzellen mit Beschriftungen neben den Thumbnails */
.caption-side {
	width: 185px;
	font-family: 'Segoe UI', Tahoma, 'Lucida Grande', Verdana, Geneva, sans-serif;
	/* letter-spacing: 0.1em; */
	line-height: 140%;
	font-size: 14px; /* 10 */
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	color: #bbbbbb;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-right: 8px;
}

/* Tabellenzellen mit Beschriftungen neben den Thumbnails, oben ausgerichtet */
.caption-side-top {
	width: 185px;
	font-family: 'Segoe UI', Tahoma, 'Lucida Grande', Verdana, Geneva, sans-serif;
	/* letter-spacing: 0.1em; */
	line-height: 140%;
	font-size: 14px; /* 10 */
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: #bbbbbb;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
}

/* Fu§notentext im unteren Bereich */
.annotation-dark {
	width: 184px;
	/* letter-spacing: 0.0em; */
	line-height: 140%;
	font-size: 14px; /* 12 */
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	color: #bbbbbb;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-right: 8px;
}

/* Fu§notentext im unteren Bereich rechts von einem Thumbnail */
.annotation-dark-side {
	/* width: 184px; */
	/* letter-spacing: 0.0em; */
	line-height: 140%;
	font-size: 14px; /* 12 */
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	color: #bbbbbb;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
}

/* Tabelle mit den Thumbnails und Beschriftungen */
.content-dark {
	/* letter-spacing: 0.0em; */
	line-height: 170%;
	font-size: 14px;
	text-decoration: none;
	color: #bbbbbb;
	text-align: left;
	padding-left: 12px; /* 16 linker Abstand zur vertikalen Punktlinie */
	padding-top: 11px; /* 9 oberer Abstand zur horizontalen Punktlinie */
	padding-bottom: 0px;
	padding-right: 0px;
}

/* Tabellenzellen mit Thumbnails */
.thumb {
	width: 198px;
	vertical-align: bottom; /* Ausrichtung an der unteren Thumbnail-Kante */
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}

/* Tabellenzellen mit Thumbnails, nach oben ausgerichtet */
.thumb-top {
	width: 198px;
	height: 100%;
	vertical-align: top; /* Ausrichtung an der oberen Thumbnail-Kante */
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}

/* Tabellenzellen mit Thumbnails */
.line {
	width: 198px;
	vertical-align: bottom; /* Ausrichtung an der unteren Thumbnail-Kante */
	padding-left: 3px;
	padding-top: 40px;
	padding-bottom: 3px;
	padding-right: 3px;
}

/* hell unterlegtes Feld mit schwarzem Text */
.infobox {
	background-color:#bbbbbb;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-right: 12px;
	/* margin-top: 8px; */
	margin-bottom: 8px;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
	color: #000000;
}

/* Liste mit quadratischem dunkelgrauen Element */
.li-info {
	list-style-image: url(img/square-dark.png);
	list-style-position: outside;
}

/* nach rechts ausgerichteter Text */
.text-right {
	text-align: right;
}