/*
STOCKMEIER
Author: axel.salder@comspace.de
Create Date: 08.07.2009
Last Modified: 13.07.2009
TABLE OF CONTENT
1    LINKS
2    HEADLINES
3    FORMS
4    STRUCTURE
5    HEADER
6    SIDEBAR
7    CONTENT
8    FOOTER
COLORS
orange.css        Stockmeier orange        255/102/00        #ff6600        Chemiehandel / Reiniger
blue.css            Stockmeier blue            0/153/204            #0099cc        Urethans
dark-red.css    Stockmeier dark red        153/0/50            #990032        Food
red.css            Stockmeier red            204/51/0            #cc3300        Papier / Textil / Reiniger
green.css        Stockmeier green                                #00927b               3s
dark-green.css        Stockmeier dark green                      #128248               Automotiv
*/
body {
    background: #fff;
    color: #000;
    font: 14px Helvetica, Arial, sans-serif;
    width: 985px;
    margin: 0 auto;
}
.lt { float: left; }
.rt { float: right; }
/* =1 Links */
a {
    text-decoration: none;
}
.more-info {
    margin-left: 4px;
}
.more-news {
    background: url('/images/admin/double-arrow-right.gif') no-repeat left center;
    color: #000;
    font-weight: bold;
    padding-left: 17px;
    text-decoration: underline;
}
.dl-pdf,
.dl-mpg {
    background: url('/images/admin/pdf-ico.gif') no-repeat left top;
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding: 15px 0 0 36px;
    position: relative;
}
.dl-mpg {
    background: url('/images/admin/mpg-ico.gif') no-repeat left top;
}
h4 a {
    color: #808080;
}
/* =2 Headlines */
h1 {
    color: #fff;
    font-size: 26px;
    left: 27px;
    position: absolute;
    text-indent: -9999px;
    text-transform: uppercase;
    top: 27px;
}
h2 {
    font-size: 18px;
    margin-top: 15px;
}
h3,
h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 11px;
}
h4 {
    color: #808080;
    font-size: 14px;
    margin-top: 8px;
}
h5 {
    font-weight: bold;
    margin-bottom: 8px;
}
h6 {
    font-weight: bold;
    margin-bottom: 4px;
}
/* =3 Forms */
input, select, textarea {
    border: 1px solid #cccecd;
    border-top-color: #8e8e8e;
    border-right-color: #cecece;
    border-bottom-color: #e3e3e3;
    border-left-color: #cdcdcd;
    color: #7f7f7f;
    font: 11px Helvetica, Arial, sans-serif;
    padding: 1px;
}
textarea {
    height: 200px;
    width: 395px;
}
.select-contact {
    width: 144px;
}
.inputSelect {
    width: 144px;
}
.input-search {
    margin-right: 9px;
    text-align: center;
    width: 155px;
}
.submit-search {
    background: url('/images/admin/arrow-right-white.gif') no-repeat left center;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding-left: 19px;
    position: relative;
    top: 1px;
    width: 63px;
}
.input-ksb {
    margin-bottom: 16px;
    text-align: center;
    width: 186px;
}
.submit-ksb,
.register-ksb {
    border: none;
    cursor: pointer;
    margin-left: 7px;
    position: relative;
    top: 1px;
    width: 10px;
}
.register-ksb {
    background: url('/images/admin/arrow-right-black.gif') no-repeat left center;
}
#ie6 .submit-ksb,
#ie7 .submit-ksb {
    position: relative;
    top: -14px;
}
.input-route {
    margin-right: 9px;
    text-align: center;
    width: 328px;
}
.submit-route,
.submit-contact {
    background: url('/images/admin/arrow-right-black.gif') no-repeat left center;
    border: none;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    padding-left: 19px;
    position: relative;
    top: 1px;
}
.submit-route {
    width: 98px;
}
.submit-contact {
    width: 168px;
}
.error {
    border: 1px solid #ff6600;
}
.error-label {
    color: #ff6600;
}
/* =4 Structure */
#header {
    background: url('../eImages/admin/shadow-right.gif') repeat-y right top;
    height: 202px;
    overflow: hidden;
    padding-right: 2px;
    width: 985px;
}
    #search {
        float: left;
        font-size: 11px;
        height: 57px;
        margin-right: 9px;
        padding: 145px 0 0 27px;
        position: relative;
        width: 256px;
    }
    
#wrapper {
    /*background: url('../eImages/admin/shadow-right.gif') repeat-y right top;*/
    overflow: hidden;
    padding-right: 2px;
    width: 985px;
}
    #sidebar {
        float: left;
        margin-right: 9px;
        padding: 25px 27px 0 26px;
        width: 230px;
    }
    
        #nav {
            margin-bottom: 14px;
        }
        
    #content-2col {
        float: left;
        overflow: hidden;
        padding-top: 10px;
        width: 693px;
    }
    
        #content-left {
            /*background: url('../eImages/admin/dots-vertical.gif') repeat-y right top;*/
            float: left;
            overflow: hidden;
            padding-right: 10px;
            position: relative;
            width: 683px;
        }
		#content-left1 {
            float: left;
            overflow: hidden;
            padding-right: 10px;
            position: relative;
            width: 683px;
        }
        
        #context-right {
            float: left;
            padding: 20px 0 0 14px;
            width: 683px;
        }
        
    #content-1col {
        display: inline;
        float: left;
        margin-right: 24px;
        width: 669px;
    }
#footer {
    /*background: url('../eImages/admin/footer-bg.gif') no-repeat left top;*/
    color: #4c4c4c;
    font-size: 12px;
    height: 40px;
    padding: 25px 20px 40px;
    width: 945px;
    text-align: center;
    border-top: #aaaaaa dashed 1px;
}
/* =5 Header */
#search form {
    margin-bottom: 15px;
}
    #search img {
        left: 27px;
        position: absolute;
        top: 27px;
    }
    
    #search p a {
        color: #fff;
        margin-right: 20px;
    }
#stage {
    float: left;
    height: 202px;
    position: relative;
    width: 693px;
    z-index:2
}
    #stage img {
        display: block;
    }
    
    #logo {
        bottom: 34px;
        left: 19px;
        position: absolute;
    }
    
    #img {
        bottom: 0;
        right: 0;
        position: absolute;
    }

#header {overflow:visible;}
#stage .flyout {
    position: absolute;
    right:0;
    top: 202px;
    width: 962px;
    height: 631px;
    background: url(../eImages/admin/bg-flyout.png) no-repeat;
    display:none;
}
#stage .flyout div {
    padding: 13px 0 0 1px;
    font-size: 15px;
    text-align:center;
}
#stage .flyout div div {
    font-size: 15px;
    left: 60px;
    padding: 0;
    position: absolute;
    top: 44px;
}
* html #stage .flyout div div {
    left: 65px;
}
#stage .flyout div a img {
    padding-top: 25px;
}
#stage .flyout a.close {
    position: absolute;
    background: url(../eImages/admin/close.gif) no-repeat;
    height: 34px;
    width: 34px;
    top: 13px;
    left: 1px;
}
/* =6 Sidebar */
#nav li {
    background: url('../eImages/admin/dots-horizontal.gif') repeat-x left top;
    padding: 4px 0 3px 10px;
}
#nav .first {
    background: none;
}
#nav .active-1 {
    overflow: hidden;
    width: 220px;
}
    #nav a {
        color: #999;
        font-weight: bold;
        text-transform: uppercase;
    }
    
        #nav ul {
            background: url('../eImages/admin/dots-horizontal.gif') repeat-x left top;
            display: none;
            left: -10px;
            margin-top: 3px;
            overflow: hidden;
            padding-top: 5px;
            position: relative;
            width: 230px;
        }
        
        #nav .active-1 ul {
            display: block;
        }
    
            #nav ul li {
                background: none;
                padding: 1px 0 1px 18px;
            }
            
                #nav ul a {
                    color: #7f7f7f !important;
                    font-weight: normal;
                    text-transform: none;
                }
                /* -PST 28.11.2013- changed from:
                 #nav .active-2 a
                */ 
                #nav li.active-2 > a {
                    color: #999;
                    font-weight: bold !important; /* PST: important is an addition as well */
                }
                
                    #nav ul ul {
                        display: none !important;
                        left: -18px;
                        overflow: hidden;
                        position: relative;
                        width: 230px;
                    }
                    
                    #nav .active-2 ul {
                        display: block !important;
                    }
                    
                        #nav ul ul li {
                            padding: 1px 0 1px 25px;
                        }
                
                            #nav ul ul a {
                                font-size: 11px;
                                font-weight: normal !important;
                            }
                            
                            #nav .active-3 a {
                                font-weight: bold !important;
                            }
.sidebar-box {
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 10px;
}
    .sidebar-box.news-box p {
        color: #000000;
        font-size: 13px;
    }
    
/* =7 Content */
.image-map {
    display: block;
    margin-top: 20px;
}
.image-map-box { 
    position: relative; 
}
.image-map-info {
    background: #f60;
    color: #fff;
    padding: 6px;
    margin: 5px 0 15px;
    posiion: relative;
    width: 196px;
}
.js-map .image-map-info {
    position: absolute;
    right: 0;
    top: 0;
 }
.image-map-info .info-img {
    background: #999;
    display: block;
    margin-top: 6px;
    width: 196px;
}
.image-map-info p { 
    margin-top: 6px !important; 
}
.image-map-info a { 
    color: #fff; 
}
    
#content-left .no-dots {
    background: #fff;
    height: 52px;
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
#content-2col p,
#content-1col p {
    line-height: 1.5;
    margin-top: 12px;
}
#content-2col p.first,
#content-1col p.first {
    height: 0px;
    overflow: hidden;
}
#content-2col .img-full-width,
#content-1col .img-full-width{
    margin: 15px 12px 12px 0;
    width: 100%;
}
#content-2col .img-left,
#content-1col .img-left {
    float: left;
    margin: 15px 12px 12px 0;
}
#content-2col .img-right,
#content-1col .img-right {
    float: right;
    margin: 15px 5px 12px 12px;
}
#content-2col .img-center,
#content-1col .img-center {
    display: block;
    margin: 15px 0;
}
#content-left ul {
    list-style: square;
    margin-top: 15px;
    padding-left: 13px;
}
#ie6 #content-left ul,
#ie7 #content-left ul {
    padding-left: 15px;
}
.bg {
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 2px;
}
.content-box,
.product-box,
.location-box,
.location-detail-box,
.company-box,
.media-box,
.contact-box,
.brochure-box {
    /*background: url('../eImages/admin/dots-horizontal.gif') repeat-x left bottom;*/
    padding-bottom: 18px;
    overflow: hidden;
}
/* Content Box lists, ticket #42457  */
.content-box ul{
    list-style: disc outside none;
    margin-left: 13px;
}
.product-box,
.location-box {
    padding-bottom: 0;
}
.orange { color: #f60; }
.red { color: #c30; }
.dark-red { color: #990032; }
.blue { color: #09c; }
.dark-blue,
.kruse-blau { color: #254E9B; }
.green { color: #00927b; }
.dark-green { color: #128248; }
.border-orange,
.border-red,
.border-dark-red,
.border-blue, 
.border-green,
.border-dark-green
{
    border: 1px solid #f60;
}
.border-red {
    border-color: #c30;
}
.border-dark-red {
    border-color: #990032;
}
.border-blue {
    border-color: #09c;
}
.border-green {
    border-color: #00927b;
}

.border-dark-green {
    border-color: #128248;
}

    
.tab-list {
    clear: both;
    height: 26px;
    list-style: none !important;
    margin-top: 17px !important;
    padding-left: 0 !important;
    overflow: hidden;
}
    .tab-list li {
        border-bottom: 5px solid #fff;
        float: left;
        height: 21px;
        margin-right: 5px;
        text-align: center;
        width: 97px;
    }
    
    .tab-list .last {
        margin-right: 0;
    }
    
        .tab-list {
            background: #f2f2f2;
            color: #000;
            cursor: pointer;
            display: block;
            font-weight: bold;
            height: 21px;
            line-height: 21px;
        }
        
        .tab-list .active-tab {
            color: #fff;
        }
        
.tab-content {
    width: 505px;
}
    .tab-item,
    .tab-item2 {
        padding: 0 0 10px 34px;
        position: relative;
    }
        .tab-item .character,
        .tab-item2 .word {
            color: #fff;
            font-weight: bold;
            height: 19px;
            left: 0;
            line-height: 19px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 21px;
        }
        
        #ie6 .tab-item .character {
            left: -34px;
        }
        
        .tab-item ul,
        .tab-item2 ul {
            padding-left: 0 !important;
        }
        
        .tab-item li,
        .tab-item2 li {
            line-height: 2;
            list-style: none;
        }
        
    .tab-item2 {
        padding: 0 0 10px 160px;
    }
    
        .tab-item2 .word {
            width: 147px;
        }
        
        #ie6 .tab-item2 .word {
            left: -160px;
        }
.location-box p {
    margin-top: 7px;
}
.location-item {
    padding-top: 10px;
    padding-bottom: 13px;
}
.location-detail-box .tab-list li {
    width: 332px;
}
.location-detail-box .tab-item {
    padding: 16px 0 0 0;
    position: static;
}
.search-item {
    background: url('../eImages/admin/dots-horizontal.gif') repeat-x left bottom;
    padding-bottom: 14px;
}
    .search-item strong {
        display: inline;
    }
.search-paging-top,
.search-paging-bottom {
    background: url('../eImages/admin/dots-horizontal.gif') repeat-x left bottom;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.search-paging-top {
    background: url('/images/admin/search-paging-top.gif') repeat-x left bottom;
    height: 25px;
    line-height: 25px;
    margin-top: 14px;
}
    .search-paging-top select,
    .search-paging-bottom  select {
        position: relative;
        top: -1px;
        width: 189px;
    }
    
    #ie6 .search-paging-top select,
    #ie6 .search-paging-bottom  select {
        top: 2px;
    }
    
    #ie7 .search-paging-top select,
    #ie7 .search-paging-bottom  select {
        top: 0;
    }
    
        .search-paging-top .hits,
        .search-paging-top .page,
        .search-paging-bottom .hits,
        .search-paging-bottom .page {
            width: 240px;
        }
        
        .search-paging-top .page img,
        .search-paging-bottom .page img,
        .search-paging-top .page span,
        .search-paging-bottom .page span {
            margin-right: 12px;
        }
        
        .search-paging-top .page span,
        .search-paging-bottom .page span {
            font-weight: bold;
        }
        
        .search-paging-top .page img,
        .search-paging-bottom .page img {
            /* cursor: pointer; */
        }
.news-item {
    background: url('../eImages/admin/dots-horizontal.gif') repeat-x left bottom;
    margin-top: 14px;
    overflow: hidden;
    padding-bottom: 14px;
}
    .news-item h3,
    .news-item p    {
        color: #000;
        font-size: 12px;
        margin-top: 0 !important;
    }
    #content-1col .news-item .img-left {
        margin: 0 12px 12px 0;
    }
    #content-1col .news-item .img-right {
        margin: 0 0 12px 12px;
    }
.media-box ul {
    margin-top: 0 !important;
    padding-left: 0 !important;
}
    
    .media-box li {
        margin-top: 18px;
        list-style: none;
    }
        
.contact-box label {
    display: inline-block;
    vertical-align: top;
    width: 90px;
}
.contact-box input {
    margin-right: 15px;
    width: 140px;
}
#content-2col .contact-box .img-right {
    margin: 0 0 12px 12px;
}
#ie6 #content-2col .contact-box .img-right,
#ie7 #content-2col .contact-box .img-right  {
    margin: 15px 0 12px 12px;
}
.brochure-box input {
    border: none;
}
.brochure-box label {
    margin-right: 15px;
    position: relative;
    top: -2px;
}
#ie6 .brochure-box label,
#ie7 .brochure-box label {
    top: -1px;
}
        
.context-box li {
    margin-bottom: 18px;
}
.context-box a {
    color: #000;
}
.context-box .context-box {
    margin-bottom:15px;
}

table.directions th {
    background-color:#EEEEEE;
}
#map_canvas-orange,
#map_canvas-red,
#map_canvas-dark-red,
#map_canvas-blue,
#map_canvas-kruse-blau,
#map_canvas {
    margin-top: 20px;
    width: 664px;
    height: 356px;
    border: 1px solid #f97322;
}
.noborder-box {
    background: none;
    padding-bottom: 18px;
    overflow: hidden;
    border-top: #aaaaaa dashed 1px;
}
.locDetail {
    font-size: 9px;
}
.location-item:hover {
    background-color: #f2f2f2;
}
.nopointer {
    cursor: default;
}
/* =8 Footer */
#footer a {
    color: #4c4c4c;
    margin-left: 20px;
}
.img_gsrz {
    border: 1px dashed #CCCCCC;
    height: 250px;
    margin: 8px;
    padding: 5px;
    width: 175px;
}
.xlxwm {
    color: #666666;
    float: left;
    font: 12px/25px "����","΢���ź�",Arial;
    height: 100%;
    padding: 20px 10px;
    width: 750px;
}

.xlxwm ul {
    list-style-type: none;
    width: 500px;
}

.box {
    margin: 0px auto;
    width: 100%;
    background-color:  #fff;

}
.box .box-item {
  /*border-bottom: 1px solid #666;*/
  background: url('../eImages/admin/dots-horizontal.gif') repeat-x left top;
}
.box .title {
  margin: 0;
  padding: 10px;
  color: #DD7B3B;
    font-weight: bold;
  /*background-color: #2a9ead;*/
  background: url('../eImages/admin/dots-horizontal.gif') repeat-x left top;
}
.box-item-content{
    height: 0;
    overflow: hidden;
    /*background-color: rgb(54, 49, 49);*/
    margin: 0;
    padding-left: 20px;
    transition: 0.5s;
    color: #0FAB21;
}
.box-item-content a{
    color: #0FAB21;
    padding-left: 10px;
}
.box-item-content a:hover{
    color:  #0FAB21;
    font-weight: bold;
}
.box ul{
    list-style: none;
}
.box ul li{
    padding: 6px;
    border: dashed 1px;

}
.box:hover .box-item:hover .box-item-content {
    height: 100px;
}