@charset "UTF-8";
/* CSS Print - Document */
@page {
       size:portrait;
       margin-top:1cm;
       margin-bottom:1cm;
	   font: 12px Arial, Helvetica, sans-serif;
}
body{
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
}
#aktuellerUmsatz, #trendvorausberechnung{
	background: #DFE6EA;
}


a{
	color:#000;
	text-decoration:none;
}

.noprint{
	display:none;
	visibilty: hidden;
}

.logoPrint{
	visibility:visible;
	display:block;
}
.c{display: block; clear: both; border: 0; height: 0; font-size: 0;}
.invisible, .hide_darkArrow, .hide_lightArrow, .hide_redArrow, .sale input, .saveTrend{ display:none; visibility: hidden;  }

.right{ float:right; }
.left{ float:left; }
.textRight{ text-align: right;}
.textBig{ font-size: 1.5em;}
.textSmall{ font-size: 0.9em; line-height: 1.5em; }
.textMiddle{ font-size: 1.1em; padding: 0.2em 0; line-height: 1.5em;}
.dezent{ color: #000; }
/* ----------------- */
/* ----- LAYOUT ---- */
/* ----------------- */
#wrapper{width:600px; height:auto; /*background:url(../_img/header_logo.jpg) no-repeat top left; */}
* html body #wrapper{ width: 610px; }
#content_, #content_logout, #content_daten, #content_umsatz{ margin-top: 10px; }

#headerInfo .loginInfo{ font-size: 1.2em; position: relative; top: -10px;  }

/* ----------------- */
/* ----- Umsatz ---- */
/* ----------------- */
.umsatzBox_small span{ color: #000; }

.umsatzBox_large{ width:600px; border:1px #000 solid; }
.umsatzBox_large p{ margin: 0px; padding:10px;}
.umsatzBox_large .boxTop{  width:600px; height:17px;   }
.umsatzBox_large  .boxMiddle{ width:600px; padding: 20px 0 10px 0;  }
.umsatzBox_large  .boxFooter{  height: auto; }
.umsatzBox_large  .trennlinie{ border-bottom:1px solid #000; height: auto; padding-bottom: 0px;  }
.umsatzBox_large  .boxBottomCA{ width:600px; height:20px;  }
.umsatzBox_large  .boxBottomCZ{ width:600px; height:20px;  }
.umsatzBox_large .boxBottomCA p, .umsatzBox_large .boxBottomCZ p{ padding-right: 10px; padding-top: 0px; }
.umsatzBox_large #ownTrend{  height: 2em; }
.umsatzBox_large  .boxDark{ width:600px; }
.umsatzBox_large  .boxDark p{ padding: 10px 0px 10px 30px; }


.col1{ width: 250px; margin-left: 10px; }
.col2{ width: 100px; }
.col3{ width: 100px; }
.col4{ width: 100px; }


.barDarkgray{ background-color:#999; color:#000; }
.barLightgray{ background-color:#ccc; color:#000; }
.textDarkgray{ color:#000; }
.textLightgray{ color:#000; }

#colRight{ float:right; width:600px; }
#colRight .tableMiddle{ position:relative; width:600px; padding-top: 20px;  }
#colRight .tableBottom{  width:600px; height: 28px; padding: 0 10px 10px 10px; }

#colRight .tableMiddle table{ width:600px; margin-left: 6px; border-spacing:0; *border-collapse:collapse; }
#colRight .tableMiddle tr.row1{ background-color:#f0f0f0; }
#colRight .tableMiddle .rowCaption{  text-align:right; padding-right: 12px; font-weight:bold; }
#colRight .tableMiddle .trend .barField{ height:48px; }
#colRight .tableMiddle .resultBar{ background-color:#d00000;  }
#colRight .tableMiddle .bar{ z-index:80; position:relative;}
#colRight .tableMiddle  p{ text-align:right;  position:relative; top: -6px; }
#colRight .tableMiddle .gridOverlay{ position:absolute; top: 20px; left: 75px; width: 568px; margin:0; padding:0; }
#colRight .tableMiddle .grid{ width: 90px; border-left:1px dotted #ccc; float:left; margin:0; padding:0; z-index:51; }
#colRight .tableMiddle .gridCaption{ width: 180px; height: 18px; margin-top:3px; float: left;  text-align:center; }

#colRight .tableBottom div{ float:right; margin: 3px; }
#colRight .tableBottom .tableCaption{ width: 15px; height: 15px; margin-left: 15px;  text-align:right; }