/**
* @author  Joachim  Eberhardt
* @copyright Copyright  2007, 2008, 2010  Agentur Lernsite - Joachim  Eberhardt
* @version 1.5 19.01.10
* @package die honigmacher - Bienenweide
*
* @desc CSS-Datei  fuer Bienenweide Steckbriefe etc.
* 
*
*/
/*
div#container div#content {
 position:    absolute;
 top:            152px;
 left:          16.8em;
 width:            67%;
 z-index:           12;
}
*/
div#content div#kapitel {
 width: 55.0em;
 }

div#container div#content div#monoSpalte {
 position:    absolute;
 top: 		     5.1em;
 left:               0;
  width: 45em;
 font-size:      0.9em;
 z-index:           15;
} 



div#container div#content div#monoSpalte ul {
 margin-left:   1.2em;
 margin-bottom: 0.5em;
 font-size:    0.90em;
 list-style-type: none;
 }


div#container div#content div#monoSpalte ul li {
 margin-top: 0.5em;
 padding-left: 0.5em;
 font-size:    1.0em;
 font-weight: normal;
}

div#container div#content div#monoSpalte ul li a {
 color:#990000;
 text-decoration: none;
} 



div#container div#content div#monoSpalte ul li div.toggle {
 display: inline;
 font-size: 1.5em;
 }

div#container div#content div#monoSpalte ul li ul li ul.family {
 visibility: collapse;
 }

div#container div#content div#monoSpalte div#bereich1 div {
margin-top: 0.3em;
font-size:   0.9em;
}

div#container div#content div#monoSpalte div#bereich1 div ul {
padding-left: 1.25em;
margin-bottom: 0.5em;
list-style-type: circle;
}


div#container div#content div#monoSpalte div#bereich1 div#habitus p {
margin-top: 0;
}
div#container div#content div#monoSpalte div#bereich1 div#habitus p img {
vertical-align: bottom;
}


div#container div#content div#monoSpalte div#bereich1 div#bluete p {
margin-top: 0;
}
div#container div#content div#monoSpalte div#bereich1 div#bluete p img {
vertical-align: bottom;
}

div#container div#content div#monoSpalte div#bereich1 div dl dt {
 margin-top: 0.5em;
 font-weight: bold;
}

div#container div#content div#monoSpalte div#bereich1 div dl dd {
 margin-top: 0.2em;
 }

div#container div#content div#monoSpalte div#bereich1 div#wissName {
margin-top: 0;
}
/*
div#container div#content div#monoSpalte div#bereich1 div#localName {
margin-top: 0.3em;
}
div#container div#content div#monoSpalte div#bereich1 div#famName {
margin-top: 0.3em;
}
*/
div#container div#content div#monoSpalte div#bereich1 div#contentImage1 {
 float: right;
 padding-left: 1.5em;
 margin-bottom: 0.5em;
 text-align: center;
 background: #ffffcc;
 z-index: 10;
}

div#container div#content div#monoSpalte div#bereich1  div#contentImage1 img {
 margin: 0;
 padding: 0;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
}

div#container div#content div#monoSpalte div#bereich1  div#contentImage1 img.hinweis {
margin-top: 0.2em;
margin-right: 0.2em;
border: 0;
}

div#container div#content div#monoSpalte div#bereich1 div#verbreitung div#floraweb {
float: left;
}
div#container div#content div#monoSpalte div#bereich1 div#verbreitung div#floraweb img {
padding-right: 1.0em;
padding-bottom: 1.0em;
border: 0;
}

div#container div#content div#monoSpalte div#bereich1 div#herkunft {
clear: left;
}
/*
div#container div#content div#monoSpalte div#bereich1 div#habitus {
 margin-top: 0.5em;
 }
*/
div#container div#content div#monoSpalte div#bereich1 div#habitus p img {
 border: 0;
 }
/*
div#container div#content div#monoSpalte div#bereich1 div#habitus dl dt {
 margin-top: 0;
 font-weight: bold;
}
div#container div#content div#monoSpalte div#bereich1 div#habitus dl dd {
 margin-top: 0.5em;
 }
 
 div#container div#content div#monoSpalte div#bereich1 div#bluete {
 margin-top: 0.5em;
 }

*/
div#container div#content div#monoSpalte div#bereich1 div#bluete p img {
 border: 0;
 }
/*
div#container div#content div#monoSpalte div#bereich1 div#bluete dl dt {
 margin-top: 0;
 font-weight: bold;
}
div#container div#content div#monoSpalte div#bereich1 div#bluete dl dd {
 margin-top: 0.5em;
 }
 */
 
div#container div#content div#monoSpalte div#bereich2 {
 margin-top: 1.0em;
 clear: right;
}

div#container div#content div#monoSpalte div#bereich2 div {
 margin-top: 0.3em;
 font-size:   0.9em;
}



div#container div#content div#monoSpalte div#bereich2 div td.tabellenrand {
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;

}
 
div#container div#content div#monoSpalte div#bereich2 div#contentImage2 {
float: left;
margin-right:  1.0em;
margin-left:  0;
margin-bottom: 1.5em;
padding: 0;
width: 16em;
/*width: auto;*/
background: #ffffcc;
text-align: left;
}
div#container div#content div#monoSpalte div#bereich2 div#contentImage2 img {
 margin: 0;
 padding: 0;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 z-index: 10;
}
div#container div#content div#monoSpalte div#bereich2 div#contentImage2 img.hinweis {
margin-top: 0.2em;
margin-right: 0.2em;
border: 0;
}

div#container div#content div#monoSpalte div#bereich2 div#glossarbegriffe {
position: relative;
clear: both;
}

div#container div#content div#monoSpalte div#bereich2 div#glossarbegriffe p {
 margin-top:  2.0em;
}

div#container div#content div#monoSpalte div#bereich3 {
margin-top: 1.0em;
clear: both;
}

div#container div#content div#monoSpalte div#bereich3 div {
margin-top: 0.3em;
font-size:   0.9em;
}

div#container div#content div#monoSpalte div#bereich3 div#contentImage3 {
float: right;
right: 0;
padding: 0;
width: 16em;
/*width: auto;*/
/*text-align: center;*/
background: #ffffcc;
text-align: left;
}

div#container div#content div#monoSpalte div#bereich3  div#contentImage3 img {
 margin: 0;
 padding: 0;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
  z-index: 10;
}
div#container div#content div#monoSpalte div#bereich3  div#contentImage3 img.hinweis {
margin-top: 0.2em;
margin-right: 0.2em;
border: 0;

}



div#container div#content div#monoSpalte div.speciesLink {
	float:          left;
	width:          13.8em;
	margin-left:       0;
	margin-right:   0.5em;
	text-align:   center;
/*	 border: 1px solid red;*/
}
div#container div#content div#monoSpalte div.speciesLink i {
 font-size: 0.9em;
}

div#container div#content div#monoSpalte div.speciesLink div#contentImage0 {
 text-align:      center;
 width: 15em;
 padding-bottom: 0.3em;
 /* border: 1px solid green; */
}

div#container div#content div#monoSpalte div.speciesLink div#contentImage0 a img {
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;

}

div#container div#content div#monoSpalte div.speciesLink div#contentImage0 a:hover img {
 border-left:   1px solid #777; 
 border-top:    1px solid #777;
 border-right:  1px solid #ddd;
 border-bottom: 1px solid #ddd;

}

div#container div#content div#monoSpalte div.clear {
height: 1.5em;
clear: both;

}

/* formular zeitraum / empfehlung */

div#container div#content div#monoSpalte div#auswahl {
 margin-bottom: 1.0em;
 text-align: left;
 width: 45em;
}

div#container div#content div#monoSpalte div#auswahl select {
margin-top:    1.0em;
margin-left: 10.0em;
}

div#container div#content div#monoSpalte div#zeitraum {
 margin-top:    1.0em;
 margin-bottom: 1.0em;
 padding-top:    1.0em;
 border-top:    1px solid #ddd;
}

 
div#container div#content div#monoSpalte div#auswahl form {
display: inline;
margin-right: 2.0em;
}
 
div#container div#content div#monoSpalte div#auswahl fieldset {
/*display: inline;*/
 text-align: left;
 /*width: 35em;*/
 border: 0;
}


div#container div#content div#monoSpalte div#auswahl br {
clear: both;
}

div#container div#content div#monoSpalte div#auswahl input {
display: inline;
margin-top: 0.4em;
}

div#container div#content div#monoSpalte div#auswahl label.right {
text-align: left;
}

div#container div#content div#monoSpalte div#auswahl div#habitusCheckBoxes {
margin-bottom: 0.8em;
}

div#container div#content div#monoSpalte div#auswahl input#id_garden_0 {
margin-left: 2.0em;
}

div#container div#content div#monoSpalte div#auswahl input.submit {
width: 10em;
}


div#container div#content div#monoSpalte div#auswahl div#kalenderSelect {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

div#container div#content div#monoSpalte div#auswahl div#kalenderSelect p {
margin: 0; 

}

div#container div#content div#monoSpalte div#auswahl div#kalenderSelect select {
margin-top:    0.5em;
margin-left:   1.0em;
}



div#container div#content div#monoSpalte dl {
 font-size: 1.0em;
}

div#container div#content div#monoSpalte dl dt {
margin-top:    0.5em;
}


div#container div#content div#monoSpalte dl dd {
 padding-left: 3.0em;
 font-size: 0.8em;
}


/* startseite Bienenweide */

div#container div#content div#welcometext {
 position:absolute;
 top:       7.5em;
 left:      16.7em;
 width:       27em;
} 
div#container div#content div#welcometext p {
 margin-bottom: 0.5em;
 font-size:   0.9em;
 line-height: 1.3em;
 font-weight: normal;
 z-index:         20;
}

div#container div#content div#welcometext p.footer {
 margin-top: 1.5em; 
 font-size:   0.7em;
 line-height: 1.2em;
 font-weight: normal;
 z-index:         20;
}

/* Collage */

div#container div#content div#collageimage {
 position: absolute;
 top:         7.5em;
 left:            0;
 width:        16.7em;
} 

div#container div#content div#collageimage div#contentImage1 {
 position: absolute;
 top:         0;
 left:        3.0em; 
 text-align: right;
 width:     185px;
 z-index: 20;
}
div#container div#content div#collageimage div#contentImage1 a img {
margin: 0;
padding: 0;
border: 0;
/*
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
*/
}

div#container div#content div#collageimage div#contentImage2 {
 position: absolute;
 top:         5.0em;
 left:         -1.5em;
 width: auto;
 z-index: 30;
}
div#container div#content div#collageimage div#contentImage2 a img {
margin: 0;
padding: 0;

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

}
div#container div#content div#collageimage div#contentImage3 {
 position: absolute;
 top:         9.5em;
 left:        4.5em;
 width:     185px;
 text-align: right;
 z-index: 10;
 }
div#container div#content div#collageimage div#contentImage3 a img {
margin: 0;
padding: 0;
border: 0;
/*

border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
*/
}
div#container div#content div#collageimage div#contentImage4 {
  position: absolute;
 top:         14.5em;
 left:        1.0em;
 width:     185px;
 text-align: left;
 z-index: 5;
 }
div#container div#content div#collageimage div#contentImage4 a img {
margin: 0;
padding: 0;
border:0;
/*
border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
*/
}
div#container div#content div#collageimage div#contentImage5 {
 position: absolute;
 top:         11.5em;
 left:        3.0em;
 width: auto;
 }
div#container div#content div#collageimage div#contentImage5 a img {
margin: 0;
padding: 0;
border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;

}
/*
div#container div#content div#monoSpalte div#zeitraum {
margin-top:    1.0em;
margin-bottom: 1.0em;
padding-top:    1.0em;
width: 100%; 
border-top:    1px solid #ddd;
 }
*/
div#container div#content div#monoSpalte div.spectrum {
margin: 0;
padding: 0;
border: 0;
line-height: 2.0em;
width: 50.0em;
clear: both;
}

div#container div#content div#monoSpalte div#spectrum div.clear {
clear: both;
}
div#container div#content div#monoSpalte div#spectrum .singlecolor {
font-size: 1em;
/*font-size: 2.5em;*/
/*font-size: 5em;*/
/*padding: 0.6em;*/
} 

div#container div#content div#monoSpalte div#spectrum .singlecolorbreit {
font-size: 2.5em;
/*font-size: 5em;*/
/*padding: 0.6em;*/
} 

div#container div#content div#monoSpalte div.spectrum div.element {
float: left;
margin: 0.1em;
font-size: 2.5em;
letter-spacing:0.3em;
/*font-size: 5em;*/
/*padding: 0.6em;*/
border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
} 


div#container div#content div#monoSpalte div#spectrum a {
 text-decoration: none;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT UEBERSICHT AJAX */
/* ************************************************************************************ */



div#container div#content div#monoSpalteUebersicht  {
 position:absolute;
 top: 		5.1em;
 left:        0;
 font-size:   0.9em;
 z-index: 15;
} 


div#container div#content div#monoSpalteUebersicht h2 {
 font-size:     1.2em;
 color:         #333;
 background-color: transparent;
 font-weight:   bold;
  line-height:  1.5em;
 padding-bottom: 0.5em;
}

div#container div#content div#monoSpalteUebersicht ul {
 margin-left:   1.2em;
 margin-bottom: 0.5em;
 font-size:    0.90em;
 list-style-type: none;
 }


div#container div#content div#monoSpalteUebersicht li {
 margin-top: 0.5em;
 padding-left: 0.5em;
 font-size:    1.0em;
 font-weight: normal;
}
div#container div#content div#monoSpalteUebersicht li div.toggle {
 display: inline;
 font-size: 1.5em;
 }
 
div#container div#content div#monoSpalteUebersicht li a {
 color:#990000;
 text-decoration: none;
} 

div#container div#content div#monoSpalteUebersicht ul li ul li ul.family {
 visibility:   visible;
 display:        block;
 list-style-type: none;
}
  
div#container div#content div#monoSpalteUebersicht div#resultnames h2 b {
 color:#990000;
 }


div#container div#content div#monoSpalteUebersicht div#resultnames ul li ul li ul.family {
 visibility:   visible;
 display:        block;
 }
 
 
 
 
div#container div#content div#monoSpalteUebersicht div#auswahl{
 margin-bottom: 1.0em;
 text-align: left;
 width: 45em;
}



div#container div#content div#monoSpalte div#auswahlUebersicht form {
display: inline;
margin-right: 2.0em;
}
 
div#container div#content div#monoSpalte div#auswahlUebersicht fieldset {
 text-align: left;
 border: 0;
}


div#container div#content div#monoSpalteUebersicht div#auswahl br {
clear: both;
}

div#container div#content div#monoSpalteUebersicht div#auswahl input {
display: inline;
margin-top: 0.4em;
}

div#container div#content div#monoSpalteUebersicht div#auswahl label.right {
text-align: left;
}

div#container div#content div#monoSpalteUebersicht div#auswahl input.submit {
width: 10em;
}

div#container div#content div#monoSpalteUebersicht div#zeitraum {
 margin-top:    1.0em;
 margin-bottom: 1.0em;
 padding-top:    1.0em;
 width: 100%; 
 border-top:    1px solid #ddd;
}
 
 

/* ************************************************************************************ */
/* STRUCTURE CONTENT GLOSSAR AJAX */
/* ************************************************************************************ */
/*
div#glossarItemAJAX {
 margin:                     0; 
 margin-left:           0; 
 padding:                0.5em; 
 width:                   23em;
 font-size:              1.0em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 background-color:     #ffffff;
 text-indent:                0;
 z-index:                   50;
}
div#glossarItemAJAX div#glossarCloseTextfield {
 margin-top:         0;
 margin-bottom:      0;
 padding-bottom:      0;
 text-align: right;
} 

div#glossarItemAJAX div#glossarCloseTextfield a {
color: #c74761;
text-decoration:   none;
}

div#glossarItemAJAX div#glossarBegriffAJAX {
 margin-top:          0;
 padding-top:      0; 
 } 
 
div#glossarItemAJAX div#glossarBegriffAJAX h3 {
padding-top:      0; 
font-size:          1.0em;
}

div#glossarItemAJAX div#glossarDefinitionAJAX {
 margin-top:         0.5em;
 font-size:          0.9em;
 }
div#glossarItemAJAX div#glossarDefinitionAJAX p {
 margin-top:         0.3em;
 }
 
div#glossarItemAJAX div#glossarDefinitionAJAX p.small {
 font-size:          0.8em;
 }

div#glossarItemAJAX div#glossarVerwandteAJAX {
 margin-top:         0.5em;
 font-size:          0.9em;
 }

div#glossarItemAJAX div#glossarVerwandteAJAX h4 {
 font-size:          0.9em;
}

div#glossarItemAJAX div#glossarVerwandteAJAX ul {
 list-style-type: none;
}

div#glossarItemAJAX div#glossarVerwandteAJAX ul li a {
 margin-top:         0.5em;
 font-size:          0.9em;
 text-decoration:   none;
 }

*/