@charset "utf-8";
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 1px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3;	overflow:hidden; background: none repeat scroll 0 0 #EEEEEE; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;}
.lof-slidecontent  .lof-opacity { width:100%; height:100%; }
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content { position:absolute;
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    bottom: 10px;
    padding: 5px 15px;
    position: absolute;
    right: 10px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
    height:180px;
    width:310px;
    overflow:hidden;
    color:#FFF;
    float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/

ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
    z-index:100;
    position:absolute;
    bottom:50px;
    left:0px;
    width:350px;
    background:url(../images/bg_trans.png);
    height:100px;
    padding:10px;
    color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{
    margin:0;
    background:#C01F25;
    font-size:75%;
    padding:2px 3px;
    font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    text-transform:uppercase;
    text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.navigator-wrapper{
    color: #FFFFFF;

    height: 180px;
    overflow: hidden;
    position: relative;
    width: 310px;
    z-index: 100;
}
.navigator-wrap-inner{
    top:0;
    padding:0;
    margin:0;
    position:absolute;
    width:100%;
}

.lof-slidecontent ul.navigator-wrap-inner li {
    cursor:hand;
    cursor:pointer;
    list-style:none;
    padding:0;
    margin-left:0px;
    overflow:hidden;
    float:left;
    display:block;
    text-align:center;
}
.lof-slidecontent ul.navigator-wrap-inner li span{
    display:block; padding:10px; position:relative; line-height:0.3em  }

.lof-slidecontent ul.navigator-wrap-inner li.active ,
.lof-slidecontent ul.navigator-wrap-inner li:hover  {
    background:#FFF;
    color:#000;
    display:block;
    -moz-transition:background-color  0.8s
}



.lof-slidecontent  .button-next,
.lof-slidecontent .button-previous{
    display:block;
    width:20px;
    color:#FFF;
    cursor:pointer;
    position:absolute;
    height:100%;
    z-index:40;
    top:0;
    text-indent:-999px;

}
.lof-slidecontent   .button-next {
    right:0px;
    background:url(../images/next.png) no-repeat right center;
}
.lof-slidecontent  .button-previous {
    left:0px;
    background:url(../images/previous.png) no-repeat left center;
}

.lof-slidecontent .button-control {
    float: left;
    height: 27px;
    width: 30px;
    cursor:hand; cursor:pointer
}
.lof-slidecontent .action-start  {
    background:url(../images/play.png) no-repeat center center #FFF;
}
.lof-slidecontent .action-stop  {
    background:url(../images/pause.png) no-repeat center center #FFF;
}


.lof-slidecontent{
    border:0;
    margin-top:4px;
}

.lof-slidecontent,
.main-slider-content{
    width:597px;
    height:295px;
}

#content .lof-slidecontent h1,
#content .lof-slidecontent h2,
#content .lof-slidecontent h3,
#content .lof-slidecontent h4{
    font-family: DINPro-Bold, Lato, helvetica;
    font-weight:bold;
}

.main-slider-content div.headertitle{
    position:relative;
    z-index:999;
    height:44px;
    background:white;
    border:1px solid lightGrey;

    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom:0;

}
#content .main-slider-content div.headertitle h2{
    padding-top:10px;
    padding-left:14px;
    font-size:18px;
    text-transform: uppercase;
}

#startseite #content ul.sliders-wrap-inner li img{
    margin-top:0px;
    float: right;
    max-width: 365px;
}

.lof-slidecontent ul.sliders-wrap-inner,
.lof-slidecontent ul.sliders-wrap-inner{
    height: 270px;
}

.main-slider-content .slider-description{
    top:0px;
    padding-left:16px;
    width:200px;
    height:100%;
    background:#eee;
    position: relative;
}

.lof-slidecontent .slider-description p{
    color: #2D3D48;/*PENTAIR SILVER-GRAY*/
}
#content .lof-slidecontent .slider-description h4{
    font-size:14px;
    font-weight:bold;
    margin:10px 0 20px 0;
}


.main-slider-content a.moreBtn{
    display:block;
    background:url(../Media/arrow-slider-link.png) no-repeat 0 5px;
    text-transform:uppercase;
    color: #008ABC;/*PENTAIR BRIGHT BlUE*/
    font-size:11px;
    padding-left:12px;
}
.slider-description a{
    display:block;
    background:url(../Media/arrow-slider-link.png) no-repeat 0 5px;
    text-transform:uppercase;
    color: #008ABC !important;/*PENTAIR BRIGHT BlUE*/
    font-size:11px;
    padding-left:12px;
}

.main-slider-content a.moreBtn:hover{
    text-decoration:underline;
}

.lof-slidecontent .navigator-content{
    z-index:1000;
    top:-2px;
    height:25px;
    padding:0;
    border:1px solid lightGrey;
    border-top:0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background:none;
}

.lof-slidecontent ul.navigator-wrap-inner li,
.lof-slidecontent ul.sliders-wrap-inner li {
    margin-left: 0px!important;
}


.lof-slidecontent ul.navigator-wrap-inner li {
    width:25px;
    height:25px;
    color:#094fa3;
    font-weight:bold;
    margin-top:2px;
    -moz-box-shadow:    0px -8px 12px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px -8px 12px 0px rgba(0,0,0,0.2) inset;
    box-shadow:         0px -8px 12px 0px rgba(0,0,0,0.2) inset;
    background:#fff;
}
.lof-slidecontent ul.navigator-wrap-inner li.active,
.lof-slidecontent ul.navigator-wrap-inner li:hover{
    color:#fff;
    background:#094fa3;
    -moz-box-shadow:    0px -8px 12px 0px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0px -8px 12px 0px rgba(0,0,0,0.5) inset;
    box-shadow:         0px -8px 12px 0px rgba(0,0,0,0.5) inset;
}

.sliders-wrapper ul li img {
    border-right: 1px solid lightGrey;
}
.slider-description {
    border-left: 1px solid lightGrey;
}

/*IPAD PORTAIT*/

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #startseite #content img {
        max-width: 480px;
    }

    .lof-slidecontent,
    .main-slider-content {
        width: 480px;
    }

    .lof-slidecontent, .main-slider-content {
        height: 315px;
    }

    .main-slider-content .slider-description {
        width: 160px;
        height: auto;
    }
}

/*anpassung für chrome und safari*/
@media screen and (min-width: 768px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio:0){
    #startseite #content ul.sliders-wrap-inner li img{
        max-width: 290px;
    }
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
    .lof-slidecontent{
        width:300px;
        height:530px;
    }
    .main-slider-content{
        width:300px;
        height:530px;
    }

    .lof-slidecontent .navigator-content{
        top:43px;
        left:0px;
        border:none;
    }

    .sliders-wrapper ul li img {
        border-right: none;
    }
    .main-slider-content .slider-description {
        border-left: none;
        top: initial;
        position: initial;
        bottom: initial;
        height: auto;
    }

    #startseite #content ul.sliders-wrap-inner li img{
        float: none;
    }
    .main-slider-content{}
    .lof-slidecontent ul.sliders-wrap-inner, .lof-slidecontent ul.sliders-wrap-inner{
        height: 100%;
    }
}