body 
{ 
	background-color:#fdf5e6; 
	background: url(grafik/bg.jpg) center top; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
	overflow-x:auto; overflow-y:scroll; text-align:center; 
	font-family:Verdana; font-size:9pt; font-weight:normal; font-style:normal; color:#222222;
}
 
p,li,td		{ font-family:Verdana; font-size:9pt; font-weight:normal; font-style:normal; color:#222222; } 
th		{ font-family:Verdana; font-size:9pt; font-weight:bold; font-style:normal; color:#222222; } 
.normal		{ font-family:Verdana; font-size:9pt; font-weight:normal; font-style:normal; color:#222222; } 
.fett		{ font-family:Verdana; font-size:9pt; font-weight:bold; font-style:normal; color:#222222; } 
.header		{ font-family:Verdana; font-size:16pt; font-weight:normal; font-style:normal; color:#222222; } 
.klein		{ font-family:Verdana; font-size:7pt; font-weight:normal; font-style:normal; color:#222222; } 
.subheader	{ font-family:Verdana; font-size:12pt; font-weight:bold; font-style:normal; color:#777777; } 
.fett_grau	{ font-family:Verdana; font-size:9pt; font-weight:bold; font-style:normal; color:#777777; } 
.fett_dunkelgrau { font-family:Verdana; font-size:9pt; font-weight:bold; font-style:normal; color:#333333; } 
.gross	{ font-family:Verdana; font-size:12pt; font-weight:bold; font-style:normal; color:#222222; } 

.only_grau { color:#777777; }
.only_dunkelgrau { color:#333333; }
.only_rot { color:#AF0000; }
.only_orange { color:#FF4800; }
.only_gruen { color:#008800; }
.only_kursiv { font-style: italic; }
.only_fett { font-weight: bold; }
.only_blau { color: #005599; }


hr { color:#000066; } 
ul,li { list-style-type:square; }

.inputstyle { border: 1px solid #666666; background-color: #F0F0F0; }
.datum      { border: 1px solid #666666; background-color: #F0F0F0; }

select {
	color:#000000;
	border:1px solid #666666;
	background:#ffffff;
}

img	{ border: 0; }
form	{ padding: 0; margin: 0; }


.pic	{ margin-right: 25px; margin-bottom: 10px; }
.no_underline	{ text-decoration: none; }


/* auto-complete */

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; text-align: left; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


/* -------------------- submit-buttons in general and specific -------------------- */

.buttonstyle { font-size: 8pt; }




/* --------------------------- link classes --------------------------- */

a:link		{ font-weight:normal; color:#000099; text-decoration:underline; } 
a:visited	{ font-weight:normal; color:#000099; text-decoration:underline; } 
a:hover		{ font-weight:normal; color:#BA0000; text-decoration:underline; } 
a:active	{ font-weight:normal; color:#BA0000; text-decoration:underline; } 


a.noline:link		{ font-weight:normal; color:#000099; text-decoration:none; } 
a.noline:visited	{ font-weight:normal; color:#000099; text-decoration:none; } 
a.noline:hover		{ font-weight:normal; color:#BA0000; text-decoration:none; } 
a.noline:active		{ font-weight:normal; color:#BA0000; text-decoration:none; }  


a.fett_noline:link		{ font-weight:bold; color:#000099; text-decoration:none; } 
a.fett_noline:visited	{ font-weight:bold; color:#000099; text-decoration:none; } 
a.fett_noline:hover		{ font-weight:bold; color:#BA0000; text-decoration:none; } 
a.fett_noline:active		{ font-weight:bold; color:#BA0000; text-decoration:none; } 


a.blue_noline:link		{ font-weight:normal; color:#000099; text-decoration:none; } 
a.blue_noline:visited	{ font-weight:normal; color:#000099; text-decoration:none; } 
a.blue_noline:hover		{ font-weight:normal; color:#000099; text-decoration:none; } 
a.blue_noline:active		{ font-weight:normal; color:#000099; text-decoration:none; } 


a.but:link, a.but:visited	{ float: left; display: block; width: 118px; height: 34px; text-align: center; text-decoration: none;
				  background: url(grafik/but.png) no-repeat;
				  font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: normal; font-style: normal; color: #FFFFFF;
				  padding-top: 4px; margin-left: 385px;
				}

a.but:hover, a.but:active	{ float: left; display: block; width: 118px; height: 34px; text-align: center; text-decoration: none;
				  background: url(grafik/but.png) no-repeat;
				  font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: normal; font-style: normal; color: #000000;
				  padding-top: 4px; margin-left: 385px;
				}


a.navi:link, a.navi:visited	{ float: left; display: block; height: 30px; text-align: center; text-decoration: none;
				  background: url(grafik/navi-bg-normal.gif) repeat-x;
				  font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold; font-style: normal; color: #666666;
				  padding-top: 5px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
				}

a.navi:hover, a.navi:active	{ float: left; display: block; height: 30px; text-align: center; text-decoration: none;
				  background: url(grafik/navi-bg-rollover.gif) repeat-x;
				  font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold; font-style: normal; color: #be0000;
				  padding-top: 5px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
				}

a.navi_clicked:link, a.navi_clicked:visited, a.navi_clicked:hover, a.navi_clicked:active
				{ float: left; display: block; height: 30px; text-align: center; text-decoration: none;
				  background: url(grafik/navi-bg-rollover.gif) repeat-x;
				  font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold; font-style: normal; color: #be0000;
				  padding-top: 5px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
				}

a.link_grau:link, a.link_grau:visited, a.link_grau:hover, a.link_grau:active
				{ 
					color: #777777;
				}





/* -------------------- page container in general -------------------- */

#seite { 
    width:		1250px; 
    text-align:		left;
}



/* ------------------- 1st level containers ------------------- */

#box { 
	float: 		left;
	display:	block;
	width:		1250px; 
	text-align:	left;
	margin-top:	0px;
}

#box_top { 
	float: 		left;
	display:	block;
	width:		1250px; 
	height:		120px;
	text-align:	left;
	background:	url(grafik/box_top.png) no-repeat;
}

#box_middle { 
	float: 		left;
	display:	block;
	width:		1250px; 
	text-align:	left;
	background:	url(grafik/box_middle.png) repeat-y;
}

#box_bottom { 
	float: 		left;
	display:	block;
	width:		1250px; 
	height:		80px;
	text-align:	left;
	background:	url(grafik/box_bottom.png) no-repeat;
}

#header { 
	float: 		left;
	display:	block;
	width:		1178px; 
	height:		80px;
	margin-top:	19px;
	margin-left:	36px;
}

#footer { 
	float: 		left;
	display:	block;
	width:		1178px; 
	height:		30px;
	text-align:	center;
	margin-left:	36px;
}




/* ------------------- 2nd level container "header_XYZ" (placed in "header") ------------------- */

#header_left { 
	float: 		left;
	display:	block;
	width:		400px; 
	height:		100px; 
	text-align:	left;
	background:	url(grafik/header_pic1.png) no-repeat 60px 18px;
}

#header_right { 
	float: 		left;
	display:	block;
	width:		778px;
	height:		100px;
	text-align:	left;
	background:	url(grafik/header_pic2.png) no-repeat 61px 17px;
}






/* ------------------- 2nd level container "innerbox" (placed in "box_middle") ------------------- */

#innerbox { 
	float: 		left;
	display:	block;
	width:		1110px; 
	text-align:	left;
	margin-left:	73px;
	margin-top:	40px;
	margin-bottom:	40px;
}

#innerbox_navi { 
	float: 		left;
	display:	block;
	width:		1110px; 
	height:		30px;
	text-align:	left;
}

#innerbox_top { 
	float: 		left;
	display:	block;
	width:		1110px; 
	height:		3px;
	text-align:	left;
	background:	url(grafik/innerbox_top.png) no-repeat;
}

#innerbox_middle { 
	float: 		left;
	display:	block;
	width:		1110px; 
	text-align:	left;
	background:	url(grafik/innerbox_middle.png) repeat-y;
}

#innerbox_bottom { 
	float: 		left;
	display:	block;
	width:		1110px; 
	height:		3px;
	text-align:	left;
	background:	url(grafik/innerbox_bottom.png) no-repeat;
}

#buttonarea { 
	float: 		left;
	display:	block;
	width:		1140px; 
	text-align:	center;
	margin-left:	45px;
	margin-bottom:	20px;
}



/* ------------------- 3rd level container "content" (placed in "innerbox_middle") ------------------- */

#content { 
	float: left;
    width:		1050px; 
    text-align:		left;
    margin-top:		10px;
    margin-bottom:	10px;
    margin-left:	10px;
}

	#para_full { 
	    float: 		left;
	    display:		block;
	    width:		1050px; 
	    text-align:		left;
	}

	#para_half { 
	    float: 		left;
	    display:		block;
	    width:		525px; 
	    text-align:		left;
	}

	#yearly_stats_box { 
	    float: 			left;
	    display:		block;
	    width:			176px; 
		min-height:		80px;
		padding:		10px;
		margin-left:	15px;
	    text-align:		left;
		border:			1px solid #cccccc;
		background:		#d3deff;
	}





/* ------------------- container "message" (placed in "box_middle") ------------------- */


#message { 
    float: 		left;
    display:		block;
    width:		870px; 
    text-align:		left;
    margin-top:		20px;
    margin-bottom:	20px;
    margin-left:	45px;
    padding:		10px;
    background: 	#FFFFFF;
}



/* ------------------- others containers ------------------- */

#rating_mark	{ 
	float: 		left; 
	display:	block;
	width:		45px;
	text-align:	center;
}

#rating_yes	{ 
	float: 		left; 
	display:	block;
	width:		45px;
	text-align:	left;
	margin-left:	12px;
}

#rating_no	{ 
	float: 		left; 
	display:	block;
	width:		60px;
	text-align:	left;
}

.rating_row	{ padding-top: 4px; padding-bottom: 4px; }






/* -------------------- classes for tables and other contents -------------------- */

.tbl_fett     { background-color: #d3deff; padding: 4px; font-weight: bold; }
.tbl_fett_l   { background-color: #d3deff; padding: 4px; font-weight: bold; text-align: left; }
.tbl_fett_r   { background-color: #d3deff; padding: 4px; font-weight: bold; text-align: right; }
.tbl_fett_c   { background-color: #d3deff; padding: 4px; font-weight: bold; text-align: center; }

.tbl_normal   { overflow:hidden; background-color: #d3deff; padding: 4px; font-weight: normal; }
.tbl_normal_l { overflow:hidden; background-color: #d3deff; padding: 4px; font-weight: normal; text-align: left; }
.tbl_normal_r { overflow:hidden; background-color: #d3deff; padding: 4px; font-weight: normal; text-align: right; }
.tbl_normal_c { overflow:hidden; background-color: #d3deff; padding: 4px; font-weight: normal; text-align: center; }

.tbl_normal2   { overflow:hidden; background-color: #cad7ff; padding: 4px; font-weight: normal; }
.tbl_normal2_l { overflow:hidden; background-color: #cad7ff; padding: 4px; font-weight: normal; text-align: left; }
.tbl_normal2_r { overflow:hidden; background-color: #cad7ff; padding: 4px; font-weight: normal; text-align: right; }
.tbl_normal2_c { overflow:hidden; background-color: #cad7ff; padding: 4px; font-weight: normal; text-align: center; }

.tbl_grau   { overflow:hidden; background-color: #e2e2e2; padding: 4px; font-weight: normal; }
.tbl_grau_l { overflow:hidden; background-color: #e2e2e2; padding: 4px; font-weight: normal; text-align: left; }
.tbl_grau_r { overflow:hidden; background-color: #e2e2e2; padding: 4px; font-weight: normal; text-align: right; }
.tbl_grau_c { overflow:hidden; background-color: #e2e2e2; padding: 4px; font-weight: normal; text-align: center; }
.tbl_grau2_r { overflow:hidden; background-color: #dadada; padding: 4px; font-weight: normal; text-align: right; }

.tbl_head     	{ background-color: #8eabff; }
.tbl_subhead 	{ background-color: #b9cbff; }

.bg_rot		{ background-color: #eeb7bd; }
.bg_gruen 	{ background-color: #bae0bb; }
.bg_blau 	{ background-color: #d3deff; }
.bg_gerade 	{ background-color: #e0e8ff !important; }

.cell_padd_2  { padding-top: 2px; padding-bottom: 2px; }
.cell_padd_4  { padding-top: 4px; padding-bottom: 4px; }

.notunderline { text-decoration:none; }






/* layer settings for message-box (e.g. if session problems) */

#messagebox   { display: block; width: 325px; padding: 8pt; position: relative; text-align: left; margin-top: 120px; 
		border: 1px solid #000066; background-color: #FAFAFA; }


/* layer settings for login-box */

#loginbox     { display: block; width: 280px; min-height: 300px; padding: 10pt; position: relative; text-align: left; margin-top: 40px; 
		border: 1px solid #000066; background-color: #FAFAFA; }




/* ------------------- window for "Gesamtauswertung" ------------------ */

#ga_seite { 
    min-width:		1000px; 
    text-align:		left;
}

#ga_box1 { 
	float: 		left;
	display:	block;
	text-align:	left;
	margin:		10px;
	background: 	#e4e4e4;
	border:		1px solid #b1b8ca;
}

#ga_box2 { 
	float: 		left;
	display:	block;
	text-align:	left;
	margin:		10px;
	padding: 	10px;
	background: 	#ffffff;
}

	#ga_para_full { 
	    float: 		left;
	    display:		block;
	    text-align:		left;
	    clear: 		left;
	}



/* ------------------- pop-up window ------------------ */

#win_seite { 
    width:		930px; 
    text-align:		left;
}

#win_box1 { 
	width: 		910px;
	float: 		left;
	display:	block;
	text-align:	left;
	margin:		10px;
	background: 	#e4e4e4;
	border:		1px solid #b1b8ca;
}

#win_box2 { 
	width: 		870px;
	float: 		left;
	display:	block;
	text-align:	left;
	margin:		10px;
	padding: 	10px;
	background: 	#ffffff;
}

	#win_para_full { 
	    float: 		left;
	    display:		block;
	    width:		870px; 
	    text-align:		left;
	    clear: 		left;
	}

	#win_para_half { 
	    float: 		left;
	    display:		block;
	    width:		435px; 
	    text-align:		left;
	}



/* ------------------- layer for details of turnover entries ------------------ */

#layer_turnover_details { 
	position:	absolute;
	width: 		540px;
	min-height:	350px;
	float: 		left;
	display:	block;
	text-align:	left;
	border:		5px #9a9a9a solid;
	background: 	#ffffff;
}

	#layer_turnover_details .inner_box { 
	    float: 		left;
	    display:	block;
	    width:		502px; 
	    text-align:	left;
	    margin-left: 9px;
	    margin-top: 9px;
	    margin-bottom: 9px;
	}

		#layer_turnover_details .inner_box  .oben { 
			float: 		left;
			display:	block;
			width:		502px; 
			text-align:	left;
			margin-top: 10px;
			margin-bottom: 20px;
		}

		#layer_turnover_details .inner_box  .unten1 { 
			float: 		left;
			display:	block;
			width:		155px; 
			text-align:	left;
		}

		#layer_turnover_details .inner_box  .unten2 { 
			float: 		left;
			display:	block;
			width:		115px; 
			text-align:	left;
		}

		#layer_turnover_details .inner_box  .unten3 { 
			float: 		left;
			display:	block;
			width:		225px; 
			text-align:	left;
		}



/* ------------------- layer for legend information ------------------ */

#layer_legend { 
	position:	absolute;
	width: 		540px;
	min-height:	350px;
	float: 		left;
	display:	block;
	text-align:	left;
	border:		5px #9a9a9a solid;
	background: 	#ffffff;
}

	#layer_legend .inner_box { 
	    float: 		left;
	    display:	block;
	    width:		502px; 
	    text-align:	left;
	    margin-left: 9px;
	    margin-top: 9px;
	    margin-bottom: 9px;
	}



/* ------ layer for loading info ------ */

#loading_box {
	display: none;
	float: left;

	width: 1100px;
	height: 500px;

	position: absolute;
	top: 10px;

	background-image: url(grafik/loading_shadow.png);
	z-index: 99;
}

	#loading_box .innerbox 
	{
		width: 300px;
		height: 95px;

		margin-top: 203px;

		background-color: #ffe29c;
		border: 1px solid #666666;

		padding-top: 4px; padding-bottom: 4px;
		text-align: center;
	}
	
	
	
/* ------ definitions for "reports on request" ------ */




DIV.rr_navi
{ 
	float: left; display: block; height: 30px; text-align: center; text-decoration: none;
	background-color: #eaeaea;
	border: 1px solid #cccccc;
	border-right: 0px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 13pt; font-weight: normal; font-style: normal; color: #888888;
	padding-top: 7px; padding-left: 12px; padding-right: 12px; 
	cursor: pointer;
}

DIV.rr_navi:hover
{
	background-color: #d3deff;
	color: #222222;
}

DIV.rr_navi_last
{
	border-right: 1px solid #cccccc;
}

DIV.rr_navi_clicked
{
	background-color: #d3deff;
	color: #222222;
}


/* ------ definitions for charts ----- */

/* ------------------- 3rd level container "content" (placed in "innerbox_middle") ------------------- */

DIV.chartbox { 
	float: 		left;
    width:		1050px; 
	height:		560px; 
	border:		1px solid #ccc; 
	margin-bottom: 20px;
}

	DIV.chartbox .chartbuttons { 
		float: 		left;
		width:		1048px; 
		height:		35px; 
		margin-top:  20px;
		text-align: right;
	}

		DIV.chartbox .chartbuttons a.cbut:link, 
		DIV.chartbox .chartbuttons a.cbut:visited	{ 
			float: left; display: block; height: 21px; text-align: center; text-decoration: none;
			background-color: #abb9d5;
			font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; color: #151515;
			padding-top: 7px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
		}

		DIV.chartbox .chartbuttons a.cbut:hover, 
		DIV.chartbox .chartbuttons a.cbut:active	{ 
			float: left; display: block; height: 21px; text-align: center; text-decoration: none;
			background-color: #002b80;
			font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; color: #fafafa;
			padding-top: 7px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
		}

		DIV.chartbox .chartbuttons a.cbut_clicked:link, 
		DIV.chartbox .chartbuttons a.cbut_clicked:visited, 
		DIV.chartbox .chartbuttons a.cbut_clicked:hover, 
		DIV.chartbox .chartbuttons a.cbut_clicked:active	{ 
			float: left; display: block; height: 21px; text-align: center; text-decoration: none;
			background-color: #002b80;
			font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; color: #fafafa;
			padding-top: 7px; padding-left: 12px; padding-right: 12px; margin-left: 10px;
		}
		
		DIV.chartbox .chartbuttons .abstand {
			margin-left: 753px !important; 
		}
	
	DIV.chartbox .chartarea { 
		float: 		left;
		width:		1048px; 
		height:		500px; 
	}