/* infolightbox.css created 2013 by Alexander and Talk19Zehn by OnGray-Design.de https://www.ongray-design.de
--------------------------------------------------------------------------------------------------------------------- */

#infolboverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #010423;
	z-index: 1001;
	opacity: 0.5;
}

.infolightbox {
	display: none;
	position: fixed;
	top: 45%;
	left: 50%;
	height: 280px;
	width: 320px;
	margin-top: -75px;
	margin-left: -170px;
	padding: 8px;
	z-index: 1002;
	white-space: nowrap;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #C0C0C0;
	background: linear-gradient(to bottom, #CCCCCC 0%, #333333 100%);
	background-repeat: repeat-x;
	border: #CCC solid 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear, box-shadow 0.2s linear;
	border-color: rgba(20, 39, 200, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(20, 39, 200, 0.6);
	text-align: center;
	box-shadow: 4px 4px 49px 9px rgba(2, 2, 2, 0.5);
	overflow: auto;
}

.infolightbox p {
	color: #FFFFFF;
}

/* CSS3 Button
----------------------------------- */

.infolbcssbutton {
	padding: 5px 10px;
	display: inline;
	background: #333333 url("./images/bgblacklbinfo20x124.gif") repeat-x bottom;
	border: #CCC solid 1px;
	box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition : border 0.2s linear, box-shadow 0.2s linear;
	border-color: rgba(20, 39, 200, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(20, 39, 200, 0.6);
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px; /* Konqueror */
	text-shadow: .1px .1px #666666;
}

.infolbcssbutton:hover {
	background-position: 0 -48px;
}

.infolbcssbutton:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
}

.infolbcssbutton.black { background-color: #333333; }

/* Linkcolor CSS3Button Infolightbox
-------------------------------------- */

a.infolbcssbutton:link {
	color: #FAFAFA;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

a.infolbcssbutton:visited {
	color: #FAFAFA;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

a.infolbcssbutton:hover {
	color: #FAFAFA;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
}

/* responsive design */
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px){
	.infolightbox {
		display: none;
		position: fixed;
		top: 45%;
		left: 50%;
		height: 240px;
		width: 240px;
		margin-top: -75px;
		margin-left: -120px;
		padding: 5px;
		z-index: 1002;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FAFAFA;
		white-space: nowrap;
		background-color: #C0C0C0;
		background: linear-gradient(to bottom, #CCCCCC 0%, #333333 100%);
		background-repeat: repeat-x;
		border: #CCC solid 1px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear, box-shadow 0.2s linear;
		border-color: rgba(20, 39, 200, 0.8);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(20, 39, 200, 0.6);
		border: #CCC solid 1px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear, box-shadow 0.2s linear;
		border-color: rgba(20, 39, 200, 0.8);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(20, 39, 200, 0.6);
		text-align: center;
		box-shadow: 4px 4px 49px 9px rgba(2, 2, 2, 0.5);
		overflow: auto;
	}

	#infolboverlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1001;
		background-color: #010423;
		opacity: 0.5;
	}
}