.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height:1.3em;
}



/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are
marked "critical" and also refer to the desired mod MUST be changed as a group. */



.float-wrap {
  background: #fff; /* ie7 */
  float: left;
  width: 100%;
  margin: 0 -1px 0 0;
}

.center {
  float: right;
  width: 99%;
  position: relative; /* Needed for IE/win */
  padding-top: 165px; /* make space for atmo */
}

/*  ACHTUNG : Alles, was in der linken Spalte liegt muss einen z-index > 0 haben !! */

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 153px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
  margin-left: -151px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/

  z-index: 20;
  padding-top: 165px; /* make space for atmo */
  font-size:.85em;
}

.left .container-left img {
  border: none;
}

 /* z-index: 20;
  padding-top: 165px; /* make space for atmo */
  font-size:.85em;
}*/

.container-left {
  margin-right: 1px; /*** Critical left divider dimension value ***/
	background: #edede5; /* this BG tiles the left column */
  width:150px;
  padding-top:2em; /* pufferzone fuer absolute elemente */
}

.right {
  float: right;
  position: relative; /* Needed for IE/win */
  width: 183px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-right: -181px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  padding-top: 165px; /* make space for atmo */
  font-size:.85em;
}

.right .container-right img {
 border: none;
}

.container-right .csi-intext-left-nowrap, .container-right .csi-intext-left, .container-right .csi-intext-right-nowrap, .container-right .csi-intext-right {
 margin-left: 10px;
 margin-right: 5px;
}

.container-left .csi-intext-left-nowrap, .container-left .csi-intext-left{
 margin-left: 5px;
 margin-right: 5px;
}

.container-left .csi-intext-right-nowrap, .container-left .csi-intext-right {
 margin-left: 5px;
 margin-right: 7px;
}


.centerbox {
  font-weight: bold;
  text-align: justify;
  overflow: visible;
  width: 100%;
  padding:0;
  padding-top:1em; /* pufferzone fuer absolute elemente */
}


.container-right {
  margin-left: 1px; /*** Critical right divider dimension value ***/
  /*padding-bottom: 100px; */ /* makes room for the promotion */
  padding-bottom: 0px;
}

/* To modify the side column widths and the col divider widths, the values that are
marked "critical" and also refer to the desired mod MUST be changed as a group. */



/*************** Header and Footer elements *****************/







/************** Spacing controls for various column contents ***************/

.textpadder {
  padding: 8px;
 }

.left .textpadder {
  padding: 0;
  line-height: 1.5em;
 }

.center .textpadder {
  margin: 0 auto;
  text-align:center;
  padding:0;
  font-weight:normal;
 }
.center .textpadder .centerfix {
  margin: 0 auto;
  width: 455px;
  padding:0;
  text-align:left;
 }
.right .textpadder {
  padding: 0;
   line-height: 1.5em;
 }

.right .csi-left .csi-image
{
 margin-left: 10px;
}

.right .csi-intext-right
{
 margin-left: 10px;
 margin-right: 10px;
}

/************** Special Fixes *************/

/*img {max-width: 100%;}*/
/* prevents oversize images from breaking layout in browsers that support max-width */

.left {margin-right: -1px;}
.right {margin-left: -1px;}



/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}
.hide {display: none;}

.centerfix .menu {
  margin:0;
  clear:both;
}
.centerfix .menu ul {
  margin:1em 0;
  background: #7FB5A7;
  border-top:1px solid #7FB5A7;
  padding-bottom:3px;
  margin-bottom:1em;
  clear:both;
}
.centerfix .menu ul li {
	list-style-type: none;
	display: block;
   background: #D6E9E5;
  margin:0 10px 0 10px;
  padding:0;
}
.centerfix .menu ul li a {
	display: block;
  background: #D6E9E5;
  border-top:1px solid #7FB5A7;
  padding-left:5px;
  margin:0;
}
.centerfix .menu ul li a:hover  {
	display: block;
  background: #A0D2C5;
  border-top:1px solid #7FB5A7;
  padding-left:5px;
  margin:0;
}
.centerfix .menu ul li a.active, .centerfix .menu ul li a.current {
	display: block;
  background: #A0D2C5;
  border-top:1px solid #7FB5A7;
  padding-left:5px;
  margin:0;
}
.centerfix .menu ul li.active  {
   background: #fff url(http://www.metabo.com/fileadmin/corporate/com/templates/css/menu-right-active.gif) no-repeat left top;
}


/*  ****************************************************************************
		Menue center catalogue
*/

 .menucatalogue, .navrechts2 {
  margin:0; width: 400px;
}
 .menucatalogue ul, .navrechts2 ul {
  margin:1em 0;
  background: #D9D7C8;
  border-top:none;
  padding-top:5px;
  padding-bottom:3px;
  margin-bottom:1em;
}
 .menucatalogue ul li, .navrechts2 ul li {
	list-style-type: none;
	display: block;
   background: #D9D7C8;
  margin:0 0px 0 10px;
  padding:0;
}
.centerfix .menucatalogue ul li {
  margin:0 20px 0 10px;
}

 .menucatalogue ul li a, .navrechts2 ul li a {
	display: block;
  background: #EDEDE5;
  border-bottom:1px solid #666;
  padding-left:5px;
  margin:0;
  width: 380px;
  text-decoration:none;
}

 .menucatalogue ul li a{
  padding: 2px 3px 2px 5px;
  line-height: 1.1em;
}

 .menucatalogue ul li a:hover, .navrechts2 ul li a:hover {
	display: block;
  background: #E3E2D7;
  border-bottom:1px solid #666;
  padding-left:5px;
  margin:0;
}


 .menucatalogue ul ul, .navrechts2 ul ul {
  margin:0;
  background: #D9D7C8;
  border-top:none;
  padding:0;
}

 .centerfix .menucatalogue ul ul {
  border-left: 10px solid #E3E2D7;
  border-bottom: 2px solid #D9D7C8;
  margin:0;
}

.centerfix .menucatalogue ul ul li {
  margin:0 0px 0 0px;
  padding-left: 0px;
}

 .menucatalogue ul li a.active,  .menucatalogue ul li a.current, .navrechts2 ul li a.active, .navrechts2 ul li a.current {
	display: block;
  background: #E3E2D7;
  background: #D6E9E5;
  color: #555;
  border-bottom: 1px solid #7FB5A7;
  padding-left:5px;
  margin:0;
  font-weight: bold;
}
 .menucatalogue ul li.active, .menucatalogue ul li.current, .navrechts2 ul li.active, .navrechts2 ul li.current  {
   background: #E3E2D7 url(menu-active.gif) no-repeat left top;
}
.centerfix .menucatalogue ul ul ul li {
  border-left: 1px solid #999;
  border-right: 1px solid #999;

}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		2. spezielle klassen - generelle anwendung
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/************** Generic Rules *************/

a {
  color: #666;
 }
.centerfix a.intern {
  color: #55897B;
  background: url(icon-internal-link.gif) no-repeat 2px 4px;
  padding: 0 0 0 20px;
 }
.extern, .extern:link , .extern:visited, .extern:hover, .extern:active {
  background: url(icon-external-link.gif) no-repeat 0px 2px;
  padding: 0 .3em 0em 1.8em;
}


p  {
  margin: 0 0 .8em 0;
 }
h1 {
  font-size:1.2em;
}
h2 {
  font-size:1em;
}
h3,h4,h5 {
  font-size:1em;
}

/* get rid of nasty borders on linked images */
img, img a {
	border:none;
}

hr {
  height:1px;
  border: 0;
  color: #666;
  background-color: #666;
  height: 1px;
}

.centerfix ol {
 margin-left: 30px;
}

.centerfix ol li {
 margin-bottom: 5px;
  line-height: 1.5em;
}

.centerfix hr {
  height:1px;
  border: none;
  color: #666;
  background-color: #666;
  height: 1px;
}


.alignright {
  margin: 0 10px 10px 0;
  text-align: right;
 }
.aligncenter {
  text-align: left;
 }

.small {font-size: .8em;}


/* inhalte der linken und rechten spalte */
.left h1,.left h2,.left h3,.left h4,.left h5,.left h6,
.right h1,.right h2,.right h3,.right h4,.right h5,.right h6  {
	display: block;
  background: #D9D7C8;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 2px 0 2px 10px;
  color:#666;
  font-size:1em;
  margin-bottom:.5em;
}
.left p, .right p {
  padding: 2px 5px 2px 10px;
}
/* inhalte der content spalte */
 .centerfix h1,  .centerfix h1.main {  /* die hauptueberschrift einer Seite im Inhaltsteil */
  color: #666;
  background: #D6E9E5;
  border-top:1px solid #7FB5A7;
  border-bottom:1px solid #7FB5A7;
  padding: 2px 0 2px 5px;
  margin:0 0 1.5em 0;
  text-transform: uppercase;
 }
 .centerfix h1.home {  /* die hauptueberschrift der homepage */
  clear: both;
  color: #333;
  background: #D6E9E5;
  border-top:1px solid #7FB5A7;
  border-bottom:1px solid #7FB5A7;
  padding: 3px 0 3px 5px;
  line-height:1.7em;
  font-size:1.4em;
  font-weight:normal;
  margin:0 0 1.5em 0;
  text-transform: uppercase;
 }
  .centerfix h2 {   /* normale ueberschriften eines content-element */
  color: #7FB5A7;
  padding: 2px 0;
  margin:0 0 .5em 0;
  text-transform: uppercase;
  margin:1.5em 0 0  0;
 }
  .centerfix h3 {
  color: #333;
  margin: .3em 0 0 0;
 }
 .centerfix h1.common,  .centerfix h2.common  {
  font-size:.9em;
  color: #666;
  background: #D9D7C8;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 3px 0 3px 5px;
  margin:0 0 1.5em 0;
  text-transform: uppercase;
 }

.centerfix h2.common  {
  background: #EDEDE5;
  text-transform: none;
 }
.centerfix h3.common  {
  font-size:.9em;
 }

 .centerfix h3.common2  {
  font-size:1em;
  color: #666;
  background: #D9D7C8;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 3px 0 3px 5px;
  margin:0 0 1.5em 0;
  font-weight:bold;
  }

 .centerfix h1.common a,  .centerfix h2.common a {
  text-decoration: none;
 }


.centerfix ul {
  list-style-type: square;
  margin:1em;
  padding-left:5px;
  color:#666;
 }
.centerfix ul li  {
  margin-left:5px;
  padding-left:5px;
  line-height:1.5em;
  color:#666;
 }
.centerfix table  {
  border-collapse: collapse;
  width:100%;
/*  border: 1px solid #D4D0C8; */ /* border um pressebereich entfernen */
 }
 
.centerfix table caption {
  background: #D9D7C8;
  text-align:left;
  color: #666;
  padding: 3px 0 3px 5px;
  text-transform: uppercase;
  font-size:.9em;
  font-weight: bold;
  margin-left: 0 -1px 1 -1px;
 }
.centerfix table tbody tr {
  margin:0 2px;
 }

.centerfix td, .centerfix th   {
  text-align:left;
  vertical-align: top;
  padding:2px;
  font-weight:normal;
  font-size:.9em;
 }
.centerfix td {
  background: #EDEDE5;
   }


   
.centerfix .nobackground td, .centerfix .nobackground {
   background: none;
 }

.centerfix table .tr-odd td, .centerfix table .tr-odd th {
  background: #EDEDE5;
  border-bottom: 1px solid #EDEDE5;
  border-top: 1px solid #D4D0C8;

 }

.centerfix table .tr-even td, 
.centerfix table .tr-even th {
  background: #fff;
  border-top: 1px solid #EDEDE5;
  border-top: 1px solid #D4D0C8;
 }


.centerfix .tr-1 td, .centerfix .tr-1 th {
  border-top: 1px solid #666;
  border-bottom: 1px solid #fff;
 }
.centerfix th {
  padding-right:10em;
 }

.centerfix thead th, .centerfix thead td  {
  background: #fff;
  border-bottom: 1px solid #666;
 }



.centerfix tr.tr-last td, .centerfix tr.tr-last th {
  border-bottom: 1px solid #D4D0C8;
 }

 .centerfix table.contenttable
  {
   margin-top: 2px;
   border-collapse: collapse;
   }


 
 
 .centerfix .csi-text img {
  border: none;
 }
 
 .csi-text h4 {
  color: #666;
  background: #E3E2D7;
  padding: 2px 0 2px 15px;
  margin:0 0 0  15px;
  font-size:.9em;
 }
 .csi-text ul,  .csi-img ul{
  color: #999;
  background: #fff;
  padding: 2px 0 2px 15px;
  margin:0 0 1.5em  15px;
  font-size:.9em;
    list-style-type: square;
 }

 .csi-text ul a, .csi-image ul a{
  text-decoration: none;
  color:#666;
 }

.info {
 color: #f00;
 margin-top: 10px;
 margin-bottom: 5px;
}

.infobox{
  background: #EDEDE5;
  width: 100%;
  text-align: right;
  margin-bottom:2em;
}
.infobox p{
  background: #EDEDE5;
  width: 100%;
}
.infobox a{
 margin-right: .5em;
}
.containerbox{
 float:left;
 width:48%;
}
.containerbox p,.containerbox h5{
 padding-left: 5px;
 font-size:.9em
}
.containerbox a{
  color:#c00;
}

div.colorwrap p  {
  margin: 0;
 }

/* Startseite */
.containerhome {
 border: 1px solid #fff;
}

.containerhome .containerbox {
  border: 1px solid #fff;
  padding: 0;
  margin: 0;
  width: 224px;
}

.containerhome .containerbox .csi-textpic img{
  border: none;
}

.containerhome .containerbox h5{
 line-height: 1.1em;
 margin-bottom: 3px;
}

.containerhome .containerbox p{
 line-height: 1.3em;
}


/* FAQ - Techniklexikon */

table.faqfragen, table.faqantwort, table.techniklexikon {
 margin-top: 10px;
}

table.faqfragen ul {
 margin: 5px 5px 5px 5px;
 padding: 0 0 0 20px;
 list-style: square;
}

table.faqantwort h3 {
 margin-bottom: 10px;
}

table.faqantwort td {
 padding: 10px;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    3. typo3-spezifische klassen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.centerfix .bottomline {
 border-bottom: 1px solid #666;
 margin: 0 0 1em 0;
 padding:  0 0 1em 0;
 
}

/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: .9em; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

.csc-textpicHeader h1 {
  color: #666;
  background: #D6E9E5;
  border-top:1px solid #7FB5A7;
  border-bottom:1px solid #7FB5A7;
  padding: 2px 0 2px 5px;
  margin:0 0 1.5em 0;
  font-size:.9em;
 }
.csc-textpicHeader h3, .csc-textpicHeader h4, .csc-textpicHeader h5 {
  padding: 2px 0 2px 5px;
  margin:0 0 0 10px;
  font-size:.9em;
 }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image, like content (default) does: */
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image IMG {
  border: none; /* Customize me, and set borderSpace/borderThick in TS, "0"/"2" in this example */
}
/* Border around the whole image/caption (alternative to the above): */
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image {
  border: 1px solid #06639E; /* Customize me */
  padding: 5px 5px; /* Customize me, and set borderSpace/borderThick in TS, "10"/"2" in this example */
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic  { padding-bottom: 5px; margin-top:1em;}
DIV.csi-textpic IMG { border: none; }

/* sonderwunsch - bilderrahmen um produktfotos weg */
DIV.csi-textpic IMG.nekkid {
  border:none;
}


/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-textpic DIV.csi-clear, DIV.csi-clear  { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 0px; /* Customize me, and set colSpace in TS */
  padding-right: 0px; /* Customize me */
  padding-bottom: 0px; /* Customize me  */
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px; /* Customize me, and set colSpace in TS */
  padding-left: 20px; /* Customize me */
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  /* margin-left: 5px; */ /* Customize me, and set colSpace in TS */
  /* margin-right: 5px;*/  /* Customize me, and set colSpace in TS */
  margin-left: 0px; /* Customize me, and set colSpace in TS */
  margin-right: 0px; /* Customize me, and set colSpace in TS */
}


DIV.csi-below DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
   margin-left: 2px; /* Customize me, and set colSpace in TS */
   margin-right: 2px;*  /* Customize me, and set colSpace in TS */
}

DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap {
    float: left;
    margin-right:15px;
    }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }
DIV.csi-intext-right  .csi-text p{
  padding: 0;
}



/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap {
  float: right; clear: both;  }
DIV.csi-intext-right-nowrap .csi-text p{
  padding: 0;
}
DIV.csi-intext-right-nowrap h1, DIV.csi-intext-right-nowrap h2, DIV.csi-intext-right-nowrap h3, DIV.csi-intext-right-nowrap h4, DIV.csi-intext-right-nowrap h5, DIV.csi-intext-right-nowrap h6{
  padding: 0 5px;
  margin-right:15px;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text {
  height: 1%;
 }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap {
  float: left;
  clear: both;
}
DIV.csi-intext-left-nowrap  .csi-text p {
  padding: 0 15px;
}
DIV.csi-intext-left-nowrap  h2{
  padding: 0 5px;
  margin-left:15px;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text {
  height: 1%;
 }
/* End hide from IE5/mac */
.csi-text ol ul{
  margin-left:1em;
  padding-left:1em;
}
.csi-text li{
  margin-left:1em;
  padding-left:1em;
}


/*  ************************************************************************   */
/*              CSS styled imagetext NEUE VERSION  START                       */
/*  ************************************************************************   */






	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
)




/*  ************************************************************************   */
/*              CSS styled imagetext NEUE VERSION  ENDE                        */
/*  ************************************************************************   */


/* individuelle anpassungen css styled imagetext*/

/* Left (in text, no wrap around) */

.textpadder .centerfix .csc-textpic {
  margin: 1em 0;
}


DIV.csi-intext-left-nowrap DIV.csi-imagewrap {
  float: left;
  clear: both;
}

  

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text {
  height: 1%;
 }
/* End hide from IE5/mac */
.csi-text ol ul{
  margin-left:1em;
  padding-left:1em;
}
.csi-text li{
  margin-left:1em;
  padding-left:1em;
}
  




/* TYPO3 Tabellen */
.centerfix .contenttable {
 border: 1px solid #D4D0C8;
 margin: 0px;
}

.centerfix .contenttable p {
 padding: 0;
 margin: 0;
}

.centerfix .contenttable td {
 border: none;
}



/* SITEMAP */

.sitemap {
 margin-bottom: 20px;
}


.sitemap h2
{
  font-size:.9em;
  color: #666;
  background: #D9D7C8;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 3px 0 3px 5px;
  margin: 8px 0 1.5em 0;
  text-transform: uppercase;
 }

.sitemap a
{
text-decoration: none;
}


.centerfix .sitemap ul
{

 list-style-type: none;
 padding: 0;
 margin:0;

}

.centerfix .sitemap ul li
{
 list-style-type: none;
 padding: 0;
 margin: 0 0 0 5px;
 font-weight: bold;
}

.centerfix .sitemap ul ul li, .centerfix .sitemap ul ul ul li, .centerfix .sitemap ul ul ul ul li, .centerfix .sitemap ul ul ul ul ul li
{
 font-weight: normal;
}

.centerfix .sitemap ul ul li
{
 list-style-type: none;
 padding: 0;
 margin: 0 0 0 20px;
}


.centerfix .sitemap ul li a:hover
{
  color: #000;
} 


/* die linklisten-styles die immer mysterioes ueberschrieben werden !!! */
 h4.linklistheader{
  margin-top:2em;
  color: #666;
  background: #E3E2D7;
 }
.catalogue-image {
  float: left;
}
 .catalogue-imagewrap ul.linklist {
  margin:0;
  padding:0;
 }
 .catalogue-imagewrap ul.linklist li {
  margin:0;
  padding:0;
 }

.csi-textpic {
  clear: both;
}
.csi-textpic .csi-text ul.linklist, 
.csi-imagewrap .csi-image dt ul.linklist,
.catalogue-textpic .catalogue-text ul.linklist, 
.catalogue-imagewrap .catalogue-image dt ul.linklist{
  color: #999;
  background: #EEEDE5;
  padding: 0 0 0 0px;
  margin:0 0 2em 0px;
  font-size:.9em;
    list-style-type: none;
  display:block;
 }
.csi-imagewrap .csi-image dt ul.linklist li, 
.linklist li,
.catalogue-imagewrap .catalogue-image div ul.linklist li {
  background: #ccf;
  float:none;
  width:100%;
  background: #EEEDE5;
 }

.csi-imagewrap  ul.linklist li a{
  margin: 0 5px;
 }

.csi-text ul.linklist a, 
.csi-image ul.linklist a,
.catalogue-text ul.linklist a, 
.catalogue-image ul.linklist a{
  text-decoration: none;
  color:#666;
  display:block;
 }

 
.centerfix #katpreisempfehlung {
  margin-top: 30px;
} 

.centerfix #katpreisempfehlung th, .centerfix #katpreisempfehlung td  {
  color: #666;
  background: #D9D7C8;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 3px 0 3px 5px;
  margin:0 0 1.5em 0;
  font-size: .9em:

} 
.centerfix #katpreisempfehlung th {
  padding-right: 0;
  font-weight: bold;
  text-transform: uppercase;
} 
 
/* supplementals catalogue*/

.jumpnaviArtikelVariante p {
  padding: 5px 15px 0 15px;
}

.jumpnaviArtikelVariante ul{
  list-style: none;
	list-style-type: none;
  clear: both;
  border: 1px solid #f00;
  padding: 0;
  margin: 0;
}

.jumpnaviArtikelVariante li{
  display: inline ;
  padding: 0 5px;
  margin: 0;
  border: 1px solid #0f0;
  
}

.jumpnaviArtikelVariante p a{
  white-space: nowrap;
  padding: 0;
}

.ArtikelVariante {
  background: #fff;
  margin-bottom: 0px;
  padding-bottom: 15px ;
}

.ArtikelVariante h1.common {
  border-top:none;
}

.ArtikelVariante h5 {
  padding: 0 0 5px 15px;
  font-weight: normal;
}
.ArtikelVariante .csi-textpic{
	 padding-bottom: 5px; 
	 margin-top: 5px;
}


.articledata, .ArtikelVariante .articledata  {
  padding: 5px 15px 15px 15px;
}

.ArtikelVariante .articledata  h1.common {
  border-top: 1px solid #666;;
}
 
.centerfix .ArtikelVariante table{
}
.centerfix .ArtikelVariante table caption {
  font-size: .9em;
  padding: 0 5px 0 15px;
}


.ArtikelVariante th {
  padding: 0 5px 0 15px;
  font-size: .9em;
  border: none;
}
.ArtikelVariante td {
  padding: 0 0 0 5px;
  font-size: .9em;
  border: none;
}

.centerfix .contentstyle {
  background: #fff;
  border: 1px solid #666;
  width: 450px;
  margin-bottom: 30px; 
  padding: 0px;
}
.centerfix .contentstyle .artikelspecialimage{
  background: #fff;
  margin: 0 15px;
  padding: 15px;
  width: 90px;
}


 
 
/* HAENDLERSUCHE DE EINGABE */


/* HAENDLERSUCHE DE EINGABE */

.centerfix .haendlersuche
{
background-color: #fff;
padding: 0;
margin: 0;
}
.haendlersuche input

{
width: 5em;
padding: 0;
margin: 0;
}



/* PRESSE */
 .centerfix td.white 
 {
  background-color: #fff;
  margin: 0 0 0 5px;
  padding:0;
}

 .centerfix td.presse {
  background-color: #EDEDE5;
      margin: 0;
  padding: 0;

}

 .centerfix td.presse-right {
  background-color: #EDEDE5;
    margin: 0 5px 0 0;
  padding: 0;
  text-align:right;

}

.centerfix h2.common2left  {
  background: #EDEDE5;
  text-transform: none;
      border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 2px 0 2px 5px;
  margin:0;
  color: #666;
 }
 .centerfix h2.common2right  {
  background: #EDEDE5;
  text-transform: none;
      border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding: 2px 5px 2px 0;
  margin:0;
  color: #666;
 }

.artikeluebersicht h3 a, .artikeluebersicht  h2 a {
 text-decoration: none;
}

.artikeluebersicht h3 a:hover, .artikeluebersicht h2 a:hover {
 color: #000;
}


.presseartikel td {
 background: none;
}


.presseartikel h3 {
 margin-bottom: 15px;
}

.presseartikel .image {
 margin-top: 10px;
}
 /* DOWNLOAD */

.centerfix table.csc-uploads{
  margin-bottom: 20px;
  border: 1px solid #D4D0C8;
 }

/* .centerfix .tr-even th, */
 .centerfix table.csc-uploads .tr-even td
 {
  background: #EDEDE5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin: 2px;
 }
 
.centerfix .csc-uploads tr.tr-even .csc-uploads-icon, .centerfix .csc-uploads tr.tr-odd .csc-uploads-icon
 {
  font-size: .9em;
  padding: 5px 5px 2px 5px;
 }


.centerfix .csc-uploads tr.tr-even .csc-uploads-fileName, 
.centerfix .csc-uploads tr.tr-odd .csc-uploads-fileName
 {
 padding: 0 5px 0 5px;
 border-right: 1px solid #EDEDE5;
 white-space: nowrap;
 }

 .centerfix .csc-uploads tr.tr-even .csc-uploads-fileSize, .centerfix .csc-uploads tr.tr-odd .csc-uploads-fileSize  
 {
 text-align: right;
 }
 
 .centerfix .csc-uploads .csc-uploads-fileSize p
 {
 padding: 0 5px 0 0;
 width: 40px;
 }

.centerfix table.csc-uploads .csc-uploads-fileDescription{
  padding-left: 5px;
}

/* Bewerbung */
.centerfix .bewerbung {
 background: #EDEDE5;
 padding: 20px;
 }


.table-bewerbung td {
 margin: 0;
 padding: 2px 0 2px 5px;
 border: none;
}

.table-bewerbung input.dokument {
 width: 250px;
}

.centerfix .bewerbungcommon {
 color: #666;
 background: #D9D7C8;
 padding-left: 5px;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}

.bewerbungbutton {
 margin-top: 10px;
}






.centerfix table.csc-uploads{
  margin-bottom: 20px;
  padding-top: 2px;
 }

 /* .centerfix .tr-even th,*/
 .centerfix table.csc-uploads .tr-even td
{
  background: #EDEDE5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;

 }
 
.centerfix .csc-uploads tr.tr-even .csc-uploads-icon p, 
.centerfix .csc-uploads tr.tr-odd td.csc-uploads-icon p
 {
 padding: 0;
 margin: 0;
 }


 .centerfix .csc-uploads .csc-uploads-fileName p
 {
 padding: 0 0 0 0px;
 }

.centerfix .csc-uploads tr.tr-even .csc-uploads-fileSize, .centerfix .csc-uploads tr.tr-odd .csc-uploads-fileSize
 {
 padding: 0 5px 0 0;
 width: 40px;
 text-align: right;
 }
 
 .centerfix .csc-uploads tr.tr-even .csc-uploads-fileSize p
 {
 padding: 0 5px 0 0;
 width: 40px;
 }
 
 /* Download-Container*/
.download {
 border-bottom: 1px solid #666666;
 padding-bottom: 10px;
 margin-bottom: 10px;
 }
.downloadtext {
 border-bottom: none;
 }

.download .image {
  width: 150px;
  float: left;
 }
 
.download .text {
  width: 290px;
  float: left;
 }
 
.download .text ul {
  list-style: none;
  font-size: 1.0em;
  margin: 0;
  padding: 0; 
  font-size: 0.9em; 
 }
 
.download .text ul li {
  margin: 0;
  padding: 0;  
 }
 

hr.trenner {
width: 100%;
background: #999;
margin-top: 10px;
}


/* Formular Lieferantenselbstbeurteilung */
.lbeurteilung table {
 margin-bottom: 10px;
}

.lbeurteilung td {
 border: none;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 7px;
}

.lbeurteilung h2.common {
 margin: 0;
}

.lbeurteilung input.small {
 width: 80px;
}

.lbeurteilung input.middle {
 width: 110px;
}

/* HOTFIX */ 
.centerfix .hotfix ul, .centerfix .hotfix ul li {
  color: #000;
 }

 
/* Haendlersuche Polen */
.centerfix .haendlersuchepl {
 background: #fff;
}

.haendlersuchepl input {
 width: 150px;
}

/* Zindel */
#zindel_etl_form input{

  width: 10em;
}

 





.centerfix .tx_commerce_pi1 h2 {
	text-transform:uppercase;
	background:#D9D7C8 none repeat scroll 0%;
}  /* auf speziellen wunsch von markus */

.tx-commerce-pi1 .csi-text ul.nobullet, 
.tx-commerce-pi1 .csi-img ul.nobullet {
    list-style-type: none;
 } /* auf speziellen wunsch von metabo: bulletpoints sollen auf produktkategorie-seite nicht mehr sichtbar sein */

.mfc_layer_pi1 {
  text-align: center;
  border: 1px solid #fff;
}


/*  .......... is not finished ...... is finished .......  */