/* -------------------------------------------------------------------------------------------------------------------------- */
/* SLIDESHOW */
/* -------------------------------------------------------------------------------------------------------------------------- */

.col-main .slideshow-container {position: relative; top: 0; left: 0; width: 960px; height: 347px; overflow: hidden; background: #575756  }

.col-main #slideshow {width: 960px; height: 347px; overflow: hidden; }
.col-main #slideshow div {position: relative; width: 960px; height: 347px; overflow: hidden; background: #575756;}
.col-main #slideshow div img { position: absolute; top: 0; left: 0; width: 720px; height: 347px;}

.col-main #slideshow .screenImg { position: absolute; top: 0; left: 0; width: 720px; height: 347px; z-index: 2;}
.col-main #slideshow .screenClaimOverlay {display: none;}
.col-main #slideshow .screenClaimContainer { position: absolute; top: 0; left: 720px; width: 200px; height: 255px; z-index: 4; 
	background: none; padding: 20px 20px 30px 20px; }
.col-main #slideshow .screenClaimContainer h1 {font-family: PFDinTextPro-Regular, Tahoma, Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal; 
	font-size: 22px; line-height: 27px; letter-spacing: 1px; color: #fff; margin: 0; padding: 30px 0 1em 0; text-transform: none; }
.col-main #slideshow .screenClaimContainer p {color: #fff;}

.col-main #slideshow a.naviLink {padding: 0 0 0 11px; text-decoration: none; color: #fff; background: url(../../shared/images/icn_lightbox_navilink.png) no-repeat 0 3px; 
	font-size: 11px; line-height: 11px; text-transform: none;}
.col-main #slideshow a.naviLink.hover {text-decoration: underline;}

/* pager */

#pager {position: absolute; left: 725px; bottom: 10px; z-index: 200;}

#pager a {margin: 0 0 0 15px; padding: 10px 0 0 0; text-decoration: none; height: 1px; width: 15px; float: left; display: block;
	font-size: 1px; line-height: 1px; text-align: center; overflow: hidden; color: #dddddd;
	background: url(../images/icn_pager.png) no-repeat left top}
#pager a.hover {background: url(../images/icn_pager_over.png) no-repeat left top}

#pager a.activeSlide {background: url(../images/icn_pager_over.png) no-repeat left top}
#pager a.activeSlide.hover {background: url(../images/icn_pager_over.png) no-repeat left top}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENT */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* FCE 3-spaltig */

.col-main .col-3-container {padding: 8px 0 7px 0; overflow: auto; margin: 0; clear: both;}
.col-main .col-3-container .col-1 { float: left; width: 279px; padding: 0 20px; border-right: 1px solid #575756}
.col-main .col-3-container .col-2 { float: left; width: 279px; padding: 0 20px; border-right: 1px solid #575756}
.col-main .col-3-container .col-3 { float: left; width: 280px; padding: 0 20px;}

.col-main .col-3-container h2 {font-family: Verdana, Arial, Geneva, sans-serif; font-weight: normal; font-style: normal;  
	font-size: 11px; line-height: 15px; letter-spacing: 0; color: #686767; margin: 0; padding: 7px 0 5px 0; text-transform: none; }
.col-main .col-3-container h2 strong {font-weight: bold;}	
.col-main .col-3-container p {padding: 0 0 10px 0; font-size: 11px; line-height: 15px;}

.col-main .col-3-container a.naviLink {padding: 0 0 0 11px; text-decoration: none; color: #bd1c28; background: url(../../shared/images/icn_navilink.png) no-repeat 0 3px; 
	font-size: 11px; line-height: 11px;}
.col-main .col-3-container a.naviLink.hover {color: #000; background: url(../../shared/images/icn_navilink_over.png) no-repeat 0 3px;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* NEWSTICKER */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* the outer div */ 
.tickercontainer { width: 960px; height: 25px; margin: 0; padding: 0; overflow: hidden; }

/* that serves as a mask. so you get a sort of padding both left and right */ 
.tickercontainer .mask { position: relative; padding: 0; top: 0; height: 25px; overflow: hidden; width: 1920px;}

/* newstickel items */ 
ul.newsticker { color: #fff; height: 25px; position: relative; list-style: none; margin: 0; padding: 0; border: 0; font-size: 11px; line-height: 25px; }
ul.newsticker li {margin: 0; padding: 0 20px 0 40px; border: 0; float: left; background-image: none; background: url(../../web_pruem_theme/images/newsticker_divider.png) no-repeat left center;}
ul.newsticker a { white-space: nowrap; margin: 0; padding: 0; text-decoration: none; display: block; color: #fff; float: left;}
ul.newsticker a.hover {color: #fff; text-decoration: underline}
ul.newsticker span { margin: 0; }

/* can both be used to achieve a fade-in and fade-out effect */
.tickeroverlay-left { display: none; pointer-events: none; position: absolute; z-index: 30; height: 25px; width: 0px; top: 0; left: 0; }
.tickeroverlay-right { display: none; pointer-events: none; position: absolute; z-index: 30; height: 25px; width: 0px; top: 0; right: 0; }


/* -------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.footer-container {
	padding-bottom: 0;
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER SOCIAL BUTTONS */
/* -------------------------------------------------------------------------------------------------------------------------- */
/*
disable fixed position 
*/
.footer-sb-container.fix {
	position: relative;
}