/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2014  Agentur Lernsite - Joachim  Eberhardt
* @version 1.0 13.01.14
* @package die honigmacher - bienenweide
*
* @desc CSS-Datei 
*       <p>zusaetzlich Angaben für Startseite des Schnupperkurses www.die-honigmacher.de/kurs1/ </p>
*
*/

/* startseite Bienenweide */

div#container div#content div#welcometext {
 position:absolute;
 top:         7.5em;
 left:       20.5em;
 width:        27em;
 font-size:   0.9em;
} 
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:        1.0em;
 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#collageimage div#facebook{
 position:  relative;
 margin-top:   22em;
} 

/*
div#container div#content div#headline {
 position: relative;
 top:  1.5em;
 left: 15.7em;
 width: 25em;
 z-index: 15;
}

div#container div#content div#welcometext {
 position:  absolute;
 top:          7.5em;
 left:        17.7em;
 width:       35.0em;

 font-size:    0.9em;
} 
div#container div#content div#welcometext p {
 margin-bottom: 0.5em;
 line-height:   1.3em;
 font-weight:  normal;
 z-index:          20;
}

div#container div#content div#welcomeimage {
 position:absolute;
 top:       8.0em;
 left:      4.0em;
 width:       15em;
} 

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;
}

div#container div#content div#welcomeimage div#facebook{
 position:  relative;
 margin-top:   14em;
} 
*/
div#container div#content div#socialbookmarks {
 position:  absolute;
 margin-top:    31em;
 white-space: nowrap;
 z-index:         60;
}

div#container div#content div#socialbookmarks div {
 padding-left: 0;
 padding-right: 1.0em;
 display: inline;
}

/*

div#container div#content div#socialbookmarks div ul {
 display:             inline;
 list-style-type:       none;
}
div#container div#content div#socialbookmarks div ul li {
 display:             inline;
}

*/

div#container div#content div#socialshareprivacy{
 position:  absolute;
 margin-top:  30em;
}