@charset "iso-8859-1";
/* base element inheritance formatting*/
body 
{
  width:780px;
  margin-right:auto;
  margin-left:auto;
/*	margin-left : 0px; */
/*	margin-right : 0px; */
	margin-top : 0px;
	margin-bottom : 0px;
	font-family : arial, geneva, helvetica, "sans serif";
	font-size : 14px;	
	background-image:url(img/corallobg.gif);
  background-repeat:repeat;
}

h1
{
	font-family:arial, geneva, helvetica, "sans serif";
  font-variant:small-caps;
  line-height:27px;
  padding-top:15px;
	font-size : 20px;	
}

#iebug_no_bg
{
	margin-left:19px;
	margin-right:0px; 
  width:90%;
  padding:0px;
  float:none;
  color:#003277;
	font-family:arial, geneva, helvetica, "sans serif";
	font-weight:bold;
}

#iebug
{
	margin-left:18px;
	margin-right:0px; 
  width:90%;
  padding:0px;
  float:none;
  color:#003277;
	font-family:arial, geneva, helvetica, "sans serif";
	font-weight:bold;
/*	background-image:url(img/bgl.jpg); */
}

#contentleft
{
	margin-right:0px; 
  width:166px;
  padding:5px;
  float:left;
  color:#003277;
	font-family:arial, geneva, helvetica, "sans serif";
	font-weight:bold;
}

#contentright
{
  width:583px;
	margin-right:18px; 
  padding:0px;
  float:left;
  color:#003277;
	font-family:arial, geneva, helvetica, "sans serif";
	font-weight:bold;
}

#Layer1
{
  padding-top:18px;
  padding-left:23px;
  padding-bottom:18px;
	background-image:url(img/menubg.jpg);
  background-repeat:no-repeat;
}

/* Styles for the menu */
.menu1 {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; text-indent:0px; text-align:left; word-spacing:0.00em; letter-spacing:0.00em; }
.menu2 {color:#003277; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:15px; }
.menu3 {color:#003277; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:12px; line-height:20px; }
.menu4 {font-family:Arial, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:10px; line-height:11px; }
.menu5 {color:#003277; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:15px; line-height:20px; }

		
/* all links are bold*/
a
{
	font-family:arial, geneva, helvetica, "sans serif";
	font-weight:bold;
}


/* unvisited link*/
a:link
{
  color:Blue;
}


/* visited links*/
a:visited
{
	color:red;
}

/* letzter gewählte Link */
a:active
{
	color:black;
}

/* links beim drüberfahren */
a:hover
{
	color:silver;
}


table
{
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}

td
{
	font-family : arial, geneva, helvetica, "sans serif";
}

th
{
	font-family : arial, geneva, helvetica, "sans serif";
	font-weight : bold;
}

/* headline classes*/
.headline
{
	font-family : verdana, arial, geneva, "sans serif";
	font-size : 110%;
	color : #000000;
	vertical-align : middle;
	text-align : left;
}

/* on-screen hint class*/
.hint
{
  font-size : x-small;
  color : #000000;
  background : #ffffff;
}

.hintvbm
{
  font-size : x-small;
}

/* Message classes*/
.note
{
  font-size : smaller;
  font-weight : bold;
  color : #000000;
  background : #ffffff;
  vertical-align : middle;
  text-align : left;
  padding : 2px;
}

.noteimg
{
  font-size : smaller;
  font-weight : bold;
  color : #000000;
  background : #ffffcc;
  vertical-align : top;
  text-align : center;
}

.success  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffff;
	vertical-align : middle;
	text-align : left;
	padding : 2px;
}

.successimg  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffcc;
	vertical-align : top;
	text-align : center;
}

.alert  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffcc;
	vertical-align : middle;
	text-align : left;
	padding : 2px;
}

.alertimg  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffcc;
	vertical-align : top;
	text-align : center;
}

.error  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffcc;
	vertical-align : middle;
	text-align : left;
	padding : 2px;
}

.errorimg  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffcc;
	vertical-align : top;
	text-align : center;
}

/* column header classes*/
.hdleft  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : left;
}

.hdright  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : right;
}

.hdmiddle  {
	font-size : smaller;
	color : #333333;
	background : #cccccc;
	text-align : center;
}

.datahd  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #cccccc;
}

.spanhd  {
	font-size : smaller;
	font-weight : bold;
	color : #eeeeee;
	background : #003366;
	text-align : left;
}

.spanhdright  {
	font-size : smaller;
	font-weight : bold;
	color : #eeeeee;
	background : #003366;
	text-align : right;
}

.spanhdcenter  {
	font-size : smaller;
	font-weight : bold;
	color : #eeeeee;
	background : #003366;
	text-align : center;
}

.subhdleft  {
	font-size : x-small;
	color : #333333;
	background : #cccccc;
	text-align : left;
}

/* label classes*/
.right  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : right;
}

.topright  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	vertical-align : top;
	text-align : right;
}

.left  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	text-align : left;
}

.topleft  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	vertical-align : top;
	text-align : left;
}

.center  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	text-align : center;
}

.greyright  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : right;
}

.greyleft  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	text-align : left;
}

.greycenter  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #eeeeee;
	text-align : center;
}

.greytopright  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	vertical-align : top;
	text-align : right;
}

.greytopleft  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	vertical-align : top;
	text-align : left;
}

/* remove after changing subright use to fine*/
.greysubright  {
	font-size : x-small;
	color : #333333;
	background : #cccccc;
	text-align : right;
	font-weight : normal;
}

/* data classes and alternating row color classes*/
.data  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
}

.datamiddle  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
	vertical-align : middle;
}

.datagrey  {
	font-size : smaller;
	color : #000000;
	background : #eeeeee;
}

.datalightblue  {
	font-size : smaller;
	color : #000000;
	background : #E1F8F9;
}

.bdata  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffff;
}

.bdatagrey  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #eeeeee;
}

.datart  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
	text-align : right;
}

.datartgrey  {
	font-size : smaller;
	color : #000000;
	background : #eeeeee;
	text-align : right;
}

.bdatart  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffff;
	text-align : right;
}

.bdatartgrey  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #eeeeee;
	text-align : right;
}

.curr  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffff;
	text-align : right;
}

.currgrey  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #eeeeee;
	text-align : right;
}

.currleft  {
	font-size : smaller;
	font-weight : bold;
	color : #000000;
	background : #ffffff;
	text-align : left;
}

.color  {
	color : #800000;
}

/* change to 000000 if FI doesn't want negative numbers to be red*/
.subdata  {
	font-size : x-small;
	color : #000000;
	background : #ffffff;
}

.subdatagrey  {
	font-size : x-small;
	color : #000000;
	background : #eeeeee;
}

.dataright  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
	text-align : right;
}

.datagreyright  {
	font-size : smaller;
	color : #000000;
	background : #eeeeee;
	text-align : right;
}

.yellow  {
	font-size : smaller;
	color : #000000;
	background : #ffffcc;
	vertical-align : middle;
	text-align : left;
}

/* vrm classes and account balance classes*/
.subcurr  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : right;
}

.editorial  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
}

.editgrey  {
	font-size : smaller;
	color : #000000;
	background : #eeeeee;
}

/* fine print for inputs and tables*/
.fine  {
	font-size : x-small;
	font-weight : normal;
	color : #333333;
}

.fineright  {
	font-size : x-small;
	font-weight : normal;
	color : #333333;
	text-align : right;
}

.finewhite  {
	font-size : x-small;
	font-weight : normal;
	color : #000000;
	background : #ffffff;
}

.subright  {
	font-size : x-small;
	font-weight : normal;
	color : #333333;
	background : #cccccc;
	text-align : right;
}

/* form element cell classes*/
.input  {
	font-size : smaller;
	background : #ffffff;
	vertical-align : baseline;
}

.topinput  {
	font-size : smaller;
	background : #ffffff;
	vertical-align : top;
}

.btminput  {
	font-size : smaller;
	background : #ffffff;
	vertical-align : bottom;
}

.inputgrey  {
	font-size : smaller;
	background : #eeeeee;
	vertical-align : baseline;
}

.submit  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #ffffff;
	vertical-align : middle;
	text-align : right;
}

.submitgrey  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	vertical-align : middle;
	text-align : right;
}

.inputtop  {
	font-size : smaller;
	vertical-align : top;
	background : #ffffff;
}

/* help classes*/
.help  {
	font-family : arial, helvetica, "sans serif";
	font-size : smaller;
	color : #666666;
	background : #ffffcc;
}

/* navigation bar classes*/
.navtext  {
	font-size : x-small;
	color : #000066;
	text-align : right;
}

.info  {
	font-size : x-small;
	color : #000066;
	background : #eeeeee;
}

.infotext  {
	padding-left : 2pt;
}

/* footer classes*/
.footlt  {
	font-size : x-small;
	color : #333333;
	background : #cccccc;
}

.footdk  {
	font-size : x-small;
	color : #cccccc;
	background : #333333;
}

/* background packing classes*/
.bkgnd  {
	font-size : 1pt;
}

.wtspace  {
	font-size : 1pt;
	background : #ffffff;
}

.greyspace  {
	font-size : 1pt;
	background : #eeeeee;
}

.yellowspace  {
	font-size : 1pt;
	background : #ffffcc;
}

.bottom  {
	vertical-align : bottom;
}

/* additional VIM classes*/
.yellowbar  {
	font-size : smaller;
	background : #ffffcc;
	text-align : left;
}

.yellowbarrt  {
	font-size : smaller;
	background : #ffffcc;
	text-align : right;
}

.yellowspace  {
	font-size : 4pt;
	background : #ffffcc;
}

.datacntr  {
	font-size : smaller;
	color : #000000;
	background : #ffffff;
	text-align : center;
}

.datacntrgrey  {
	font-size : smaller;
	color : #000000;
	background : #eeeeee;
	text-align : center;
}

.hdctr  {
	font-size : smaller;
	font-weight : bold;
	color : #333333;
	background : #cccccc;
	text-align : center;
}

.layoutml  {
	font-family : Arial,sans-serif;
	font-size : 11pt;
	color : gray;
	border-bottom-style : solid;
	border-bottom-width : thin;
	border-color : white;
	margin : 0px;
	margin-bottom : 0px;
	background-color : white;
}

.layoutbody  {
	font-family : Arial,sans-serif;
	font-size : 14pt;
	text-align : center;
	color : Black;
	border-bottom-style : solid;
	border-bottom-width : thin;
	border-color : red;
	margin : 0px;
	margin-bottom : 16px;
	background-color : White;
	margin-left : 10 px;
	margin-top : 0px;
	padding-left : 0px;
	border-left-width : medium;
	border-right-width : thin;
	border-top-width : medium;
	border-width : thin;
	border-style : none;
	overflow : auto;
	visibility : visible;
	clip : auto;
}

.layoutfooter  {
	font-family : Arial,sans-serif;
	color : gray;
	font-style : italic;
	font-weight : 500;
	font-size : 10pt;
	text-align : center;
}

.layoutheader  {
	background-color : white;
	color : gray;
	font-family : Arial,sans-serif;
	font-style : italic;
	font-weight : bold;
	text-align : center;
	font-size : 18pt;
}

.header_warenkorb  {
	background-color : blue;
	width : 200px;
	height : 70px;
	position : absolute;
	top : 10px;
	left : 600px;
	font-size : 8pt;
	font-family : Verdana;
}

.header_warenkorb_text  {
	font-size : 8pt;
	font-family : Verdana;
}

.chap  {
	font-family : Arial,sans-serif;
	font-size : 30pt;
	color : Black;
	border-bottom-width : 3px;
	border-color : red;
	margin : 0px;
	margin-bottom : 16px;
	position : absolute;
	left : 200px;
	top : 10px;
	width : 400px;
}

/* Einstellungen zu itemListTable.jsp*/
.itemslisttable  {
	align : left;
	width : 95%;
}

.listItemTD  {
	font-size : x-small;
	align : left;
	font-family : Verdana;
	font-weight : normal;
	font-style : normal;
}

.listItemTH  {
	font-size : small;
	align : left;
	text-align : left;
	background-color : Silver;
}

.itemMenu  {
	height : 20px;
	border : 0;
}

/* graphische MenuButtons auf Seiten*/
.MenuButton  {
	height : 35px;
	border : 0;
}

/* Text MenuButtons auf Seiten*/
.w3cbutton3  {
	margin : 1em 0;
	width : 9em;
	border : 1px solid #ccc;
	font-family : helvetica,arial,sans-serif;
	font-size : 70%;
	font-weight : bold;
}

.w3cbutton3 a  {
	display : block;
	width : 100%;
}

.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover  {
	background-color : #fc6;
	color : #000;
	text-decoration : none;
}

.w3cbutton3 span.w3c  {
	padding : 0 0.4em;
	background-color : #fff;
	color : #0c479d;
}

/* animierte Text MenuButtons auf Seiten*/
.w3cbutton4  {
	margin : 1em 0;
	width : 9em;
	font-family : helvetica,arial,sans-serif;
	font-size : 8pt;
	font-weight : normal;
}

.w3cbutton4 a  {
	display : block;
	width : 100%;
}

.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover  {
	background-color : #fc6;
	color : #000;
	text-decoration : none;
}

.w3cbutton4 a:link,
.w3cbutton4 a:visited  {
	border-top : 1px solid #cecece;
	border-bottom : 2px solid #4a4a4a;
	border-left : 1px solid #cecece;
	border-right : 2px solid #4a4a4a;
}

.w3cbutton4 a:hover  {
	border-bottom : 1px solid #cecece;
	border-top : 2px solid #4a4a4a;
	border-right : 1px solid #cecece;
	border-left : 2px solid #4a4a4a;
}

.w3cbutton4 span.w3c  {
	padding : 0 0.4em;
	background-color : #fff;
	color : #0c479d;
}

.w3cbutton4 img.w3cicon  {
	height : 10px;
	background-color : #fff;
	color : #0c479d;
}