/*

	- hellgrau:			#F2F2F2
	- normal grau:	#DDDDDD
	- dunkel grau:	#
	- hellblau:			#C7D9F1
	- dunkel blau:	#4F81BC

*/

body {
	background-color:	#F2F2F2;
	font:							14px  Verdana, Tahoma, Helvetica, sans-serif;	
	color:						#666666;
	margin:						0;
	padding:					0;
	text-align:				left;
}
a {
	text-decoration:	none;
	color:						#4F81BC;
}
a.font_big_head:hover {
		color:						#F2F2F2;
		background-color:	#4F81BC;
	}
a:hover {
		color:						#F2F2F2;
		background-color:	#4F81BC;
	}

/* DIV Elemente */
.font_big {
	background-color:	#F2F2F2;
	font-size:				20px;
}
.font_big_head {
	background-color:	#F2F2F2;
	font-size:				14px;
	border:						0px solid #ddd;
	text-align:				left;
	color:						#4F81BC;
}
.search {
	background-color:	#FFFFFF;
}
table {
	
}
thead {
	font-size:				12px;
	color:						#FAFAFA;
	background-color:	#4F81BC;
}
tbody {
	font-size:				14px;
}
.tabout {
	border-bottom:		1px solid #999;
}
.tabout_link {
	border-bottom:		1px dashed #888;
}
input {
	background-color:	#C7D9F1;
	border:						thin;
}
#logout {
	border-bottom:		0px;
}
#logout:hover {
	border-bottom:		thick solid #4F81BC;
	font-size:				16px;
}
.dashed-border {
	border-color:			#BBBBBB;
	border-width:			5px;
  border-style:			dashed;
	border-top-left-radius		: 5pt 5pt;
  border-top-right-radius		: 5pt 5pt;
  border-bottom-right-radius: 5pt 5pt;
  border-bottom-left-radius	: 5pt 5pt;
}
.td-unterstrichen {
	border-bottom:			1px solid #555555;
}
.button_class {
	-moz-box-shadow:		inset 8px 1px 0px -39px #ffffff;
	-webkit-box-shadow:	inset 8px 1px 0px -39px #ffffff;
	box-shadow:					inset 8px 1px 0px -39px #ffffff;
	background:					-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e1e1e1), color-stop(1, #d2d2d2) );
	background:					-moz-linear-gradient( center top, #e1e1e1 5%, #d2d2d2 100% );
	filter:							progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#d2d2d2');
	background-color:		#e1e1e1;
	-moz-border-radius:	6px;
	-webkit-border-radius:6px;
	border-radius:			6px;
	border:							1px solid #c8c8c8;
	display:						inline-block;
	color:							#777777;
	font-family:				arial;
	font-size:					15px;
	font-weight:				bold;
	padding:						0px 6px;
	text-decoration:		none;
	text-shadow:				19px 11px 4px #f5f5f5;
}.button_class:hover {
	background:					-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d2d2d2), color-stop(1, #e1e1e1) );
	background:					-moz-linear-gradient( center top, #d2d2d2 5%, #e1e1e1 100% );
	filter:							progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#e1e1e1');
	background-color:		#d2d2d2;
}.button_class:active {
	position:						relative;
	top:								1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
#reel_input_manual {
	position:					absolute;
	top:							50px;
	left:							50px;
	width:						500px;
/*	border:						1px solid #f00;*/
}
#reel_list_order {
	position:					absolute;
	top:							50px;
	left:							600px;
	width:						500px;
	height:						600px;
/*	border:						1px solid #f00;*/
	overflow:					auto;
}
#reel_storage_list {
	position:					absolute;
	top:							50px;
	left:							350px;
	width:						500px;
	height:						600px;
/*	border:						1px solid #f00;*/
	overflow:					auto;
}
#auswertungen {
	position:					relative;
	top:							50px;
	left:							150px;
}

/* Überschrift, Inhalt - Ausklappfeld
---------------------------------------------------------*/
.box_order_headline {
	border:						#EEEEEE solid 2px;
	width:						450px;
	background-color:	#0070A3;
	border-radius:		15px;
	color:						#FFF;
	padding:					10px;
}
.box_order_lines {
	margin:						10px;
	padding:					15px;
	display:					none;
	border-top:				1px solid;
	border-top-color: #ffffff;
	z-index:					1;
}

		/* Monat and JobList
		-------------------------------------------------------------*/
		.month_box {
		border:						#EEEEEE solid 2px;
		width:						750px;
		background-color:	#0070A3;
		border-radius:		15px;
		color:						#FFF;
		padding:					10px;
		}
		month_box a {
		color:						#FFFFFF;
		}
		.JobList {
		margin:						10px;
		padding:					15px;
		display:					none;
		border-top:				1px solid;
		border-top-color: #ffffff;
		z-index:					1;
		}
		.tabwidth0 {
			width:					100px;
		}
		.tabwidth1 {
			width:					100px;
		}
		.tabwidth2 {
			width:					400px;
		}
		.tabwidth3 {
			width:					100px;
		}
		.tabwidth4 {
			width:					100px;
		}
		.tabwidth5 {
			width:					100px;
		}
		.tabwidth6 {
			width:					100px;
		}
		.tabwidth50 {
			width:					50px;
		}
		.showthis { 
			display:				none;
			background-color: #d2d2d2;
		}
		.showit:hover .showthis {
			display:				block;
			margin-top:			5px;
			border-left:		2px solid #F66;
			border-top:			1px solid #F66;
			padding-left:		5px;
			background-color: #d2d2d2;
		}
		
		/* Fahrtenbuch */
		.FaBu_Font {
			font-size:			10px;
		}
		FaBuTabFld1 {
			width:					100px;
		}
		FaBuTabFld2 {
			width:					60px;
		}
		FaBuTabFld3 {
			width:					120px;
		}
		FaBuTabFld4 {
			width:					80px;
		}
		FaBuTabFld5 {
			width:					80px;
		}
		FaBuTabFld6 {
			width:					80px;
		}
		FaBuTabFld7 {
			width:					80px;
		}
		FaBuTabFld8 {
			width:					80px;
		}
		FaBuTabFld9 {
			width:					80px;
		}
		FaBuTabFld10 {
			width:					80px;
		}
		FaBuTabFld11 {
			width:					80px;
		}
		FaBuTabFld12 {
			width:					80px;
		}
		FaBuTabFld13 {
			width:					80px;
		}