/* 
     CSS Startseite - LightAlliance
     v. 0.1
     by Die Etagen GmbH
     05.06.2009 
*/

/* Content Willkommen*/
#willkommen{
     float: left;
	 position:relative;
	 z-index:20;
	 margin:0 -7px 0 34px;
	 width: 608px;
}

/*#willkommen .hlbild, #willkommen h2, #willkommen p{
     margin-left: 19px;
     padding-right: 5px;
}
*/
#willkommen p{
     font-size: 14px;
}

#willkommen .hlbild{
     margin: 25px 0 17px 2px;
}

#willkommen .mehrlesen{
     position: relative;
     top: 0;
     left: 460px;
	 width: 110px;
	 padding-top: 28px;
}

#willkommen .mehrlesen p{
     display: inline;
     font-size: 11px;
     margin:0px;
     padding:0px;
     padding-right: 5px;
}

/* Content Short Menüs */
/*#shortMenues{
     float:right;
     width: 300px;
     height: 294px;
     margin-right: 48px;
}*/

/*#shortMenues p, #shortMenues h3{
     margin-left: 13px;
} */

#news{
	 /*Background: 333 x (120 -9)*/
     padding: 28px 30px 23px;
     height: 60px;
     width: 273px;
}

#news .hlbild{
     margin: 0 0 6px -1px;
}

#news p{
     font-size: 11px;
	 line-height:1.2;
}

#newsNav li{
     display: inline;
     margin-right:  5px;
}

#galerie{
	 /*Background: 333 x (214 -9)*/
     padding: 17px 30px 28px;
     height: 160px;
     width:  273px;
}

#galerie h3{
     font-size:14px;
     font-weight: bold;
	 margin-bottom:8px;
}

/* Licht Blöcke */
.block{
     margin-top: 25px;
     width: 298px;
     height: 310px;
     float:left;
     border-left: 1px dotted #00bbfd;
     border-right: 1px dotted #00bbfd;
	 position:relative;
}

.block h2{
     font-size: 16px;
     font-weight: bold;
     margin-left: 14px;
     margin-top:12px;
}

.block p{
     margin-left: 14px;
     padding-right: 15px;
     font-size: 11px;
     line-height: 1.8em;
}

.teaserbild{
     margin-left: 14px;
     margin-top: 10px;
     margin-bottom: 10px;
}

#lichtErleben{
     margin-left: 51px;
     padding-right:2px;
     border-left:1px dotted #00bbfd;
	 position:relative;
}

#lichtArbeiten{
     padding-right:1px;
     border:0px;
}

/* Teaser Button Gestaltung - Wechselnde Gif Posiiton */

div.teaserBtn{
     left:67px;
     height:24px;
     overflow:hidden;
	 position: absolute;
	 bottom: -4px;
}
div.teaserBtn a{
     margin-top:0;
}
div.teaserBtn a,div.teaserBtn a:hover{
     height:48px;
     overflow:hidden;
     display:block;
     text-decoration:none;
     float:left;
}
div.teaserBtn a:hover{
     margin-top:-24px;
}


/*Andreas*/
.pictoSgl { 
    float: left; 
    background-color:transparent;
    text-align:center;
    width:50px;
}

#galerie #pictoHull { padding: 0; margin-right:-5px;}

.marLt { margin-left: 6px; }