/* cmsms stylesheet: Hey eigene css modified: 02.05.2021 19:47:19 */
/* Cataloger */
div.hey_catalog_item {
  background-color: #ffe;
  border: 1px solid #ddb;
  padding: 6px;
  margin: 6px;
  width: 1050px;
  float: left;
}

div.hey_catalog_item2 {
  background-color: #ffe;
  border: 1px solid #ddb;
  padding: 3px;
  margin: 3px;
  width: 1050px;
  float: left;
}

div.category_items {
  width: 1080px;
}

div.item_attribute_name {
  padding: 6px;
  width: 60px;
  float: left;
}

div.item_attribute_name span.item_attribute_val, 
div.item_text span.item_attribute_val, 
div.item_rand_text span.item_attribute_val {
  font-weight: 800;
}

div.item_images {
  float: left;
  width: 272px;
}

div.item_images_2 {
  float: left;
  width: 272px;
  padding: 3px;
}


div.item_text {
  float: left;
  padding: 6px;
  width: 490px;
}

div.item_text2 {
  float: left;
  padding: 6px;
  width: 410px;
}


div.item_rand_text {
  float: left;
  padding: 6px;
  width: 400px;
}

div.item_category_text {
  float: left;
  padding: 6px;
  width: 400px;
  font-size: 1.1em;
  font-weight: 600;
  color:#004;
}

/* The Modal (background) */
.fhmodal {
  /*display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,22,0,0.3); /* Black w/ opacity */
    display: flex; 
    justify-content: center; 
    align-items: center;
}

span.modpic {
  color: #006;
  cursor: pointer;
}

span.red {
  color: #d00;
}

/* universal /*
div.clearboth {
  clear: both;
  width: 98%;
}

/* Tabelle */

table.fh {
	border: 1px solid gray;
	border-collapse: collapse;
}

tr.fh th, tr.fh td {
	border: 1px solid gray;
	padding:5px;
	margin:1px;
}

/* Katalogeinträge im Formbuilder */
input:checked ~ div.hey_catalog_item2 {
  background-color: #cfc;
}

input.cat_radio {
  visibility: hidden;
}

/* Formbuilder */
div.formseiten {
  padding: 6px;
  margin: 6px;
  background-color: #ccc;
}

span.fbr_helptext {
 font-size: 0.81em;
 font-weight: 300;
}

div.fhfb_name {
 float: left;
 font-size: 1.1em;
 font-weight: 700;
 padding-top: 2px;
 margin-top: 2px;
 margin-left: 20px;
 padding-bottom: 6px;
 width: 300px;
 height: 40px;
}

div.fh_input div.fhfb_name {
  width: 300px;
}

div.fh_input div.fh_radio {
  padding: 3px;
}

div.fh_entry {
 float: left;
 margin-top: 20px;
 padding-top: 2px;
 width: 960px;
}

span.fh_error_message, div.fh_error_message  {
  color: red;
}

label.xfldlbl {
  font-size: 1.2em;
  font-weight: 500;
  color:#004;
}

label.xfldlbl::before {
  content: "+  ";
  font-size: 1.2em;
  font-weight: 900;
  color:#006;
}

label.xfldlbl.open {
  font-size: 1.25em;
  font-weight: 700;
  color:#005;
}

label.xfldlbl.open::before {
  content: "-  ";
}

div.xflddiv {
  display: none;
}

/* von gst */
div.block1 {
	width: 510px;
	float: left;
  	padding: 3px;
  	margin: 3px;
	border: 2px solid #ddb;
}

div.block1 h3 { 
	margin: 3px;
}

div.block99 {
	clear: both;
	float: left;
	width: 99%;
	min-width: 520 px;
  	padding: 0px;
  	margin: 0px;
}

/* --> flot  */
div#plot1 {
	float: left;
	width: 100%;
}

div#plot800 {
	float: left;
	width: 800px;
	height: 600px;
	margin: 10px;
}

div#plotOverview {
	float: left;
	width: 230px;
	height: 240px;
	margin-left: 0px;
	margin-top: 20px;
}

p#plotLegend {
	margin-left: 2px;
}

h4#hplotLegend {
	margin-left: 10px;
}
/* <-- flot */

/* --> für Formeln */
div.lemma {
  border-color: #bbd;
  padding: 8px;
  margin: 6px;
  border-width: 2px;
  border-style: solid;
}

div.proof {
  background-color: #eef;
  padding: 8px;
  margin: 6px;
}

div.defi {
  border-color: #dbb;
  padding: 0px;
  margin: 6px 6px 12px 6px;
  border-width: 2px;
  border-style: solid;
}

div.fdefi {
  padding: 8px;
}

div.hdefi {

  background-color: #edd;
  padding: 8px 4px 4px 4px; 
}

div.example {
  border-color: #eea;
  border-width: 2px;
  border-style: solid;  
  padding: 0px;
  margin: 6px;
}

div.hexample {
  padding: 4px 4px 8px 4px; 
}
div.cexample {
  clear: both;
  background-color: #ffd;
  padding: 8px;
}

/* <-- für Formeln */

table.lines, table.lines td, table.lines th{
  border: 1px solid;
  padding: 6px;
  border-collapse: collapse;
}