@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');





@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://fonts.gstatic.com/s/ptsans/v8/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(http://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

html {
	overflow-y: scroll;
}

body {
font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-align: justify;
	color: #434d78;
	background-color: #ededed;
	margin: 0;
    	padding: 0;
    	border: 0;

}



form, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

td, th, p, div, span {
	font-family: 'PT Sans', sans-serif;
}

.listEntry {
	margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
	color: #434d78;
	text-decoration: none
}

a:hover {
	color: #717eb5;
	text-decoration: none;
}

.articleText { 
	margin-bottom: 3px;
	text-align: justify;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

h5, h6 {
font-family: 'Raleway', sans-serif;
}

h0       {
font-family: 'Raleway', sans-serif;
font-size: 35px;
font-weight: bold;
line-height: 140%;
letter-spacing: 0.1em;
}

h1       {
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 140%;
}

h2       {
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 140%;
margin-bottom: 3px;
}

h3       {
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 140%;
margin-bottom: 3px;
}

h4       {
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 30px;
}

.articleSummary {
font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 135%;
}

#iframe_bng	{
background: white;
}

.default_divider	{
 border-bottom: 1px solid #434d78; 
 width: 100%; 
}

/* Classes for iframe bng news */

.bng_roof	{
font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: white;
}

.bng_head	{
font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-color: white;
}

.bng_teaser	{
font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 140%;
	text-align: justify;
	color: #434d78;
	background-color: white;
}

.bng_text	{
font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 140%;
	text-align: justify;
	color: #434d78;
	background-color: white;
}

.bng_link{
}
/*Content slider*/
/*Define Accordion box*/
.accordion	{
	border: 1px solid green;
	width: 100%; 
	overflow:hidden; 
	margin:0px auto; 
	padding:0px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target	{ 
bpadding:0px;
}
.accordion section:target:hover {  }
.accordion section:target h2	{
width:100%;
}
.accordion section:target h2 a	{ 
padding:0;
}
.accordion section:target p	{
display:block;
}


/*set style of closed slide*/
.accordion section	{ 
	float:left;	
	overflow:hidden; 
	margin:0px; }
.accordion section:hover {	}
.accordion section p	{
display:none; 
}


/*End General Accordion****************************************************************************/



/*Vertical Accordion *************************************************************************/
.vertical section{ 
	border: 1px solid red;
	width:100%; 
	height:20px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ 
	height:100%; 
	width: 100%; 
}

/* End Content slider*/

/* ID's for template divs */












#container_image	{
z-index: -100;
border: 0px solid red;

  position: fixed;
  top: 0;
margin: 40px auto 0 auto;
width: 100vw;
min-width: 900px;
/*max-width: 1024px; */
height: 60vh;
background-image:url(/layout/header/2021_01.jpg);
background-position: center center;
background-size: cover;

}

#menu	{
z-index: 1000;
position: fixed;
top: 0px;
min-height: 60px;
width: 100vw;
min-width: 800px;
padding: 0 0 0 0;
background-image:url(/layout/logo_divider_sg.png);
background-position: bottom left;
background-repeat: no-repeat;
max-height: 4vw;
text-align: center;
margin-left: 0 auto 0 auto;
border: 0px solid blue;
}





#content_wrap	{
z-index: 900;
position: static;



width: 74vw;
min-width: 800px;
max-width: 1024px; 
background-color: none;
margin-left: auto;
margin-right: auto;
margin-top: 40vh;

padding: 0 0 0 0;
border: 0px solid green;
}

#content-box	{
margin-bottom: 0px;
padding: 60px 60px 40px 60px;
border: 0px solid blue;
background-color: white;
}

#footer	{
	background-color: #c9c9c9;
height: 30px; 
width: 100vw;


text-align: right;

margin-top: 0px;

padding-top: 20px;

border-top: 1px solid #33374b;
}

.imprint {
border: 0px solid yellow;
width: 76vw;
min-width: 800px;
max-width: 1024px; 
background-color: none;
margin-left: auto;
margin-right: auto;
padding 0px;
}

/* end ID's for template divs */


.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
font-family: 'Raleway', sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
font-family: 'Raleway', sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
font-family: 'Raleway', sans-serif;
	font-size: 10px;
}

.articleList_listhead {
font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* CSS for the top level list */
ul.list_top, ul.list_level {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 0px solid #5E747F;
font-family: 'Raleway', sans-serif;
}
ul.list_top li, ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}
ul.list_top li a, ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;;
	border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
	background: white;
	border-bottom: 0px solid white;
}



/** 
 * Sample CSS for DIV pagelayout 
 */
#container {
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	border: 1px solid gray;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#headerBlock {
	padding: 5px;
	margin-bottom: 5px;
	background-color: rgb(213, 219, 225);
}

#mainBlock {
	padding: 5px;
	margin-left: 215px;
	margin-right: 215px;
	background-color: gray;
}

#leftBlock {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-right: 5px;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#rightBlock {
	float: right;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-left: 5px;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#footerBlock {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	background-color: rgb(213, 219, 225);
}

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}

.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}

#cookieOL a {color:#000; text-decoration:none;}

#cookieOL a:hover {text-decoration:underline;}

#cookieOL div {padding:10px; padding-right:40px;}

#cookieOL { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieOLCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookieOLCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}