/* STYLES fuer metabo -  Laenderversionen (DE, UK etc.) */
/*
 
 
 The semi-liquid layout of this site is shamelessly pillaged from the ingenious:
 http://www.positioniseverything.net/articles/sidepages/jello-piefecta-clean.html
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 0. import anderer stylesheets
 1. generelles layout
 2. spezielle klassen - generelle anwendung
 3. typo3-spezifische klassen
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Achtung:
 Dieses Sheet enthaelt nur die Styles fuer die konstanten RAHMEN der Seiten
 Alle STYLES fuer die wechselnden INHALTSBEREICHE liegen im anderen Sheet
 Spezialbereiche (z.B. menu-Styles) sind zur besseren Uebersichtlichkeit
 in eigene Stylesheets ausgelagert
 
 Wichtig: alle IE < 7 Bugfixes in eigene Datei auslagern!
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
 Farbwerte      ( border - hell -    halbhell - mittel - dunkel )
 Die Beige-Toene:   #666    #EDEDE5   #E8E6D9    #E3E2D7  #D9D7C8
 Die Gruen-Toene:   #7FB5A7 #B6DBD1   #D7E9E4    #A0D2C5  #7FB5A7
 
 neue Breiten nach softrelaunch
 Werte       vorher      nachher
 ============================================
 min          778         998
 max          998        1254
 left         150         200
 right        180         230
 center       455         550
 
 */
.hx, .hxc, .hxf {
    display: none;
    font-size: 9px;
    font-weight: normal;
    text-transform: none;
    color: #00c;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    visibility: hidden;
    clear: both;
    font-size: 1px;
}

.left .menu ul li.displaynone, .displaynone {
    display: none;
    height: 1px
}
/* 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;
}

body {
    padding: 0 300px; /* the critical side padding that sets the natural min-width! */
    background: #fafafc; /* this BG tiles the area outside the columns */
    color: #000;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
    text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
    margin: 0 auto; /* centers #sizer in standard browsers */
    padding: 0;
    width: 99%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
    text-align: left; /* resets the default text alignment for the page */
    min-width: 100px;
    max-width: 600px; /* what does this one do`? */
}

#expander { /* Any % height here causes IE to lose the neg right margin */
    margin: 0 -305px; /* neg side margin values should be < or = to side body padding */
    padding: 0;
    min-width: 998px; /* This prevents Safari from losing the negative margins in narrow windows */
    max-width: 1254px; /* good browsers stop here */
    position: relative; /* makes #expander visible outside #sizer in IEwin */
}

#wrapper1 {
    width: 100%;
    background: #fefefe url(img_tile_columnright.jpg) repeat-y scroll 100% 0pt; /* this BG tiles the left column */
    background: url(img_tile_columnleft_ie7.jpg) left repeat-y; /* this BG tiles the left column */
    font-size: .8em; /* set global font-size here */
    position: relative;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper2 {
    position: relative; /* extra insurance against bugs in IEwin */
    /* background: #d6e9e5;  this BG tiles the right column */
    background:  url(img_tile_columnright.jpg) repeat-y scroll 100% 0pt; /* this BG tiles the left column */
    border: none;
    zoom: 1;
}
/****************** 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. */
.outer {
    background: #fff; /* this BG tiles the center column */
    margin-left: 175px; /*** Critical left col width value ***/
    margin-right: 205px; /*** Critical right col width value ***/

    
}

.bauhandwerk .outer {
	background:url("bg_content_bauhandwerk.jpg") repeat scroll 0 0 transparent;
}
.metall .outer {
	background:url("bg_content_metall.jpg") repeat scroll 0 0 transparent;
}
.outdoor .outer {
	background:url("bg_content_outdoor.jpg") repeat scroll 0 0 transparent;
}

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


.bauhandwerk .float-wrap,
.metall .float-wrap,
.outdoor .float-wrap {
	background: transparent;
}

.center {
    float: right;
    width: 99%;
    position: relative; /* Needed for IE/win */
    padding-top: 0px; /* 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: 178px; /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
    margin-left: -175px; /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
    padding-top: 0px; /* make space for atmo */
    font-size: .9em;
}

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

.container-left {
    margin-right: 1px; /*** Critical left divider dimension value ***/
    width: 175px;
	margin-top: 1.3em;
    padding-top: 0px; /* pufferzone fuer absolute elemente */
    background: url(img_tile_columnleft_cewrap.jpg) top no-repeat;
}

.container-left .ceWrap {
	clear: both;
    margin: -1em 0 1em 0;
	padding: 1em 0 2em 0;
    width: 175px;
    background: url(img_tile_columnleft_cewrap.jpg) top no-repeat;
}
.container-right .ceWrap h1 ,
.container-right .ceWrap h2 ,
.container-right .ceWrap h3 ,
.container-right .ceWrap h4 ,
.container-right  .ceWrap h5 ,
.container-right .ceWrap h6,
.container-left .ceWrap h1 ,
.container-left .ceWrap h2 ,
.container-left .ceWrap h3 ,
.container-left .ceWrap h4 ,
.container-left  .ceWrap h5 ,
.container-left .ceWrap h6 {
    margin-top: -1em;
}


/* get out of the shade */
.container-left .ceWrap ul, .container-left .ceWrap p, .container-left .ceWrap dl {
    margin-right: 8px;
}
.csc-textpic-below .csc-textpic-imagewrap {
}
.container-left .ceWrap .csc-textpic-above img {
    margin-top: .5em;
}

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

.container-right .ceWrap {
    margin: 0 0 -1em 0;
	padding: 1em 0 2em 0;
    width: 204px;
    background: url(img_tile_columnright_cewrap.jpg) top no-repeat;
}

/* lists in border columns  - quicklink style */
.container-left  ul {
	margin-left: 8px;
}
.container-right  ul {
	margin-left: 15px; /* get out of the shade */
}
.container-left ul li,
.container-right ul li {
	list-style: none;
	background: url(bullet-right.gif) left no-repeat;
	padding-left: 15px;
}

.container-left ul li a,
.container-right ul li a {
	display:block;
	padding:3px 5px 3px 0px;
	text-decoration: none;
}
.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;
}

.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 elements *****************/
.header {
    width: 100%;
    margin: 0 0 0px 0;
    color: #000;
    background: #224b44;
    border-bottom: 3px solid #f7f7f2;
    position: relative;
    height: 80px;
}

.header img {
    display: block;
}

#logo {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

.metanavi {
    clear: both;
    padding-top: 48px;
    background: #224b44;
}

.metanavi:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.header ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 210px;
    vertical-align: middle;
    padding-top: 0px;
    float: left;
    background: #224B44;
}

.header li {
    float: left;
    margin: 0;
    vertical-align: middle;
    padding: 0px 0px 0 0px;
    font-weight: bold;
    list-style-type: none;
    background: #224B44;
}

.header li a {
    color: #a4cec3;
    text-decoration: none;
    font-size: .8em;
    padding: 0 15px 0px 0px;
    display: block;
    font-weight: normal;
    background: url(menu_meta_pipe.gif) right 4px no-repeat;
}

.header li.last a {
    background: none;
}

/*************** Footer elements *****************/
.footer {
    width: 100%;
    font-size: .8em;
    clear: both;
    padding: 0px;
    position: relative;
    background: #deddd3;
    color: #666;
}

.footer li, .footer ul {
    display: inline;
}

.footer ul {
    margin-left: 15px;
}

.footer div.fmenu {
    margin: 0 0 0 10px;
    padding: 4px;
}

.footer a {
    text-decoration: none;
    color: #666;
    padding-right: 10px;
}

.footer a .icon {
    border-right: 5px solid #deddd3;
    vertical-align: bottom;
}

.footer a.totop {
    text-decoration: none;
    color: #666;
    padding-left: 10px;
    border-left: 1px solid #666;
}

.footer hr {
    color: #944;
    margin: 0;
    background: #944;
    height: 5px;
}

.footer .mfc {
    float: right;
    background: #7FB5A7;
    color: #fff;
    padding: 2px;
    text-align: center;
    width: 200px;
    margin: 0px;
}

.footer .mfc a {
    color: #234b43;
}

.promotion {
    position: absolute;
    top: -65px;
    right: 30px;
}
/************** 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: 550px;
    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;
}
/* breadcrumb navigation  */



ul.breadcrumb {
    font-size: .9em;
    padding: 5px 15px 0 5px;
    color: #333;
	margin: 0px 0 5px 10px
}
ul.breadcrumb li {
    line-height: 1.5em;
    display: inline;
    list-style-type: none;
    padding: 0 10px 0 0px;
	background: url(img_08_breadcrumb_arrow.gif) right 1px no-repeat;
}

ul.breadcrumb li.last {
	background: none;
}

 ul.breadcrumb a {
    color: #333;
    text-decoration: underline;
    line-height: 1.5em;
	margin:0;
}


/*  ****************************************************************************
 linke spalte oben - neben atmobanner
 */
#atmotop {
    width: 175px;
    position: absolute; /* opera doesn't obey z-index */
    top: 0;
    z-index: 20;
    margin: 0;
    padding: 0;
    background: #edede5; /* this BG tiles the left column */
    min-height: 165px; /* make space for atmo */
}

#atmotop form {
    background: #D9D7C8;
    margin: 0;
    padding: 15px 5px 15px 0;
    text-align: right;
}

#atmotop form input {
    background: #D9D7C8;
}

#atmotop form input.search {
    border: solid 1px #BAB9A6;
    background: #EDEDE5;
    height: 1.5em;
    width: 130px;
    margin-bottom: 5px;
    text-align: left;
}

#atmotop form input.searchbutton {
    background: #D9D7C8;
    border: none;
    font-size: .9em;
    font-weight: bold;
    color: #666;
}

#atmotop a, .menu a {
    color: #666;
    text-decoration: none;
    background: #EDEDE5;
}

#atmotop p {
    font-size: 12px; /* absolut damit sich der header nicht ueber das menue schieben kann */
    margin: 15px 0 5px 5px;
    /*white-space: nowrap;*/
}
/* html> body #atmotop p {
 width:25em;
 }*/
/*  ****************************************************************************
 menue - links
 */
* > html .menu li a:hover, * > html .menu ul li a:active {
    margin-left: 0;
} /*** Fix only for IE/Mac ***/
.left .menu ul {
    margin: 0 0 .25em 0;
    width: 175px;
    background: #d9d7c8 url(img_tile_columnleft_medium.jpg) repeat-y;
    padding: .5em 0;
}

.left .menu ul li {
    list-style-type: none;
    display: block;
    margin: 0px;
}

.left .menu ul li a {
    display: block;
    background: #d9d7c8 url(menu_left_no_08.gif) 0px 0px no-repeat;
    padding: 3px 5px 3px 25px;
    font-weight: bold;
}

.left .menu ul li a:hover {
    display: block;
    background: #e5f3f0 url(menu_left_act_08.gif) 0px 0px no-repeat;
    padding: 3px 5px 3px 25px;
}

.left .menu ul ul {
    margin: 0;
}

.left .menu ul ul li {
    list-style-type: none;
    display: block;
    padding: 0 0px 0 10px;
    margin: 0 0 1px 0;
}

.left .menu ul ul li a {
    display: block;
    background: #d9d7c8 url(img_tile_columnleft_medium.jpg) -8px 0px  repeat-y;
    border-top: none;
    border-bottom: 1px solid #E3E2D7;
    padding:  2px 0 2px 15px;
    margin:  0 15px 0 0;
    font-weight: normal;
}

.left .menu ul ul li a:hover {
    display: block;
    background: #e5f3f0 url(menu_left_act_08.gif) -8px 0px no-repeat;
    border-top: none;
    border-bottom: 1px solid #D9D7C8;
    padding:  2px 0 2px 15px;
    margin:  0 15px 0 0;
}
/* special conditions of menu items */
.left .menu ul li a.current {
    display: block;
	background: none;
    padding-left: 25px;
	font-weight: bold;
}
.left .menu ul li a.current,
.left .menu ul li a.active {
    background: #e5f3f0 url(menu_left_cur_08.gif) 0 0 no-repeat;
}

.left .menu ul ul li.active, .left .menu ul ul li.current {
	border: none;
}

.left .menu ul ul li a.active, .left .menu ul ul li a.current {
    display: block;
	border: none;
    border-top: none;
    border-bottom: 1px solid #E3E2D7;
    padding-left: 15px;
}

 .menu a {
    color: #666;
    text-decoration: none;
}
/*  ****************************************************************************
 Menue rechts (erst einmal generell)
 */
.right .menu {
    margin: 0;
}
/* special case: remove uppercase from rightnavi header  */
.right .menu h1, .right .menu h2, .right .menu h3, .right .menu h4, .right .menu h5, .right .menu h6 {
	text-transform: none;
}

.right .menu h4 {
    color: #fff;
    display: block;
    background: #1d403a url(img_tile_columnright_green_dark.jpg) repeat-y;
    margin: 0 0 5px 0;
    padding: 2px 0 2px 15px;
	font-weight: bold;
}

.right .menu ul {
    margin: 0;
    background: #d3e9e4 url(img_tile_columnright_green_light.jpg) repeat-y;
    padding-bottom: 0px;
	margin-bottom: 3px;
	
}

.right .menu ul li {
    list-style-type: none;
    background: #d3e9e4 url(img_tile_columnright_green_light.jpg) repeat-y;
    margin: 0 0 1px 0;
	padding: 0;
    border: none;
    display: block;
}

.right .menu ul li a {
    display: block;
    border: none;
	border-bottom: 1px solid #ccc;
	background: #eef5f3;
    margin: 0 0 0 15px;
    padding: 2px 0 2px 2px;
}

.right .menu ul li a:hover {
    display: block;
    background:  #d3e9e4;
    border: none;
	border-bottom: 1px solid #ccc;
    margin: 0 0 0 15px;
    padding: 2px 0 2px 2px;
}

.right .menu ul li.current a,
.right .menu ul li.active a {
    background:  url(img_tile_columnright_green_medium.jpg) repeat-y;
    background:  #d3e9e4;
	border: none;
	font-weight: normal;

}



.right .menu ul li.current li a,
.right .menu ul li.active  li a {
	border: none;
	border-bottom: 1px solid #d1dfdc;

}

.right .menu ul li.current a.current,
.right .menu ul li.active a.active {
	font-weight: bold;

}


.right .menu ul ul {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
    background:  url(img_tile_columnright_green_light.jpg) repeat-y;

}

.right .menu ul ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0 0 0 0px;
	background: #eff6f5;
}

.right .menu ul ul li a {
    display: block;
    padding-left: 0px;
	background: none;
    border: none;
	border-bottom: 1px solid #d1dfdc;
    margin: 0 0 0 5px;
}

.right .menu ul ul li a:hover {
    display: block;
    padding-left: 0px;
    border: none;
	background: #d3e9e4;
	background-image: none;
	border-bottom: 1px solid #d1dfdc;
    margin: 0 0 0 5px;
}
.right .menu ul li.current ul a,
.right .menu ul li.active ul a,
.right .menu ul ul li.current a,
.right .menu ul ul li.active a,
.right .menu ul ul li a.active,
.right .menu ul ul li a.current {
    display: block;
	font-weight: normal;
	background: none;
	background-image: none;
    padding-left: 0px;
}
.right .menu ul ul li a.active,
.right .menu ul ul li a.current {
	background: #d3e9e4;
	font-weight: bold;
	border:none;
}

.right .menu ul ul li a:hover,
.right .menu ul ul li a:hover {
	background: #d3e9e4;
	border-bottom: 1px solid #d1dfdc;

}

.right .menu ul ul li a.active:hover,
.right .menu ul ul li a.current:hover {
	background: #d3e9e4;
	font-weight: bold;
	border:none;
}
.right .menu ul ul ul {
    background:  #EFF6F5;
}





/*  ****************************************************************************
 Menue rechts (catalogue section)
 */

.catalogue .right .menu ul  {
    background: #f7f7f2 url(img_tile_columnright_medium.jpg) repeat-y;
	margin-bottom: 3px;
}
.catalogue .right .menu ul li {
	margin: 0 0 1px 0;
}

.catalogue .right .menu ul li a {
    display: block;
    border: none;
    background:  url(img_tile_columnright_green_light.jpg) repeat-y;
    margin: 0 ;
    padding: 2px 0 2px 15px;
}

.catalogue .right .menu ul li a:hover {
    display: block;
    background:  url(img_tile_columnright_green_medium.jpg) repeat-y;
    border: none;
    margin: 0 ;
    padding: 2px 0 2px 15px;
}

.catalogue .right .menu ul li.current a,
.catalogue  .right .menu ul li.active a {
    background:  url(img_tile_columnright_green_medium.jpg) repeat-y;

}



/*  ****************************************************************************
 Menue rechts (commerce catalogue section)
 */


.catalogue .right .fake ul  {
	border-top: 1px solid #ccc;
    background: #fff url(menu_catalogue_bg.gif) no-repeat;
}
.catalogue .right .fake ul li {
	margin: 0;
}
.catalogue .right .fake ul ul {
	border-top: none;
    background: none;
}


.catalogue .right .fake ul li.current a,
.catalogue .right .fake ul li.active a,
.catalogue .right .fake ul li,
.catalogue .right .fake ul li a,
.catalogue .right .fake ul li.active,
.catalogue .right .fake ul li.active ul,
.catalogue .right .fake ul ul,
.catalogue .right .fake ul li ul li,
.catalogue .right .fake ul li ul li a,
.catalogue .right .fake ul li {
	background-image: none;
	background-color: transparent;
}

.catalogue .right .fake ul li a {
    margin: 0 0 0 15px;
    padding: 2px 0 2px 2px;
	font-weight: normal;
    border: none;
	border-bottom: 1px solid #ccc;
}

.catalogue .right .fake ul li a:hover {
	background: #d3e9e4;
    border: none;
	border-bottom: 1px solid #ccc;
    margin: 0 0 0 15px;
    padding: 2px 0 2px 2px;
	font-weight: normal;
}


.catalogue .right .fake ul li li a {
    padding: 2px 0 2px 2px;
	font-weight: normal;
}

.catalogue .right .fake ul li li a:hover {
    padding: 2px 0 2px 2px;
	font-weight: normal;
}

.catalogue .right .fake ul li.current a,
.catalogue .right .fake ul li.active a {
	font-weight: bold;
	background: #d3e9e4;
}
.catalogue .right .fake ul li.current a:hover,
.catalogue .right .fake ul li.active a:hover {
	font-weight: bold;
	background: #d3e9e4;
}
.catalogue .right .fake ul li.current  ul li a,
.catalogue .right .fake ul li.active  ul li a{
	font-weight: normal;
	background: none;
}
.catalogue .right .fake ul li.current ul li a:hover,
.catalogue .right .fake ul li.active ul li a:hover {
	font-weight: normal;
	background: #d3e9e4;
}


/*  ****************************************************************************
 Menue center
 */
.centerfix .menu {
    margin: 0;
    clear: both;
}

.centerfix .menu ul {
    margin: 1em 0;
    background: #7FB5A7;
    border-top: 0px solid #7FB5A7;
    padding: 0px;
    margin-bottom: 1em;
    clear: both;
}

.centerfix .menu ul li {
    list-style-type: none;
    display: block;
    background: #D6E9E5;
    margin: 0;
    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;
}

.centerfix .menucatalogue ul {
    margin: 1em 0;
    background: #d6e9e5;    
	border-top: none;
    margin-bottom: 1em;
	padding: 0;
}

.menucatalogue ul li, .navrechts2 ul li {
    list-style-type: none;
    display: block;
    background: #7fb5a7;
    margin: 0 0px 0 10px;
    padding: 0;
}

.centerfix .menucatalogue ul li {
    margin: 0;
	padding: 0;
    background: #d6e9e5;
}

.menucatalogue ul li a, .navrechts2 ul li a {
    display: block;
    background: #d6e9e5;
	border: none;
    border-bottom: 1px solid #7fb5a7;
    padding-left: 5px;
    margin: 0;
    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: #d3e9e4;
    border-bottom: 1px solid #7fb5a7;
    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;
}
/* 2010 neue Produktkategorienseite mit Bildvorschau @ks */


.centerfix  .menucatalogue ul {
	background: none;
}

.centerfix .menucatalogue ul li {
	background: #fff;
}
.centerfix  .menucatalogue ul li a {
	height: 28px;
	overflow: hidden;
	padding: 20px 20px 2px 15px;
	display: block;
	position: relative;
	vertical-align: middle;
	font-weight: bold;
	background: #fff !important;
	border: 1px solid #224B44;
	margin-bottom: 15px;
	z-index: 55;

}
.centerfix  .menucatalogue ul li a:hover {
	height: 28px;
	overflow: hidden;
	font-size: 24px;
	color: #666;
	height: 36px;
	padding: 12px 20px 2px 15px;
	border: 1px solid #224B44;
	margin-bottom: 15px;
}
.centerfix  .menucatalogue li a img {
	position: absolute;
	top: 0px;
	right: 0px;
	vertical-align: middle;
	opacity: .5;
	filter: alpha( opacity = 50);
	z-index: 	-1;
}
.centerfix  .menucatalogue li a:hover img {
	opacity: 1;
}

.centerfix .menucatalogue ul li a:hover span {
	text-shadow: 0 0 1px white, 0 1px 1px #fff, 1px 0 1px #fff, 0 2px 1px #fff, 2px 0 1px #fff, 0 -2px 1px #fff, -2px 0 1px #fff, 3px 0 2px #fefefe, 0 3px 2px #fefefe, -3px 0 2px #fefefe, 0 -3px 2px #fefefe, 3px 0 2px #fefefe, 4px 0 5px #fefefe, 0 4px 5px #fefefe, -4px 0 5px #fefefe, 0 -4px 5px #fefefe, 4px 0 8px #fefefe, 0 4px 8px #fefefe, -4px 0 8px #fefefe, 0 -4px 8px #fefefe
}
			
.centerfix .menucatalogue li a img {
	filter: alpha( opacity = 50);
} 
.centerfix  .menucatalogue li a:hover img {
	filter: alpha( opacity = 100);
}

.menucatalogue ul li a span.badbrowser {
	color: #fff;
	position: absolute;
	left: 0px;
	top: 0; /* strength + pixelradius */
	z-index: -1; /* force under the normal text */
	zoom: 1; /*force hasLayout*/
} 

.menucatalogue ul li a:hover span.badbrowser {
/* the magic: filters */
	filter:
	DropShadow(Color=#ffffff, OffX=3, OffY=-6, Positive=1)
	Shadow(Color=#ffffff, Direction=45)
	progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=8)
	progid:DXImageTransform.Microsoft.blur(pixelradius=8,strength=6, enabled='true');
}

/*
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 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: 1.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 {
    display: block;
    background: url(img_tile_columnleft_dark.jpg) repeat-y;
    padding: 2px 0 2px 10px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    font-size: 1em;
    margin-bottom: .5em;
    border: none;
}

.left p, .right p {
	margin-left: 15px;
	margin-right: 15px;  
}

.right h1, .right h2, .right h3, .right h4, .right h5, .right h6 {
    display: block;
    background: url(img_tile_columnright_dark.jpg) repeat-y;
    padding: 2px 10px 2px 15px;
    color: #fff;
    font-weight: normal;
    font-size: 1em;
    margin-bottom: 1em;
    border: none;
	text-transform: none;
}
.left .csc-textpic-intext-left-nowrap h1, 
.left .csc-textpic-intext-left-nowrap h2, 
.left .csc-textpic-intext-left-nowrap h3, 
.left .csc-textpic-intext-left-nowrap h4, 
.left .csc-textpic-intext-left-nowrap h5, 
.left .csc-textpic-intext-left-nowrap h6,
.right .csc-textpic-intext-right-nowrap h1, 
.right .csc-textpic-intext-right-nowrap h2, 
.right .csc-textpic-intext-right-nowrap h3, 
.right .csc-textpic-intext-right-nowrap h4, 
.right .csc-textpic-intext-right-nowrap h5, 
.right .csc-textpic-intext-right-nowrap h6
.left .csc-textpic-intext-right-nowrap h1, 
.left .csc-textpic-intext-right-nowrap h2, 
.left .csc-textpic-intext-right-nowrap h3, 
.left .csc-textpic-intext-right-nowrap h4, 
.left .csc-textpic-intext-right-nowrap h5, 
.left .csc-textpic-intext-right-nowrap h6,
.right .csc-textpic-intext-right-nowrap h1, 
.right .csc-textpic-intext-right-nowrap h2, 
.right .csc-textpic-intext-right-nowrap h3, 
.right .csc-textpic-intext-right-nowrap h4, 
.right .csc-textpic-intext-right-nowrap h5, 
.right .csc-textpic-intext-right-nowrap h6 {
	background: #bab7a6;
	background: none;
	color: #666;
	padding: 3px 0;
}


.left .csc-textpic {
	margin:0 15px 0 15px ;
}
.left .csc-textpic p {
	margin:0;
}
/* new layout elements 2010 */

.framebg {
	background: #666 url(bg_concrete.jpg) repeat;
	width: 550px !important;
	overflow: hidden;
	margin-bottom: 25px;
}

.concreteframe {
	background: #666 url(bg_concrete.jpg) repeat;
}
.metalframe {
	background: #666 url(bg_metal.jpg) repeat;
}
.outdoorframe {
	background: #666 url(bg_outdoor.jpg) repeat;
}
.textpadder .centerfix .framebg .csc-textpic {
	margin-top: 20px;
	margin-left: 6px;
}
.framebg dl.csc-textpic-image ,
.framebg dl {
	margin-right: 5px;
}

.framebg div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 0 0 0 5px;
}
.framebg div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 0 5px 0 0;
}

.centerfix .framebg h2,
.framebg h2,
.framebg p,
.framebg .csc-textpic-text {
	margin: 12px;
	background: url(alpha_white.png) repeat;
	padding: 10px;
}

.framebg .csc-textpic-text {
	margin: 6px 12px 6px 6px;
}
.framebg .csc-textpic-text h2,
.framebg .csc-textpic-text p {
	background: none;
}




/* new forms for softrelaunch 2008 */
.right form {
    border: none;
    background: #BAB9A6 url(img_tile_columnright_medium.jpg) 0 0 repeat-y;
    margin: 0 0 3px 0;
    padding: .5em 0 .8em 15px;
    text-align: left;

}
.right .csc-textpic {
	margin:0 15px 0 15px;
}
.right .csc-textpic p {
	margin:0;
}
.right .rightforms h6 {
    border: none;
    background: none;
    margin: 0 0 2px 0;
    padding: 0;
    color: #000;
    text-align: left;
    text-transform: none;
}

.rightforms form input.search {
    border: solid 1px #BAB9A6;
    background: #EDEDE5;
    color: #666;
    line-height: 14px;
    width: 150px;
    margin: 0 0 0 0px;
    padding: 4px 5px 3px 5px;
    font-size: 14px; /* fixed size necessay for fixed height */
    text-align: left;
    float: left;
    vertical-align: bottom;
}

.rightforms form input.searchbutton {
    background: #D9D7C8;
    border: none;
    font-size: .9em;
    font-weight: bold;
    color: #666;
    float: left;
    width: 13px;
}

/* special menu for news */

.right .navrechts2 {
	margin: -1em 0 0 0;
    background:  url(img_tile_columnright_green_light.jpg) repeat-y;

}
.right .navrechts2 ul {
	margin: 0;
	padding: 0;
    background: #fff url(menu_catalogue_bg.gif) no-repeat;
}
.right .navrechts2 li, 
.right .navrechts2 li a{
	background: none;	
}





/* inhalte der content spalte */
.center h1.pagetitle,
.center h1.main { /* die hauptueberschrift einer Seite im Inhaltsteil 2008 */
	clear: both;
    color: #666;
    padding: 0;
    /* margin: 25px 0 10px 15px; */
    margin: 25px 0 10px 0px;
    font-size: 1em;
    font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.5px;
}

.centerfix h1, .centerfix h1.main { /* die hauptueberschrift einer Seite im Inhaltsteil */
    color: #7FB5A7;
    margin: 0 0 1.5em 0;
    text-transform: uppercase;
}

.centerfix h1.home { /* die hauptueberschrift der homepage */
    clear: both;
    color: #666;
    padding: 3px 0 3px 5px;
    line-height: normal;
    font-size: 1.7em;
    font-weight: normal;
    margin: 30px 0 15px 0;
    text-transform: none;
	background: none;
	border: none;
}

.centerfix h2 { /* normale ueberschriften eines content-element */
    color: #7FB5A7;
    padding: 2px 0;
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    margin: 1em 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;
}

.catalogue .centerfix h1.common, .catalogue  .centerfix h2.common {
    color: #666;
    background: #d6e9e5;
    border-top: 1px solid #7fb5a7;
    border-bottom: 1px solid #7fb5a7;
}


.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: 0 -1px 1px -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;
}
.catalogue .centerfix table .tr-odd td, 
.catalogue .centerfix table .tr-odd th {
    background: #e4eeeb;
    border-bottom: 1px solid #e4eeeb;
    border-top: 1px solid #c2dad3;
}


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

.catalogue .centerfix table .tr-even td, .catalogue .centerfix table .tr-even th {
    border-top: 1px solid #e4eeeb;
    border-top: 1px solid #c2dad3;
}

.centerfix .tr-1 td, .centerfix .tr-1 th {
    border-top: 1px solid #666;
    border-bottom: 1px solid #fff;
}
.catalogue .centerfix .tr-1 td, .centerfix .tr-1 th {
    border-top: 1px solid #c2dad3;
}

.centerfix th {
    padding-right: 10em;
}

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

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

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

.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%;
}
.catalogue .infobox p,
.catalogue .infobox {
    background: #e4eeeb;
}



.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 */
.tx-mfcmetaboteaser-pi1 {
    clear: both;
}

.containerhome {
    background: #fefefe;
    clear: both;
	position:relative;
}
/* new teasers for softrelaunch 2008 */


.containerhome .teaserbox1colimg, 
.containerhome .teaserbox1col, 
.containerhome .teaserbox2col, 
.containerhome .teaserbox3col {
    clear: both;
    padding: 0;
    margin: 0 0 2em 0;
    display: block;
}
.containerhome .teaserbox3col, .containerhome .teaserbox2col {
	position:relative;
}

.containerhome .teaserbox1colimg .csc-textpic-text {
    background: url(img_08_home_teaserbg.gif) 0 0 repeat-x;
	padding: 15px;
}


.containerhome .teaserbox3col .teaserbox, 
.containerhome .teaserbox2col .teaserbox {
    width: 265px;
    margin: 0 0 40px 20px;
    float: left;
    background: url(img_08_home_teaserbg.gif) 0 130px repeat-x;
	position:relative;
}

.containerhome .teaserbox3col .teaserbox {
    width: 170px;
     background: url(img_08_home_teaserbg.gif) 0 110px repeat-x;
}

.containerhome .teaserbox2col .first, .containerhome .teaserbox3col .first {
    margin: 0 0 40px 0;
}

.containerhome .teaserbox3col .teaserbox img {
	height: 80px;
	overflow: hidden;
}
.containerhome .teaserbox2col .teaserbox img  {
	height: 100px;
	overflow: hidden;
}
.containerhome .teaserbox3col .teaserbox .teaserLayerBox img {
	height: 134px;
	overflow: hidden;
}
.containerhome .teaserbox2col .teaserbox .teaserLayerBox img  {
	height: 134px;
	overflow: hidden;
}

/* darker */
.containerhome .teaserbox2col .teaserLayerBox,
.containerhome .teaserbox3col .teaserLayerBox{

     background: url(img_08_home_teaserbg_dark.gif) 0 110px repeat-x;
	 color: #fff;
}

.teaserbox1colimg h1, 
.teaserbox1colimg h2, 
.teaserbox1colimg h3, 
.teaserbox1colimg h4, 
.teaserbox1colimg h5, 
.teaserbox1colimg h6, 
.teaserbox1col h1, 
.teaserbox1col h2, 
.teaserbox1col h3, 
.teaserbox1col h4, 
.teaserbox1col h5, 
.teaserbox1col h6 {
    display: block;
    font-weight: normal;
    color: #666;
    text-decoration: none;
    margin: 0 0 2px 0;
    padding: 4px 8px 4px 8px;
    height: 20px;
    text-transform: uppercase;
    background: #000 url(img_bg_teaser1_h2_dark.gif) repeat-x;
    background: #d6e9e5 url(img_08_home_arrow:dark.gif) right top no-repeat;
    font-weight: normal;
    text-decoration: none;
    height: 20px;
}

.containerhome .teaserbox1colimg .csc-textpic-text h1, 
.containerhome .teaserbox1colimg .csc-textpic-text h2, 
.containerhome .teaserbox1colimg .csc-textpic-text h3, 
.containerhome .teaserbox1colimg .csc-textpic-text h4, 
.containerhome .teaserbox1colimg .csc-textpic-text h5, 
.containerhome .teaserbox1colimg .csc-textpic-text h6{
    display: block;
    font-size: 1.2em;
	color: #666;
	color: #fff;
    background: none;
	border: none;
    text-decoration: none;
    text-transform: none;
	padding: 0;
	font-weight: bold;
	height: auto;
} 
.containerhome .teaserbox1col div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
.containerhome .teaserbox1colimg div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 2px;
} 


.teaserbox1col span,
.teaserbox1col dd,
.teaserbox1col dt {
    margin: 0;
	padding: 0;
	display: block;
	width: auto;
}

.teaserbox1col span,
.teaserbox1col dd,
.teaserbox1col dt {
    margin:  0 0 0px  0;
}


.containerhome .teaserbox2col .teaserbox img {
    width: 265px;
	overflow: hidden;
	margin: 0 auto;
}
.containerhome .teaserbox3col .teaserbox img {
    width: 170px;
	overflow: hidden;
	margin: 0 auto;
}
.containerhome .teaserbox2col .teaserbox .teaserLayerBox img ,
.containerhome .teaserbox3col .teaserbox .teaserLayerBox img {
    width: auto;
}


.textpadder .centerfix .teaserbox1col .csc-textpic .csc-textpic-imagewrap {
}
.textpadder .centerfix .teaserbox1col span {
	display: block;
}
.textpadder .centerfix .teaserbox1col embed {
}

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

.textpadder .centerfix .teaserbox1col .csc-textpic-text {
    margin: 0px 0 0 0;
	padding: 0 5px;
    background: #fff url(img_08_home_teaserbg.gif) 0 0px repeat-x;
}


.containerhome h6 a {
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    background: #d6e9e5 url(img_08_home_arrow.gif) right top no-repeat;
    text-decoration: none;
    padding: 8px 15px 0 8px;
    height: 20px;
    text-transform: uppercase;
}

.containerhome .teaserbox img {
    display: block;
}

.containerhome .teaserbox h5, .containerhome .teaserbox h5 {
    display: block;
    margin: 12px 12px 12px 12px;
    font-size: 1.2em;
    color: #666;
}

.containerhome .teaserbox p, .containerhome .teaserbox p {
    display: block;
    margin: 0px 12px 6px 12px;
    color: #666;
}

/* Popup box teaser layer */

.teaserbox3col .teaserLayerBox, .teaserbox2col .teaserLayerBox {
    width: 340px;
    margin: 0;
    z-index: 500;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
	cursor: pointer;
    background: #fff url(img_08_home_teaserbg.gif) 0 160px repeat-x;
	border: 3px solid #bfc0ba;
}

.teaserLayerBox .imagecontainer {
    display: none;
    height: 150px;
}


.teaserLayerBox  {
	border: 1px solid #ccc;
	z-index: 500;

}
.teaserLayerBox .content {
    width: 100%;
    background: #224b44 url(img_08_home_teaserbg_dark.gif) 0 160px repeat-x;

}
.teaserLayerBox .content h1,
.teaserLayerBox .content h2,
.teaserLayerBox .content h3,
.teaserLayerBox .content h4,
.teaserLayerBox .content h5,
.teaserLayerBox .content p a,
.teaserLayerBox .content p {
    color: #fff;
}
.containerhome .teaserLayerBox .content h6 a {
    background: #224b44 url(img_08_home_arrow_dark.gif) right top no-repeat;
    color: #fff;
}

.containerhome .imagegallery {
    display: none;
}



/* 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 */
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: 10px;
}
/* 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: 10px;
}

/* Special Pictures on right (frames) */

.concreteframe div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
.metalframe div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
.outdoorframe div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
margin-right: 10px;
}

/* 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 */
}

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: 10px;
}

DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
    margin-bottom: 10px;
    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: 10px !important;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !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: 0 0 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;
}
/*  ************************************************************************   */
/*              CSS styled imagetext individuelle Anpassungen ENDE             */
/*  ************************************************************************   */
/* Mailformular */
.csc-mailform {
    padding: .5em;
}

.csc-mailform-field {
    clear: both;
    padding: .5em 0;
}

.csc-mailform-field label {
    width: 25%;
    float: left;
    clear: both;
}

.csc-mailform-field input {
    width: 50%;
    float: left;
}

.csc-mailform-field select {
    width: 50%;
    float: left;
}

.centerfix .csc-form-labelcell {
    text-align: right;
    background-color: #fff;
    padding: 3px;
    margin: 0;
}

.csc-form-label-req {
    background-color: #fff;
    text-align: right;
}

.centerfix .csc-form-fieldcell {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

.csc-form-label {
    background-color: #fff;
    text-align: right;
}

/* polnischer pdf sonderfall */
.pdf_out .csc-form-submit a {
	color: #000;
	text-decoration: none;
	padding: 2px 5px;
	background: #d4d0c8;
	border-color: #000;
	border-width: 2px;
	border-style: outset;
}

input[type=text] {
    color: #000;
    background-color: #fff;
    width: 315px;
    margin: 0;
    padding: 0;
}

select[name=adressat] {
    color: #000;
    background-color: #fff;
    width: 320px;
    border: 1px solid #f00;
}

.csc-form-fieldcell textarea {
    background-color: #EFEFE7;
    width: 315px;
}
/* sonderfall: form-elemente als umfrage missbrauchen */
.metabopoll form .csc-mailform-label {
    width: auto;
    display: block;
    float: none;
    clear: both;
}

.metabopoll form .csc-mailform-field {
}
/*  File list  */
.framerulerTeaser .csc-firstHeader {
    background: #F5DB00;
    color: #000;
    padding: 6px 4px 2px 4px;
    border: 1px solid #F5DB00;
}

.framerulerTeaser .csc-uploads-fileName a {
    color: #66A6E4;
    text-decoration: none;
    outline: none;
    font-size: 11px;
}

.framerulerTeaser .csc-uploads-fileName a:hover {
    color: #064780;
    text-decoration: underline;
    font-size: 11px;
}
/* TYPO3 Tabellen */
.centerfix .contenttable {
    border: 1px solid #D4D0C8;
    margin: 0px;
}

.catalogue .centerfix .contenttable {
    border: 1px solid #c2dad3;
    margin: 0px 1px;
	
}


.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 h4.linklistheader {
    background: #d5e5e0;
}


.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;
}

.catalogue .csi-imagewrap .csi-image dt ul.linklist li,
.catalogue  .linklist li,
.catalogue .catalogue-imagewrap .catalogue-image div ul.linklist li ,
.catalogue .csi-textpic .csi-text ul.linklist, 
.catalogue .csi-imagewrap .csi-image dt ul.linklist, 
.catalogue .catalogue-textpic .catalogue-text ul.linklist, 
.catalogue .catalogue-imagewrap .catalogue-image dt ul.linklist 
 {
    background: #e4eeeb;
}


.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;
}
.catalogue .centerfix #katpreisempfehlung th, .catalogue  .centerfix #katpreisempfehlung td {
    color: #666;
    background: #c7e1db;
    border-top: 1px solid #7fb5a7;
    border-bottom: 1px solid #7fb5a7;
}


.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;
}
/* HAENDLERSUCHE FR */
.frhaendlersuche td {
    background: none;
}

.frhaendlersuche select {
    font-size: 0.8em;
}

.frhaendlersuche input.button {
    margin-top: 10px;
}

.hborder .frhaendlersuche select {
    margin-top: 20px;
}

.frhaendlerergebnis {
    border: 1px solid #D9D7C8;
}

.frhaendlerergebnis td {
    background: none;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #D9D7C8;
}

.frhaendlerergebnis tr.header td {
    font-weight: bold;
    white-space: nowrap;
    background: #D9D7C8;
}

.frhaendlerergebnis tr.color td {
    background: #EDEDE5;
}


.redtextsmall {
    font-weight: normal;
    color: #f00;
    font-size: 0.9em;
    line-height: 1.2em;
}
/* andere farbe fuer powerseller in der händlersuche zur sicherheit: nur in der table */
table .redtextsmall {
    color: #224a44;
    font-size: 1.2em;
	font-weight: bold;
}

.haendlerfooter {
    margin-bottom: 20px;
}

div.hborder {
    border: 1px solid #D9D7C8;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.hborder table {
    margin-top: 2px;
}
/* AUSGABE DER SUCHE */
.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
    width: 250px;
}

.tx-indexedsearch  {
    width: 550px; 
	overflow: hidden;
}


.tx-indexedsearch td {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

.tx-indexedsearch-whatis p {
    font-size: .9em;
    color: #666;
    background-color: #D9D7C8;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 0 0 0 5px;
    margin: 0 0 1.5em 0;
}

.tx-indexedsearch-redMarkup {
    color: #7FB5A7;
}

.tx-indexedsearch-secHead h2 {
    font-size: 1em;
    color: #666;
    background-color: #D9D7C8;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px 0 5px 5px;
    margin: 0 0 8px 0;
}

.tx-indexedsearch-secHead h2 a {
    text-decoration: none;
}

.tx-indexedsearch-secHead p {
    font-size: .9em;
    color: #666;
    background-color: #D9D7C8;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 2px 2px 2px 5px;
    margin: 0;
}

.tx-indexedsearch .tx-indexedsearch-res {
    clear: both;
    width: 550px; 
	margin: 15px 0 0 0 ;
	overflow: hidden;
}


.tx-indexedsearch .tx-indexedsearch-title {
    font-size: .9em;
    color: #666;
    background-color: #EFEFE7;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 0 0 0 5px;
    margin: 0;
}
.tx-indexedsearch .tx-indexedsearch-descr {
    padding: 0 0 0 5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title img {
    width: 18px;
    height: 16px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a {
    text-decoration: none;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title td p {
    margin: 0 0 0 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {
    font-style: italic;
    font-size: 11px;
    line-height: 13px;
    padding: 3px 3px 0 17px;
    margin: 0;
    color: #666;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background-color: #EFEFE7;
    font-size: 11px;
    line-height: 13px;
    padding: 3px 3px 0 3px;
    margin: 0;
    color: #000;
}

.tx-indexedsearch .displaynone,
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info a {
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.tx-indexedsearch-browsebox {
	margin: 15px 0;
	min-height: 2em;
}

.tx-indexedsearch ul.browsebox {
    list-style: none;
	margin: 0;
	padding: 0 2px 0 0;
}
.tx-indexedsearch ul.browsebox li {
    list-style: none;
	margin: 0;
	padding: 0 1px 0 0;
}

.tx-indexedsearch .browsebox li, .tx-indexedsearch .browsebox li a {
    float: left;
    margin: 0;
    padding: 0 3px 0 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;
    padding: 2px 0 2px 5px;
    margin: 0;
    color: #666;
}

.centerfix h2.common2right {
    background: #EDEDE5;
    text-transform: none;
    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;
}
.centerfix .artikeluebersicht td.excerpt {
	padding: 0 0 15px 2px;
}
.news-search-emptyMsg td  {
	padding-left: 10px;
}

.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;
}
/* Allgemeine Formulare */
.formular fieldset {
    color: #000;
    border: 0px solid #999;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    background: #EDEDE5;
}

.formular form {
    color: #000;
    margin-top: 1.0em;
}

.formular b.inputinfo {
    display: block;
    float: left;
    width: 130px;
    line-height: 1.5em;
    margin-left: 10px;
}

.formular fieldset legend {
    display: none;
}

.formular fieldset span {
    float: left;
    width: 100px;
    margin-right: 5px;
    text-align: left;
    font-weight: normal;
}

.formular input {
    margin-bottom: 0.5em;
    float: left;
}

.formular input.newsletter {
    margin-bottom: 0.5em;
    width: 180px;
    float: left;
}

.formular input.checkbox {
    margin-bottom: 0.5em;
    width: 20px;
}

.formular .check {
    margin-left: 100px;
}

.formular .info {
}

.formular .info b {
    font-size: 1.0em;
}

.formular .button {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 100px;
}

.formular .formbutton {
    margin-top: 20px;
    text-align: center;
    background: #CCC;
    font-weight: bold;
    font-size: 0.7em;
    padding: 2px;
}

.formular .anmeldung {
    margin-top: 1em;
    margin-bottom: 0.2em;
}

.formular .anmeldung th {
    border-bottom: none;
    background: #ccc;
    height: 1.5em;
    vertical-align: middle;
    text-align: left;
    padding-left: 0.3em;
}

.formular .anmeldung td {
    padding-right: 0.5em;
}

.formular hr {
    border: 1px solid #ccc;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    margin: 2px 0 5px 0;
}

.formular b {
    font-size: 0.8em;
    font-weight: normal;
}

.formular b.stern {
    font-weight: bold;
    color: #f00;
}

.formular sup {
    font-size: 1.0em;
}
/* Table fuer Checkboxen und Radiobutton*/
.formular .formfelder {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.formular .formfelder input {
    margin: 0;
    padding: 0;
}
/* ****************** FOOTER ****************** */
#footer {
    border-right: 1px solid #fff;
    background-image: url(background_footer.gif);
    background-repeat: repeat-y;
    background-position: left top;
    text-align: right;
    vertical-align: middle;
}

#footer a {
    margin-right: 1em;
    font-size: 0.8em;
    line-height: 2.5em;
    color: #333;
}
/* ****************** */
/* DOWNLOAD */
.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;
}
/* t3 admin panel */
.typo3-adminPanel, .typo3-adminPanel td {
    text-align: left;
}
/* sonderfall: form-elemente als umfrage missbrauchen */
.metabopoll form .csc-mailform-field label {
    width: auto;
    display: block;
    float: none;
    clear: both;
}

.metabopoll form .csc-mailform-field input {
    width: auto;
    float: none;
}

.metabopoll form .csc-mailform-field select {
    width: auto;
    float: none;
}

.metabopoll form .csc-mailform-field legend {
    display: none;
}

.metabopoll form input.csc-mailform-radio {
    width: 20px;
    float: left;
    clear: both;
}

.metabopoll form .csc-mailform-radio label {
    width: 300px;
    float: left;
    clear: none;
}
/* Online-Umfrage P7'911 */
.tx-pbsurvey-pi1 {
}

.tx-pbsurvey-pi1 .survey_item {
    border: none;
    margin: 10px 0 0 0;
    padding: 0;
    background: #EDEDE5;
    padding: 10px;
}

.tx-pbsurvey-pi1 .survey_item .question {
    display: none;
}

.tx-pbsurvey-pi1 .survey_item .questionSubtext {
    color: #666666;
    font-weight: bold;
}

.tx-pbsurvey-pi1 .formbuttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tx-pbsurvey-pi1 .formbuttons input {
    background: #EDEDE5;
    border: 1px solid #666;
}
/* commerce besonderheiten (neuer Katalog) */
.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;
}





/* ***********************************************************
 * 
 *  spezielle layouts fuer com
 * 
 * ***********************************************************
 * */

/* main header of com - left or not? relative means not!*/
.wraphome .centerfix {
	position: relative;
	
}
.wraphome .center {
	background: url(worldmap.gif) center 70px  no-repeat;
	
}
.wraphome .sprachauswahl ,
.wraphome .laenderauswahl  {
	width: 240px;
	margin: 150px 0px 70px 0;
	padding: 15px 10px 40px 10px;
	background: url(worldmap-slot.gif) repeat-x;
}
.wraphome .sprachauswahl  {
	float: right;
}
.wraphome .laenderauswahl  {
	float: left;
}
.wraphome .sprachauswahl  {
	float: right;
}
.wraphome .sprachauswahl b,
.wraphome .laenderauswahl b {
   color: #666;
}
.wraphome .sprachauswahl select,
.wraphome .laenderauswahl select {
   border: 1px solid #666;
   min-width: 200px;
   display: block;
   margin: 10px 0 5px 0;
}


.wraphome h1.home {
	position: absolute;
	top: 1px;
	left: 1px;
	background: none;
	border: none;
    text-transform: none;
	color: #666;
	line-height: normal;
	letter-spacing: -1px;
	margin-top: 15px;
	
}

#laender {
		background: url(worldmap.gif)   no-repeat;
		width: 100%;
		height: 400px;

}

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