/*  Pro-CSM CSS V 1.2016 */
/* Basic colors: Logo ora: #F7931D    blue: #014081  */

.mybody  {
  background-color:#FEFDF4;
  text-align:center;
  font-size: 18px; line-height:20px;
  font-family: calibri, verdana, arial, helvetica,  sans-serif;
  margin:0; padding:0;	
}
 
@media (max-width: 799px  ) {
.mybody {font-size: 20px; line-height:22px; }
 }



/* setting margins */
.main {
  padding:0px;
  margin-left:20px;
  max-width:900px;
  text-align:left;
  display: block; 
  margin: auto;
  background-color: #fff;
}


/*  is set in print css  */
.printheader { display:none; }



@media screen {
.header {
text-align: left;
padding: 0px;
margin-bottom: 0px;
display: block;
width: 100%;
height: 170px;
}  }





.bodycontent {
  padding: 0px; margin:0px;
  font-size: 1.0em;
  color:#545458;  /*drkblue #566078*/
}


.bodycontent  h1{
background:#FFF; 
color:#800000;
font-size:1.4em;font-weight:bold;
padding: 10px 0px 10px 0px ;
border-bottom:1px solid #ccc;
}


.bodycontent  h2{
font-size:1.2em;font-weight:bold;
color:#335377;
padding:  0px 0px 5px 0px ;
}

.bodycontent  h3{
font-size:1.2em;font-weight:bold;
color:#976B01; /*#DE9E04 */
padding:  0px 0px 5px 0px ;
}

.bodycontent  h4{
background:#FFF;  color: #014081;   /*color:#ce6700; */
font-size:1.4em;font-weight:bold;
padding: 10px 0px 10px 0px ;
border-bottom:1px solid #ccc;
}


.bodycontent  ul {
list-style-position:outside; 
margin-left:-15px;
}


.bodycontent  a {
color:#800000;
text-decoration:underline;
}

.bodycontent  a:hover {
color:#000;
text-decoration:underline;
}


.flowtxt { padding-left:4px;}


/* --------- list ------------ */ 

ul .ulstd {list-style-position:inside;  list-style:initial; list-style-type: square;}


.chk {
list-style-position:outside; 
margin-left:-15px;
list-style-image:url("/common/wosw/procsm/check_blue.png");
}

 
.msg  { color: #F34006; font-weight:bold; font-size:1.4em;}
.ora {color:#ff8000;font-weight:bold;font-size:1.2em; }


.homec {
padding-left: 10px;
 margin:0;
  line-height: 1.2em;
  color:#545458;  /*drkblue #566078*/
}


.homec h2 {
font-size:1.3em;
}

.homec h4 { 
font-size:1.15em;font-weight:bold; color:#976B01; padding:0px 0px 0px 20px;  ; margin: 0px;  
border-bottom:0px;
background: url('/common/wosw/procsm/check_blue2.png')  no-repeat; }


.home_right {
 width: 200px; float: left; margin-left: 100px; text-align: justify;
 padding:0;
 color:#545458;  /*drkblue #566078   yelol#cc9900*/
}

.home_right h2 {
font-size:1.3em;
}


.home_right h3 {
font-size:1.1em;
color: #b88b16;
font-weight:bold;
margin: 0px 0px 7px 0px; padding:0;
}

.home_right h4 {
font-size:1.1em;
color:#800000;
font-weight:bold;
margin:0;
}


/* Banner */		
.topimg {
background-color: #FFF;
max-width:880px;
padding-left:20px;
border:1px solid #ccc;
text-align:left;
}
	

/*---------------------      TOP Image  --------------------*/


.scaleimg {	float:left;	  margin: 0px 0px 20px 0px; width:100%; }
.scaleimg img { width: 100%; }
img .scaled { width: 100%; }



/*---------------------    Content Boxes  --------------------*/

.cnt_txonly { text-align: left;padding-left: 10px; }
.cnt_txonly h2 {  font-size:1.4em; }
.cnt_txtitle { text-align: left;padding-left: 10px; }
.cnt_txtitle h2 {  font-size:1.4em; } 
.cnt_text { font-size:1.1em; line-height:1.2em; padding-left: 10px; }
.cnt_block { text-align: justify;  line-height:110%; padding-left: 10px; }
.cnt_2cols { text-align: justify; line-height:110%; }
.cnt_2cols h2 {  font-size:1.4em; }
.cnt_2cols h1 {  font-size:1.4em; color:#800000;}


.tour_colleft {float: left; width: 33%;  }
.tour_colmiddle {float: left; width: 33%; display:block; text-align:center;}
.tour_colright {float: left; width: 33%;  display:block; text-align: right; }
.tour_col20 {float: left; width: 15%;     }
.tour_coltext {float: left; width: 70%;   }


.twocol {float:left; width:48%; }

@media (max-width: 680px  ) {
	.twocol {clear:both; width:96%;}
}


.landingbox {
display: block;
width: 335px;
min-height:250px;
padding:5px; margin:0px;
border:1px solid #ccc;
line-height:130%;
background:#fafafa;
}

.investbox {
display: block;
width: 430px;
min-height:250px;
padding:5px; margin:0px;
border:1px solid #ccc;
line-height:130%;
background:#fafafa;
}



.le {  float:left;} 
.ri {  float:right;} 


@media (max-width: 680px  ) {
.landingbox {font-size:1.1em; margin-bottom:10px; max-width:320px; }
.le {float:left;} 
.ri {float:left;} 
} 

 

.landingbox h3{
font-size:1.2em;font-weight:bold;
color:#335377;/* color:#976B01; *#DE9E04 */
padding:  0; margin:0px 0px 20px 0px;
border-bottom: 1px solid #ccc;
}


.landingbox h2{
font-size:1.1em;font-weight:bold;
color:#976B01; /*#DE9E04 */
padding:  0; margin:0px 0px 20px 0px;
}

.investbox h3{
font-size:1.2em;font-weight:bold;
color:#335377;/* color:#976B01; *#DE9E04 */
padding:  0; margin:0px 0px 20px 0px;
border-bottom: 1px solid #ccc;
}


.landingbox  .button_blue {
	display: block;
	background:url('/common/wosw/procsm/btn_bluebox.png') repeat-x; 
	padding: 4px 8px 4px 8px;
	color: #FFF;
	text-decoration:none;
	font-weight:bold; font-size:1.2em;
}


.colum2 { float:left; width:260px; padding-right:30px;}
.colum2s { float:left; display:block;  width:400px; height: 150px; text-align:left; padding:5px; 
background: #eee;
border:1px solid #ccc; 
margin-left:2px;}
.colum2sr { float:right; display:block;  width:400px; height: 150px; text-align:left; padding:5px; 
background: #eee;
border:1px solid #ccc; 
margin-right:2px;}

@media (max-width: 840px  ) {
	.colum2s { clear:both;  margin-bottom:10px;}
	.colum2sr { float:left;  }
}


.colum3 { float:left; display:block; width:260px;  min-height: 200px; border:1px solid #ccc; margin-left:20px;}
.colum3d { float:left; display:block; width:260px; padding:5px; border:1px solid #ccc; }
.colum3 h2 {font-size:1.2em; line-height: 1.4em; font-weight:bold; color:#014081; background: #F7931D; padding: 0px ; margin: 0px 0px 5px 0px; display:block; }
 @media (max-width: 840px  ) {
	.colum3 { margin-bottom:10px;}
 }


.lbreak {clear:both; margin: 10px 0px 10px 0px;}
.lbreak0 {clear:both;}


.deli_line85 {
border-bottom:1px solid #ccc; width:885px;
}
.deli_line60 {
border-bottom:1px solid #ccc; width:860px;
}

hr .dotted {display:block; width:860px; border:1px dotted #ccc; height:1px;}

.dotted {width:860px; padding:0px; border-bottom: 1px dotted #ccc; border-top:0px; border-left:0px; border-right:0px;}

.arrowlink {
	display:inline;margin:0px; 	text-decoration:none;
	padding: 0px 0px 0px 12px;   background: url('/common/wosw/procsm/link_arrow.png')  no-repeat;  
}

img, iframe {  max-width: 100%; }
/*  from : A List Apart in 2009 . Thx.    */

@media (max-width: 740px ) {

	.embedframe {
	  position: relative; 
	  padding-bottom: 56.25%; /* ratio 16x9 */
	  height: 0; 
	  top: 0; 
	  left: 0; 
	  width: 100%; 
	  height: 100%; 
	}
	/* ratio 4x3 */
	.embedframe.ratio4x3 {
	  padding-bottom: 75%;
	}
}

/*---------------------menu v2 --------------------*/

.nav {  display: block;     background: #fff;          min-height: 40px; }
.nav, .nav a {     	font-weight: bold;	font-size: 1.1em;	color: #476B87;  text-decoration: none; }
.nav a {    display: block;     padding: 10px; }
.nav a:hover {      background-color: #ececec; }
.nav ul {     padding:0;      margin: 0; list-style: none; }
.nav ul li {     float:left;     display:inline;     position:relative;     background:#fff;   padding-right:20px;  border-right: 1px solid white; }
.nav li:hover > ul {     display:block;     position:absolute;     z-index:1000;     width: 120px;  }

/*Hide checkbox and label by default */
.nav > input, .nav > label {   display: none; }

/*  do not user labe for action */
.nav > label {   width: 100%;   float: left;   padding: 10px;   padding-right: 0;   cursor: pointer;
  -webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;
  -ms-user-select: none;   user-select: none; }



/*Media query small screen on phone */
@media (max-width: 640px ) {
	body {font-size:18px;}
    .nav > label, .nav ul li ul {   display: block;     } /*  aktivate items  with parent = nav */
    .nav > ul {   display: none;    clear: both;     }  /* hide menu items  */
    .nav > input:checked + ul {  display: block;  }  /*  toggle  function, show when click on ckeckbox */
	.nav ul li a:before {  content:'- ';  display: inline;     }  /*  menu level 1 topics  */
   .nav ul li {  float: none;   display: block;        border-right: none;         padding-left: 10px;     }
 }

.mblksel {color:#b00000;}








 table.tb01 { border-top: 1px solid #ccc;}
table.tb01 td {  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  }
table.tb01 td.tb01le{ border-left: 1px solid #ccc;}
table.tb01 td:first-child {border-left: 1px solid #ccc;}
table thead td {font-weight: bold;}


.tbbrd1{
padding: 0;
margin:  0;
border: 1px solid #8e8e8e;
}



table.tbnogrid { border: 0px;}
table.tbnogrid td { border: 0px; font: normal 13px arial, helvetica, sans-serif; color:#000;}



/*   ----------- formulare    ---------------- */

form {
   margin: 0;
}

.stdform input,  select , textarea {
 
	font-size: 1.0em;
	font-weight:normal;
	line-height: 14px;
	border:1px solid #aaa;
 	color:#000;
}


/* Footer */
.footer{max-width: 900px; margin-top:30px; padding:25px 0px 0px 20px; min-height: 150px;clear: both; background-color:#DDD;text-align:left; }
.footercol {display: block; float:left; width: 160px; float:left; text-align: left;}
.footer ul {display: block;list-style: none;}
.footer .headline {font-weight: bold;font-size:1.1em;text-decoration: none;padding-bottom:10px;}
.footer ul li {font-size: 0.9em;line-height: 16px;}
.footer a {text-decoration:none; color:#000;} 
.footer a:hover {text-decoration:underline;}