div#floatingbar
    {
    overflow: hidden;
    width: 100%;
   height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
	font-family:Arial;
	font-weight:bold;
	background-image:url('../img/bar/panel_3.png');
	background-position: left top;	
	padding-top:0px;
	z-index:1000;
    }
  div#content
    {
    padding: 1em;
    }
 
@media screen
  {
  body>div#floatingbar
    {
    position: fixed;
    }
  }

#floatingbar {
font-weight:bold;
font-family: Verdana, Helvetica, Arial;
padding-top:0px;
}  

#floatingbar ul { list-style-type:none; padding:0px;margin:0px; width:1000px;margin-left:auto;margin-right:auto;}
#floatingbar ul li { float:left; padding:8px; padding-top: 5px; color:#ffffff; margin-top:-3px; line-height:32px; }
#floatingbar ul li a { text-decoration:none; color:#fff; padding: 3px;  font-size:12px;  font-weight:bold; font-family:Verdana;}
#floatingbar ul li a:hover { color:#299ed3;}
#floatingbar ul li a img { float:left; border:none;}
.translateicon { float:right;margin-right:-5px;}
#google_translate_element { margin-top:-20px;}
.bottomBarLinkRight { float:right;}
.stico_default  { background-image:none; }



#floatingbar ul li.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	padding: 0px;
	background:url(../img/bar/divider_2.png) no-repeat right;
	margin:0px;
	height:45px;
}



/*off*/
div#floatingbar_off
{
    overflow: hidden;
    width: 100%;
    height: 37px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    font-family:Arial;
    font-weight:bold;
    padding-top:0px;
    z-index:999;
}
#floatingbar_off {
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial;
	padding-top:0px;
}
#floatingbar_off ul { list-style-type:none; padding:0px;margin:0px; width:1000px;margin-left:auto;margin-right:auto;}
#floatingbar_off ul li { float:left; padding:8px; padding-top: 5px; color:#444; margin-top:-3px; background-image:url('../img/bar/panel_3.png');background-position: left top;
    background-position: left bottom;	}
#floatingbar_off ul li a { text-decoration:none; color:#444; padding: 3px;  font-size:12px;  font-weight:bold; font-family:Verdana;}
#floatingbar_off ul li a:hover { color:#299ed3;}
#floatingbar_off ul li a img { float:left; border:none;}
.translateicon { float:right;margin-right:-5px;}
#google_translate_element { margin-top:-20px;}
.bottomBarLinkRight { float:right;}
.stico_default  { background-image:none; }



#floatingbar_off ul li.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	padding: 0px;
	background:url(../img/bar/divider_2.png) no-repeat right;
	margin:0px;
	height:45px;
}

@media screen
  {
  body>div#floatingbar_off
    {
    position: fixed;
    }
  }
  
  
  
/******charts die ausklappen******/

  div#chartbar
    {
    width:100%;
    height: 200px;
    position: absolute;
    margin-left:auto;
    margin-right:auto;
    bottom: 45px;
    color: #000;
	font-family:Arial;
	font-weight:bold;
	z-index:1000;	
	display:none;
    }
@media screen
  {
  body>div#chartbar
    {
    position: fixed;
    }
  }
  #optionschart{
  background-color:#ffcccc;
  position:absolute;
  bottom:0px;
  }
  
#chart_header{
 /*background-image:url("http://www.streetlights.de/templates/xtc4/img/new/boxen/header_sw.jpg");*/
background-repeat:no-repeat;
color:#fff;
font-family:Verdana,Arial,sans-serif;
font-size:13px;
font-weight:bold;
height:20px;
text-align:center;
  }
#chart_content{
/*  background-image:url("http://www.streetlights.de/templates/xtc4/img/new/boxen/bg_grau2.jpg");*/
background-repeat:repeat-y;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
height:300px;
  }
#chart_fit_center{
	width:1000px;height:200px;
	margin-left:auto;margin-right:auto;
	vertical-align:bottom;
}