.jsf_example{
	position: relative;
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0;
	padding: 0.5em;
	background-color:var(--backgroundColor4);
	color:var(--basicFontColor);
	overflow: hidden;
	z-index:1;
	border-left:10px solid #358ccb;
	box-shadow:-1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
	line-height:1.5em;
}

.jsf_example.example_simple_style{
	font-family: var(--font);
	white-space: normal !important;
	border: var(--border2);
	box-shadow:none;
	line-height:1.5em;
	border-radius: 1px;
	padding:10px;
}

.jsf_example.example_simple_style .exampleCode.html.hljs.xml{
	word-wrap: break-word;
    overflow: auto;
    height: 99px;
    padding:2px 15px 6px 6px;
    border:var(--border2);
}

.lineNumbers{
	user-select: none;-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;
	margin-right:0.5em; 
	float:left; 
	text-align:right;
	border-right: 2px solid #f9c2ab; 
	color: var(--backgroundColor13);
	font-weight:bold;
}

.jsf_example.example_simple_style .lineNumbers{
	display:none;
}
	
.exampleCode{
	display:inline-block;
}
.strip{
	display:block;
	width: 100%;
}
.strip:nth-child(2n+1){
	background-color: var(--backgroundColor2);
}
.stripHighlighted{
	background-color: #f9c2ab !important;
}
.stripedBg{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 0.5em;
	background-color:var(--backgroundColor4);
	z-index:-2;
}

.jsf_example.highlight.example_simple_style .stripedBg .strip{
	background-color:transparent;
}

.jsf_example.highlight.example_simple_style .jsf_example_copy_btn{
	font-weight:bold;
}

.hljs {
/* Damit der Scrollbalken nicht den Code überdeckt:   */
  padding-bottom:15px;
  margin-bottom: 15px;
}