/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2004, 2005, 2007, 2010  Agentur Lernsite - Joachim  Eberhardt
* @version 1.3 01.04.10
* @package die honigmacher
*
* @desc CSS-Datei 
*       <p>Layout fuer Glossar im Webportal www.die-honigmacher.de </p>
*
*/
div#container div#content div#preface {
 position:    relative;
 /*position: absolute; */
 margin-top: 3.4em;
 /*margin-top: 5.4em;*/
 font-size:   0.8em;
 width: 	  50em;	
 } 
 
/* Navigation in der Seite */
div#container div#content #ABCZeile {
 position:    relative;
 /*position: absolute; */
 
 top:             1.5em;
 margin-bottom:       1em;
 }
 
div#container div#content div#ABCZeile a.ABCBuchstabe {
 font-size:   1.0em;
}


/* Aufteilung der Spalten auf der Seite */
div#container div#content div#indexContainer {
 position:    relative;
 top:             2.0em;
 left:                 0;
 margin-left:          0;
 margin-bottom:   5.0em;
 width:           50.0em;
 font-size:        1.0em;
} 

div#container div#content div#indexContainer ul {
 margin-left:          0;
 margin-bottom:   5.0em;
}

div#container div#content div#indexContainer ul li a {
 font-size: 0.9em;
}



div#container div#content div#indexContainer ul.spalte30 {
 position:    relative;
 margin-top:         0;
 left:               0;
 float:           left;
 width:           15em;
 z-index:           40;
 } 
 
div#container div#content div#indexContainer ul.spalte30 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 padding:            0;
 line-height:   1.25em;
}

div#container div#content div#indexContainer ul.spalte31 {
 position:    relative;
 /*position: absolute; */
 margin-top: 0;
 left:        3em;
 /*left:        16em;*/
 width:       15em;
 float:left;
  z-index:                   30;
 } 

div#container div#content  div#indexContainer ul.spalte31 li {
 margin: 0;
 font-size:   1.0em;
 list-style-type: none;
 padding: 0;
 line-height: 1.25em;
}

div#container div#content  div#indexContainer ul.spalte32 {
 position:    relative;
 /*position: absolute; */
 margin-top: 0;
  left:        3em;
 /*left:        32em; */
 float:left;
 width:       15em;
  z-index:                   20;
 } 

div#container div#content div#indexContainer ul.spalte32 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 line-height:   1.25em;
}


div#container div#content div#indexContainer ul.spalte40 {
 position:    relative;
 margin:             0;
 left:               0;
 float:           left;
 width:           13.5em;
 z-index:           40;
} 
 
div#container div#content div#indexContainer ul.spalte40 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 line-height:   1.25em;
}

div#container div#content div#indexContainer ul.spalte41 {
 position:    relative;
 margin-top:         0;
 left:           1.5em;
 width:           13.5em;
 float:           left;
 z-index:           30;
} 

div#container div#content  div#indexContainer ul.spalte41 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 line-height:   1.25em;
}

div#container div#content div#indexContainer ul.spalte42 {
 position:    relative;
 margin-top:         0;
 left:           1.5em;
 float:           left;
 width:           13.5em;
 z-index:           20;
} 
 
div#container div#content div#indexContainer ul.spalte42 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 line-height:   1.25em;
}

div#container div#content div#indexContainer ul.spalte43 {
 position:    relative;
 margin-top:         0;
 left:           1.5em;
 float:           left;
 width:           13.5em;
 z-index:           10;
} 
 
div#container div#content div#indexContainer ul.spalte43 li {
 margin:             0;
 padding:            0;
 font-size:      1.0em;
 list-style-type: none;
 line-height:   1.25em;
}

div#container div#content div#indexContainer ul li.navigationsbuchstabe {
 padding-top:     0.5em;
 list-style-type: none;
}

div#container div#content div#indexContainer ul li.navigationsbuchstabe a {
 color: #000000;
}


/* ************************************************************************************ */
/* STRUCTURE CONTENT GLOSSAR EIGENES FENSTER                                            */
/* ************************************************************************************ */

#glossarBegriff {
 position:absolute;
 left:        10px;
 top:         30px;
 text-align:  left;
 z-index:       12;
} 

#glossarBegriff h1 {
 margin-top:  0.5em;
 font-size:   1.20em;
 font-weight:   bold;
 color:      #6d2f00;
 white-space: nowrap;
} 

#glossarBegriff h2{
 font-size:    0.9em;
 font-weight: bold;
 }

#glossarDefinition {
 position:absolute;
 left:        10px;
 top:         6.0em;
 width:        28em;
 text-align: left;
 font-size: 0.8em;
  z-index: 12;
}
#glossarDefinition p.small {
 margin-bottom: 1em;
 font-size: 0.75em;
 }
#glossarItemRuecksprung {
 margin-top: 17em;
 }
 #glossarItemRuecksprung a  {
 color:#990000;
 text-decoration: none;
} 
#glossarItemRuecksprung a:hover {
 color:#990000;
 text-decoration: none;
} 
#glossarVerwandte {
 position:absolute;
 left:		32em;
 top:       6.0em;
 width:     10em;
 text-align:left;
 font-size: 0.8em;
 z-index: 12;
}
#glossarVerwandte h3 {
 margin-bottom: 0px;
 font-size:   0.9em;
 font-weight: bold;
 }
#glossarVerwandte  a {
 color:#990000;
 text-decoration: none;
} 
#glossarVerwandte  a:hover {
 color:#990000;
 text-decoration: none;
}  

 #linieOben {
 position:absolute;
 top:    0px;
 left:   0px;
 height: 29px;
 width:  39em;
 background-image:url("../layout/horizontaleLinie.jpg");
 margin:  0px;
 padding: 0px;
 z-index: 10;
 }
 
/* ************************************************************************************ */
/* STRUCTURE CONTENT GLOSSAR AJAX                                                       */
/* ************************************************************************************ */

div#glossarItemAJAX {
 margin:                     0; 
 margin-left:                0; 
 margin-bottom:          0.5em;
 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;
  margin-bottom:    0.5em;
 }

div#glossarItemAJAX div#glossarVerwandteAJAX h4 {
 font-size:          0.9em;
}

div#glossarItemAJAX div#glossarVerwandteAJAX ul {
 list-style-type: none;
 margin-bottom:    0.5em;
}

div#glossarItemAJAX div#glossarVerwandteAJAX ul li a {
 margin-top:         0.5em;
 font-size:          0.9em;
 text-decoration:   none;
 }

