body {font-family: Calibri,  Helvetica, sans-serif; font-size:14px; text-decoration:none; margin: 0px; }
h1{ 	font-size: 30px;	 color: #000;  margin:0; }
h2{ 	font-size: 28px;	 color: #777;  margin:0;}
h3{ 	font-size: 28px;	 color: #2F5C8F;  margin:0;}
h4{ 	font-size: 24px;	 color: #AE0606;  margin:0;}
h5{ 	font-size: 24px;	 color: #AE0606;  margin:0;}


a { color: #000; text-decoration:none; }
a:hover{  text-decoration:underline;font-style:italic;  }
a .extern { color: #3333cc; }


@font-face {
  font-family: header2; /* set name */
  src: url(OpenSans-bold.ttf); /* url of the font */
  font-size: 26px;
}

@font-face {
  font-family: header3; /* set name */
  src: url(OpenSans-bold.ttf); /* url of the font */
  font-size: 18px;
}

@font-face {
  font-family: content1; /* set name */
  src: url(OpenSans-Regular.ttf); /* url of the font */
   font-size: 14px;
}

 



.tfo11 {font-size:16px;}
#footer {clear:both; font-size:12px; background: #bbb; color: #fff; margin:50px 0px 0px 0px;padding: 5px 5px 5px 5px; line-height:16px;width:890px;}
img {	max-width: 100%; }

 



/* more then 600  ====================================== */


.oihead {
	display:block;
	width:100%;	
	text-align:left;
	background: #FCF9F4;
	border-radius: 5px;
	position: fixed;
	margin: 0px 10px 0px 0px ;
	padding: 0px;
	border: 1px solid #debd85;
	}
.slogan { font-size:1.6em;font-weight:bold; }
.language { float:right;display:inline-block;text-align:right;background: #ddd; width:60px;  font-size:1.2em;}
 

 
@media only screen and (max-width:800px){
.oihead {	font-size: 1.0em;  }
.slogan { white-space: pre; clear:both; font-size:1.2em;font-weight:normal; }
.language { float:right;display:inline-block;text-align:right;background: #ddd; width:60px;  font-size:1.2em; }
 }


/* =================================================================

          Content Boxen und Tools 

 ================================================================= */

/*
.cntblockbig h2 { font-family:header2 ;  height:40px;  color:#000;  padding-left:5px; text-decoration:none;  text-align:center;}
.cntblockbig h3 { font-family:header3 ;  height:30px;  color:#888;  padding:0px 0px 10px 0px; text-decoration:none;  text-align:left;}
.cntclockbig p  {font-family:content1 ; }
*/


.cntblockbig {
border-radius: 10px;
border: 1px solid #999;
max-width:1024px;  
background:#fcfcfc;
margin: 120px 0px 10px 5px ;
padding: 8px 0px 8px 10px;
top: 100px;
display: inline-block;
font-size: 1.1em;
}
 

.cntblock2col { display: flex; max-width: 1024px; gap: 20px;  } 


.cntblockhd { 
/*border: 1px solid #0F0;*/
height:40px;
clear:both; 
}
.cntblockhd h2 { font-size: 1.8em; color:#990000; text-align: center;}



/* justify-content set to flex-end or end  */

.cntblockinner_le , .cntblockinner_ri {
border-radius: 5px;
border: 1px solid #ccc;
background:#fefefe  ;  /*#F8F6F2 ; */
box-sizing: border-box;
color:#000;
float:left;
width: 50%;
min-height:150px;
margin: 10px 10px 10px 10px ;
padding: 8px 4px 8px 8px;
text-decoration:none;
font-size:1.2em;
}

.cntblockinner_le  h3 { color:#696969; font-size:1.6em; } 
.cntblockinner_ri  h3 { color:#696969; font-size:1.6em;  } 


.cntblockinner_le { text-align: left; margin-left: 5px;} 
.cntblockinner_ri { text-align: left; margin-right:5px;} 

 
@media only screen and (max-width:640px)  {
	.cntblock2col { flex-direction: column; }
	.cntblockinner_le, .cntblockinner_ri { width: 95%; clear:both; background:#fefefe; } 
} 


.cntblock1col {
border-radius: 10px;
border: 1px solid #999;
box-sizing: border-box;
width: 80%;  
background: #fefefe; 
margin: 5px 0px 10px 5px ;
padding: 8px 0px 8px 10px;
text-align:left;
font-size:1.2em;

}

.cntblock1col  h2 { color:#696969; font-size: 1.6em; } 



.msg {
display:block;
border: 1px solid #F00;
background: #f5f5f5;
margin: 10px 10px 10px 10px ;
padding: 8px 8px 8px 8px;
color: #f00;
font-weight:bold;
}

.lbreak {clear:both; }
.arrow { text-decoration:none; background-image:url ('/common/bdcms/opim/arr-right.gif')   }


/* **********************  MENU ************************** */
 


.menu{
	width: 100%;	
	max-width: 900px;
	border:none;
	border:0px;
	margin:0;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	/* background:#FFF; -->*/
	color: #000;


	}
.menu ul{
	/*background:#FFF;*/
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}
.menu li{
	float:left;
	margin: 0px 10px 0px 10px;
	min-width:60px;
	}
.menu li a{
	color:#000;
	background: #FCF9F4;
	font-weight:bold;
	font-style:normal; 
	font-size:1.2em;
	line-height:50px;
	margin:0px;
	min-width:60px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	}

.menu li .noref{ 	color:#000; font-weight:normal;padding:0px 0px 0px 15px; }
.m1selold { 	background: #dc0707; 	color:#FFFFFF; 	text-decoration:none; } /*#f82121*/
.m1sel { 	color:#FFFFFF; 	text-decoration:none; } /*#f82121*/
.menu li a:hover{
	/*/background: #f82121;*/
	color:#000;
	text-decoration:underline;
	}

.menu-button{display:none;}



/* ========================     less then 800   ====================================== */

@media only screen and (max-width:800px){

#navi .menu-button{ float:left; display:block; }
#navi .menu {display:none; max-width: 600px};
.menu ul{
	display:block;
	background:#DDD; /*#FCF9F4*/
	list-style:none;
	margin:0;
	padding:0;
	width:120px;
	}
.menu li{
	display:block;
	margin: 0px;
	width:120px;
	line-height:25px;
	background:#DDD; 
	}

.menu ul li a {color:#000;background:#DDD;  font-weight:bold; font-size: 18px; text-decoration:none;}

}/* end 600 */





.menu-button2{ float:right; display:block; width:20px; height:20px; padding:1em;background:transparent;
color:#333;background-image:url('/common/bdcms/opim/nav-icon.png');background-repeat:no-repeat;background-position:93% 10px;cursor:pointer;}





.tabmenu { }
.tabmenu .mitem { }
.tabmenu .mitem a {text-decoration:none; font-style:normal; font-weight:bold;}
.tmselected a {text-decoration:none; color:#dfdfdf; font-size:20px; font-weight:bold; font-style:italic;  }



.ftbox {
border-radius: 5px;
border: 1px solid #999;
max-width:1024px;  
clear:both; 
font-size:12px; 
background:#999; 
color: #000; 
margin:50px 0px 0px 10px;
padding: 5px 5px 5px 5px; 
}





/* --------------- forms ----------------------------- */


form {   margin:10px 20px 10px 10px; }

.stdform {	background: #F4F4F4;}
.stdform input,  select , textarea {
	/*font-family: verdana, arial,  helvetica, sans-serif;*/
	font-size: 1.0em;
	font-weight:normal;
	line-height: 14px;
	border:1px solid #aaa;
 	color:#000;
}

.stdform select { 	height:auto; }
.stdform .selmulti{ height:*; }
.stdform .frmnobrd{ 	border:0px; 	border-width: 0px; }
.stdform option {	line-height: 14px;	font-size: 1.0em; }
.stdform textarea {     resize:none; }
.statok { display:block;}

/*   form formatting */
#calc {  margin:0;  width:500px;}
#calc div {  clear:both; 	 }
#calc label {   display: block;   float: left;   margin: 5px;   width: 150px; font-weight:bold;}
#calc span {padding-left: 5px;}
#calc select {  margin-bottom: 5px;  }
#calc br {  clear: left;}
#calc textarea {  margin-bottom: 5px;  width: 300px; }
#calc .txinfo {margin-left:154px;}