@import url('https://fonts.googleapis.com/css2?family=Golos+Text&display=swap');


@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sans_light';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
  background-position:top center;
  background-repeat:repeat-x;
  background-attachment:scroll;
  background-color:#fff;
  padding:0px;
  margin:0px;
  font-size:16px;
  font-family:'Golos Text', open_sans, Arial, Verdana, Sans-serif;
  font-style:normal;
}


h1,h2,h3,h4,h5,h6
{
  margin-bottom:0px;
  font-weight: normal;
  color:#19f;
  color:#04b;
  color:#4be;
  color:#2267af;
  color:#208acb;
  text-align:left;
}

.mainImage h1{
  color:white;
  text-transform:uppercase;
  /*max-width:25ex;*/
  font-family:Arial,Helvetica,sans-serif;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px solid #fafafa;
  border-top:1px solid #fafafa;
  text-align:left;
  position: absolute;
  left: 50%;
}
.mainImage h1:first-line {
  text-align:right;
  display:block;
}
.mainImage{
  position:relative;
}

p{line-height:1.7em; text-align:left;}

xh2{
  margin-top:50px;
}

xh4{
  margin-top:20px;
}

.topcontent, #page, #header, 
.footcols, .footer1, .footer2, .footer3c, 
.mainmenu, .social, .icontent, .icontents ,menu.submenu, .w1200
{
  max-width:1200px;
  margin:auto;
}
.w1900{
  max-width:1900px;
  margin:auto;
}

.narrow{
  max-width:39rem;
  margin:1rem auto;
  border:1px solid #ccc;
  border-radius:1rem;
  padding:1rem;
  background-color:rgba(255,255,255,.7);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.narrow p{
  text-align:justify;
  margin:1rem;
}
.narrow p.c{
  text-align:center;
}
.narrow ul{
  margin:0 1rem 1rem 2rem;
  line-height:2rem;
}
.narrow table{
  margin:1rem auto;
}
.narrow h1,
.narrow h2,
.narrow h3,
.narrow h4
{
  text-align:center;
  margin-top:1rem;
}


.icontent{
  padding:50px;
}
.intro2016{
  background:white;
}
.intro2016 .icontent {
  padding:20px;
}

.icontent img{
  border: 1px solid #ccc;
}

h1.intro1{
  float:left;
  margin-top:-.4rem;
}
p.intro1{
  float:right;
  max-width:80ex;
  text-align:right;
  text-shadow: 1px 1px 4px #fefefe;
}

a{
  text-decoration:none;
  color:#4be;

  color:#adc91e;
  color:#2267af;
  color:#208acb;
  
  
}
a:visited{
  color:#9be;
  color:#adc91e;
}

a:hover{
  color:#3BB6ED;
}


hr{
  margin:50px 10px;
  border-color:#ccc;
}

#board{
  background-image:url("../graphics/waves-grey2.png");
  background-repeat: no-repeat;
  background-size: 1642px 210px;
  background-position: 40% 2rem;    
}

#top{
  width:100%;
  xheight:90px;
  padding:0px;
  margin-top:0px;
  
  xbackground-image:url("../graphics/waves-grey2.png");
  background-repeat: repeat-x;
  
}

.topcontent{
  background-repeat:repeat-x;
  background-position:top left;
  /*height:86px;*/
  margin:auto;
}

#header{
  height:112px;
  xborder-bottom:0px solid white;
}

#logo{
  width:200px;
  height:41px;
  /*background-image:url("../images/logo-biomed-blue.png");
  background-size: 200px 41px;*/
  float:right;
  margin:0px;
  margin-top:23px;
}
#logob{
  width:207px;
  height:39px;
  margin-top:5px;
  xbackground-image:url("../graphics/biomed.png");
  xbackground-image:url("../graphics/logo-biomed-small.png");
  background-image:url("../images/logo-biomed-on-dark.png");
  background-size: 207px 39px;
  float:left;
  border:0px solid red;
}

#bicom{
  margin-top:22px;
  display:block;
  float:left;
  max-width:400px;
}
#bicom img{
  height:auto;
}

.cgrad, .topDiv, .rbdiv{
  background: #3ab6ec; /* Old browsers */
  background: -moz-linear-gradient(left,  #3ab6ec 0%, #41e3ba 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #3ab6ec 0%,#41e3ba 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #3ab6ec 0%,#41e3ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab6ec', endColorstr='#41e3ba',GradientType=1 ); /* IE6-9 */
  background: #727272;
  background: #c6c6c9;
}

.rbdiv{
  height:5px;
  margin:30px 10px;
}



.topDiv{
  height:4px;
  clear:both; 
}

#topDiv{
  margin-bottom:-10px;
}

.topWaves{
  height:10px;
  clear:both;
  position:relative;
}

#menubar{
  width:100%;
  height:35px;
  background-position:0px -116px;
  background-image:url("../graphics/btngr7c.png");
  background-position:center right;
  background-repeat:repeat-x;
  -webkit-box-shadow: #555 0 2px 2px;
  -moz-box-shadow: #555 0px 2px 2px;
  box-shadow: 0 2px 2px #000;
  z-index:1000;
}
#sliderWrap{
  z-index:20;
  clear:both;
  margin-top:2px;
}

.mainImage{
  margin-top:4px;
  max-height:560px;
  overflow: hidden;
  text-align:center;
  background-color:#D2EDFE;
  background-repeat: no-repeat;
}

img.main{
  width:100%;
  height:auto;
  max-width:1920px;
  margin:auto;
  border-radius:0.75rem;
}

img.ma{
  border-radius:0.75rem;
}

#page{
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-top:10px;
  margin-top:30px;
  margin-bottom:30px;
  background-image:none;
}

.social{
/*
  background-color:white;
  border:1px solid #aaa;
*/
  margin-top:30px;
  margin-bottom:0px;
  text-align:right;
  height:40px;
  overflow:hidden;
}
.social>*{
  float:right;
}


#left {
  display:block;
  width:260px;
  float:left;
  text-align:left;
}

#made-in-germany{
  display:block;
  width: 100px;
  height: 64px;
  background-image:url("../images/made-in-germany-100.png");
}

.mig{
  width: 100px;
  height: 100px;
  xbackground-image:url("../images/made-in-germany-stamp.png");
}

#menu{
  clear:none;
  margin-left:40px;
  margin-right:80px;
}

#menu ul{
  max-width:100%;
  list-style-type:none;
  padding:0px;
  margin:0px;
}
.menu li{
  float:left;
}
.menu li a.menuItem{
  color:#555;
  display:block;
  padding:27px;
  font-weight:normal;
  border-right:0px solid #ccc;
  line-height:30px;
  text-transform: uppercase;
  border:0px solid #aaa;
}
.menu li:first-child a.menuItem{
  padding-left:2px;
}
.menu li:last-child a.menuItem{
  padding-right:0px;
}
.menu li a.menuItem:hover{
  text-decoration:none;
}

#menu .mlocked{
  text-decoration:underline !important;
}

div.submenu.mlocked{
  border-bottom:1px solid #111;
}



div.submenu{
  display:none;
  padding-top:0px;
  margin:auto;
  position:absolute;
  width:100%;
  border-bottom:1px solid #ccc;
  padding-bottom:20px;
  z-index:1000;
  background:white;
  background-image:url("../graphics/waves-grey2.png");
  background-size: 1280px 187px;
  background-position: right 220%;
  background-repeat: no-repeat;
  
}

div.submenu ul{
  list-style-type:none;
  margin-top:10px;
}

ul.submenu li, .subCol ul li{
  list-style-type:none;
  padding:0px;
  margin:0px;
  border:0px solid red;
}

.subCol{
  float:left;
  padding-left:5px;
  padding-right:46px;
}

.subCol:last-child{
  padding-right:0px;
}

.subCol strong{
  font-weight:normal;
  color:#555;
  margin-left:5px;
  padding-top:1.5rem;
  padding-bottom:.8rem;
  border-bottom:3px dotted #adc91e;
  display:block;
}

.subCol a{
  display:block;
  margin:0px;
  margin-left:5px;
  margin-bottom:12px;
  transition:  0.5s ease-in ;
  text-shadow: 0px 0px 5px #ffffff;
}

.submenu a:hover{
  text-decoration:none;
  color:#3BB6ED;
  transition:  0.5s ease-out ;
}


.r1,.l1,.c1{
  border:1px solid #ddd;
  margin:0px 6px 10px 6px;
  border-radius:2px;
}

.r1 {
float:right;
margin-right:0px;
}
.l1 {
float:left;
margin-left:0px;
}
.c1{
margin-left:0px;
margin-right:0px;
border:0px solid #888;
}

.redb{
  color:#d00 !important;
  font-weight:bold;
}
.redb:visited{
  color:#c00;
}

.greenb{
  color:#0d0 !important;
  font-weight:bold;
}
.greenb:visited{
  color:#0c0;
}

.blueb{
  color:#00d !important;
  font-weight:bold;
}
.blueb:visited{
  color:#00c;
}




img.logo {
  margin-top:20px;
  margin-right:14px;
}

.content{
  display:block;
  min-height:300px;
  border:0px solid red;
  border-right:0px dashed #ddd;
}

.topcontent .content{
  min-height:unset;
}


.content.wide{
  max-width:940px;
  margin:0px 0px 0px 180px;
  
}

.content h1{
  text-align:center;
  padding:4px 20px;
}

.content>p{
  color:#606060;
}

.content p.l {text-align:left;}
.content p.r {text-align:right;}
.content p.c {text-align:center;}
.content .i {font-style:italic;}


.content ul{
  list-style-type:disc;
  margin:40px;
  line-height:1.7em;
  color: #666;
}

.content>ul{
  margin:20px 30px;
	text-rendering: optimizeLegibility;
}

.content ul ul{
  margin:0px;
  margin-left:20px;
}
#page .content ul>li{
}

#page .content sub{
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}

#page .content ul.spaced2>li{
  margin-bottom:0.7rem;
}

.content>h3{
  margin:20px 20px 10px 0px;
}
.content>h4{
  margin:20px 20px 10px 0px;
}

.content .halfblock{
  width:320px;
  float:left;
  border:1px dotted #99c;
}
.content .halfblock img{
  float:right;
  border:1px solid #999;
  
}                                                                                  

.content .halfblock p{
  margin:10px;
}
.content .halfblock h3{
  border-bottom:1px dotted #ddd;
  background-color: #efe;
}

.content .halfblock>*{
  margin:4px;
}

.content img:not(.r1):not(.fr):not(.landscape){
  max-width:100% !important;
}

.alerted{
  margin-right:10px;
  margin-bottom:20px;
  background-color:#ffe;
  border:1px solid #ccc;
  padding:10px;
  margin-right:10px;
}


.itext2{
  column-count:2;
  column-gap:5%;
  font-size:0.9rem;
}

.bigblu{
  color:#acf;
}

.arw{
  margin:0px;
  padding:0px;  
}

.arw li{
  background-image:url('../graphics/li20.png');
  background-repeat:no-repeat;
  background-position:center left;
  background-position: 0px 4px;
  padding-left: 30px;
  padding-bottom: 16px;
  list-style-type:none;  
}

.rbox{
  border-radius:0px;
  border:0px solid #f0f0f0;
  clear:right;
  background-color: rgba(255,255,255,0.5);
  background-color: none;
  padding:0px;
}
.rbox.seminar{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background-color: #dffaff;
  background-color: #f5f5f5;
  padding-bottom:10px;
  padding-left:16px;
  margin-bottom:20px;
}

.inbox_old{
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 7px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  border-radius:0px;
  margin:0px;
  border:1px solid #ccc;
  background-color: white;
  background-color: rgba(255,255,255,0.3);
  background-image:url('../graphics/innboxbg.png');
  background-repeat:no-repeat;
  background-position:top left;
  xmin-height:210px;
}

.inbox h2:not(.inl), .content>h2:not(.inl){
  margin:0px 10px;
  padding:0px;
  clear:none;
  padding-top:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid #eee;
}

.content>h2:not(.inl){
  clear:both;
  border-top:1px solid #eee;
  margin-top:10px;
}

h2.inl{
  display:inline;
}

.content>.fr10{
  margin-right:20px;
}

.inbox h3, .inbox h4{
  padding-top:12px;
}

.content h2,.content h3,.content h4,.content h5{
  margin:26px 10px 20px;
}


.inbox img, .inbox img.r1, .inbox imgx.l1{
  float:right;
  margin:10px;
  margin-left:20px;
  max-width:300px;
}
.inbox img.r1{
}

.inbox img.inline{
  float:none;
  margin:0px;
  max-width:100%;
}

.inbox img.nohover, .inbox .iloader img{
  max-width:100%;
}


.inbox .couple{
  float:right;
}
.inbox .couple img{
  float:left;
  height:200px !important;
  width:auto !important;
}


.content p, .inbox p{
  margin:10px;
  margin-bottom:20px;
  color:#555;
}


.inbox object, .inbox .video{
  display:block;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
}

.inbox .videobtn{
  margin:16px;
  margin-top:10px;
  margin-bottom:0px;
  margin-left:7px;
}

.inbox table{
  margin:10px;
}

div.video{
  margin:auto;
  margin-top:80px;
  max-width:640px;
}

video,.video iframe{
  border-radius:0.75rem;
}

div.video:nth-child(2){
  margin-top:0px;
}

.imgrbox{
  xborder-radius:0px;
  border:0px solid #f0f0f0;
  clear:both;
  background-color: #f0f0f0;
  padding:0px;
  max-width: 100%;
  text-align: center;
}

.imgrbox img{
  xwidth:690px;
  border:0px solid #ccc;
  margin:20px auto 16px;
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  box-shadow: none;
  max-width:97.7% !important;
}
.imgrbox img.noeffect{
  border:none;
  margin:0px;
  box-shadow: none;
}
.rbox>img{
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  max-width:97.7% !important;
  margin:8px 8px 4px 8px;
}

.xbox{
  border:1px solid #eee;
  padding:10px;
}



.endfloat{
  clear:both;
  height:0px;
}

.videobtn{
  margin:auto;
  background-image:url("../graphics/btngr5.png");
  background-repeat:repeat-x;
  background-position:center left;
  height:38px;
  padding:0px;
  display:inline-block;
  box-shadow: rgba(0,0,0,0.2) 1px 1px 3px;
  border-radius:22px;
  vertical-align:center;
  border: 1px solid #fff;
}

.videobtn a {
  margin:7px;
  xfont-weight:bold;
  color:white;
  padding-top:0px;
  padding-left:28px;
  padding-right:20px;
  display:block;
  font-style:italic;
  background-image:url("../graphics/arrow2play.png");
  background-repeat:no-repeat;
  background-position:center left;
  text-shadow: 1px 1px 2px #6af;
  text-decoration:none;
}
.videobtn a:hover {
  color:#ffc;
}

input[type='text'],input[type='submit'],textarea, select{
  padding:5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom:5px;
}

/*
table.program td{
  vertical-align:top;
  text-align:left;
  padding:5px;
}


table.program td.time{
  vertical-align:top;
  text-align:right;
  width:150px;
}

table.program img{
  border:1px solid #aaa;
}
table.program1 {
  background-color:white;
  text-align:left;
  border-collapse:collapse;
}

table.program1 td, table.program1 th {
  vertical-align:top;
  xtext-align:left;
  border:1px solid #ddd;
  padding:2px 6px 2px 6px;
  color:#444;
}
table.program1 th{
  background-color:#eef;
  text-align:center;
  vertical-align:middle;
  font-weight:normal;
  padding:0px 4px 0px 4px;
}
table.program1 td{
  xwidth:79px;
}
*/

table.program {
	color:#666;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0px 0px 3px #d1d1d1;
  border-collapse:separate;
  border-spacing: 0px;
}
table.program th {
	padding:10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
  font-weight:normal;
  text-align: left;
  font-weight: bold; 
}
table.program tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.program tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.program tr {
	padding-left:20px;
}
table.program td:first-child {
	border-left: 0;
}
table.program td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#fafafa));
	background: -moz-linear-gradient(top,  #fcfcfc,  #fafafa);
}
table.program tr.even td,
table.program tr:nth-child(odd) td
{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.program tr:last-child td {
	border-left: 1px solid #e0e0e0;
	border-bottom:0;
}
table.program tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.program tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.program tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
.persons table{
  float:left;
  margin-right:10px;
}

.agenda{
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-top: 3px solid #777;
  margin-top:10px;
  box-shadow:0px 0px 5px #ddd;
  background-color:#fff;
}
.agenda.rent_PN td.dateto{
  background-color:#f50;
}

.agenda th{
  text-align:left;
  border-bottom: 1px solid #ccc;
  background-image:url(../graphics/ibar.png);
  background-position:top center;
  background-repeat:repeat-x;
  border-top:3px solid #acf;
}
.agenda tr.divide td{
  border-top: 3px solid #bdf;
}
.agenda td, .agenda th{
  padding:8px 12px;
  border-bottom: 1px solid #eee;
}
.agenda .odd td{
  background:#fafafa;
}
.agenda .cancelled td *{
  opacity:.3;
}
.agenda td.soon{
  background-color:#f90;
}
.agenda .subject td{
  background-color:#8df;
  padding:10px 20px;
}
.agenda .c1{
  padding-left:20px;
  width:30px;
}
.agenda .subject td:first-child{
  width:600px;
}

.agenda input{
  padding:4px;
  border: 1px solid #bbb;
}
.agenda option{
  padding:4px;
}
.agenda input[type=image]{
  border: 0px;
}

.history{
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin-bottom:8px;
}
.history td{
  padding:2px 8px;
  border-bottom: 1px solid #ddd;
}


.feedb div{
  max-width:700px;
  margin:auto;
  margin-top:10px;
  margin-bottom:30px;
	border-top: 1px dashed #bbb;
}

.feedb div p:not(.r){
  text-align: justify;
  margin-bottom:9px;
}

.vet img{
  max-width:150px;
  max-height:150px;
}

.gt{
  margin-left:-2px;
  padding-top:10px;
}

.gt span{
  margin-right:18px;
}

.gr1{
 height:12px; 
 margin:0px;
 margin-top:5px;
 opacity:0.6; 
}

#footer{
  display:block;
  clear:both;
  padding:0px;
  padding-top:10px;
  padding-bottom:0px;
  padding-right:0px; 
  text-align:left;
  border-top:1px solid #ddd;

  background-color:#fff;
  background-position:70% 65%;
  background-repeat:repeat-x;
  background-image:url(../graphics/sinbg.png);

  background-image:url("../graphics/waves-grey2.png");
  background-size: 2000px 292px;
  background-size: 1280px 187px;
  background-size: 1600px 234px;
  background-position: -150% 40%;
  background-repeat: repeat-x;
    
}

#footer ul{
  margin-top:10px;
  padding-bottom:10px;
}

.footer1{
  display:none;
}


.footer2, .footer3{
  margin:auto;
  xmargin-top:10px;
  padding:0px;
  border:0px solid black;
}



.footer3{
  width:100%;
  clear:both;
  margin-top:0px;
  border-top:1px solid #ccc;
  background-repeat:repeat-x;
  background-position:top center;
  color:#eee;
  xcolor:#2267af;
  xcolor:#208acb;
  background-color:#2267af;
  background-color:#00385D;
  background-color:#226688;

  
}

.footer3 a{
  color:#adf;
}

.footer3c{
  padding-top:20px;
  padding-bottom:20px;
  padding-right:0px;
  text-align:right;
}


.footer3 a{
  xcolor:#000;
}

#footdiv{
  
}

#footdivx{
  height:6px;
  background-color:#efefef;
  background-image:none;
  background-repeat:repeat;
  background-position:top center;
  padding-bottom:10px;
  -webkit-box-shadow: #aaa 0 2 2px;
  -moz-box-shadow: #aaa 0px 2px 2px;
  box-shadow: 0px 2px 2px #aaa;
}


.footcol{
  width:29%;
  float:left;
  margin-right:2%;
  border-left:1px solid #eee;
  padding-left:1%;
  margin-bottom:30px;
}
.footcol li{
  list-style-type: none;
  margin-top:4px;
}



#filemanager{
  background-color:#fff;
}


.logtab
{
  background-color:#fff;
} 

#whitex{
  background-color:#fff;
  text-align:center;
}
.hidden{
  display:none;
}

.next{
  clear:both;
  float:right;
  padding-top:40px;
  line-height:30px;
}
.next span{
  position:relative;
  top:-4px;
  margin-left:5px;
  padding-bottom:16px;
}

.next a:hover{
  text-decoration:none;
}
.ibox{
  width:700px;
  margin:auto;
}

#flags{
  float:right;
  padding-top:20px;
  padding-right:4px;
  padding-left:20px;
}

#flags0{
  margin:auto;
  padding-top:26px;
  margin-bottom:-46px;
  width:970px;
  text-align:right;
}

#flags img{
  border:1px solid #aaa;
}

#preview{
	position:absolute;
	background:#fff;
	padding:0px;
	display:none;
	color:#fff;
	float:right;
}

#preview img{
	float:right;
	border:1px solid #aaa;
}


.hide{
  display:none;
}

.thinlite1{
  display:inline-block;width:1px;overflow:hidden;opacity:0.1;'
}

.thinlite{
  opacity:0.1;
  position:absolute;
  top:1px;
  right:1px;
}

.debug{
  position:fixed;
  width:250px;
  height:600px;
  top:190px;
  right:20px;
  padding:10px;
  border:1px solid black;
  background-color:#ccc;
  z-index:255;
}
a.button{
  background-color: #4af;
  background-position: center center;
  border:0px solid #aaa;
  text-decoration:none;
  display:inline-block;
  color:white;
  padding:6px 8px;
  margin:3px;
  border-radius:4px;
}
a.button:hover{
  background:#58f;
  border:0px solid #aaa;
  text-decoration:none;
}
.semintro {
  padding-bottom:16px;
  text-align: center;
}
.semintro a{
  color:#2a0;
  border:0px solid #f0f0f0;
  padding:6px 0px;
}
.semintro a:hover{
  color:#b50;
  text-decoration:none;
}


.kButtons{
  margin:auto;
}

.innerLink{
  border:1px solid #aaa;
  padding:8px 37px;
  margin:10px;
  text-decoration:none;
  display:inline-block;
  width:112px;
  border-radius:5px;
  background-image: url("../graphics/btngr8.png");
  text-align:center;
}
.innerLink:hover{
  text-decoration:none;
  background-image: none;
}








/* ********************   5 elements   ******************** */
.testSet{
  border-collapse:separate;
  border-spacing: 3px;
  width:98%;
}
.testSet th,
.testSet td
{
  width:16.66%;
  border:1px solid #ccc;
  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;
  vertical-align:middle;
}

.testSet th{
}

.testSet td{
  text-align:center;
  padding:1px;
}

.testSet td p{
  text-align:center;
  line-height:1.2em;
  padding:1px;
  margin:0px;
  min-height:30px;
  vertical-align:middle;
}

.testSet td p.german{
  display:none;
}

.testSet td p:last-child{
  color:#444;
}

.firee{background-color:#f80;}
.earth{background-color:#fd0;}
.metal{background-color:#ddd;}
.water{background-color:#6cf;}
.woood{background-color:#9c6;}
.yinya{background-color:#f6f;}
.strain{background-color:#f6f;}

#xchr,#xacu{
  background-color:#fff;
}

.regForm input{
  padding:5px;
}
.regForm option{
  padding:4px;
  border:none;
  margin:none;
}
.regForm select{
  padding:0px;
  border:1px solid #ccc;
  border-right:0px;
  width:137px;
}

.regForm .inputLabel{
  display:block;
  float:left;
  padding:5px;
  width:75px;
}
.regForm input[type=text]{
  width:125px;
  border:1px solid #ccc;
}
.regForm .inputRow{
  padding-bottom:5px;
  
}
.regForm .member{
  float:left;
  padding:10px 15px 15px 10px;
  position:relative;
}
.regForm #addMember, .regForm #register{
  margin:20px;
  padding:10px 60px;
}
.regForm .radios{
  min-width:240px;
}
.regForm .radios>div{
  float:left;
  margin-right:15px;
  margin-bottom:8px;
  margin-top:8px;
}
.regForm .details{
  margin:30px 20px;
  clear:both;
}
.regForm textarea{
  clear:both;
  width:445px;
  margin-left:10px;
}

.close {
  position:absolute;
  z-index:120;
  cursor:pointer;
  width:25px;
  height:25px;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAWElEQVQokaXSwQ3AIAwDQMZlAXuu7OUh4FUpotAgN1/nEIS09qdIdgABIEj26xxASBqSxho+KOdbmPGKXvDUcDpw+47cWKIKfyIbWle1h2N/h70A9so5NQFm8EeAPUuHkgAAAABJRU5ErkJggg==');
  background-repeat:no-repeat;
  background-position:center center;
  right: 5px;
  top: 5px;
}

.checkGroup label{
  padding-right:10px;
}


.box1{
  width:95%;
  margin:auto;
  margin-top:30px;
  margin-bottom:30px;
  background:#fafafa;
  padding:20px;
  border:1px solid #ccc;
}

#smoker input{
  text-align: center;
  max-width:80px;
}

#smoker input[type='button']{
  max-width:auto;
}
#roi{
  font-weight: bold;
  color:#0a0;
}
#permonth{
  font-weight: bold;
  color:#f80;
}
#peryear{
  font-weight: bold;
  color:#f40;
}
#per20y{
  font-weight: bold;
  color:#f00;
}
.counter td{
  vertical-align: middle;
}

.column {
  float: left;
  width: 25%; /*33.33*/
  /*padding: 5px;*/
  text-align: center;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.column a {
  text-align: center;
  display: block;
}

.title{
  /*margin-bottom: 20px;*/
  word-break: break-word;
  color: #1d1d1f;
  margin: 0 0 6px;
  font-size: 14px;
  height: 80px;
}

/*.info{
  padding: 0 54px 10px;
}*/

.info:hover{
  background-color: #f2f2f2;
}

.flexc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin:0 -1rem;
}

.flexc>a{
  display: inline-block;
  width: 270px;
  min-height: 292px;
  margin: 0 1rem;
}
.flexc img{
  border-radius:0.75rem;
}


.ui-switcher {
  height: 28px;
  border-radius: 14px;
  width: 50px;
}
.ui-switcher:after {
  height: 24px;
  width: 24px;
  border-radius: 12px;
}
.ui-switcher[aria-checked=true]:after {
  left: 24px;
}
.ui-switcher[aria-checked=false]:after {
  left: 2px;
}


.ui-switcher {
  background-color: #ccc;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border-color 0.25s;
  margin: -2px 4px 0 0;
  /*box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);*/
}
.ui-switcher[aria-checked=false]:before {
  content: '';
  right: 7px;
}
.ui-switcher[aria-checked=true]:before {
  content: '';
  left: 7px;
}
.ui-switcher[aria-checked=true] {
  background-color: #08b;
}
.ui-switcher:after {
  background-color: #ffffff;
  content: '';
  display: inline-block;
  position: absolute;
  top: 2px;
  transition: left 0.1s;
}
.semList{
  margin:auto;
  margin-top:10px;
}
.semList td{
  max-width:300px;
  overflow:hidden;
  overflow-wrap: break-word;  
  word-wrap: break-word;  
}


table.editform{
  margin-top:3rem;
}
table.editform td{
  vertical-align:top;
  padding-bottom:1rem;
  
}
table.editform td input{
  font-size:1.1rem;
}



.igrid{
  clear:both;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

.igr3{
  width:33.3333%;
  min-height:160px;
  margin:0px;
}
.igr3.frm{
  width:31.3333%;
}

.igr2{
  width:50%;
}

.igr2.frm{
  width:48%;
  padding:0%;
  margin:0;
}

.igr2.frm:first-child{
  margin-right:2%;
}


.igrid .frm{
  border-radius:5px;
  border:1px solid #adf;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.095);
}

.content .igrid h2,
.content .igrid h3,
.content .igrid h4{
  margin:1rem;
  margin-top: .7rem;
  margin-bottom: .2rem;
}

.content .igrid p
{
  margin:1rem;
}
.content .igrid ul
{
  margin:1rem;
  margin-left:2rem;
}