/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2019, 2020  Agentur Lernsite - Joachim  Eberhardt
* @version 1.00 13.08.20
* @package honigmacher relaunch Layout
*
*/
/* ************************************************************************************ */
/* STRUCTURE CONTENT MONO SPALTE                                                        */
/* ************************************************************************************ */



div#container div#container2 main#content article div#monoSpalte {
	position: relative;
	top: 0;
/*	top: 1.0em;*/
	width: auto;
	max-width: 750px;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	min-height: 32em;
	font-size: 1.0em;
	line-height: 1.3em;
	z-index: 5;
}


div#container div#container2 main#content article div#monoSpalte  h3 {
	font-size: 1.5em;
	margin-top: 0.8em;
	margin-bottom: 0;
}

/* 1. Bild */
div#container div#container2 main#content article div#monoSpalte div#contentImage0 	{
/*	font-size: 1.2em; */
	margin-left: 1.5em;
	float: right;
}

/* 2. Bild */
div#container div#container2 main#content article div#monoSpalte div#contentImage1 	{
	float: left;
	margin-right: 1.5em;
}

/* 3. Bild */
div#container div#container2 main#content article div#monoSpalte div#contentImage2
	{
	float: right;
	margin-left: 1.5em;
}

/* 4. Bild */
div#container div#container2 main#content article div#monoSpalte div#contentImage3
	{
	float: right;
	margin-left: 1.5em;
}

div#container div#container2 main#content article div#monoSpalte div#canvasobjekt {
	width: 722px;
	height: 432px;
}
/*
div#container div#container2 main#content article div#monoSpalte {
 position:     relative;
 top: 		      2.7em;
 left:                0;
 padding-bottom:   1.0em;
 width:            43em;
 min-height: 34.0em; 
 font-size:       0.9em;
 z-index: 15;
} 
*/
/*
div#container div#container2 main#content article div#monoSpalte label {
 font-size:   0.9em;
}
  
div#container div#container2 main#content article div#monoSpalte h4 {
margin-top:    1.0em;
margin-bottom: 0.5em;
padding-top:    1.0em;
width: 100%; 

}

 
div#container div#container2 main#content article div#monoSpalte ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#container div#container2 main#content article div#monoSpalte ul#referenzen {
    padding-bottom: 2.0em;
}


div#container div#container2 main#content article div#monoSpalte div.contentImagePortrait {
 width:		     200px;
 font-size:       0.9em;
  line-height:    1.3em;	
 z-index: 15;
}

div#container div#container2 main#content article div#monoSpalte div.contentImageLandscape {
 width:		     300px;
 font-size:       0.9em;
	 line-height:    1.3em;
 z-index: 15;
}



div#container div#container2 main#content article div#monoSpalte div.boxText { 
 line-height:    1.3em;
 	background-color: #fe00ee;
}

div#container div#container2 main#content article div#monoSpalte div.boxText p { 
 line-height:    1.3em;
}
*/
div#container div#container2 main#content article div#monoSpalte div#box1 {
 margin-bottom:     0.6em;
 min-height:       7.5em; 
 width:		       auto;
}
/*
div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText h4 {
margin-top:    1.0em;
margin-bottom: 0.5em;
padding-top:   1.0em;
width:          100%; 
border:            0;
}

*/
/*
div#container div#container2 main#content div#rechteSpalteSchmal ul.listeIndex  {
margin-left: 1.0em;

}
*/
div#container div#container2 main#content article div#monoSpalte div#box1 ul.listeIndex
	{
	/*float: right; */
	/*width: 50%; */
	/* margin-left:       2.0em;
 margin-bottom:     1.0em;
 min-width:        18.0em;   
 min-height:        4.5em;
 * 
 */
}

/*
div#container div#container2 main#content article div#monoSpalte div#box1 ul.listeIndex li {
 list-style-image:url("../layout/zeichen_5blaetter.gif");
 margin-top: 0;
 margin-left: 1.6em;
 padding-top: 0;
 padding-left: 0.6em;
 font-size:   1.0em;
 line-height: 1.5em;
 }
*/
/* 
div#container div#container2 main#content  div#monoSpalte div#box1 ul.listeIndex li  {
padding-top:     0.3em;
padding-left:    1.2em;
padding-bottom:  0.5em;
background-image:url('../layout/navigation_1Ebene.gif');
background-repeat:no-repeat;
background-position: left center;
list-style: none;
}
 
 
div#container div#container2 main#content   div#monoSpalte div#box1 ul.listeIndex li a.listeLinkItem {
	background-color: transparent;
	text-decoration:         none;
	font-weight:             bold;
}

div#container div#container2 main#content   div#monoSpalte div#box1 ul.listeIndex li a.listeLinkItem:hover {
	background-color: transparent;
	text-decoration:         none;
	font-weight:             bold;
}

div#container div#container2 main#content article div#monoSpalte div#box1 ul.listeSecOrderIndex {
	float: right;
}
/*
div#container div#container2 main#content article div#monoSpalte div#box1 ul.listeSecOrderIndex li {
 list-style-image:url("../layout/zeichen_5blaetter.gif");
 margin-top: 0;
 margin-left: 1.6em;
 padding-top: 0;
 padding-left: 0.6em;
 font-size:   1.0em;
 line-height: 1.5em;
 }
*/
div#container div#container2 main#content article div#monoSpalte div#box1 div#contentImage0
	{
	float: right;
	margin-left: 1.5em;
	margin-bottom: 0;
	/*margin-bottom: 0.5em;*/
}

div#container div#container2 main#content article div#monoSpalte div#box1 div.boxList
	{
	float: right;
	margin-left: 0;
	margin-bottom: 0;
	max-width: 50%;
}
div#container div#container2 main#content article div#monoSpalte div#box1 div.boxGrafik
	{
	float: right;
	margin-left: 0;
	margin-bottom: 0;
	max-width: 50%;
}

div#container div#container2 main#content article div#monoSpalte div#box1 div#kontktFeld {
	float: right;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 2.5em;
	max-width: 50%;

}

div#container div#container2 main#content article div#monoSpalte div#box1 div#kontktFeld h3 {
	margin-top: 0;
}

div#container div#container2 main#content article div#monoSpalte div#box1.boxText { 
 line-height:    1.3em;
 min-width: 50%;
 	background-color: #fe0000;
}

/*
div#container div#container2 main#content article div#monoSpalte div#box1.boxText p { 
 line-height:    1.3em;
}


div#container div#container2 main#content article div#monoSpalte div#box1.boxText ul { 
margin-left: 0;
padding-left: 0;
margin-bottom: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box1.boxText ol { 
 margin:             0;
 margin-left:    1.0em;
 padding:            0;
 padding-left:   1.0em;
 margin-bottom:  0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box1.boxText ul li { 
 margin-left:        0.8em;
 padding-left:     0.3em;
 list-style-type: square;
   margin-bottom:  0;
  margin-top:  0;
}

div#container div#container2 main#content article div#monoSpalte div#box1.boxText ol li { 
 margin-left:        0.8em;
 padding-left:     0.3em;
  margin-bottom:  0;
  margin-top:  0;
}


div#container div#container2 main#content div#box1 ul.listeIndex li a.listeLinkItem:hover {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}


div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ul { 
margin-left: 0;
padding-left: 0;
margin-bottom: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ol { 
 margin:             0;
 margin-left:    1.0em;
 padding:            0;
 padding-left:   1.0em;
 margin-bottom:  0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ul li { 
 margin-left:        0.8em;
 padding-left:     0.3em;
 list-style-type: square;
 margin-bottom:  0;
 margin-top:  0;
}

div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ol li { 
 margin-left:        0.8em;
 padding-left:     0.3em;
 margin-bottom:  0;
 margin-top:  0;
}
*/

div#container div#container2 main#content article div#monoSpalte div#box2 {
 margin-top:           0;
 padding-top:          0;  
 padding-bottom:   0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText { 
 padding-top: 0;
 margin-top:  0;
 width: auto;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div#boxGrafik {
	float: left;
} 

div#container div#container2 main#content article div#monoSpalte div#box2 div#boxGrafikRight {
	float: right;
} 

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText h3 { 
  line-height:    1.3em;
  white-space:  nowrap;
  clear: right;		
}
 
div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText h4 {
	margin-top:    1.0em;
	margin-bottom: 0.5em;
	padding-top:   1.0em;
	width:          100%; 
	border:            0;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText p { 
  line-height:    1.3em;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText ul { 
margin-left: 0;
padding-left: 0;
margin-bottom: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText ol { 
 margin:             0;
 margin-left:    1.0em;
 padding:            0;
 padding-left:   1.0em;
 margin-bottom:  0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText ul li { 
 margin-left:      1.0em;
 padding-left:     0.3em;
 list-style-type: square;
 margin-bottom:        0;
 margin-top:           0;
}

div#container div#container2 main#content article div#monoSpalte div#box2 ul.listeIndex
	{
	float: right;
	margin-left: 2.5em;
	margin-bottom: 1.0em;
	min-width: 18.0em;
	min-height: 5.0em;
}
/*
div#container div#container2 main#content article div#monoSpalte div#box2 ul.listeIndex li {
 list-style-image:url("../layout/zeichen_5blaetter.gif");
 margin-top: 0;
 margin-left: 1.6em;
  padding-top: 0;
 padding-left: 0.6em;
 font-size:   1.0em;
 line-height: 1.5em;
 }
 
div#container div#container2 main#content article div#monoSpalte div#box2 ul.listeSecOrderIndex { 
 float: right;
 margin-left:       2.5em;
 margin-bottom:     1.0em;
 min-width:        18.0em; 
 min-height:        5.0em;   
}

div#container div#container2 main#content article div#monoSpalte div#box2 ul.listeSecOrderIndex li {
 list-style-image:url("../layout/zeichen_5blaetter.gif");
 margin-top:        0;
 margin-left:   1.6em;
 padding-top:       0;
 padding-left:  0.6em;
 font-size:    1.0em;
 line-height: 1.5em;
 }



/*
div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage0 { 
margin-bottom:        0.5em;
padding-bottom:        0.5em;
margin-left:           0; 
padding-left:          0;
margin-right:       1.5em;
float: left;
}
*/

/*
div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage0.contentImageLandscape {
width:              24.5em;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage0.contentImagePortrait {
width:              15em;
}
*/
div#container div#container2 main#content article div#monoSpalte div#box2 table {
	padding-left: 1.0em;
	margin-left: 1.0em;
	padding-right: 1.0em;
	margin-right: 1.0em;
	float: right;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage0
	{
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0.5em;
	margin-bottom: 1.0em;
	padding-bottom: 0;
	float: left;
	width: auto;
/*	width: 320px; */
}

div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage1
	{
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0.5em;
	margin-right: 0.5em;
	/*padding-right:      1.0em;
margin-right:       1.0em;*/
	margin-bottom: 0.5em;
	padding-bottom: 0;
	float: left;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div#contentImage2
	{
	margin-left: 1.5em;
	margin-bottom: 0.8em;
	float: right;
}
/* 
div#container div#container2 main#content article div#monoSpalte div#box2 div.contentImageLandscape {
width:              auto;
}
*/
/*
div#container div#container2 main#content article div#monoSpalte div#box2 div.contentImagePortrait {
width:              17.0em;
margin-right:        0.5em;
}
*/
/*

div#container div#container2 main#content article div#monoSpalte div#box2 div#boxText div#contentImage2 { 
 float: right; 
 margin-top:        1.0em;
 margin-bottom:     1.5em;
}
*/
/*
div#container div#container2 main#content article div#monoSpalte div#box2.boxText ul {
 margin:                0;
 padding-top:            0;
 padding-bottom:         0.3em;

}

div#container div#container2 main#content article div#monoSpalte div#box2.boxText ul li { 
 margin-left:        1.8em;
 padding-left:       0.3em;
 padding-top:            0;
 padding-bottom:         0;
 list-style-type:   square;
 line-height:        1.1em;     
}
*/
div#container div#container2 main#content article div#monoSpalte div#box2.boxText div#glossarbegriffe
	{
	/*div#container div#container2 main#content article div#monoSpalte div#glossarbegriffe {*/
	display: block;
	width: 30em;
	margin-bottom: 1.5em;
}

/*
div#container div#container2 main#content article div#monoSpalte  img {
 margin-top: 		0.2em;

 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #ae905c;
 border-bottom: 1px solid #ae905c;
 }

div#container div#container2 main#content article div#monoSpalte  img.hinweis {
 border: 0;
 }
  */
div#container div#container2 main#content article div#monoSpalte div#boxGrafik {
	float: right;
	margin-left: 1.0em;
}

/*
div#container div#container2 main#content article div#monoSpalte div#boxGrafik ul.listeIndex {
 width:		      20.5em;
 font-size:        0.9em;
 margin-top:       0;
 
 margin-left:      0.5em;
 margin-bottom:    1.0em;

 z-index:             15;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik ul.listeIndex li {
 list-style-image:url("../layout/zeichen_5blaetter.gif");
 margin-top: 0;
 margin-left: 1.6em;
 padding-top: 0;
 padding-left: 0.6em;
 font-size:   1.0em;
 line-height: 1.5em;
 } 

 div#container div#container2 main#content article div#monoSpalte div#boxGrafik ul.listeSecOrderIndex {
 width:		      22.0em;
 font-size:        0.9em;
 margin-left:      0.5em;
 margin-bottom:    1.0em;
 z-index:             15;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik ul.listeSecOrderIndex li {
	background-image: url('../layout/navigation_2Ebene.gif');
background-repeat: no-repeat;
background-position: left center;

 margin-top: 0;
 margin-left: 3.0em;
 padding-top: 0;
 padding-left: 0.6em;
 font-size:   1.0em;
 line-height: 1.5em;
 } 
*/
div#container div#container2 main#content article div#monoSpalte div#boxGrafik div#contentImage0
	{
	padding-top: 0;
	padding-bottom: 0.8em;
	margin-left: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik div#contentImage1
	{
	padding-top: 0;
	padding-bottom: 0.8em;
	margin-left: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik div#contentImage2
	{
	padding-top: 0;
	padding-bottom: 0.8em;
	margin-left: 0.5em;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik div#contentImage3
	{
	padding-top: 0;
	padding-bottom: 0.8em;
	margin-left: 0.5em;
	z-index: 15;
}
/* 
div#container div#container2 main#content article div#monoSpalte div#boxGrafik div.contentImageLandscape {
 width:		      300px;
 font-size:       0.9em;
 margin-left:     1.0em;
 margin-right:    0.7em;
 z-index:            15;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik div.contentImagePortrait {
 width:		      200px;
 font-size:       0.9em;
  margin-left:    1.0em;
 margin-right:    0.7em;

 z-index:            15;
}

div#container div#container2 main#content article div#monoSpalte div#boxGrafik img {
 margin-top: 		0.2em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #ae905c;
 border-bottom: 1px solid #ae905c;
 }
 
 
div#container div#container2 main#content article div#monoSpalte div#boxGrafik  img.hinweis {
 padding-right: 0.5em;
 padding-bottom: 1.5em;
 float: left;
 border: 0;
 }
  */

/* ************************************************************************************ */
/* Liste Wirkstoff                                                                      */
/* ************************************************************************************ */
div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ul.wirkstoff {
	 list-style-type: none;
	 margin-left: 0;
	 padding-left: 0;
}
div#container div#container2 main#content article div#monoSpalte div#box1 div.boxText ul.wirkstoff li {
	 padding-left: 0;
	 line-height: 1.3em;
	  list-style-type: none;
}

div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText ul.wirkstoff {
	 list-style-type: none;
	 margin-left: 0;
	 padding-left: 0;
}
div#container div#container2 main#content article div#monoSpalte div#box2 div.boxText ul.wirkstoff li {
	margin-left: 0;
	 padding-left: 0;
	 line-height: 1.3em;
	  list-style-type: none;
}
/* ************************************************************************************ */
/* MonoSpalte  Formular                                                                 */
/* ************************************************************************************ */
/*
div#container div#container2 main#content article div#monoSpalte div#registerForm {
	width: 20em;
	float: left;
	background: gray;
}
*/

/* ************************************************************************************ */
/* BOOKMARKS                                                                            */
/* ************************************************************************************ */


div#container div#container2 main#content article div#monoSpalte  dl#bookmarkslist {
	}

div#container div#container2 main#content article div#monoSpalte  dl#bookmarkslist dt {
	font-weight: normal;

	}

div#container div#container2 main#content article div#monoSpalte  dl#bookmarkslist dd {
	padding-top: 0;
}

div#container div#container2 main#content article div#monoSpalte  dl#bookmarkslist dd.bookmarkTitle a {
	font-family:    "Raleway light";
	letter-spacing: 0.1em;
	font-size: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0;
	}
	
/* ************************************************************************************ */
/* AUFGABEN                                                                             */
/* ************************************************************************************ */

div#container div#container2 main#content article div#monoSpalte div#aufgabenmonoSpalte span.optionKorrekt {
	font-weight: bold;
	
}

div#container div#container2 main#content article div#monoSpalte div#aufgabenmonoSpalte select.optionFehler {
	color: red;
	
}

/*
#exercisebutton {
	position: absolute;
	top: 25.0em;
	left: 2em;
	max-width: 45px;
	max-height: 45px;
	min-width: 45px;
	min-height: 45px;
	z-index: 60;
}
*/
/*
#buttonLoesung {
	position: absolute;
	top: 25.0em;
	left: 10em;
	z-index: 60;
}
*/
/*
#buttonneu {
	position: absolute;
	top: 25.0em;
	left: 10em;
	visibility: hidden;
	z-index: 60;
}
*/
/* ************************************************************************************ */
/* STRUCTURE CONTENT MONO SPALTE - STICHWORT                                            */
/* ************************************************************************************ */
div#container div#container2 main#content article div#monoSpalte div.stichwortindex
	{
	
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex h3
	{
	clear: both;
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex h3 a
	{
	text-decoration: none;
	color: #586600;
	background-color: transparent;
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex h3 a:hover
	{
	color: #a60b00;
	text-decoration: none;
	background-color: transparent;
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex p a img
	{
	padding-left: 0.5em;
	box-shadow: 3px 3px 1px 0 rgba(120, 0, 0, 0.5);
	float: right;
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex p a:hover img
	{
	cursor: pointer;
}

div#container div#container2 main#content article div#monoSpalte div.stichwortindex p a:active img
	{
	cursor: pointer;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT MONO SPALTE - SUCHE                                                */
/* ************************************************************************************ */
div#container div#container2 main#content article div#monoSpalte li.suche {
	font-size: 0.9em;
	margin-top: 0.5em;
	list-style: none;
}

div#container div#container2 main#content article div#monoSpalte li.suche h3 {
	font-size: 1.1em;
	color: #404040;
	background-color: transparent;
}

div#container div#container2 main#content article div#monoSpalte li.suche a {
	color: #586600;
	background-color: transparent;
	text-decoration: none;
}

div#container div#container2 main#content article div#monoSpalte li.suche a:active
	{
	color: #a60b00;
	background-color: transparent;
}

div#container div#container2 main#content article div#monoSpalte li.suche a:hover
	{
	color: #a60b00;
	background-color: transparent;
}

div#container div#container2 main#content article div#monoSpalte div#searchresults
	{
	margin-top: 1.0em;
	border-top: 1px solid #ddd;
}

div#container div#container2 main#content article div#monoSpalte div#searchresults h2
	{
	margin-top: 1.0em;
}