@charset "UTF-8";
/* CSS Document */
img{border:none; behavior:url("iepngfix.htc"); }
ul, li { list-style: none; }
form { display: block; } 
body {display: block; height:100%;font: 12px Arial, Helvetica, sans-serif;color:#fff;padding:0px;margin:0px; background:url(../_img/header_bg_kachel.jpg) repeat-x #DFE6EA;}
h1,h2,h3,h4,h5{color:#E3001B;font-weight:lighter;}
h2.trendberechnung{  text-indent:-1000px;  height:55px; width:404px; background: url('../_img/headline.gif') no-repeat; }
p{margin-top:0px;}
a {text-decoration:none; color:#fff;}
a:hover, .infoText{color:#ccc;}
a img, a:active, a:focus, a{outline: none;}
div{margin:0px;padding:0px;}
input:hover{ cursor:pointer; }
input, select{
	height: 1.5em;
	border: 1px solid #ccc;
	-moz-border-radius: 0.4em !important;
	margin-right: 15px;
	margin-bottom: 3px;
	padding: 3px 5px 1px 5px;
	
}
input.eingabe, input.saveTrend{ margin-right: 0px; }
input.saveTrend{ width:24px; height:24px; border: none; }
input.invalid{ border: 1px solid #E3001B; }
input[type="file"]{
	height: 2em;
	border: 1px solid #ccc;
	background:#FFFFFF;
	color:#E3001B;
}
select{ height: 2em; }

.c{display: block; clear: both; border: 0; height: 0; font-size: 0;}
.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: #F1B3B3; }
.contentText{ color: #000;  }
.invisible, .hide_darkArrow, .hide_lightArrow, .hide_redArrow, .sale input, .saveTrend{ display:none; visibility: hidden;  }
/* ----------------- */
/* ----- LAYOUT ---- */
/* ----------------- */
.logoPrint{display:none;}
#wrapper{margin: 0 auto; width:1000px; height:auto; /*background:url(../_img/header_logo.jpg) no-repeat top left; */}
* html body #wrapper{ width: 1010px; }
#wrapper img.logo{ z-index: 100; }
#header{ position:absolute; top:0px; width:1000px;  }
#content_, #content_logout, #content_passwort_vergessen{margin-top: 200px;}
#content_daten{ margin-top: 235px; }
#content_umsatz{ margin-top: 185px; }

/* ----------------- */
/* ----- HEADER ---- */
/* ----------------- */

#headerInfo{ float:left; margin: 20px 0px ;  width: 735px; position: relative; }
#headerInfo .loginInfo{ color:#fff;  font-size: 1.2em; position: relative; top: -10px;  }
#headerInfo .loginInfo div{   background-color: #970102; margin-right: 15px; height:32px; }
#headerInfo .logout{ margin-left: 20px; }

* html body #headerInfo .loginInfo{ height: 30px; padding: 0; }
* html body #headerInfo .loginInfo span{ padding: 0;  }


.navDaten{ background: transparent url(../_img/nav/btn_daten.jpg) no-repeat 0 0; width: 127px; }
.navUmsatz{ background: transparent url(../_img/nav/btn_umsatz.jpg) no-repeat 0 0; width: 117px; }
#nav{ float: left;  position:relative; left: 260px; top:-30px;   }
#nav div{ float:left; height:74px;  }
#nav div a.navDaten, #nav div a.navUmsatz{ display:block; height:74px; text-indent: -2000px; margin: 0 15px; }
#nav div a.navDaten:hover, #nav div a.navUmsatz:hover, #nav .active{ background-position: 0 -74px; }
#nav .borderLeft{ border-left:1px dotted #d00000; }

#nav .subnav{ margin-left: -30px; }
#nav .subnav li{ float: left; }
#nav .subnav a{ width:136px; height:39px; display:block;text-indent: -2000px; }
#nav .subnav a:hover, #nav .subnav a.active{ background-position: 0 -39px; }
#nav .subnav .kundendaten{ background: transparent url(../_img/nav/btn_kundendaten.jpg) no-repeat 0 0;  }
#nav .subnav .passwort{ background: transparent url(../_img/nav/btn_passwort.jpg) no-repeat 0 0; width:136px; }
#nav div a.datenschutz{ background: transparent url(../_img/nav/btn_datenschutz.jpg) no-repeat 0 0; width:136px; }

#colLeft{ float:left; position:relative; width:240px; *width:240px;} 
#colRight{ float:right; width:755px; }

/* ----------------- */
/* ----- Login-Form ---- */
/* ----------------- */
#login{ background:url(../_img/login_pm.jpg) no-repeat top left; width:484px; height:474px; margin: auto; z-index:1;}
#login form, #login .form{ position:relative; top:70px; left:50px; width: 430px; *top:50px; z-index:99; }

.loginButton{float:right; margin-top: -10px; color:#D00000; border: 1px solid #999; height: 2em; padding-top: 0px; *margin-top: -20px; }
.loginError{ font-weight: bold; font-size: 0.9em; }

/* ----------------- */
/* ----- Umsatz ---- */
/* ----------------- */
.information{ position:relative; top:38px; left:-75px; *top:18px;}

.umsatzBox_small { background: url(../_img/umsatzbox_klein.jpg) no-repeat; width:262px; height:43px; }
.umsatzBox_small span{ color: #666; }

.umsatzBox_large{ margin: 0px 0px 20px; }
.umsatzBox_large p{ margin: 0px; padding:10px;}
.umsatzBox_large .boxTop{ background: url(../_img/umsatzberechnung_box_top.gif) no-repeat #d00000; width:756px; height:17px;   }
.umsatzBox_large  .boxMiddle{ background:#d00000; width:756px; padding: 20px 0 10px 0;  }
.umsatzBox_large  .boxFooter{  height: auto; }
.umsatzBox_large  .trennlinie{ border-bottom:1px solid #970102; height: auto; padding-bottom: 0px;  }
.umsatzBox_large  .boxBottomCA{background: url(../_img/umsatzberechnung_box_bottom.gif) no-repeat bottom #d00000; width:756px; height:20px;  }
.umsatzBox_large  .boxBottomCZ{background: url(../_img/umsatzberechnung_box2_bottom.gif) no-repeat bottom #970102; width:756px; height:20px;  }
.umsatzBox_large .boxBottomCA p, .umsatzBox_large .boxBottomCZ p{ padding-right: 10px; padding-top: 0px; }
.umsatzBox_large #ownTrend{  height: 2em; }
.umsatzBox_large  .boxDark{ background-color: #970102; width:756px; }
.umsatzBox_large  .boxDark p{ padding: 10px 0px 10px 30px; }

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


/* -- Formatierung Umsatztabelle -- */
.barDarkgray{ background-color:#999; color:#ccc; }
.barLightgray{ background-color:#ccc; color:#999; }
.textDarkgray{ color:#999; }
.textLightgray{ color:#ccc; }

#colRight .tableTop{ background: url(../_img/umsatztabelle_top.jpg) no-repeat; width:755px; height:27px; color:#999; }
#colRight .tableMiddle{ position:relative; background: url(../_img/umsatztabelle_middle_small.jpg) repeat-y left #fff ; width:755px; padding-top: 20px;  }
#colRight .tableBottom{ background: url(../_img/umsatztabelle_bottom.jpg) no-repeat; width:735px; height: 28px; padding: 0 10px 10px 10px; }

#colRight .tableTop .view{ position:relative; right:20px; top:15px; z-index:80;  }

#colRight .tableMiddle table{ width:749px; margin-left: 6px; border-spacing:0; *border-collapse:collapse; }
#colRight .tableMiddle tr.row1{ background-color:#f0f0f0; }
#colRight .tableMiddle .rowCaption{ color:#999; text-align:right; padding-right: 12px; font-weight:bold; }
#colRight .tableMiddle .result{ height:30px; }
#colRight .tableMiddle .trend{ height:50px; }
#colRight .tableMiddle .resultBar{ background-color:#d00000; color:#999; }
#colRight .tableMiddle .bar{ z-index:80; position:relative;}
#colRight .tableMiddle  p{ text-align:right; padding: 0.2em; color:#666; }
#colRight .tableMiddle .sale p{ margin: auto 0px; }
#colRight .tableMiddle .trend .sale p, #colRight .tableMiddle .result .sale p{ padding-right: 10px; font-weight:bold; vertical-align:middle; }
#colRight .tableMiddle .trend .sale p { color:#999;  }
#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; color:#999; text-align:center; }

.edit img:hover { cursor: pointer; }

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


.resultBar_arrow{ background: url(../_img/pfeil_rot.gif) no-repeat;  }
.barLightgray_arrow{ background: url(../_img/pfeil_hellgrau.gif) no-repeat;  }

/* ----------------- */
/* ----- Daten ---- */
/* ----------------- */
#aktualisieren, #pwaendern, #datenschutz{  position:relative; left: 39px; width:710px; margin-bottom: 40px; padding-bottom:40px; /*border-bottom:1px dotted #d00000;*/ }
#aktualisieren  ul{ margin:0; padding:0;}
#aktualisieren li .formElement { float:left; margin-bottom:10px;  }
#aktualisieren label, #pwaendern label, #datenschutz p, #datenschutz h2{ color:#999; }
#pwaendern .formElement{ margin-bottom:10px; }
.formButtons{ float:right; }
.formButton{ color:#D00000; border: 1px solid #999; height: 2.5em; padding-top: 0px;}
.formMessage{ color:#D00000; height: 2.5em; }

.tooltip{ cursor: pointer; }
#bonus_info{
	cursor: pointer;
	float:left;
	position:relative;
	top:-7px;
	/*left: 50px;*/
}

#tooltip{
	position:absolute;
	border:1px solid #970102;
	-moz-border-radius: 0.4em !important;
	background:#970102;
	padding:10px 10px;
	color:#fff;
	display:none;
}


div.noMargin{ margin: 0px; padding:0px;}