/*-------------------------------------------*/
/* Datei:	 foserag.css                     */
/*-------------------------------------------*/  

foserag.css                   {font-family: Arial;}


/*-------------------------------------------*/
/* Global                                    */
/*-------------------------------------------*/   
body                          {color: #000000; background-color: #F2F2F2; font-family: Arial; font-size: 12px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
p, td, li, ul			  			{font-family: Arial; font-size: 12px;}

/*-------------------------------------------*/
/* Farben                                    */
/*-------------------------------------------*/   
.backgroundColor              {color: #F2F2F2;}
.companyMainColor             {color: #FF9900;}  /* R255 G153 B0 */
.darkGrey                     {color: #999999;}  /* R153 G153 B153*/

/*-------------------------------------------*/
/* Borders                                   */
/*-------------------------------------------*/   
.imgBorder1                   {border: 1px solid #999999;}

/*-------------------------------------------*/
/* Links                                     */
/*-------------------------------------------*/   
a:visited                     {font-size: 12px; font-weight : bold; color: #000000; text-decoration: underline;}
a:active                      {font-size: 12px; font-weight : bold; color: #000000; text-decoration: underline;}
a:link                        {font-size: 12px; font-weight : bold; color: #000000; text-decoration: underline;}
a:hover           			  {font-size: 12px; font-weight : bold; color: #FF9900; text-decoration: underline;}

a.small:visited               {font-size: 10px; font-weight: bold; color: #585858; text-decoration: underline;}
a.small:active                {font-size: 10px; font-weight: bold; color: #585858; text-decoration: underline;}
a.small:link                  {font-size: 10px; font-weight: bold; color: #585858; text-decoration: underline;}
a.small:hover                 {font-size: 10px; font-weight: bold; color: #FF9900; text-decoration: underline;}

.imglinkborder                {border-color: #FFFFFF; border-size: 1pt;}
a:hover .imglinkborder        {border-color: #FF9900; border-size: 1pt;}

.imglinkborder2               {border-color: #999999; border-size: 1pt;}
a:hover .imglinkborder2       {border-color: #FF9900; border-size: 1pt;}


/*-------------------------------------------*/
/* Zentrale Einstiegsseite                   */
/*-------------------------------------------*/   
div.introArea                 {text-align: center; top: 80; position: relative;}
table.intro                   {border-style: solid; border-color: #CCCCCC; border-width: thin; background-image: url(../images/layout/menu_bg_area.gif); background-repeat: repeat;} 
td.introLogo                  {width: 200px; height: 400px; text-align: center; padding-top: 10px; background-color: #FF9900;}
td.introCompanyName           {background-color: #CCCCCC; padding-left: 10px; padding-right: 10px; line-height: 45px; width: auto;}
td.introCompanyNameOver       {background-color: #FF9900; padding-left: 10px; padding-right: 10px; line-height: 45px; width: auto;}
td.introCompanyAdd            {background-color: #CCCCCC; padding-left: 10px; border-top: 1px solid #999999; font-size: 10px; font-weight: bold; width: auto;}
td.introCompanySpacer         {line-height: 40px;}
table.introNews               {margin-left: 10px; margin-right: 10px;}
/*td.introNewsHeader            {padding-left: 6px; background-color: #FF9900; font-size: 11px; font-weight: bold;}*/
td.introNewsHeader            {padding-left: 6px; font-size: 12px; font-weight: bold;}
/*td.introNewsFooter            {padding-left: 6px; background-color: #FF9900; font-size: 10px;}*/
td.introNewsFooter            {padding-left: 6px; font-size: 10px;}
a.introCompany:visited        {font-family: "Arial Black"; font-size: 19px; font-weight: 900; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.introCompany:active         {font-family: "Arial Black"; font-size: 19px; font-weight: 900; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.introCompany:link           {font-family: "Arial Black"; font-size: 19px; font-weight: 900; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.introCompany:hover          {font-family: "Arial Black"; font-size: 19px; font-weight: 900; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
div.introFooterArea           {position: absolute; left: 0; bottom: 10;}

/*--- Neue Startseite, 23.2.09 ---*/
div.backgroundLeft            {position: absolute; bottom: 0; left: 0; width: 50%; height: 5000px; background-color: #000000;}
div.backgroundRight           {position: absolute; bottom: 0; right: 0; width: 50%; height: 5000px; background-color: #939393;}
div.contentLeft   				{position: absolute; top: 60px; left: 25px; width: 45%; color: #FF9900; font-family: "Arial Black";}
div.contentLeftTitle				{position: relative; font-size: 19px; font-weight: 100;}
div.contentLeftLeitbild			{position: relative; top: 80px; font-family: "Arial"; font-size: 14px; font-weight: 600;}
div.contentLeftLeitbild2		{position: relative; top: 200px; left: 180px; width: 55%; font-family: "Arial"; font-size: 14px; font-weight: 600;}
div.contentLeftLogoSQS   		{position: relative; top: 350px;}
div.contentRight   				{position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
td.spacer				         {line-height: 25px;}
td.companyName           		{text-align: right; background-color: #FF9900; padding-right: 30px; line-height: 45px; width: auto; cursor: auto;}
td.companyNameOver       		{text-align: right; background-color: #FFD698; padding-right: 30px; line-height: 45px; width: auto; cursor: hand;}
a.companyLink:visited        	{font-family: "Arial Black"; font-size: 28px; font-weight: 600; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.companyLink:active         	{font-family: "Arial Black"; font-size: 28px; font-weight: 600; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.companyLink:link           	{font-family: "Arial Black"; font-size: 28px; font-weight: 600; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}
a.companyLink:hover          	{font-family: "Arial Black"; font-size: 28px; font-weight: 600; font-style: italic; letter-spacing: 5px; color: #000000; text-decoration: none}


/*-------------------------------------------*/
/* Gelber Balken auf Detailseite             */
/*-------------------------------------------*/   
div.mainTitleArea             {position: absolute; left: 0; top: 0;}
table.mainTitle               {border-style: none;}
td.mainTitleWhiteArea         {line-height: 24px; background-color: #F2F2F2;} /* line-height verkleinern, wenn es um Bild einen weissen Rand gibt */
td.mainTitleFiller1           {background-color: #FF9900; border-top: 2px solid #999999; width: 80px; text-align: center;}
td.mainTitleFiller2           {background-color: #F2F2F2; border-top: 2px solid #999999; width: 1px;}
td.mainTitleCompanyName       {background-color: #FF9900; border-top: 2px solid #999999; font-family: "Arial Black"; font-size: 28px; font-weight: 900; font-style: italic; letter-spacing: 5px; padding-right: 10px; line-height: 45px; width: auto; text-align: right;}
td.mainTitleFiller3           {background-color: #FF9900; border-top: 2px solid #999999; border-right: 2px solid #999999; width: 1px;}
td.mainTitleFiller4           {background-color: #FF9900;}
td.mainTitleFiller5           {background-color: #FF9900; border-top: 2px solid #999999; line-height: 10px; width: 126;}


/*-------------------------------------------*/
/* Menü auf Detailseite                      */
/*-------------------------------------------*/   
div.menuBackgroundArea        {position: absolute; top: 0; left: 0; width: 200px; height: 100%; background-image: url(../images/layout/menu_bg_area.gif); background-repeat: repeat;}
div.menuArea                  {position: absolute; top: 130; left: 0; width: 200px;}
table.menu                    {border-style: none;}
/*td.menuItemNotSelected        {color: #000000; background-color: #FFFFFF; line-height: 25px;} */
td.menuItemNotSelected        {color: #000000; background-color: #FFD698; line-height: 25px;} /* background-color: #BBBBBB; */
td.menuItemSelected           {color: #999999; background-color: #FF9900; line-height: 25px;}
tr.menuItemVisible            {visibility: visible;}
tr.menuItemNotVisible         {visibility: hidden; display: none;}  /* display ist wichtig, da element sonst anzeigeplatz belegt! */
tr.menuItemSpacerVisble       {visibility: visible;}
tr.menuItemSpacerNotVisible   {visibility: hidden; display: none;}
td.menuItemSpacer             {line-height: 10px;}
a.menuItem:visited            {font-size: 12px; font-weight: bold; color: #585858; text-decoration: none}
a.menuItem:active             {font-size: 12px; font-weight: bold; color: #585858; text-decoration: none}
a.menuItem:link               {font-size: 12px; font-weight: bold; color: #585858; text-decoration: none}
a.menuItem:hover              {font-size: 12px; font-weight: bold; color: #585858; text-decoration: none}


/*-------------------------------------------*/
/* Content auf Detailseite                   */
/*-------------------------------------------*/   
div.contentArea               {position: absolute; left: 225; top: 130;}
td.bold                       {font-weight: bold;}
td.boldCompanyColor      {font-weight: bold; color: #FF9900;}
div.pageTitle                 {position: relative; left: 0; top: 0; height: 25px; width: 100%; padding-left: 8px; padding-top: 4px; font-size: 12px; font-weight: bold; color: #585858; background-color: #CCCCCC; border-style: solid; border-color: #999999; border-width: 1px;}
div.pageContent               {position: relative; left: 0; top: 20; width: 100%;}

hr.hSpace                     {color: #FF9900; height: 1px;}
table.contact   	          {font-family: Arial; font-size: 12px;}
tr.hSpace   		          {font-family: Arial; font-size: 12px; height: 8px;}
tr.hSpaceLine  		          {font-family: Arial; font-size: 12px; height: 20px;}
td.vSpace		              {font-family: Arial; font-size: 12px; width: 10px;}
td.hSpace                     {line-height: 6px;}

.imgLeft                      {border: 1px solid #585858; margin-right: 10px; margin-bottom: 10px;}
.imgRight                     {border: 1px solid #585858; margin-left: 10px; margin-bottom: 10px;}
.imgCenter                    {border: 1px solid #585858; margin: 10px;}
.imgNormal                    {border: 1px solid #585858;}


/*-------------------------------------------*/
/* Formularfelder                            */
/*-------------------------------------------*/   
input.normalField             {width: 145px; font-family: Arial; font-size: 12px;}
input.longField               {width: 300px; font-family: Arial; font-size: 12px;}
textarea.longField            {width: 300px; height: 80px; font-family: Arial; font-size: 12px;}
input.normal     	          {width: 100px; font-family: Arial; font-size: 12px; background-color: #FF9900; color : #585858; font-weight : 600; }

/*-------------------------------------------*/
/* Footer auf Detailseite                    */
/*-------------------------------------------*/   
div.footerArea                {position: absolute; left: 0; bottom: 0;}
table.footer                  {border-style: none;}
td.footerCopyright            {background-color: #FF9900; color: #000000; font-size: 9px; text-align: center; border-top: 2px solid #999999; line-height: 15px;}


/*-------------------------------------------*/
/* Wasserzeichen                             */
/*-------------------------------------------*/   
div.watermarkArea             {position: absolute; right: 30; bottom: 30; width: 300px; height: 200px; background-image: url(../images/layout/logo_watermark.gif); background-repeat: no-repeat;}