/* ###################### html Tags ###################### */

body {
	margin:				0px;
	padding:			0px;
	text-align:			center;
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	background-color:	#2346aa;		
}

table {
	font-size:			12px;
	line-height:		16px;
}

button, .button {
	color:				#FFFFFF;
	background-color:	#0B7FD4;
	border:				1px solid #FFFFFF;
	padding:			3px 6px;
	-moz-border-radius: 5px;
}

hr {
	color: 				#FFFFFF;
	size: 				1px;
}

legend {
	color:				#FFFFFF;
	font-size:			14px;
}

fieldset {
	border:				0px;
	border-top:			1px solid #FFFFFF;
	background-color:	#5CB1ED;
}


/* ###################### Divs ###################### */

#tooltip {
	position:			absolute;
	z-index:			3000;
	border:				1px solid #FFFFFF;
	background-color:	#0B7FD4;
	color:				#FFFFFF;
	padding:			10px;
	opacity:			0.9;
	font-size:			11px;
	text-align:			left;
}

#tooltip h3, #tooltip div {
	margin: 0;
}

#headerContainer {
	background:			url('/media/images/header_container_bg.jpg') repeat-x;
}

#header {
	position:			relative;
	width:				982px;
	height:				149px;
	background:			url('/media/images/header_bg.jpg');
	margin:				auto;
}

#menucontainer {
	width:				100%;
	height:				48px;
	background:			url('/media/images/menu_bg.jpg');
}

#menu {
	width:				982px;
	margin:				auto;
}

#mainContainer {
	position:			relative;
	width:				941px;
	text-align:			left;
	margin:				auto;
	overflow:			auto;
	text-align:			center;
}

#mainHeader {
	width:				911px;
	height:				13px;
	overflow:			hidden;
	margin:				0px auto;
	background:			url('/media/images/main_shadow_top.jpg') no-repeat;
}

#main {
	font-size:			12px;
	line-height:		16px;
	width:				911px;
	margin:				auto;
	border-bottom:		1px solid #72b4e4;
	background:			url('/media/images/main_bg.gif') repeat-y;
	overflow:			auto;
	text-align:			left;
}

#mainLeft {
	float:				left;
	width:				643px;
	padding:			28px;
}

html>body #mainLeft {
	width:				587px;
	padding:			30px;
}

#mainRight {
	float:				left;
	width:				257px;
	padding:			30px 21px;
}

html>body #mainRight {
	width:				215px;
	padding:			30px 23px;
}

#menuRight {
	text-align:			center;
	overflow:			auto;
	background-color:	#72b4e4;
	width:				215px;
	margin-bottom:		15px;
}

#footer {
	width:				911px;
	height:				25px;
	color:				#FFFFFF;
	font-size:			11px;
	background:			url('/media/images/shadow_bottom.jpg') no-repeat;
	padding-top:		6px;
	margin:				auto;
}

#errorHolder {
	color:				#e97199;
	font-weight:		bold;
	font-size:			15px;
}

/* ###################### links ###################### */

body a:link, body a:visited {
	outline:			0px;
}

#header a:link, #header a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}

#header a:hover {
	color:				#74ae19;
}

#menu a:link.menuitem, #menu a:visited.menuitem {
	display:			block;
	font-size:			20px;
	height:				37px;
	float:				left;
	padding-top:		10px;
	padding-left:		25px;
	padding-right:		25px;
	color:				#FFFFFF;
	text-decoration:	none;
}

#menu a:link.menuitemActive, #menu a:visited.menuitemActive {
	display:			block;
	font-size:			20px;
	height:				37px;
	float:				left;
	color:				#3d3d3d;
	padding-top:		10px;
	padding-left:		24px;
	padding-right:		24px;
	padding-bottom:		10px;
	text-decoration:	none;
	border-left:		1px solid #bbd692;
	border-right:		1px solid #bbd692;
	border-top:			1px solid #bbd692;
	background:			url('/media/images/menu_item_bg.gif') repeat-x;
}

html>body #menu a:link.menuitemActive, html>body #menu a:visited.menuitemActive {
	padding-bottom:		0px;
}

#mainRight a:link, #mainRight a:visited{
	color:				#FFFFFF;
	text-decoration:	none;
}

#mainRight a:hover, #mainRight a:active{
	color:				#063468;
}

#footer a:link, #footer a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}

#mainLeft a:link, #mainLeft a:visited {
	color:				#000D5A;
	text-decoration:	none;
}

#mainLeft a:hover, #mainLeft a:active {
	text-decoration:	underline;
}

/* ###################### classes ###################### */

.mainLeftContent {
	margin-top:			30px;
	width:				591px;
}

.mainHeader {
	font-size:			20px;
}

.mainInfo {
	border-top:			1px solid #FFFFFF;
	background:			url('/media/images/main_left_info_bg.gif') repeat-y;
	
}

.leftInfo {
	height:				320px;
	padding-right:		5px;
	padding-left:		5px;
	padding-top:		5px;
	margin-top:			8px;
}

.rightInfo {
	padding-left:		20px;
	padding-right:		20px;
	padding-top:		15px;
	height:				320px;
	margin-top:			8px;
}

html>body .rightInfo {
	height:				310px;
}

.billTabLinkDe {
	float:				left;
	width:				93px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border:				1px solid #72b4e4;
	cursor:				pointer;
}

.articleTabLinkDe {
	float:				left;
	width:				56px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border-top:			1px solid #72b4e4;
	border-bottom:		1px solid #72b4e4;
	cursor:				pointer;
}

.customerTabLinkDe {
	float:				left;
	width:				62px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border:				1px solid #72b4e4;
	cursor:				pointer;
}

.billTabLinkEn {
	float:				left;
	width:				68px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border:				1px solid #72b4e4;
	cursor:				pointer;
}

.articleTabLinkEn {
	float:				left;
	width:				63px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border-top:			1px solid #72b4e4;
	border-bottom:		1px solid #72b4e4;
	cursor:				pointer;
}

.customerTabLinkEn {
	float:				left;
	width:				80px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#4F9FE3;
	border:				1px solid #72b4e4;
	cursor:				pointer;
}

.divNewInvoice {
	width:				215px;
	height:				39px;
	background:			url('/media/images/button_rechnung.gif');
	margin-bottom:		10px;
}

.divEditInvoice {
	width:				215px;
	height:				39px;
	background:			url('/media/images/button_rechnung_editieren.gif');
	margin-bottom:		10px;
}

.divPrintInvoice {
	width:				215px;
	height:				39px;
	background:			url('/media/images/button_rechnung_drucken.gif');
	margin-bottom:		10px;
}

.divNewReminder {
	width:				215px;
	height:				39px;
	background:			url('/media/images/button_mahnung.gif');
	margin-bottom:		10px;
}

.divPayment {
	width:				215px;
	height:				39px;
	background:			url('/media/images/button_zahlung.gif');
}


.largeButton {
	width:				220px;
	height:				48px;
	margin-bottom:		10px;
	padding-left:		16px;
	padding-top:		18px;
	cursor:				pointer;
	border-style:		solid;
	border-width:		1px;
	border-color:		#FFFFFF;
	color:				#FFFFFF;
	background-color:	#0375D6;
	-moz-border-radius: 10px;
}

.rightMenuButton {
	width:				203px;
	height:				32px;
	margin-bottom:		10px;
	padding-left:		10px;
	padding-top:		5px;
	cursor:				pointer;
	border-style:		solid;
	border-width:		1px;
	-moz-border-radius: 10px;
}
.rightMenuButtonIcon {
	width:				28px;
	height:				28px;
	float:				left;
	border-width: 		0px;
	padding: 			0px;
}
.rightMenuButtonLabel {
	padding-left:		42px;
	padding-top:		6px;
	font-size:			14px;
}

.billButton {
	padding-left:		55px;
	padding-top:		12px;
	font-size:			14px;
}

.floatLeft284 {
	float:				left;
	width:				284px;
}

.marginRight23 {
	margin-right:		23px;
}

.marginInput {
	margin-bottom:		8px;
}

.widthInput {
	width:				200px;
}

.overflowAuto {
	overflow:			auto;
}

.paddingBottom20{
	padding-bottom:		20px;
}

.tableWorkingPlace {
	width:				100%;;
}

.tableWorkingPlace td {
	padding:			8px 10px;
	border-bottom:		1px solid #339DE9;
}

.tdRight {
	text-align:			right;
}

.trUneven {
	//background-color:	#48A7EB;
	background-color:	#4AADEF;
	height:				32px;
}

.trEven {
	//background-color:	#339DE8;
	background-color:	#68B9EF;
	height:				32px;
}

.corner-all {
	-moz-border-radius: 5px;
}

.state-menu-button-default {
	background-color:	#4F9FE3;
	border-color:		#84BCEB;
	opacity:			1.0;
}

.state-menu-button-disabled {
	opacity:			0.7;
}

.state-menu-button-selected {
	color:				#063468;
	background-color:	#68B9EF;
	opacity:			1.0;
}

.state-menu-tab-selected {
	background-color:	#063468;
}

.state-default {
	border-color:		#0B7FD4;
	background-color:	#EFF9FF;
	opacity:			1.0;
}

.state-invalid {
	border-color:		#AF0007;
	background-color:	#FFCFD5;
}

.state-disabled {
	opacity:			0.3;
}

.state-selected {
	background-color:	#8FD2FF;
	color:				#0B7FD4;
	opacity:			1.0;
}

.article-selected {
	background-color:	#8FD2FF;
	color:				#0B7FD4;
}

.inputText {
	width:250px;
	margin-bottom:8px;
}

.cursorPointer {
	cursor:				pointer;
}

/* ###################### suggest ###################### */

table.suggestResult {
	margin:				0px;
	font-size:			8pt;
	color:				#000000;
	width:				100%;
	min-width:			350px;
	border-spacing:		0px;
	text-align:			left;
}

tr.suggestResult {
	cursor: 			pointer;
}

td.suggestResult {
	border-width:		0px;
	border-bottom-width:1px;
	border-style:		solid;
	border-color:		#0B7FD4;
	padding:			3px;
	padding-left:		8px;
}

td.suggestHeadline {
	border-width:		0px;
	border-bottom-width:1px;
	border-style:		solid;
	border-color:		#0B7FD4;
	padding:			5px;
	background-color:	#0B7FD4;
	text-align:			left;
}

.suggestField {
	
}