/*
	CSS Styles for Aventics online catalog
	Colors to use:
			red: 		#e65014 (mainly used for headlines) 
			grey 100%:	#585858
			grey 80%:	#797979
			grey 60%:	#9b9b9b
			grey 20%:	#dedede
			petrol:		#0091a0 (hyperlinks should have this color)
*/

/* General */
/*****************************************************************************/
/*****************************************************************************/
* {font-family: Arial Unicode MS, Lucida Sans Unicode, Arial, Helvetica, sans-serif;}
td {font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 12px;}

a:link {color:#0091A0; text-decoration: none;}
a:visited {color:#0091A0; text-decoration: none;}
a:active {color:#0091A0; text-decoration: none;}
a:hover {color:#0091A0; text-decoration: underline;}

/* Navigation*/
/*****************************************************************************/
/*****************************************************************************/
.globalNavi {color:#ffffff; font-size: 10px; font-weight: normal;}
.globalNavi a:link {color : #ffffff; text-decoration: none;}
.globalNavi a:visited {color : #ffffff; text-decoration: none;}
.globalNavi a:active {color : #ffffff; text-decoration: none;}
.globalNavi a:hover {color:#ffffff; text-decoration: underline;}

.funktionNavi {color:#ffffff; font-size: 10px; font-weight: normal;}
.funktionNavi a:link {color : #ffffff; text-decoration: none;}
.funktionNavi a:visited {color : #ffffff; text-decoration: none;}
.funktionNavi a:active {color : #ffffff; text-decoration: none;}
.funktionNavi a:hover {color : #ffffff; text-decoration: underline;}

.liNavi {color:#000000; font-size: 11px; font-weight: normal;}
.liNavi a:link {color : #000000; text-decoration: none;}
.liNavi a:visited {color : #000000; text-decoration: none;}
.liNavi a:active {color : #000000; text-decoration: none;}
.liNavi a:hover {color : #0091A0; text-decoration: none;}

.liNaviAktiv {color:#000000; font-size: 11px; font-weight: normal;}
.liNaviAktiv a:link {color : #000000; text-decoration: none;}
.liNaviAktiv a:visited {color : #000000; text-decoration: none;}
.liNaviAktiv a:active {color : #000000; text-decoration: none;}
.liNaviAktiv a:hover {color : #0091A0; text-decoration: none;}

.liNaviBold_13 { color: #000000; font-size: 13px; font-weight: bold; }
.liNaviBold_13 a:link { color: #000000; }
.liNaviBold_13 a:visited { color: #000000; }
.liNaviBold_13 a:hover { color: #0091A0; }
.liNaviBold_13 a:active { color: #0091A0; }

.reNavi {color:#797979; font-size: 11px; font-weight: normal;}
.reNaviHead {color: #797979; font-weight: bold; font-size: 11px}/* unused? */
.reNaviAktuell {color: #797979; font-weight: normal; font-size: 11px}/* unused?*/
.reNavi a:link {color : #0091A0; text-decoration: none;}
.reNavi a:visited {color : #0091A0; text-decoration: none;}
.reNavi a:active {color : #0091A0; text-decoration: none;}
.reNavi a:hover {color:#0091A0; text-decoration: underline;}

/* The spearator above 0-level entries      */
.naviRule
{
	display				: block;
	margin-left			: 8px;
	border-top			: 1px solid #dedede;
}

/* The navi-status                         */
.naviStatus
{
	display				: block;
	font-style			: italic;
	margin-left			: 8px;
	border				: none;	
	padding				: 1px 0px 2px 0px;
}
.naviStatus select	{font:normal 10px Helvetica;}

/* The navi-item itself                     */
.naviItem	{	border	: none;	}

.naviLink {
	background-color: #ffffff;
	color: #000000;
}


/* level-specific navi-item margins         */
.naviItemLevel0, .naviItemLevel0Selected	{margin:28px 0px 0px 0px;font: bold 13px Helvetica;}
.naviItemLevel1, .naviItemLevel1Selected	{margin:0px 0px 0px 0px;}
.naviItemLevel2, .naviItemLevel2Selected	{margin:0px 0px 0px 8px;}
.naviItemLevel3, .naviItemLevel3Selected	{margin:0px 0px 0px 18px;}


/* level-specific navi-item img display     */
.naviItem img
{
	position			: relative;
	float				: left;
	padding-top			: 3px;
}

/* level-specific navi-item link display    */
.naviItem .naviLink
{
	position			: relative;
	display				: block;
	padding				: 1px 0px 2px 0px;
}

/* level-specific navi-item link margins    */
/*.naviItemLevel0 .naviLink, .naviItemLevel0Selected .naviLink	{margin-left:8px;}
.naviItemLevel1 .naviLink, .naviItemLevel1Selected .naviLink	{margin-left:18px;}
.naviItemLevel2 .naviLink, .naviItemLevel2Selected .naviLink	{margin-left:17px;}
.naviItemLevel3 .naviLink, .naviItemLevel3Selected .naviLink	{margin-left:16px;}*/

.naviItemLevel0 .naviLink, .naviItemLevel0Selected .naviLink	{margin-left:8px;}
.naviItemLevel1 .naviLink, .naviItemLevel1Selected .naviLink	{margin-left:20px;}
.naviItemLevel2 .naviLink, .naviItemLevel2Selected .naviLink	{margin-left:19px;}
.naviItemLevel3 .naviLink, .naviItemLevel3Selected .naviLink	{margin-left:18px;}

/* level-specific navi-item img margins     */
.naviItemLevel0 img												{margin-left:8px;}
.naviItemLevel0Selected img										{margin-left:4px;}
.naviItemLevel1 img												{margin-left:8px;}
.naviItemLevel1Selected img										{margin-left:4px;}
.naviItemLevel2 img, .naviItemLevel2Selected img				{margin-left:8px;}
.naviItemLevel3 img, .naviItemLevel3Selected img				{margin-left:7px;}

.naviItemLevel1Selected a:link {color: #E65014;}
.naviItemLevel1Selected a:visited {color: #E65014;}
.naviItemLevel1Selected a:hover {color: #0091A0;}
.naviItemLevel1Selected a:active {color: #0091A0;}
.naviItemLevel1Selected {background-color: #FFFFFF;}

.naviItemLevel2Selected a:link {color: #E65014;}
.naviItemLevel2Selected a:visited {color: #E65014;}
.naviItemLevel2Selected a:hover {color: #0091A0;}
.naviItemLevel2Selected a:active {color: #0091A0;}
.naviItemLevel2Selected {background-color: #FFFFFF;}

.naviItemLevel3Selected a:link {color: #E65014;}
.naviItemLevel3Selected a:visited {color: #E65014;}
.naviItemLevel3Selected a:hover {color: #0091A0;}
.naviItemLevel3Selected a:active {color: #0091A0;}
.naviItemLevel3Selected {background-color: #FFFFFF;}

/* Suche */
/*****************************************************************************/
/*****************************************************************************/
.searchLinks a {color:#0091A0; font-size: 11px; font-weight: bold;}/* unused? */
.searchLinks a:link {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:visited {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:active {color : #0091A0; text-decoration: underline;}/* unused? */
.searchLinks a:hover {color : #0091A0; text-decoration: underline;}/* unused? */

/* Content Bereich */
/*****************************************************************************/
/*****************************************************************************/
/* Ueberschriften Content Fenster*/
.contUeber1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#9b9b9b;}
.contUeber2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#e65014;}

.contentLinks {color:#000000; font-size: 11px; font-weight: normal;}
.contentLinks a:link {color : #000000; text-decoration: none;}
.contentLinks a:visited {color : #000000; text-decoration: none;}
.contentLinks a:active {color : #000000; text-decoration: none;}
.contentLinks a:hover {color : #0091A0; text-decoration: none;}

.inkas_Table {
	background-color: #585858;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	width: 100%;
}

.inkas_HeadColor{ background-color: #585858;}

.inkas_Body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

.inkas_Frame {
	border: 0px solid red;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	width: 998px;
	height: 100%;
	vertical-align: top;
}

.inkas_Margin {
	padding: 0px;
}

.inkas_Margin_Left{
	width: 7px;
	padding: 0px;
}

.inkas_Margin_Right {
	width: 11px;
	padding: 0px;
}

/*.inkas_Frame td {
	padding: 0;
}*/

.inkas_ContentPane {
	background-color: #FFFFFF;
	border: 0px solid green;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
}

.inkas_FramesetLeft {
	width: 185px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.inkas_LayoutLeft {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	float: left;
	width: 181px;
	height: 0%;
}

.inkas_NaviBar {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	float: left;
	width: 181px;
	height: 1%;
}

.inkas_NaviBar td {
	padding: 0px;
}

.inkas_Re_NaviBar {
	background-color: #FFFFFF;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin-left: 0px;
	margin-right: auto;
	height: 1%;
}


.inkas_FunctionBar {
	background-color: #839CBA;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 142px;
	vertical-align: top;
}

.inkas_content_headline{ font-size:12px; font-weight:bold; color:#ffffff; background-color:#9b9b9b; padding:5px;}

.inkas_border { border: 1px solid #dedede; }
.inkas_border_top{ border-top-width: 1px; border-top-style: solid; border-top-color: #dedede;}
.inkas_border_2 {border-width:2px; border-style:solid; border-color:#dedede}
.inkas_border_bottom_2{padding:0px;border-width:0px; border-bottom:2px; border-style:solid; border-color:#dedede}
.inkas_border_right_2{padding:0px;border-width:2px; border-right:0px; border-style:solid; border-color:#dedede}
.inkas_border_left_bottom_2{border-width:0px; border-left:2px; border-bottom:2px; border-style:solid; border-color:#dedede;}
.inkas_border_right_bottom_2{border-width:0px; border-right:2px; border-bottom:2px; border-style:solid; border-color:#dedede;}
.inkas_bg_grey100 {background-color: #585858}
.inkas_bg_grey80 {background-color: #797979}
.inkas_bg_grey60 {background-color: #9b9b9b}
.inkas_bg_grey40 {background-color: #bdbdbd}
.inkas_bg_grey20 {background-color: #dedede}
.inkas_bg_grey8  {background-color: #f2f2f2}

/* xMedia settings */
.xM_TabHeaderLeft      {color: #FFFFFF; font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top; text-align:left;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_TabHeaderRight     {color: #FFFFFF; font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top; text-align:right;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_TabHeaderCenter    {color: #FFFFFF; font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top; text-align:center;padding:2px; border-bottom:1px solid #FFFFFF;}
.xM_CellRight          {font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; vertical-align:top;text-align:right;padding:2px;}
.xM_CellLeft           {font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; vertical-align:top;text-align:left;padding:2px;}
.xM_CellCenter         {font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; vertical-align:middle;text-align:center;padding:2px;}
.xM_HeaderRow          {background-color:#9b9b9b;}
.assetHeadline         {background-color:#9b9b9b;padding:2px;color: #FFFFFF; font-size: 12px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-weight:bold;vertical-align:top;text-align:left;}
.xM_Table              {background-color:#FFFFFF;border-width:0px;border-spacing:0px;padding:2px;}
.xM_TableBorder        {background-color:#FFFFFF;border:1px solid #9b9b9b;padding:2px;}
.xM_TabBorderLeft      {border-left:1px solid #9b9b9b;}
.xM_TabBorderLeftWhite {border-left:1px solid #FFFFFF;}
.xM_TabBorderBottom    {border-bottom:1px solid #9b9b9b;}
.xM_TabBorderTop       {border-top:1px solid #9b9b9b;}
.xM_contUeber1         {font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;color:#9b9b9b;}
.xM_contUeber2         {font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;color:#e65014;}
.xM_FootnoteAU         {color: #333; font-size: 10px; font-family: Arial Unicode MS, Arial, Helvetica, sans-serif }

/********************************************/
/* tab buttons                              */
.tabBar
{
	position			: relative;
	border				: none;
}
.tabBar a
{
	position			: relative;
	float				: left;
	margin-right		: 4px;
	border-left			: 2px solid #9b9b9b;
	border-top			: 2px solid #9b9b9b;
	border-right		: 2px solid #9b9b9b;
	border-bottom		: 2px solid #9b9b9b;
	padding				: 8px;
	white-space			: nowrap;
	font				: bold 12px Helvetica;
	text-decoration		: none;
}
.tabBar a.active
{
	color				: #797979;
	background-color	: #fff;
	cursor				: default;
	text-decoration		: none;
	padding-top			: 12px;
	border-bottom		: 0px solid #fff;
	padding-bottom		: 10px;
}
.tabBar a.passive
{
	color				: #fff;
	background-color	: #9b9b9b;
	cursor				: pointer;
	text-decoration		: none;
	margin-top			: 4px;
}
.tabBar a:hover
{
	color				: #000;
	background-color	: #fff;
	text-decoration		: none;
}

/* tab content                              */
.tab /* unused?*/
{
	border				: 2px solid #9b9b9b;
	padding				: 3px;
	width				: 100%;
}
.tabNavi
{
	border				: 2px solid #9b9b9b;
	padding				: 3px;
}
	
/********************************************/
/* QR mobile                                */

#qrProductname {
   font-size: 20px;
}
#qrAttributes {
   font-size: 16px;
}
#qrHeadline {
   font-size: 20px;
}
#qrMaterialnumber {
   font-size: 20px;
 }
#qrError {
   font-size: 60px;
}



