@import url("/de/wLayout/design/style/weblics_new.css");
/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// WeblicationŽ CMS Strukturdesign Version 4.5
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit WeblicationŽ Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/*Standardformatierungen*/
body            {background-color:#FFFFFF; margin:0px;font-family:verdana, arial, sans-serif;font-size:11px;color:#444444;text-align:left;line-height:150%;font-weight:normal;}/*Standard Textformatierung*/

td              {font-family:verdana, arial, sans-serif;font-size:11px;color:#444444;line-height:150%;}
div             {font-family:verdana, arial, sans-serif;font-size:11px;color:#444444;line-height:150%;font-weight:normal;}
p               {margin:0px;padding:0px;font-family:verdana, arial, sans-serif;font-size:11px;color:#444444;line-height:150%;font-weight:normal;}
span            {font-family:verdana, arial, sans-serif;font-size:11px;color:#444444;line-height:150%;}
form            {margin:0px;padding:0px;}

input           {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;border-style:solid;border-width:1px;border-color:#A0A0A0;background-color:#FFFFFF;padding-left:2px;line-height:150%;}
select          {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;border-style:solid;border-width:1px;border-color:#A0A0A0;background-color:#FFFFFF;padding-left:2px;line-height:150%;}
textarea        {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;border-style:solid;border-width:1px;border-color:#A0A0A0;background-color:#FFFFFF;padding-left:2px;line-height:150%;}

a               {color:#444444}
a:hover         {color:#eabe52}}

hr              {background-color:#A0A0A0;height:1px;border-style:none;}



#container img{ padding:30px 15px 20px 15px; border: none;}


#gallerie { border: 4px solid #eabe52; padding: 15px 10px 20px 20px; margin: 20px 20px 20px 20px;} 

#gallerie { -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            -moz-border-radius: 10px;
             border-radius: 10px;
             behavior:img(border-radius.htc);
}


#bigImg { text-align: center; padding: 20px; border: none; }


#gallerie-container img { margin-right: 15px; cursor: pointer; padding-top: 0px; margin-top: 15px; border: 2px solid #eabe52;}


#gallerie-container img { -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            -moz-border-radius: 10px;
             border-radius: 10px;}

#gallerie img {padding: 2px;} 



input.toggle {
    display: none;
}
input.toggle + label:after {
   cursor: pointer; 
   content: '[Weiter Lesen]';
}
input.toggle:checked + label:after {
   cursor: pointer;
   content: '[Weniger]'; 
}
input.toggle + label + div {
   display: none;
}
input.toggle:checked + label + div {
  display: block;
}


#produkteText {margin-left: 20px;} 

.text2 {padding-left: 10px; padding-top: 20px; }



#edm img , #wedm img , #elektroden img {float-left; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 40px;}

.einleitung { margin-left:20px; margin-top: 20px;}

.adobe { margin-left: 20px;}

#katalog-container img {border: none;}

#referenzen img {border: none;} 

.referenzLogo Img { border: none;}
.referenzText {margin-left: 10px; margin-top: 20px; margin-right: 10px;}
.referenzText Img { float:left; border: none; padding-right: 10px; }





#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 30%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/shop/images/Lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/shop/images/Lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 500px; background-color: #000; }




/*Falls Links nicht unterstrichen angezeigt werden sollen*/
.textDecorationNone {text-decoration:none;font-weight:normal;}

.imgBorder {border-style:solid;border-width:1px;border-color:#426A9E}

/*################ Ueberschriften ################*/

h1 {margin:0px;padding:0px;font-size:19px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}
h2 {margin:0px;padding:0px;font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}
h3 {margin:0px;padding:0px;font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}
h4 {margin:0px;padding:0px;font-size:10px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}
h6 {margin:0px;padding:0px;font-size:7px;  font-family:verdana, arial, sans-serif; font-weight:bold; color:#000000;line-height:150%;}

/*################ Texte ################*/

.text                {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;line-height:150%;}/*Text*/
.textBold            {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#444444;line-height:150%;}/*Text fett*/
.textInvert          {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;line-height:150%;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;line-height:150%;}/*Text fett negativ*/

.textSmall           {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;line-height:150%;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#444444;line-height:150%;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;line-height:150%;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;line-height:150%;}/*Kleiner Text fett negativ*/
.textSmallSoft       {font-size:9px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#666666;line-height:150%;}/*Kleiner Text negativ*/

.textLarge           {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#444444;line-height:150%;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#444444;line-height:150%;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#FFFFFF;line-height:150%;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:verdana, arial, sans-serif; font-weight:bold;   color:#FFFFFF;line-height:150%;}/*Großer Text fett negativ*/

/*################ Elemente ################*/

.elementHeadline         {padding:8px;}/*Überschrift*/
.elementStandard         {padding:8px;}/*Standard*/
.elementFormular         {padding:8px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:12px;padding:8px;}/*Leerzeile*/

.elementRightHeadline    {margin-top:8px;padding-top:1px;padding-bottom:1px;padding-left:12px;background-color:#eabe52;line-height:16px;}/*Standard im rechten Bereich*/
.elementRightStandard    {padding-left:8px;padding-top:8px;margin-bottom:8px;background-color:#FFFFFF;border-style:none;border-bottom-style:solid;border-width:1px;border-color:#A0A0A0;}/*Standard im rechten Bereich*/
.elementRightInclude     {padding-left:12px;padding-top:8px;margin-bottom:8px;background-color:#FFFFFF;}/*Include im rechten Bereich*/

.elementLeftStandard     {padding-left:12px;}/*Standard im linken Bereich*/
.elementLeftNavigation   {margin-left:8px;margin-top:8px}/*Standard im linken Bereich*/
.elementLeftInclude      {margin:0px;}/*Include im linken Bereich*/

.elementTopStandard      {height:80px;margin:0px;margin-bottom:32px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;background-color:#ADBBC6;margin-top:0px;border-style:none;width:100%}/*Include im oberen Bereich*/
.elementTopNavigation    {height:30px;position:absolute;top:100px;width:770px;}
.elementTopAddress       {padding-left:4px;position:absolute;top:80px;width:770px;text-align:left;}
.elementTopSystemNavigation {position:absolute;top:10px;width:758px;text-align:right;}

.elementBottomStandard      {padding-top:4px;padding-bottom:4px;width:100%;text-align:right;}/*Standard im unteren Bereich*/
.elementBottomDelimiterLine {height:1px;margin-top:2px;margin-bottom:2px;background-image:url(/wAchim/wLayout/design/img/backgrounds/bg_line_dot.gif)}/*Standard im unteren Bereich*/
.elementBottomInclude       {padding:8px;}/*Include im unteren Bereich*/

/*################ Bloecke ################*/

.blockMain           {width:768px;border-style:none;} /*Gesamter Bereich*/
.blockTop            {height:130px;background-color:#FDF8D5;width:768px;border-style:none;}/*Bereich oben*/
.blockLeft           {float:left;width:159px;height:456px;border-style:none;vertical-align:top;background-color:#FFFFFF;margin-bottom:8px;}/*Bereich links*/
.blockContent        {height:456px;float:left;width:600px;border-style:none;vertical-align:top;background-color:#FFFFFF;border-left-style:solid;border-left-color:#0076C9;border-left-width:1px;font-weight:normal;}/*Inhaltsbereich*/
.blockRight          {float:left;width:1px;border-style:none;vertical-align:top;margin-bottom:8px}/*Bereich rechts*/
.blockBottom         {width:768px;border-style:none;height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

.fragmentPictureFloatLeft  {margin-right:8px;margin-bottom:8px;float:left} 
.fragmentPictureFloatRight {margin-left:8px;margin-bottom:8px;float:right} 

.fragmentTableDoubleCol    {width:100%;border-width:0px;spacing:0px;padding:0px;border-style:solid;border-color:#FF0000;border-width:0px;}
.fragmentTableTripleCol    {width:100%;border-width:0px;spacing:0px;padding:0px;border-style:solid;border-color:#FF0000;border-width:0px;}
.fragmentCellDoubleCol     {width:50%;padding:4px;vertical-align:top}
.fragmentCellTripleCol     {width:33%;padding:4px;vertical-align:top}

.fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border-style:solid;border-color:#000000;border-width:1px;} 

/*################### Sonstiges ###############*/

.votingBar   {background-color:#426A9E}

.tableBorder {border-top-style:solid;border-top-width:1px;border-top-color:#ACACAC;border-left-style:solid;border-left-width:1px;border-left-color:#ACACAC;}
.tdBorder    {border-right-style:solid;border-right-width:1px;border-right-color:#ACACAC;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#ACACAC;}

.linkBottom        {color:#FFFFFF;}
.linkBottom:hover  {color:#FFFFFF;}

.textInfo    {background-color:#ECCCCC;border-style:solid;border-width:1px;border-color:#c9ced4;padding-left:4px;padding-top:4px;padding-bottom:4px;}

/*################### F-TOOL ###############*/

.FLeftHeadline          {font-size:11px; font-family:verdana, arial, sans-serif; font-weight:normal; color:#0076C9;line-height:150%;}