.Contenttitle {
	text-align: center;

	background: rgb(121, 85, 72);
	color: rgb(255, 255, 255);

	font-family: sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;

}



#ContentContent { 

	font-family: sans-serif;
	font-size: 17px;
	line-height: 2.1;

	padding: 16px;

	color-scheme: light dark;
	color: light-dark(#222222, #ffffff);
	background-color: light-dark(#dddddd, #323232);
	

}

#ContentContent  a {
	text-decoration: none;
	color-scheme: light dark;
	color: light-dark(#0000ee, #0aaaf7);
}


#ContentContent a.offline:hover {text-decoration: underline;
  color: #eb4034;
}

#ContentContent .intern_link{
	text-decoration: none; 
	color: light-dark(#0000ee, #0aaaf7);
	cursor: pointer}




#ContentContent  hr {
	border-width: 5px;
	border-style: double;
	border-color: grey;
	border-radius: 5px;
	margin-top: 40px;

}

#ContentContent  video {
  width: 100%;
  height: auto;
}

#ContentContent  iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#ContentContent  .naslag {
	text-decoration-line: underline;
	margin-top: 40px;
	margin-bottom: 12px;
//	text-decoration-style: wavy;
}


#ContentContent  pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}


#ContentContent .collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 4px;
  padding-left: 30px;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

#ContentContent .active, .collapsible:hover {
  background-color: #555;
}

#ContentContent .collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

 #ContentContent .active:after {
  content: "\2212";
} 

#ContentContent .contentcol {
  padding: 0 18px;
  max-height: 0;
    width: 95%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
   color: white;
   background-color: #000;
}

#ContentContent .contentcol a{
   color: #0aaaf7;
}






#ContentContent .iframecontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

#ContentContent .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


























.ContentNav    {
	align-items: center;
	background: rgb(199, 150, 88);
	justify-content: center;
	padding-right:100px;

}


.ContentNav   .nav1tabitem {
	margin-left: 20px;
    fill: #FFF;
    fill-opacity: .6;
    height: 30px;
    width: 30px;
	cursor: pointer;
	padding: 2px

}

.ContentNav   .nav1tabitem:hover {

    /*fill: yellow;*/


}


.Contentnextprevious {
	
	background: rgb(121, 85, 72, 0.9);
	color: rgb(255, 255, 255);
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 500;

	
}


.Contentnextprevious .control-left {
	cursor: pointer;
	flex-shrink: 1;
	flex-grow: 1;
}

.Contentnextprevious .control-left:hover {
	background: rgb(121, 85, 72, 1);
}


.Contentnextprevious .control-left .chevron-left	{
	flex-basis: 40px;
	flex-shrink: 0;
	flex-grow: 0;
		padding-left:8px;
}

.Contentnextprevious .control-left .text{
	flex-basis: 100px;
	flex-shrink: 0;
	flex-grow: 1;
	overflow: hidden;
	height:36px;
}

.Contentnextprevious .control-left .span1	{
	display: block;
	text-align: left;
	font-weight: 700;
}

.Contentnextprevious .control-left .span2	{
	text-align: left;
}



.Contentnextprevious .flex {
	flex-basis: 20%;
	flex-shrink: 1;
	flex-grow: 1;
}




.Contentnextprevious .control-right {
	flex-shrink: 1;
	flex-grow: 1;
	cursor: pointer;
	text-align: right;
}


.Contentnextprevious .control-right:hover {
	background: rgb(121, 85, 72, 1);
}



.Contentnextprevious .control-right .span1	{
	display: block;
	text-align: right;
	font-weight: 700;
}

.Contentnextprevious .control-right .span2	{
	text-align: right;
}

.Contentnextprevious .control-right .text{
	flex-basis: 100px;
	flex-shrink: 0;
	flex-grow: 1;
	overflow: hidden;
	height:36px;
}

.Contentnextprevious .control-right .chevron-right	{
	flex-basis: 40px;
	flex-shrink: 0;
	flex-grow: 0;
	padding-right:8px;
}