/*

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

*/

body
{
	background-color:	#F2F2F2;
	font:							.70em/1.5em  Helvetica, Verdana, Tahoma, sans-serif;
	font-weight:			normal;	
	color:						#333;
	margin:						0;
	padding:					0;
	text-align:				left;
}
a
{
	text-decoration:	none;
	color:						#4F81BC;
}
a:hover
	{
		color:						#F2F2F2;
		background-color:	#4F81BC;
	}

/* DIV Elemente */
.fontbold {
	font-weight:			bold;
}
.font_big
{
	background-color:	#F2F2F2;
	font-size:				20px;
}
.font_big_head
{
	background-color:	#F2F2F2;
	font-size:				24px;
	border:						0px solid #ddd;
	text-align:				center;
	color:						#4F81BC;
}
.search
{
	background-color:	#FFFFFF;
}
table
{
	
}
thead
{
	font-size:				18px;
	color:						#FAFAFA;
	background-color:	#4F81BC;
}
tbody
{
	font-size:				14px;
}
.tabout {
	border-top:		1px solid #999;
}
.tabout_thick {
	border-top:		3px solid #999;
}
.taboutFuture {
	border-top:		1px solid #777;
	color:						#aaa;
}
.rechtsAusrichten {
	text-align:				right;	
}
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;
}
.button 
{  background-color: #4F81BC;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer; 
}
/* 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;
}

/* Ü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;
		}
		.tabwidth1
		{
			width:					450px;
		}
		.tabwidth2
		{
			width:					100px;
		}
		.tabwidth3
		{
			width:					100px;
		}
		.tabwidth4
		{
			width:					100px;
		}
		.tabwidth5
		{
			width:					100px;
		}
		.tabwidth6
		{
			width:					100px;
		}
		.strikethrough {
			text-decoration: line-through;
			font-style: italic;
		}