/* ----------------------------------------------------------------------------------------- */
/* -------------------------------------------- Balken ------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

.fespBalkenDGrey,
.fespBalkenLGrey,
.fespBalkenOrange,
.fespBalkenDGreyCut,
.fespBalkenLGreyCut,
.fespBalkenOrangeCut,
.fespBalkenOrangeBottom		{
	padding: 0; margin: 0;
}
  
.fespBalkenLeft {
	padding-left:5px;
}

.fespBalkenRight {
	padding-right:5px;
}


.fespBalkenCenter {
	line-height: 30px;

	font-size: 16px;
	overflow: visible;

	padding-left: 3px;
}

.fespBalkenCenterSmall {
	line-height: 18px;

	font-size: 11px;
	overflow: visible;
}


/* --- Balken - dunkles grau --- */

/*		runde Ecken */
.fespBalkenDGrey .fespBalkenLeft { background: url('balken.gif') no-repeat 0 0; }
.fespBalkenDGrey .fespBalkenRight { background: url('balken.gif') no-repeat right -30px; }
.fespBalkenDGrey .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 0; 	color: #fff;}
/*		unten geschnitten */
.fespBalkenDGreyCut .fespBalkenLeft { background: url('balken.gif') no-repeat 0 -60px; }
.fespBalkenDGreyCut .fespBalkenRight { background: url('balken.gif') no-repeat right -90px; }
.fespBalkenDGreyCut .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 0; 	color: #fff;}


/* --- Balken - helles grau --- */

/*		runde Ecken */
.fespBalkenLGrey .fespBalkenLeft { background: url('balken.gif') no-repeat 0 -120px; }
.fespBalkenLGrey .fespBalkenRight { background: url('balken.gif') no-repeat right -150px; }
.fespBalkenLGrey .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 -30px;	color: #000;}
/*		unten geschnitten */
.fespBalkenLGreyCut .fespBalkenLeft { background: url('balken.gif') no-repeat 0 -180px; }
.fespBalkenLGreyCut .fespBalkenRight { background: url('balken.gif') no-repeat right -210px; }
.fespBalkenLGreyCut .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 -30px; 	color: #000;}


/* --- Balken - orange --- */

/*		runde Ecken */
.fespBalkenOrange .fespBalkenLeft { background: url('balken.gif') no-repeat 0 -240px; }
.fespBalkenOrange .fespBalkenRight { background: url('balken.gif') no-repeat right -270px; }
.fespBalkenOrange .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 -60px; 	color: #fff;}
/*		unten geschnitten */
.fespBalkenOrangeCut .fespBalkenLeft { background: url('balken.gif') no-repeat 0 -300px; }
.fespBalkenOrangeCut .fespBalkenRight { background: url('balken.gif') no-repeat right -330px; }
.fespBalkenOrangeCut .fespBalkenCenter { background: url('balken_center.gif') repeat-x 0 -60px; color: #fff;}
/*		oben geschnitten und small */
.fespBalkenOrangeBottom .fespBalkenLeft { background: url('bottombalken.gif') no-repeat 0 0; }
.fespBalkenOrangeBottom .fespBalkenRight { background: url('bottombalken.gif') no-repeat right -18px; }
.fespBalkenOrangeBottom .fespBalkenCenterSmall { background: #ff4b00; color: #fff;}


/* ----------------------------------------------------------------------------------------- */
/* --------------------------------------- Balken-Boxen ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */



.fespBoxBorder {
	border-left:  2px #ff6c00 solid;
	border-right:  2px #ff6c00 solid;
	padding-left: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px;
}


/* ----------------------------------------------------------------------------------------- */
/* -------------------------------------------- Buttons ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */


.fespButtonArrows,
.fespButtonRefresh,
.fespButtonCross,
.fespButtonPen		{
	padding: 0; margin: 0;
	cursor: pointer;
	height: 24px;
}

.fespButtonPen .fespButtonRight,
.fespButtonLeft {
	width: 5px;
}

.fespButtonPen .fespButtonLeft
{
	width:19px;
}

.fespButtonRight {
	width:21px;
}

.fespButtonCenter {
	line-height: 24px;
	height: 24px;
	
	font-size: 11px;
	overflow: visible;
	
	-moz-user-select: none;
	padding-left: 3px;
	padding-right: 5px;
}

.fespButtonArrows .fespButtonLeft { background: url('green_left.gif') no-repeat 0 0; }
.fespButtonArrows .fespButtonCenter { background: url('green_center.gif') repeat-x 0 0; 	color: #fff;}
.fespButtonArrows .fespButtonRight { background: url('arrows_right.gif') no-repeat 0 0; }

.fespButtonArrowsHover .fespButtonLeft { background: url('green_left.gif') no-repeat 0 -24px; }
.fespButtonArrowsHover .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -24px; 	color: #fff;}
.fespButtonArrowsHover .fespButtonRight { background: url('arrows_right.gif') no-repeat 0 -24px; }

.fespButtonArrowsDown .fespButtonLeft { background: url('green_left.gif') no-repeat 0 -48px; }
.fespButtonArrowsDown .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -48px; 	color: #fff;}
.fespButtonArrowsDown .fespButtonRight { background: url('arrows_right.gif') no-repeat 0 -48px; }

.fespButtonRefresh .fespButtonLeft { background: url('green_left.gif') no-repeat 0 0; }
.fespButtonRefresh .fespButtonCenter { background: url('green_center.gif') repeat-x 0 0; 	color: #fff;}
.fespButtonRefresh .fespButtonRight { background: url('refresh_right.gif') no-repeat 0 0; }

.fespButtonRefreshHover .fespButtonLeft { background: url('green_left.gif') no-repeat 0 -24px; }
.fespButtonRefreshHover .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -24px; 	color: #fff;}
.fespButtonRefreshHover .fespButtonRight { background: url('refresh_right.gif') no-repeat 0 -24px; }

.fespButtonRefreshDown .fespButtonLeft { background: url('green_left.gif') no-repeat 0 -48px; }
.fespButtonRefreshDown .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -48px; 	color: #fff;}
.fespButtonRefreshDown .fespButtonRight { background: url('refresh_right.gif') no-repeat 0 -48px; }

.fespButtonCross .fespButtonLeft { background: url('red_left.gif') no-repeat 0 0; }
.fespButtonCross .fespButtonCenter { background: url('red_center.gif') repeat-x 0 0; 	color: #fff;}
.fespButtonCross .fespButtonRight { background: url('red_cross_right.gif') no-repeat 0 0; }

.fespButtonCrossHover .fespButtonLeft { background: url('red_left.gif') no-repeat 0 -24px; }
.fespButtonCrossHover .fespButtonCenter { background: url('red_center.gif') repeat-x 0 -24px; 	color: #fff;}
.fespButtonCrossHover .fespButtonRight { background: url('red_cross_right.gif') no-repeat 0 -24px; }

.fespButtonCrossDown .fespButtonLeft { background: url('red_left.gif') no-repeat 0 -48px; }
.fespButtonCrossDown .fespButtonCenter { background: url('red_center.gif') repeat-x 0 -48px; 	color: #fff;}
.fespButtonCrossDown .fespButtonRight { background: url('red_cross_right.gif') no-repeat 0 -48px; }

.fespButtonPen .fespButtonLeft { background: url('pen_left.gif') no-repeat 0 0; }
.fespButtonPen .fespButtonCenter { background: url('green_center.gif') repeat-x 0 0; 	color: #fff;}
.fespButtonPen .fespButtonRight { background: url('green_right.gif') no-repeat 0 0; }

.fespButtonPenHover .fespButtonLeft { background: url('pen_left.gif') no-repeat 0 -24px; }
.fespButtonPenHover .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -24px; 	color: #fff;}
.fespButtonPenHover .fespButtonRight { background: url('green_right.gif') no-repeat 0 -24px; }

.fespButtonPenDown .fespButtonLeft { background: url('pen_left.gif') no-repeat 0 -48px; }
.fespButtonPenDown .fespButtonCenter { background: url('green_center.gif') repeat-x 0 -48px; 	color: #fff;}
.fespButtonPenDown .fespButtonRight { background: url('green_right.gif') no-repeat 0 -48px; }


/* ----------------------------------------------------------------------------------------- */
/* -------------------------------------------- Billboard Headline ------------------------- */
/* ----------------------------------------------------------------------------------------- */

.fespBillboardHeadline {
	position: absolute;
	top: 5px;  
	opacity: 0.8; 
	background-color: #fff;
	padding: 5px;
}

.fespBillboardHeadline h1 {
	font-size: 22px;
	font-weight:normal;
	color: #e95200;
}