body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	overflow: hidden; 
	margin: 0 !important;
	padding: 0 !important;
}

#maincontent {
	overflow: auto;
	width: 100%;
	padding-top: 20px;
}

ul {
	position: relative;
	left: -25px;
	padding-bottom: 0px;
}

li {
	padding-top: 1px;
	padding-bottom: 1px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	
	height: 18px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	
	height: 18px;
}

fieldset {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	
	border: solid 1px #D0D0D0;
	padding: 10px;
}

legend {
	font-size: 11px;
	font-weight: bold;
}

.mainSiteHeader {
	color: black;
	font-size: 16px;
	font-weight: bold;
}

hr {
	border: solid 1px #D0D0D0;
}

.tableHeader {
	background-color: #ABBEEF;
	font-weight: bold;
}
.tableFooter {	
	border-top:2px solid #ABBEEF;
	font-weight: bold;
}

.tableHeaderActive {
	background-color: #D6DFF7;
	font-weight: bold;
}

.defaultButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	width: 130px;
	height: 21px;
}

.okButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/ok.gif');
	width: 150px;
	height: 21px;
}

.refreshButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/aktualisieren.gif');
	width: 150px;
	height: 21px;
}

.abbrechenButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/abbrechen.gif');
	width: 150px;
	height: 21px;
}

.attachButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/attach.gif');
	width: 150px;
	height: 21px;
}

.attach90Button {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/attach90.gif');
	width: 90px;
	height: 21px;
}

.linkButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/link.gif');
	width: 150px;
	height: 21px;
}

.artikelButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/artikel.gif');
	width: 150px;
	height: 21px;
}

.preiseButton {
	border: none;
	background: none;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	background: url('buttons/preise.gif');
	width: 150px;
	height: 21px;
}

.highlight {
	font-weight: bold;
	color: #0240A3;
}
.error {
	font-weight:bold;
	color: #ff3333;
}

.success {
	font-weight:bold;
	color: rgb(0,128,0);
}

div.error_box {
	background-color: #fcf2f2;
	color: #c80000;
	border: solid 1px #c80000;
}

div.success_box {
	background-color: #f2f9f2;
	color: #008000;
	border: solid 1px #008000;
}

td.error_box {
	color: #c80000;
	font-weight:bold;
}

td.success_box {
	color: #008000;
	font-weight:bold;
}

.bg0 {
	background-color:#ffffff;
}
.bg1 {
	background-color:#f3f4f5;
}

.bg_a_0 {
	background-color: #f0f3fc;
}

.bg_a_1 {
	background-color: #e5e9f3;
}

.bg2 {
	background-color:#ccffcc;
}
.bg3 {
	background-color:#e0f3e0;
}

.bgrot1 {
	background-color: #eac3c4;
}
.bgrot2 {
	background-color: #f4cccc;
}

.bggruen1 {
	background-color: #c2ebc4;
}
.bggruen2 {
	background-color: #ccf4cc;
}

.bgblau1 {
	background-color: #c2d3ec;
}
.bgblau2 {
	background-color: #ccdcf4;
}

.bggelb1 {
	background-color: #f5efc4;
}
.bggelb2 {
	background-color: #fff8cc;
}


.bgmarked {
	background-color:#FFC896;
}

#hover {
	z-index: 999;
}
td.popup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffdd;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	padding: 4px; 
}
.hovertxt{
	font-family:verdana;
}
.pikSelector{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffdd;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	padding: 4px; 
}
.msg_error{
	font-weight:bold;
	font-color:red;
	
}
.msg_success{

}
td.np{
	font-size:11px;
	color:#222222;
	font-style: italic;
	padding:10px;
}

/* Eine Fake IE Infobar */
#infobar {
	font: message-box;
}

/* Bitte editiere die Angaben falls Du sie optisch verfeinern möchtest ! */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	color: InfoText;
	
	padding: .45em .3em .45em 2em;
	border-bottom: .16em outset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	color: HighlightText;
}

/* Ein weiterer IE Fake */
#viewplot {
	width: 100%;
	height: expression(this.parentNode.offsetHeight - this.offsetTop);
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 1em;  
}


/*
  ////////////////////////////////
 // LOGIN                      // 
////////////////////////////////  
*/
.loginborder {
	border: solid 1px #D1CBD0;
}

.gray {
	color: #646464;
}

.header {
	padding-left: 80px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.loginButton {
	border: none;
	background: none;
	
	background: url('login/button.gif');
	width: 91px;
	height: 21px;
}

/*
  ////////////////////////////////
 // NAVIGATION                 // 
////////////////////////////////  
*/

.naviHeader {
	width: 186px;
	height: 22px;
	background: url('menu/open.gif');
	font-size: 11px;
	font-weight: bold;
	color: #215DC6;
	padding-left: 10px;
}

.naviCloseHeader {
	width: 186px;
	height: 22px;
	background: url('menu/close.gif');
	font-size: 11px;
	font-weight: bold;
	color: #215DC6;
	padding-left: 10px;
}

.naviHeaderMover {
	width: 186px;
	height: 22px;
	background: url('menu/open_mo.gif');
	font-size: 11px;
	font-weight: bold;
	color: #428EFF;
	padding-left: 10px;
	cursor: hand;
}

.naviCloseHeaderMover {
	width: 186px;
	height: 22px;
	background: url('menu/close_mo.gif');
	font-size: 11px;
	font-weight: bold;
	color: #428EFF;
	padding-left: 10px;
	cursor: hand;
}

.naviBackground {
	background: url('menu/background.gif');
} 

/* GrayBox Styles */
td.gb_headline {
	color: white;
	font-weight: bold;
	font-size:14px;
	background-color: #cf1414;	
}

table.gb_table {
	border-top: solid 2px #cf1414;
	border-left: solid 2px #cf1414;
	border-right: solid 2px #cf1414;
	border-bottom: solid 2px #cf1414;
}

#gray_overlay{  
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 100%; 
	background-color: rgb(255,255,255);
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
} 
#gray_box{
	background-color: rgb(255,255,255);
}
#close{
	position:absolute;
	top:-5px;
	right:-5px;
	cursor:pointer;
}