/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer das Layout
//
// WeblicationŽ CMS Strukturdesign Version 4.7
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit WeblicationŽ Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/



/* HTML-Elements */


/********* ALL RELATIVE LINKS SHOULD BE CHANGED TO ABSOLUTE LINKS BEFORE GOING LIVE**********/

body#index         {margin:0;padding:0;background-color:#ffffff;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:140%; background-image:url(../img/bg_start.gif); background-repeat:repeat-x}
body	           {margin:0;padding:0;background-color:#ffffff;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:140%; background-image:url(../img/bg_content.gif); background-repeat:repeat-x}

table               {margin:16px; margin-left:22px; margin-right:3px;}
table td            {spacing:0; padding:2px;}

object				{padding:0px; margin:0px;}


div                 {margin:0;padding:0;}
p                   {margin:0;padding:0;}

td                  {margin:0;padding:0;}
th                  {margin:0;padding:0;}

form                {margin:0;padding:0;}

input               {font-size:1.0em; font-family: Arial, Helvetica, sans-serif; padding:1px 0px 0px 4px; margin:3px 0px 0px 11px; border:1px solid #959595;}
select              {font-size:1.0em; font-family: Arial, Helvetica, sans-serif; }
textarea            {font-size:1.0em; font-family: Arial, Helvetica, sans-serif; padding:1px 0px 0px 4px; margin:3px 0px 0px 11px; padding:3px; border:1px solid #959595;}

span                {}

a                   {color:#E52D30; text-decoration:underline;}
a:hover             {color:#E52D30; text-decoration:none;}


a img 				{border:0px;}

ul      		    {margin:10px 0px 15px 16px; padding:0px; list-style-type:disc;}
ol      		    {margin:0px 0px 0px 16px; padding:0px;}

li ul				{margin:0 0 15px 16px; list-style-type:circle;}

li ul li ul			{margin:0 0 0 16px; list-style-type: none;}


hr                  {background-color:#000000;color:#000000;height:1px;border-style:none;}

h1                  {font-size:1.4em;margin:0;padding:0;font-weight:bold;}
h2                  {font-size:1.2em;margin:0;padding:0;font-weight:bold;}
h3                  {font-size:1em;margin:0;padding:0;font-weight:bold;}
h4                  {font-size:1em;margin:0;padding:0;font-weight:bold;}
h5                  {font-size:1em;margin:0;padding:0;font-weight:bold;}
h6                  {font-size:1em;margin:0;padding:0;font-weight:bold;}

.textSmall			{font-size:10px;}


/* Blocks */

.blockMain       	 	{width:975px; }/*Whole Block*/
.blockTop#start   		{height:179px; border-bottom:1px solid #FFFFFF;} /*Header Start*/
.blockTop		   		{height:134px; border-bottom:1px solid #FFFFFF;} /*Header*/
.blockLeft       	 	{float:left; width:180px;} /*Left*/
.blockContent    	 	{margin: 10px 90px 0 45px;} /*Content*/
.blockCurNavigation	    {float:left; width:600px; vertical-align:top; margin:0px 0px 0px 0px;}	/*Path*/
.blockRight      	 	{float:left; width:795px;} /*Right*/
.blockBottom     	 	{margin-left:190px; clear:both; width:600px; vertical-align:top; padding:16px 0px 16px 0px;} /*Footer/


/* General Elements of Content*/

.blockContent a:visited           				   {color:#777777;}

.blockContent .elementBox						   {width:660px; background-color: #CCCCCC; margin-bottom:30px;}
.blockContent .elementBoxLeft					   {float:left; background-color: #CCCCCC; width:315px; margin: 0 30px 30px 0;}
.blockContent .elementBoxRight					   {float:left; background-color: #CCCCCC; width:315px; margin: 0 0 30px 0;}
.blockContent .elementBoxRow					   {border-bottom:1px solid #FFFFFF;}
.blockContent .elementBoxRowLink				   {}
.blockContent .elementBoxHeadline				   {background-color:#E52D30; font-weight:bold; color:#FFFFFF; padding:1px 15px 1px 15px; border-bottom:1px solid #FFFFFF;}
.blockContent .elementBoxText					   {padding:6px 15px 7px 15px;}
.blockContent .elementBoxTextRight				   {float:left; width: 240px; margin-top:5px; padding-left:9px;}
.blockContent .elementBoxTextRight h2			   {font-weight: normal; font-size:12px; font-weight:bold;}
.blockContent .elementBoxImageRight				   {float:left;margin-right:15px;}
.blockContent .elementProductLink				   {display:block; font-weight:bold; text-decoration:none; color:#777777; margin-left:-10px; text-indent:-10px; padding-left:10px;}
.blockContent .elementProductLink:hover			   {display:block; font-weight:bold; text-decoration:none; color:#E52D30;}

.blockContent .elementLink                         {margin:0px; padding:0px 0px 0px 22px;}
.blockContent .elementLink a                       {}

.blockContent .elementTextRight 					{width:180px;}
.blockContent .elementTextRight .elementBox			{background-color: #EAEAEA; margin-bottom:30px; width:100%; overflow:hidden;}
.blockContent .elementTextRight	a.elementLink		{display:block; background-color: #EAEAEA; color:#5E5E5E; padding:6px 15px 7px 15px; border-bottom:1px solid #FFFFFF; text-decoration:none;}
.blockContent .elementTextRight	a.elementLink:hover	{display:block; background-color: #DDDDDD; color:#E52D30; padding:6px 15px 7px 15px; border-bottom:1px solid #FFFFFF; text-decoration:none;}
.blockContent .elementTextRight .elementBoxRow		{border-bottom:1px solid #FFFFFF;}
.blockContent .elementTextRight .elementBoxHeadline	{background-color:#CCCCCC; font-weight:bold; color:#000000; padding:1px 15px 1px 15px; border-bottom:1px solid #FFFFFF;}
.blockContent .elementTextRight .elementBoxText		{padding:6px 15px 7px 15px; color:#5E5E5E;}
.blockContent .elementTextRight .elementBoxTextSmall{padding:6px 15px 7px 15px; color:#5E5E5E; font-size:11px;}

#elementMapNorthAmerica 							{visibility: hidden;position:absolute;width:200px;height:115px;	padding:5px 0 0 7px;}
#elementMapSouthAmerica 							{visibility: hidden;position:absolute;width:200px;height:115px;	padding:89px 0 0 49px;}
#elementMapEuropeAfrica 							{visibility: hidden;position:absolute;width:200px;height:115px;	padding:27px 0 0 135px;}
#elementMapAsia 									{visibility: hidden;position:absolute;width:200px;height:115px;	padding:63px 0 0 214px;}
#elementMapPacific 									{visibility: hidden;position:absolute;width:200px;height:115px;	padding:80px 0 0 204px;}

#elementNavNorthAmerica								{visibility: hidden; position:absolute; line-height:100%; z-index:1000;}
#elementNavSouthAmerica								{visibility: hidden; position:absolute; line-height:100%; z-index:1000;}
#elementNavEuropeAfrica								{visibility: hidden; position:absolute; line-height:100%; z-index:1000;}
#elementNavAsia										{visibility: hidden; position:absolute; line-height:100%; z-index:1000;}
#elementNavPacific									{visibility: hidden; position:absolute; line-height:100%; z-index:1000;}

#elementNavPrintingInks								{visibility: hidden; position:absolute; line-height:100%; z-index:10;}

.elementNavShadow									{background-image: url(../img/bg_popup_box.gif); padding: 0 2px 2px 0;}
.elementNavBg										{background-color: #EAEAEA; border: 1px solid #666666; width: 180px;}
.elementHeadlineMap									{background-color: #D6D6D6; font-weight:bold; padding:4px 10px 4px 10px; border-bottom: 1px solid #FFFFFF;}
a.elementLinkMap									{display:block; border-bottom: 1px solid #FFFFFF; padding: 4px 10px 4px 10px; color: #000000; text-decoration:none;}
a.elementLinkMap:hover								{display:block; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 4px 10px 4px 10px; color: #E52D30; text-decoration:none;}
.elementNavClose									{padding:3px 3px 3px 3px; text-align:right}

#elementMapProducts									{position:absolute; visibility:hidden; margin: 35px 0 0 15px; z-index:100;}

.elementMapProductsShadow							{background-image: url(../img/bg_popup_box.gif); padding: 0 2px 2px 0;}
.elementMapProductsBg								{background-color:#EAEAEA; border:1px solid #666666;}
.elementMapProductsImage							{border-bottom:1px solid #FFFFFF; width:283px;}
.elementMapProductsCaption							{padding:1px 13px 1px 5px; float:left;}
.elementMapProductsClose							{padding:3px 3px 3px 3px; float:left;}

#elementMapProductsNorthAmerica						{visibility: hidden; position:absolute;width:200px;height:115px; padding: 8px 0 0 5px;}
#elementMapProductsSouthAmerica						{visibility: hidden; position:absolute;width:200px;height:115px; padding: 86px 0 0 44px;}
#elementMapProductsEuropeAfrica						{visibility: hidden; position:absolute;width:200px;height:115px; padding: 28px 0 0 121px;}
#elementMapProductsAsia								{visibility: hidden; position:absolute;width:200px;height:115px; padding: 61px 0 0 191px;}
#elementMapProductsPacific							{visibility: hidden; position:absolute;width:200px;height:115px; padding: 80px 0 0 184px;}

#elementFlintGrp									{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}
#elementFlintGrpPlates								{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}
#elementFlintGrpPigments							{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}
#elementFlintGrpJetrion								{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}	
#elementFlintGrpXsys								{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}	
#elementFlintGrpDay									{visibility:hidden; width:450px; position:absolute; background-color:#EAEAEA; padding:5px;}

.blockContent .elementHeadline                     {margin:0px 0px 16px 0px;}
.blockContent .elementHeadline h1                  {}

.blockContent .elementSubline                      {margin:0px 0px 3px 0px;}
.blockContent .elementSubline h2                   {}

.blockContent .elementText                         {margin:0px; padding:0px 0px 16px 0px;}
.blockContent .elementTextLeft                     {margin:0px; width:450px; padding:0px 0px 16px 0px; float:left;}
.blockContent .elementTextRight					   {width: 180px; float:right}
.blockContent .elementText h2, h3, h4, h5, h6      {margin:0px; padding:0px 0px 3px 0px;}
.blockContent .elementText li                      {line-height:150%;color:#000000}

.blockContent  table 				               {font-size:1em;}
.blockContent .elementText table 			       {border-collapse:collapse; border:1px solid #AE4A00;}
.blockContent .elementText td 				       {vertical-align:top; padding:3px; border:1px solid #AE4A00;}

.blockContent .elementList                         {margin:0px; padding:0px 0px 8px 22px;}

.blockContent .elementStandard                     {margin:0px; padding:0px 0px 16px 22px;}
.blockContent .elementStandard p                   {}
.blockContent .elementStandard li                  {}

.blockContent .elementPicture                      {margin:0px; padding:4px 11px 11px 22px;}
.blockContent .elementPicture img                  {}
.blockContent .elementPictureLeft			       {float:left; margin:0px; padding:4px 11px 11px 22px;}
.blockContent .elementPictureLeft img              {}
.blockContent .elementPictureRight		           {float:right; margin:0px; padding:4px 0px 11px 11px;}
.blockContent .elementPictureRight img             {}

.blockContent .elementForm                         {margin:0px; padding:0px 0px 0px 22px;}
.blockContent .elementFormular                     {margin:0px; padding:0px 0px 0px 22px;}
.blockContent .elementFormular .text               {line-height:150%;padding:2px;}

.blockContent .elementSpace                        {height:16px;}/*Empty Line*/

/* General Elements of Header */
.blockTop .elementNavigation				       {margin:0px; padding:0px 0px 0px 0px; font-size:11px; line-height:16px; color: #666666;height:30px; width:957px;}
.blockTop .elementMetanav						   {margin: 6px 0px 0px 0px; padding: 0 0 0 189px; float:left;}
.blockTop .elementKeywords						   {float:right; margin: 5px 0px 0px 0px; color:#FFFFFF;}

.blockTop .elementSearch						   {float:left; margin: 3px 0 0 30px;}
.blockTop .elementSearchDivision				   {float:left; margin: 3px 0 0 25px;}
.blockTop .elementSearchInput			           {border:1px solid #7F7F7F; height:13px; color: #666666; padding:0px 5px 2px 5px;}
.blockTop .elementSearchButton			           {margin: 4px 0 0 0;}

.blockTop .elementLogoIndex                        {float:left; margin:0px; padding:79px 0 0 0; width:181px; text-align:center;}
.blockTop .elementLogoIndexPigments				   {float:left; margin:0px; padding:68px 0 0 0; width:181px; text-align:center;}
.blockTop .elementLogo		                       {float:left; margin:0px; padding:34px 0 0 0; width:181px; text-align:center;}
.blockTop .elementLogoPigments		               {float:left; margin:0px; padding:24px 0 0 0; width:181px; text-align:center;}
.blockTop .elementTopImageIndex                    {float:left; margin:0px; padding:0px; height:149px;}
.blockTop .elementTopImage                         {float:left; margin:0px; padding:0px;}
.blockTop .elementLogo img                         {margin:0px; padding:0px;}


/* General Elements of Left */

.blockLeft .elementNavigation                      {margin:0px 0px 16px 11px; padding:0px; overflow: hidden;}
.blockLeft .elementNavigation .fragmentNavigation  {}

.blockLeft .elementText                            {margin:0px 0px 16px 11px; padding:0px 6px 0px 11px; color: #FFFFFF;}
.blockLeft .elementText p                          {}

/* General Elements of Footer */

.elementFooter					   				  {margin: 0 90px 45px 45px; border-top: 1px solid #CCCCCC; height:1%;}
.elementFooter .elementCopyright	   			  {float:left; padding:1px 0 0 0; color:#878785; }

.elementFooter .elementPrintTop					  {float:right; width:180px; background-color:#EAEAEA;}
.elementFooter a.elementPrint		  			  {color:#5E5E5E; text-decoration:none; background-image:url(../img/buttons/btn_print_n.gif); background-repeat:no-repeat; background-position: 27px 3px; display:block; float:right; border-right:1px solid #FFFFFF; padding:1px 30px 2px 48px;}
.elementFooter a.elementPrint:hover 			  {color:#E52D30; text-decoration:none; background-image:url(../img/buttons/btn_print_r.gif); }
.elementFooter a.elementTop		   				  {color:#5E5E5E; text-decoration:none; background-image:url(../img/buttons/btn_top_n.gif); background-repeat:no-repeat; background-position: 18px 3px; display:block; float:right; padding:1px 20px 2px 34px;}
.elementFooter a.elementTop:hover  				  {color:#E52D30; text-decoration:none; background-image:url(../img/buttons/btn_top_r.gif); }


/* Other Elements */

.elementClearFloat								   {clear:both; font-size:1px; line-height:1px; width:1px; height:1px; background-color:#FFFFFF;}
.buttonDefault                                     {cursor:pointer;cursor:hand;color:#000000;padding:0;font-size:11px;line-height:13px;height:18px;text-decoration:none;background-color:#F0F0F0;border-style:solid;border-color:#c0c0c0 #606060 #606060 #c0c0c0;border-width:1px;padding-left:4px;padding-right:4px}
.editButton                                        {position:absolute;left:170px;top:68px}


/* Forms */

.fragmentFormHead     							  {background-color:#F0F0F0;color:#213F9E;;font-weight:bold;padding:4px;border-style:solid;border-width:1px;border-color:#A0A0A0;border-bottom-style:none}
.fragmentFormBody      							  {background-color:#FAFAFA;margin-bottom:0em;color:#606060;padding:4px;border-style:solid;border-width:1px;border-color:#A0A0A0;}



/* Contact */

.formCaption                                       {float:left; width:110px;line-height:160%;vertical-align:top;padding:0;padding-right:0.8em;padding-top:0.1em;padding-bottom:0.1em;}  
.formCheckboxCaption                               {margin-top:0; line-height:160%; padding-right:0.8em; margin-bottom:5px; height:16px; float:left;}  
.formRadiobuttonCaption                            {margin-top:0; line-height:160%; padding-right:0.8em; margin-bottom:5px; vertical-align:middle;}  
.formCheckbox									   {float:left; border:1px none #878785; padding:0px; margin:0 3px 0 0; width: 20px;}
.formRadiobutton							       {float:left; border:1px none #878785; padding:0px; margin:0 3px 0 0;}
.formInput                                         {width:250px; height:16px; margin:0px 0px 5px 8px; padding:1px 0px 0px 4px; border:1px solid #878785; background-color:#FFFFFF;}/*Form Input Fields standard*/
.formInputSmall						 	           {width:70px; height:16px; margin:0px 0px 5px 8px; padding:1px 0px 0px 4px; border:1px solid #878785; background-color:#FFFFFF;}/*Form Input Fields Small*/
.formInputTextfeld					               {width:250px; height:100px; margin:0px 0px 5px 8px; padding:3px; border:1px solid #878785; background-color:#FFFFFF;}/*Form Input Textarea scrollbar*/
.formPulldownMenu								   {width:256px; margin:0px 0px 5px 8px; border:1px solid #878785; background-color:#FFFFFF;}/*Form Input Pulldown*/

.formInputButton						           {padding:2px 10px 2px 10px; margin:3px 0px 5px 8px; border:1px none #000000; background-color:#EAEAEA; color:#5E5E5E; cursor:pointer; cursor:hand;}/*Form Buttons*/
.formInputButtonOver				               {padding:2px 10px 2px 10px; margin:3px 0px 5px 8px; border:1px none #000000; background-color:#DDDDDD; color:#E52D30; cursor:pointer; cursor:hand;}/*Form Button Rollover*/


/* Printpage */

.blockTopPrint								   {}
.blockTopPrint .elementLogo					   {}

.blockBottomPrint							   {}
.blockBottomPrint .elementBottom			   {}

a.PrintButton						           {}
a.PrintButton:hover				               {}


@media print	{
.elementNavigation								    {display:none; height:0;}
.elementTopImageIndex								{display:none; height:0;}
.elementTopImage									{display:none; height:0;}
.blockLeft											{display:none; height:0; float:none;}
.blockRight											{float:none; position:absolute; top:70px;}
.blockContent    	 								{margin: 10px 150px 0 45px;} /*Content*/
.blockContent .elementTextLeft                      {margin:0px; width:450px; padding:0px 0px 16px 0px; float:none;}
.blockContent .elementTextRight					    {width: 180px; float:none;}
.elementFooter					   				    {margin: 0 90px 45px 45px; border-top: none; height:1%;}

.blockContent .elementBoxLeft					   {float:none; background-color: #CCCCCC; width:315px; margin: 0 30px 30px 0;}
.blockContent .elementBoxRight					   {float:none; background-color: #CCCCCC; width:315px; margin: 0 0 30px 0;}

.blockTop .elementLogoIndex                        {float:none; margin:0px; padding:0 0 0 30px; width:181px; text-align:center;}
.blockTop .elementLogoIndexPigments				   {float:none; margin:0px; padding:0 0 0 30px; width:181px; text-align:center;}
.blockTop .elementLogo		                       {float:none; margin:0px; padding:0 0 0 30px; width:181px; text-align:center;}
.blockTop .elementLogoPigments		               {float:none; margin:0px; padding:0 0 0 30px; width:181px; text-align:center;}

.elementFooter .elementPrintTop					   {display:none;}
		
}
