/*
html, body { height:100%; overflow:hidden; margin:0; padding:0; }
.JmolPanels { position:absolute; overflow:hidden; }
.textPanels{ position:absolute; overflow:auto}
.butPanel { position:absolute; ; width:100%;overflow:auto; }
*/
/* Don't add margin nor padding to textPane; if needed, use an inner div with desired style (like 'contents' below) */

.toggle .header {
    display: block;
    clear: both;
	background: #e7f2fa;
	background: #6ab0de;
}

.toggle .header p::before {
    content: " ▶ ";
}

.toggle .header.open p::before {
    content: " ▼ ";
}

.toggle {
	background: #e7f2fa;
}

.toggle>p {
	margin: 10px;
}

.jmolScriptSpan {
	background-color:#dddddd; 
	padding:2px;
}



	.textdiv {
		margin-left:auto; 
		margin-right:auto;
		width:100%;
		font-size:12px;
		background-color:white;
		font-family:sans-serif;
		color:#4e3f31;
		padding: 10px;
		margin-top:10px;
		}
		
	#menuContainer{
			margin-left:auto; 
			margin-right:auto;
			width:100%;
			background-color:white;
			padding-top: 10px;
			margin-top:10px;
			}
			
	.menudiv{
		margin-top:15px;
		
	}
	
	#aufgabenmenu{
		padding-top:10px;
		background-color:white;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	
	.jmoldiv {
		margin-left:auto; 
		margin-right:auto;
		background-color:white;
		width:660px;
		height:500px;
		font-family:sans-serif;
		//padding: 10px;
		color:#4e3f31;
		background-color:white;
		}

	#jmolWrap{
		width:100%;
			background-color:#eeeeee;
			padding-top:10px;
		}

	body {
		background-color:#eeeeee;
		}


















.toolboxicon{
	font-size:18px;
}

.ui-icon{
display: inline-block;
}

hr {
  border: 0;
  width: 96%;               
  background-color:#000;
  height: 2px;
  color:black;
      display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-style: inset;
    border-width: 1px;
}


#textKlappBreich1{
display:none;
}

.menuTabWrapper{
margin:0;
padding:0;
}

h3{
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
}

.tx, td {
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;}

.tx1 {
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
text-indent:10pt;
}

.txtb{
margin:0;
padding:0 3px 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;}


.tb {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
line-height:10pt}

.content { padding:0.5em 1ex; }
.textPanels, .JmolPanels { background-color:#eeeeee; } 

.seitenfooter{
font-style:italic;
font-size:8pt;
margin:10px;
};



.style1 {
	font-family: Arial, Helvetica, sans-serif, Symbol;
	font-size: large;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.antw1{
font-family: Arial, Helvetica, sans-serif;
font-size:15pt;
color:#002299;
}

.antw2{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
color:#006622;
}







/*neue Formatierungen für Ribbon-Menü*/

#toolboxNavi{
	background: #008C74;
	background: white;
	}

#toolboxNavi ul {
	margin:0;
	padding:0;
    width: 100%;
	background:#fff;
}
#toolboxNavi ul li{
	display:inline-block;
    padding: 1px 0 0 0;
	margin: 0 5px 0px  0;
}
#toolboxNavi ul li.inaktiv a{
	display:block;
	padding: 3px 7px 2px 7px;
	margin: 0 5px 0px  0;
	/* Unterstreichung bei hover ausschalten: text-decoration: none;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#2222aa;
	color:#ffffff;
	/*runde obere Ecken / verschiedene Browser */
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	/*Fallback-Angabe Farbe für Browser ohne Gradienten*/
	background:#bbbbbb;
	background:#3c3c3c;
	/*alte webkit-basierte Browser (Safari, Chrome, ...)*/
	background: -webkit-gradient(linear,left top, left bottom, from(#bbbbbb), to(#999999));
	background: -webkit-gradient(linear,left top, left bottom, from(#848487), to(#3c3c3c));
	/*neue webkit-basierte Browser (Safari, Chrome, ...)*/
	background: -webkit-linear-gradient(top, #848487, #3c3c3c);
	/*Mozilla/Gecko*/
	background: -moz-linear-gradient(top, #848487, #3c3c3c);
	/*Presto*/
	background: -o-linear-gradient(top, #848487, #3c3c3c);
	/*IE10 pre-beta*/
	background: -ms-linear-gradient(top, #848487, #3c3c3c);
	/*aktueller W3C working draft*/
	background: linear-gradient(top, #848487, #3c3c3c);
	/*Vermutlich: nachem Maus aus dem Berech entfernt wird*/
	transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3s ease-out; /* firefox */
    -o-transition: background 0.3s ease-out; /* opera */
}



/*aktiv: das gewählte Menü; active: das angeklickte während dem Anklicken*/
#toolboxNavi ul li.aktiv a,#toolboxNavi ul li a:active{
	display:block;
	padding: 3px 7px 2px 7px;
	margin: 0 5px 0px  0;
	/* Unterstreichung bei hover ausschalten: text-decoration: none;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#2222aa;
	color:#ffffff;
	/*runde obere Ecken / verschiedene Browser */
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	/*Fallback-Angabe Farbe für Browser ohne Gradienten*/
	background:#008C74;
	/*alte webkit-basierte Browser (Safari, Chrome, ...)*/
	background: -webkit-gradient(linear,left top, left bottom, from(#008C74), to(#008C74));
	/*neue webkit-basierte Browser (Safari, Chrome, ...)*/
	background: -webkit-linear-gradient(top, #008C74, #008C74);
	/*Mozilla/Gecko*/
	background: -moz-linear-gradient(top, #008C74, #006C54);
	/*Presto*/
	background: -o-linear-gradient(top, #008C74, #008C74);
	/*IE10 pre-beta*/
	background: -ms-linear-gradient(top, #008C74, #008C74);
	/*aktueller W3C working draft*/
	background: linear-gradient(top, #008C74, #008C74);
	/*Vermutlich: nachem Maus aus dem Berech entfernt wird*/
	transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3s ease-out; /* firefox */
    -o-transition: background 0.3s ease-out; /* opera */
}

#toolboxNavi ul li.inaktiv a:hover {
    background: #000099;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform: scale(1.05);
}

#toolboxTableMantel{
border:3px solid #008C74;
}

/*Tabelle der Toolbox*/
.toolboxTabAussen{
border:0px;
margin:0px;
padding:0px;

border-spacing:0px;
background:#008C74;
}

.toolboxTabAussen tr{
border:0px;
margin:0px;
padding:0px;

background:#ffffff;
border-spacing:0px;
}


.tdl{
vertical-align:top;

border:0px;
margin:0px;
padding:0 3px 0 5px;

}
.tdr{
vertical-align:top;
border-right:3px solid #008C74;
margin:0px;
padding:0 5px 0 0;
font-size:10pt;
}
.tdlr{
vertical-align:top;
border-right:3px solid #008C74;
margin:0px;
padding:0 5px 0 5px;
font-size:10pt;
}
.tdm{
vertical-align:top;
border:0px;
margin:0px;
padding:0 3px 0 3px ;
font-size:10pt;
}


.tdi{

margin:0px;

padding:0px;
border:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
}
.tdim{

margin:0px;
padding:0 0 0 10px;
border:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
}


.formtable, .formtable tr, .formtable tr td{
margin:0;
padding:0;
}
.formtable tr td input{
margin:2;
padding:0;
}

/*Ende Formatierungen für Ribon-Menü*/

/*
div#wrapper, div#wrapper1 {

	margin:0;
    width: 100%;
}
*/

.eintrag{
	margin:3px;
	padding:3px;
	background-color:white;
	border:1px solid #4e3f31;}

.eintrag header{
	margin: 6px 0px 0px 6px;
	padding: 12px;
	border: 0px 0px 0px 12px;
	border-left:6px solid #4e3f31;
	font-weight:bold;}

.eintrag p, .eintrag table{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin: 6px;
	text-indent:0px;
	text-align:justify;}
	


.eintrag img{
	margin: 0px 6px 0px 6px;
	text-indent:12px;
	text-align:justify;}

.eintrag footer{
	margin:6px;
	border:none;
	text-align:left;
	font-size: 75%;
	width: 75%;
	margin-top:12px;}
	
	.lowerrow {
		padding-bottom: 15px;
	}

.eintrag ul{
	list-style-type: none;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
	
#dialogboxbutton{
	position:fixed;
	top:0;
	left:0;
	margin:0px 0px 0px 20px;
	padding: 5px 80px 5px 80px;
	background-color:#ccc;
	border:1px solid #4e3f31;
	font-family:Helvetica,sans-serif;
	}


#auswahlbox{
font-size:0.8em;
}


.knopf_orange {
  display: inline-block;
  padding: 1px 1px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000000;
  background-color: #ffaaaa;
  border: 2px solid #4CAF50;
  border-radius: 2px;
  box-shadow: 0 2px #999;
}

.knopf_orange:hover {background-color: #dd9999}

.knopf_orange:active {
  background-color: #dd9999;
  box-shadow: 0 0px #666;
  transform: translateY(4px);
}



.knopf_gelb {
  display: inline-block;
  padding: 1px 1px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000000;
  background-color: #ffff88;
  border: 2px solid #4CAF50;
  border-radius: 2px;
  box-shadow: 0 2px #999;
}

.knopf_gelb:hover {background-color: #dddd66;}

.knopf_gelb:active {
  background-color: #dddd66;
  box-shadow: 0 0px #666;
  transform: translateY(4px);
}

.knopf_tools{background-color:#999900; }

.knopf_tools:hover{
  background-color: #777700;
}






/* Accordion */
.w3-block {
    display: block;
    width: 100%;
    }
    
.w3-teal{
      color:#fff!important;
      background-color:#009688!important
    }
.w3-green{
  color:#fff!important;
  background-color:#4CAF50!important
}
.w3-button{
    margin:1px;
    padding:2px 10px 2px 10px ;
    height:25px;
    width: 100%;
    text-align: left;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    cursor:pointer;
    white-space:nowrap;
    border:none;
    }

  ,w3-button:disabled{
    cursor:not-allowed;
    opacity:0.3}
    
.w3-button:hover{color:#000!important;background-color:#ccc!important}
    
.w3-hide{
      display: none!important;
    }

.w3-show{display:block!important
    background-color:#f4f4fd;
    }