/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2010, 2011, 2012, 2013, 2015  Agentur Lernsite - Joachim  Eberhardt
* @version 1.3 28.10.15
* @package die honigmacher - Fachkundenachweis Honig und Varroa-Kurs
*
* @desc CSS-Datei 
*       <p>zusaetzlich Angaben für Startseite des Webportals www.die-honigmacher.de </p>
*       <p>Style Sheet fuer rechten Kasten mit Lerner-Diensten </p>
*
*/

/* ************************************************************************************ */
/* Navigation links                                                                          */
/* ************************************************************************************ */

div#container div#navigationLinks ul li.abstandLine {
 margin-top:      -0.4em;
 margin-bottom:    4.5em;
 padding-top:          0;   
 padding-bottom:       0;   
 height:             2px;
}


/* ************************************************************************************ */
/* MonoSpalte                                                                           */
/* ************************************************************************************ */


div#container div#content  div#monoSpalte h3#details_auswertung {
 margin-top: 1.0em;
 margin-bottom: 0.5em;
}

div#container div#content div#monoSpalte p img {
 border: 0;
 vertical-align: middle;
}

div#container div#content div#monoSpalte div#boxText form input[type=submit] {
 margin-top:   0.3em;
 width:       11.3em;
 background-color: #ffffcc;
 border-left:   1px solid #d36238; 
 border-top:    1px solid #d36238;
 border-right:  1px solid #990000;
 border-bottom: 1px solid #990000;
}

div#container div#content div#monoSpalte div#boxText  form input[type=submit].finaltestbutton {
 width: auto;
}

/* ************************************************************************************ */
/* Footer                                                                                */
/* ************************************************************************************ */

div#container div#content ul#footer  {
 width: 42em;
 }




/* ************************************************************************************ */
/* Lerner Dienste Box                                                                   */
/* ************************************************************************************ */


div#container div#lernerDiensteRechts {
 position:              absolute;
 left:                    59.5em;
 top:                     15.8em;
 padding-left: 0.3em;
 padding-right: 0.3em;
 width:         11.0em;
 font-size:    0.9em;
 background-color: #ffeea9;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #ae905c;
 border-bottom: 1px solid #ae905c;
 z-index:                      40;
}

.ausblenden {
 width:      11.0em;
zoom: 1;
 filter: alpha(opacity=40); 
 opacity: 0.4;
 filter: blur(3px) ;
-webkit-filter: blur(3px);
 background-color: #00eea9;
}


div#container div#lernerDiensteRechts p {
	font-size:    0.8em;
}

div#container div#lernerDiensteRechts h5 {
	font-size:    0.9em;
}

div#container div#lernerDiensteRechts form fieldset {
 border: 0;
 
}

div#container div#lernerDiensteRechts form fieldset label{
 font-size:    0.9em;
  font-weight: normal;
}



div#container div#lernerDiensteRechts form fieldset input {
 width:       11.0em;

}

div#container div#lernerDiensteRechts form fieldset input[type=submit] {
 margin-top:   0.3em;
 width:       11.3em;
 /* background-color: transparent; */
 background-color: #ffffcc;
 /*background-color: #ffeea9;*/
 border-left:   1px solid #d36238; 
 border-top:    1px solid #d36238;
 border-right:  1px solid #990000;
 border-bottom: 1px solid #990000;
}

div#container div#lernerDiensteRechts form fieldset input[type=submit].textbutton {

}

/*
div#container div#lernerDiensteRechts div#loginFormRechts {

}

div#container div#lernerDiensteRechts div#loginFormRechts form fieldset {
 border: 0;
 
}

div#container div#lernerDiensteRechts div#loginFormRechts form fieldset input {
 width:       11.0em;

}

div#container div#lernerDiensteRechts div#loginFormRechts form fieldset input[type=submit] {
 margin-top:   0.3em;
 width:       11.3em;
 background-color: #ffffcc;
 border-left:   1px solid #990000; 
 border-top:    1px solid #990000;
 border-right:  1px solid #d36238;
 border-bottom: 1px solid #d36238;
}

div#container div#lernerDiensteRechts div#loginFormRechts form fieldset input[type=submit].textbutton {

}
*/



div#container div#lernerDiensteRechts div#messagewrongcourse  {
 	 margin-top:             0.5em;
}

div#container div#lernerDiensteRechts div#bookmarks  {
 margin-top:             0.5em;
 padding-top:            0.5em;
 background-color: transparent;
 border-top: 1px solid #d39d05;
}
div#container div#lernerDiensteRechts div#bookmarks  p {
 padding-top:  0.5em;
 font-size:    0.8em;
 font-weight: normal;
}
div#container div#lernerDiensteRechts div#bookmarks dl {
 margin-top:                 0;
 margin-bottom:          0.5em;
}

div#container div#lernerDiensteRechts div#bookmarks dl dt {
 color:               #5c4816;
 font-size:             0.8em;
 font-weight:            bold;
}

div#container div#lernerDiensteRechts div#bookmarks dl dt a {
 color:               #5c4816;
 text-decoration:        none;
}
/*
div#container div#lernerDiensteRechts div#bookmarks form fieldset{
margin-bottom:             0.5em;
border: 0;
}

div#container div#lernerDiensteRechts div#bookmarks form fieldset input[type=submit] {
 margin-top:   0.3em;
 width:       11.3em;
 background-color: #ffffcc;
 border-left:   1px solid #990000; 
 border-top:    1px solid #990000;
 border-right:  1px solid #d36238;
 border-bottom: 1px solid #d36238;
}




div#container div#lernerDiensteRechts div#bookmarks div#bookmarkForm {

}
div#container div#lernerDiensteRechts div#bookmarks div#bookmarkForm form fieldset{
border: 0;
}



div#container div#lernerDiensteRechts div#bookmarks div#bookmarkForm form fieldset  input {
 width:       11.0em;

}


div#container div#lernerDiensteRechts div#bookmarks div#bookmarkForm form fieldset input[type=submit] {
 margin-top:   0.3em;
 width:       11.3em;
  background-color: #ffffcc;
  border-left:   1px solid #990000; 
 border-top:    1px solid #990000;
 border-right:  1px solid #d36238;
 border-bottom: 1px solid #d36238;
}

*/



div#container div#cookieTipp {
 position:              absolute;
 left:                    59.5em;
 top:                     15.8em;
 padding-left: 0.3em;
 padding-right: 0.3em;
 width:         11.0em;
 font-size:    0.9em;
 background-color: #ffeea9;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #ae905c;
 border-bottom: 1px solid #ae905c;
 z-index:                      60;
}

div#container div#cookieTipp  p {
	font-size:    0.8em;
}



div#container  div#content div#preface {
 margin-top: 2.5em;
 font-size: 0.9em;
 width: 42em;
}

div#container  div#content div#preface ul {
 list-style-type:     none;
 margin:                0;        
 padding:                0;  
 padding-bottom:                0.5em;         
}

div#container  div#content div#preface ul li {
 margin:                0;        
 padding:                0;        
 padding-top:                0.3em;        
}

div#container  div#content  div#preface div#prefaceHelp {
 padding-right:  1.0em; 
 padding-left:   5.0em;
 padding-bottom: 1.5em;
 float:          right;
 text-align:    center;
}

div#container  div#content div#indexContainer {
  width:            38em;
}
div#container  div#content div#indexContainer p {
 font-size: 0.8em;
}
div#container  div#content div#indexContainer.notLoggedIn {
 margin-top: 21.5em;
}

div#container  div#content div#indexContainer.loggedIn {
 margin-top: 19.5em;
}

div#container  div#content div#indexContainer ul li a.not_read {
 color: #d06060;
 /*color: #ff8080; */
 /*background-color: #ff8080;*/
}

div#container  div#content div#indexContainer ul li a.read {
 color:                #d3ac21;
 /*color:                #e3bc31;*/
 /*background-color: #ffff80;*/
}

div#container  div#content div#indexContainer ul li a.completed {
 color: #20a060;
 /*color: #80ff80;*/
 /*background-color: #80ff80;*/
}

div#container  div#content div#indexContainer ul li a.exercise_completed {
color: #20a060;
 /*color: #80ff80;*/
 /*background-color: #80ff80;*/
}

div#container  div#content div#indexContainer ul li a.chapter_completed {
 color: #20a060;
}

div#container  div#content div#indexContainer dl#recommendations dt {
 padding-top: 1.0em; 
}

div#container div#lernerDiensteRechts div#progressBar  {
 margin-top:             0.5em;
 padding-top:            0.5em;
 background-color: transparent;
 border-top: 1px solid #d39d05;
}

div#container div#lernerDiensteRechts div#progressBar table {
 margin: 0;
 padding: 0;
 width:       10.8em;
 background-color: #ffffcc;
 border-left:   1px solid #990000; 
 border-top:    1px solid #990000;
 border-right:  1px solid #d36238;
 border-bottom: 1px solid #d36238;
}

div#container div#lernerDiensteRechts div#progressBar table tr td.red {
/*width: 38%; */
background-color: #ff8000;
}
div#container div#lernerDiensteRechts div#progressBar table tr td.yellow {
/*width: 14%; */
background-color: #ffff80;
}

div#container div#lernerDiensteRechts div#progressBar table tr td.green {
/*width: 48%;*/
background-color: #80ff80;
}


div#container div#lernerDiensteRechts div#progressBar dl dt  {
 color:               #5c4816;
 font-size:             0.8em;
 font-weight:            bold;
}


div#container div#lernerDiensteRechts div#progressBar dl dt span.red {
 background-color: red;
}
div#container div#lernerDiensteRechts div#progressBar dl dt span.yellow {
 background-color: yellow;
}

div#container div#lernerDiensteRechts div#progressBar dl dt span.green {
 background-color: green;
}

div#container div#lernerDiensteRechts div#recommendations  {
 margin-top:             0.5em;
 margin-bottom:          0.5em;
 padding-top:            0.5em;
 background-color: transparent;
 border-top: 1px solid #d39d05;
}

div#container div#lernerDiensteRechts div#recommendations  p {
 font-size:    0.8em;
 font-weight: normal;
}

div#container div#lernerDiensteRechts div#recommendations dl {

}

div#container div#lernerDiensteRechts div#recommendations dl dt {
 color:               #5c4816;
 font-size:             0.8em;
 font-weight:            bold;
}

div#container div#lernerDiensteRechts div#recommendations dl dt  a {
 color:               #5c4816;
 text-decoration:        none;
}

div#container div#lernerDiensteRechts div#finaltest  {
 margin-top:             0.5em;
 padding-top:            0.5em;
 background-color: transparent;
 border-top: 1px solid #d39d05;
}



div#container div#content div#kontktFeld {
 position:absolute;
 top: 		 4.5em;
 left:       20.5em;
 width:      22em;
 margin-left: 1em;
 
 font-size:   0.9em;
 z-index:20;
 }
 /*
div#container div#content div#kontktFeld fieldset {
 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#kontktFeld input {
  width:      22em;
}

div#container div#content div#kontktFeld textarea  {
  width:      22.5em;
} 




div#container div#content div#indexContainer {
 position:    absolute;
 margin-top:     3.5em;
 left:               0;
 width:           38em;
} 

div#container div#content div#indexContainer dl#recommendations {
 font-size: 0.9em;
}

div#container div#content div#indexContainer dl#recommendations dt {
 padding-top: 0;
}

div#container div#content div#indexContainer dl#recommendations dt a {
 color:               #d06060;
 text-decoration:        none;
}

div#container div#content div#indexContainer dl#recommendations dt span.small {
 font-size: 0.7em;
}

div#container div#content div#indexContainer dl#recommendations dd {
font-size: 0.8em;
}
div#container div#content div#indexContainer dl#recommendations dd.chapter  {
margin-top: 1.0em;
font-size: 0.9em;
letter-spacing:0.1em;
/*font-weight: bold;*/
}
div#container div#content div#indexContainer dl#recommendations dd.firstline {
margin-top: 0.8em;
font-size: 0.8em;
}