/*
File: lp_common.css
Common style definitons for all LP websites
*/

/* variables */

:root {
	--display_obituary:none;
	/* change "none" to "block" when owner is incapacitated or dead */
}

/* site-wide conditional styles */

.display_if_dead {
	display:var(--display_obituary);
	width:100%;
	background-color:#1A1A1A;
	color:white;
	text-align:center;
	padding:1em;
	margin:0px;
	font-family:serif;
	font-weight:bold;
	font-size:120%;
}

/* common tag styles */

a:link, a:visited {
	text-decoration:none;
}

.large {
	font-size:large;
}

.superscript {
	font-size: smaller;
	vertical-align: super;
	line-height: normal;
}

.subscript {
	font-size: smaller;
	vertical-align: sub;
	line-height: normal;
}

.highlight {
	font-weight:bold;
}

.invisible {
	display:none;
}

.underlined {
	text-decoration:underline;
}

.strikeout {
	text-decoration:line-through;
}

.red {
	color:red;
}

.centered {
	text-align:center;
}

.leftaligned {
	text-align:left;
}

.rightaligned {
	text-align:right;
}

.baustelle {
	color:red;
	font-style:italic;
}

.ol_letters {list-style:lower-alpha;}

hr.sepmed { width:72%; }
hr.sepsmall { width:60%; }
hr.septiny { width:40%; }

.otherlanguage {
	font-style:italic;
}

.bordersolid {
	border-style:solid;
}

.borderridgemed {
	border-style:ridge;
	border-width:medium;
}

.framedbox {
	/* frame for block, centered text, replaces dummy tables */
	margin-left:auto;
	margin-right:auto;
	padding:0.5em;
	text-align:center;
	border-style:groove;
	border-width:2px;
	border-color:#999;
}

.blockcentered {
	/* used to center blocks that have an inherent width */
	margin-left:auto;
	margin-right:auto;
}

.indent70perc {
	/* explicit width and centered in container */
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.indent80perc {
	/* explicit width and centered in container */
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.indent90perc {
	/* explicit width and centered in container */
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.indentleft {
	margin-left:3em;
}

.indent100 {
	/* explicit indent - use only on elements with implicit 100% width */
	margin-left:100px;
	margin-right:100px;
}

.indent200 {
	/* explicit indent - use only on elements with implicit 100% width */
	margin-left:200px;
	margin-right:200px;
}

.imgleft {
	/* can be used to float images and block-type elements */
	float:left;
	padding-left:0px;
	padding-right:1em;
	padding-top:0px;
	padding-bottom:0.8em;
}

.imgright {
	/* can be used to float images and block-type elements */
	float:right;
	padding-left:1em;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0.8em;
}

.lp_image_inline {
	padding:0px;
	vertical-align:middle;
}

.clearboth {
	clear:both;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.blockseparator {
	clear:both;
	height:3em;
}

.thgallery1 {
	clear:both;
	width:100%;
	background-image:url('../icons/filmstrip_bg_160.png');
	background-position:top right;
	background-repeat:repeat-y;
}
.thgallery1 p {
	margin-right:180px;
	margin-top:0px;
	padding-top:0px;
}
.thgallery1 h3 {
	margin-right:180px;
	margin-top:0px;
	padding-top:0px;
}
.thgallery1 h4 {
	margin-right:180px;
	margin-top:0px;
	padding-top:0px;
}
.thgallery1floater {
	float:right;
	width:160px;
	padding:0px;
}
.thgallery1thumb {
	position:relative;
}
.thgallery1thumb span { /*CSS for enlarged image*/
	visibility: hidden;
	position:absolute;
	z-index:50;
	width:600px;
	top:0px;
	right:120px;
	padding:8px;
	background-color:#4C4C4C;
	color:#FFF;
	text-align:center;
}
.thgallery1thumb:hover span { /*enlarged image on hover*/
	visibility:visible;
}
.thgallery1thn {
	position:relative;
	left:24px;
	padding-top:2px;
	padding-bottom:1px;
}

.thgallery2floater {
	float:right;
	width:260px;
	text-align:center;
	font-size:x-small;
	padding:0px;
	padding-left:10px;
}

.thgalleryinline {
	display:inline;
	float:left;
	width:260px;
	text-align:center;
	font-size:x-small;
	padding:6px;
}

.popupexplain {
	position:relative;
}
.popupexplain span { /*CSS for explanation*/
	visibility: hidden;
	position:absolute;
	z-index:60;
	width:200px;
	top:-10px;
	right:120px;
	text-align:center;
}
.popupexplain:hover span { /*show explanation on hover*/
	visibility:visible;
}

.cvlayout {
	margin-left:6%;
	margin-right:6%;
}
.cvlayout dt {
	float:left;
	padding:0px;
	vertical-align:top;
	font-weight:bold;
}
.cvlayout dd {
	margin-left:230px;
	padding-left:10px;
	padding-top:0px;
	/*border-color:#CCC;
	border-width:2px;
	border-left-style:groove;*/
}
.cvlayout dd.clear {
	float:none;
	clear:both;
	height:4em;
	border-style:none;
}

.twolangs1 {
	float:left;
	width:46%;
}
.twolangs2 {
	float:right;
	width:46%;
	font-style:italic;
}

.twocolumnmain {
	float:right;
	width:66%;
}

.twocolumnside {
	float:left;
	width:28%;
	background-color:#DDD;
	color:#006;
	font-size:0.9em;
	/*font-style:italic;*/
}

.modeltranslation {
	font-style:italic;
}

.left_sidebar {
	border-left-style: solid;
	border-left-color: #999;
	border-left-width: 4px;
	padding-left: 2em;
}

/* overrides for bootstrap classes*/

/* turn carousel indicators into small squares and position them */
.carousel-indicators li {
  width: 6px;
  height: 6px;
}
.carousel-indicators {
  bottom: 1.4em;
}
.carousel-control-prev,
.carousel-control-next {
	top: 15px;
	align-items: flex-start;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

/* new styles for bootstrap conversion */

.list_blank {
	list-style-type:none;
}

.galry-img {
	max-width: 100%;
}
.galry-caption {
	padding-top: 1.5em;
}

.book_ref {
	font-variant: small-caps;
}

.lp_imgcopyright {
	padding-top:3em;
	text-align:center;
	font-size:0.8em;
}

.lp_footer {
	font-size:0.8em;
	text-align:center;
}

.lp_header {
}

.page_icon_col {
	max-width: 230px;
}

.theme_block {
	min-width: 300px;
	max-width: 300px;
	padding: 40px;
}

.thematic_sidebar
{
	background-repeat: repeat-y;
	max-width: 160px;
}

.theme_berlin
{
	background-image: url("../images/background/backberlin2.png");
}
.body_berlin {
	background-color: #E8E8E8;
}

.theme_web
{
	background-image: url("../images/background/circuitbg.png");
}
.body_web {
	background-color: #DFEFFF;
}

.theme_galry
{
	background-image: url("../images/background/filmstrip_bg_128.png");
}
.body_galry {
	background-color: #DDDDDD;
}

.theme_dance
{
	background-image: url("../images/background/tanzschrittborder.png");
}
.body_dance {
	background-color: #E9E5F8;
}

.theme_linkpage
{
	background-image: url("../images/background/links_bg2.png");
}
.body_linkpage {
	background-color: #E8E8E8;
}

/* common id styles */

#dummy {} /* placeholder id style */

/* end of file */