.lof-slidecontent {
    position:relative;
    overflow:hidden;
    /* border:#CCC solid 0px; */
    width:740px;
    height:330px;
    margin:0 auto;
}
.lof-slidecontent .preload {
    height:100%;
    width:100%;
    background:#FFF;
    position:absolute;
    top:0;
    left:0;
    z-index:100000;
    color:#FFF;
    text-align:center
}
.lof-slidecontent .preload div {
    height:100%;
    width:100%;
    background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
    position:relative;
}
.lof-main-outer{
    position:relative;
    height:100%;
    width:740px;
    /*z-index:3px; -- W3C invalid*/
    overflow:hidden;
}
 
/*******************************************************/
.lof-main-item-desc{
    /*z-index:100px; -- W3C invalid*/
    position:absolute;
    top:45px;
    right:0px;
    width:400px;
    /*height:80px;  grau: white-transparent-reaser.png
     url(../images/white-transparent-teaser70.png);text-shadow: 2px 2px 2px #333;*/
    /* filter:0.7(opacity:60) */
    padding:10px 2px 0 10px;
    color:#FFF;
    text-align:left;
    font-family:"Lucida Sans", Lucida, Arial, Verdana, sans-serif;
    
    background:#000;
    	opacity:0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);	
  /*box-shadow: 2px 2px 4px #000;*/
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-bottom-left-radius: 7px;
    -khtml-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px; 
}
 
.lof-main-item-desc b {
    font-size: 110%;
    color: #333; /* blau 009bff*/
}
 
.lof-main-item-desc h3 {
    color:#FFF;
    margin:0;
    font-size:1.6em;
    
    padding:0px 0 5px 2px;
    /*font-style:italic;*/
}
.lof-main-item-desc a, .lof-main-item-desc a:link,.lof-main-item-desc a:visited {
    font-size:100%;
    
}
.lof-main-item-desc a:hover {
text-decoration:none;
}

.lof-main-item-desc p{
    margin:0 0 0 0px;
    padding:5px 0 0 5px;
    line-height: 16px;
}
.lof-main-item-desc strong {
    margin:0;
    padding:0;
    font-size:120%;
    color:#398179;
}
/*
.lof-main-item-desc h3 a {
    color:#398179;
    margin:0;
    font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
}
.lof-main-item-desc h3 a:hover {
    color:#FF6;
    text-decoration:none;
}
 */
 
/* main flash */
ul.lof-main-wapper {
    overflow:hidden;
    background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
    padding:0px;
    margin:0;
    height:330px; /* ORG immer 5px weniger */
    width:740px;
    position:absolute;
    overflow:hidden;
}
ul.lof-main-wapper li {
    overflow:hidden;
    padding:0px;
    margin:0px;
    height:100%;
    width:740px;
    float:left;
    position:relative;
}
 
.lof-opacity {
    overflow:visible  !important;;
    position:absolute !important;
}
.lof-opacity  li{
    position:absolute  !important;;
    top:0;
    left:0;
    float:inherit  !important;
}
ul.lof-main-wapper li img {
    padding:0px;
    width:740px;
}
/* Desc text */
li-desc {
    z-index:100;
    position:absolute;
    top:150px;
    left:50px;
    width:870px;
    background:url(../images/transparent_bg.png);
}
li-desc p {
    color:#FFF;
    margin:0 8px;
    padding:8px 0
}
li-desc h3 a {
    color:#FFF;
    margin:0;
    font-size:140%;
    padding:20px 8px 2px;
    font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
}
li-desc h3 a:hover {
    color:#FF6;
    text-decoration:underline;
}
 
/* item navigator */
.lof-navigator-wapper {
display:none;
    position:absolute;
    bottom:10px;
    right:10px;
    background:#1D403D;
    padding:5px 15px;
    -moz-border-radius:5px 5px 5px 5px;
 
}
.lof-navigator-outer{
    position:relative;
    z-index:100;
    height:180px;
    width:310px;
    overflow:hidden;
    color:#FFF;
    float:left
}
ul.lof-navigator{
    top:0;
    padding:0;
    margin:0;
    position:absolute;
    width:100%;
}
ul.lof-navigator li{
    /* cursor:hand; W3C invalide */
    cursor:pointer;
    list-style:none;
    padding:0;
    margin-left:0px;
    overflow:hidden;
    float:left;
    display:block;
    text-align:center;
 
}
ul.lof-navigator li.active , ul.lof-navigator li:hover  {
/*    background:#FFF; */
    color:#000;
    display:block;
}
 
ul.lof-navigator li img{
    border:#666 solid 3px;
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
    border:#A8A8A8 solid 3px;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
    display:block;
    width:22px;
    height:30px;
    color:#FFF;
    cursor:pointer;
 
}
.lof-navigator-wapper .lof-next {
    float:left;
    text-indent:-999px;
    margin-right:5px;
    background:url(../images/arrow-l.png) no-repeat right center;
}
.lof-navigator-wapper .lof-previous {
    float:left;
    text-indent:-999px;
    margin-left:5px;
    background:url(../images/arrow-r.png) no-repeat left center;
}
 
/* Demo 6 Right/LEft button */
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{
    display:block;
    width:40px;
    color:#FFF;
    cursor:pointer;
    position:absolute;
    height:100%;
    z-index:3;
    top:0;
    text-indent:-999px;
}
 
.lof-main-outer .lof-next {
    right:05px;
    background:url(../images/b_next.png) no-repeat right center;
}
.lof-main-outer .lof-previous {
    left:05px;
    background:url(../images/b_prev.png) no-repeat left center;
}