/**********************************************/
/*************** shared style *****************/
/**********************************************/
supertag {
    /* To fix RedDot Bug */
}
img, ul, ol, li, p, form, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
body { 
  margin: 0;
  padding: 0;
  font: 12px arial;
  position: relative;   
}
ul {
    padding-left: 10px;
/*    list-style-type:disc;*/
}
table {
    font: 12px arial;
}
p {
  margin: 0;
/*  text-align: left;*/
  padding-bottom: 10px;
}
.reddot {
/*
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px;
  background: #ddd;
  z-index: 10; 
  padding-top: 20px;
  display: block;
  clear: both;
*/
  color: red;
  text-align: left;
  padding-top: 10px;
  clear: both;
}
    .reddot img {
        width: 15px !important;
        height: 15px !important;
    }
    .reddot a {
        float: left;
        text-decoration: none;
    }
#container {
  width: 1000px;
}
#top {
  background: #fff;
  height: 70px;
  padding-top: 10px;
}
  #top #logo {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 160px;
    height: 65px;
  }
  #top ul {
    list-style-type: none;
    float: right;
  }
  
    #top li {
      float: left;
      border-right: 1px #000 solid;
      padding: 0 5px;
    }
    
    #top #search {
      border: 0;
      position: relative;
      top: -3px;
      font-weight: bold;
    }
    #top #search input {
      width: 95px;
    }
    
      #top #searchBtn {
        position: relative;
        top: -2px;
        cursor: pointer;
      }
    
    #top li a {
      color: #000;
      font-weight: bold;
      text-decoration: none;
    }
    
    #top .reddot {
      position: absolute;
      z-index: 10;
      top: 50px;
      left: 15px;
    }
#mainNavigation {
  clear: both;
  background: #B1C6E0;
  height: 16px;
  _height: 13px;
  padding: 3px 5px 4px;
  _padding: 1px 5px 2px;
  _padding-bottom: 0px;
  border-bottom: 4px #fff solid;
}
  
    #mainNavigation li {
      border-right: 1px #000 solid;
      padding: 0 10px;      
    }
    
    #mainNavigation a {
      color: #000;
      text-decoration: none;
      font-weight: bold;
    }

/* EDIT 27. 7. 2010 */
    #mainNavigation ul li {
        position: relative;
    }
        #mainNavigation ul ul {
            position: absolute;
            
            top: 0;
            left: -5px;
            padding-top: 7px;
            list-style-type: none;
            width: 96px;
            
            top: 12px;
            padding-top: 5px;
            display: none;
            width: 200px;
            
            
        }
            #mainNavigation ul ul li {
                border: 0;
                padding: 2px 0px;
                margin: 0;
                height: 15px;
                line-height: 15px;
                display: block;
                float: left;
                width: 95px;
                
                background: #DEE7F2;
                border-bottom: 1px #fff solid;
                overflow: hidden;
                width: 190px;
                height: 20px;
                line-height: 20px;
                padding: 2px 5px;
                
            }
                #mainNavigation ul ul li a, #mainNavigation ul li.active ul li a {
                    color: #000;
                    font-weight: normal;
                    display: block;
                }
                
                #mainNavigation ul ul li a:hover, #mainNavigation ul li.active ul li.active a {
                    color: #1F5BA5;
                    font-weight: bold;
                    
                    font-weight: normal;
                    color: #000;
                    
                }
                .startpage #mainNavigation ul.main ul {
                    display: none;
                }
                  #mainNavigation ul.main {
                    list-style-type: none;
                    margin: 2px auto 0;
                    float: left;
                    height: 16px;
                    width: 965px;
                /* remove these properties and navigation will be aligned to right */

                    width: 780px;
                    _width: 770px;
                    padding-left: 220px;

                  }
                    .startpage #mainNavigation ul {
                        width: 795px;
                        padding-left: 0;
                    }
/* END EDIT */
#leftNavigation {
  float: left;
  width: 200px;
  height: 540px;
  padding-top: 70px;
}
  
  #leftNavigation li a {
    font-weight: bold;
    text-decoration: none;
    padding-left: 20px;
  }
  
  #leftNavigation li {
    padding: 1px;
  }
   
    #leftNavigation li.open a {
      /*background-image: none !important;*/
    }
  #leftNavigation ul {
    list-style-type: none;
    padding-left: 10px;
    margin: 0;
  }

    #leftSubNavigation {
      clear: both;
      background: #B1C6E0;
      height: 18px;
      padding: 3px 5px;
      display: none;
      width: 550px;
    }
    
      #leftSubNavigation ul {
        list-style-type: none;
        margin: 2px auto 0;
      }
      
        #leftSubNavigation li {
          border-right: 1px #000 solid;
          padding: 0 5px;
          float: left;      
        }
        
        #leftSubNavigation a {
          color: #000;
          text-decoration: none;
          font-weight: bold;
        }
                #submenu-list {
                  clear: both;
                  height: 40px;
                  padding: 3px 0px;
                  margin: 10px 0;
                  width: 560px;
                }
                
                  #submenu-list h2 {
                      font-size: 13px !important;
                  }
                
                  #submenu-list ul {
                    list-style-type: none;
                    margin: 5px 0;
                    padding-left: 0;
                  }
                  
                    #submenu-list li {
                        border: 0;
                        padding: 3px;
                        float: left;  
                        text-align: center;
                        cursor: pointer;    
                    }
                    
                    #submenu-list li.active {
                            background: #F5F5F5;
                      }
                    
                    #submenu-list li.active a {
                        text-decoration: none;
                        color: #000;
                    }
                    #submenu-list .label {
                      color: #000;
                      font-weight: bold;
                    }
                    
                     #submenu-list .description {
                       font-size: 9px;
                     }
  #mainNavigation li.active a, #leftSubNavigation li.open a span {
    color: #1F5BA5;
  }

#mainImage {
  float: left;
  width: 800px;
  height: 60px;
}
  
#wraper {
  float: left;
  width: 600px;
  _width: 590px;
  padding: 0px;
}
  #content {
    margin: 20px;
  }
    #content h1 {
        font-size: 18px;
        padding: 10px 0;
    }
    #content h2 {
        font-size: 16px;
    }

    #content ul {
        margin-bottom:20px;
    }
    #content table p {
      margin: 0;
      padding: 0;
    }

    #content table ul {
      margin-left: 20px;
      padding-left: 20px;
    }
#blueBox {
    float: right;
    width: 160px;
    margin: 20px 20px 0 0;
    _margin-right: 10px;
/*      */
}
#bluebox-outer, #contentbox-outer {
  width: 160px;
  background: url('/hueck-de-de/assets/images/layout/bluebox_bg_top.png') top left no-repeat;
  margin-bottom: 20px;
}
    #blueBox #bluebox-wraper, #blueBox #contentbox-wraper {
        background: url('/hueck-de-de/assets/images/layout/bluebox_bg_bottom.png') bottom left no-repeat;
        width: 160px;
        padding-top: 1px;
    }
 
  #blueBox ul {
    list-style-type: none;
    padding: 10px 0;
    margin: 0px auto 0;
  }
  
    #blueBox li {
      width: 160px;
      background: #fff url('/hueck-de-de/assets/images/layout/arrowBlack_right.gif') 10px center no-repeat;
    }
  
    #blueBox li a {
      color: #000;
      font-weight: bold;
      text-decoration: none;
      padding-left: 20px;
      line-height: 20px;
    }
    
    #blueBox li.empty {
         background: #1F5BA5;
         width: 154px;
     }
    #blueBox li.no-image {
         background-image: none;
         text-indent: 8px;
    }
    #contentbox-wraper li h2 {
        font-size: 13px !important;
        margin-bottom: 3px;
    }
    #contentbox-wraper li h3 {
        font-size: 11px !important;
        margin-bottom: 3px;
    }
    /*
    .dark #blueBox #contentbox-outer {
      background: url('/hueck-de-de/assets/images/layout/contentbox_white_top.gif') top left no-repeat;
    }
    .dark #blueBox #contentbox-wraper {
        background: url('/hueck-de-de/assets/images/layout/contentbox_white_bottom.gif') bottom left no-repeat;
    }
    .dark #blueBox #contentbox-outer li {
      background: transparent url('/hueck-de-de/assets/images/layout/arrowWhite_right.gif') 10px center no-repeat;
    }
    .dark #blueBox #contentbox-outer a {
      color: #fff;
    }
    .light #blueBox #contentbox-outer, .grey #blueBox #contentbox-outer {
      background: url('/hueck-de-de/assets/images/layout/contentbox_black_top.gif') top left no-repeat;
    }
    .light #blueBox #contentbox-wraper, .grey #blueBox #contentbox-wraper {
        background: url('/hueck-de-de/assets/images/layout/contentbox_black_bottom.gif') bottom left no-repeat;
    }
    .light #blueBox #contentbox-outer li, .grey #blueBox #contentbox-outer li {
        background-color: transparent;
    }
*/
   
#footer {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.rightimg img {
    float: right;
}
.clear {
  clear: both;
  height: 1px;
}
.hidden {
  display: none;
}
.block {
    display: block;
}
.small {
    font-size: 10px;
}
.no-padding {
    padding: 0;
}
.no-margin {
    margin: 0;
}
/******* Special CSS *******/
/* light design */
body .light {
  background: url('/hueck-de-de/assets/images/layout/light_container_bg.gif') left top repeat-y;
}
.light #leftNavigation {
  background: url('/hueck-de-de/assets/images/layout/light_main_navigation_bg.jpg') left top no-repeat; 
}
  
  .light #leftNavigation a,
  .light #leftNavigation span {
    color: #000;
  }
  .light #leftNavigation li, .light #leftNavigation li.open.active {
    background: url('/hueck-de-de/assets/images/layout/arrowBlack_right.gif') 10px 3px no-repeat;
  }
  
    .light #leftNavigation li.open {
      background: url('/hueck-de-de/assets/images/layout/arrowBlack_down.gif') 5px 7px no-repeat;
    }
    .light #leftNavigation li.open span {
        color: #1F5BA5;
    }
.light #mainImage {
  background: url('/hueck-de-de/assets/images/layout/light_main_image_bg.jpg') left top no-repeat;
}
.light #logo {
    background: url('/hueck-de-de/assets/images/layout/HueckLogo.gif') top left no-repeat;
}
/* dark design */
body .dark {
  background: url('/hueck-de-de/assets/images/layout/dark_container_bg.gif') left top repeat-y;
}
.dark #leftNavigation {
  background: url('/hueck-de-de/assets/images/layout/dark_main_navigation_bg.jpg') left top no-repeat; 
}
  
  .dark #leftNavigation a,
  .dark #leftNavigation span {
    color: #fff;
  }
  .dark #leftNavigation li, .dark #leftNavigation li.open.active {
    background: url('/hueck-de-de/assets/images/layout/arrowWhite_right.gif') 10px 3px no-repeat;
  }
  
    .dark #leftNavigation li.open {
      background: url('/hueck-de-de/assets/images/layout/arrowWhite_down.gif') 5px 7px no-repeat;
    }
    .dark #leftNavigation li.open span {
        color: #ADCAEA;
    }
.dark #mainImage {
  background: url('/hueck-de-de/assets/images/layout/dark_main_image_bg.jpg') left top no-repeat;
}
 
.dark #logo {
    background: url('/hueck-de-de/assets/images/layout/HueckHartmannLogo.gif') top left no-repeat;
}
 
/* grey design */
body .grey {
  background: url('/hueck-de-de/assets/images/layout/grey_container_bg.gif') left top repeat-y;
}
.grey #leftNavigation {
  background: url('/hueck-de-de/assets/images/layout/grey_main_navigation_bg.jpg') left top no-repeat; 
}
  
  .grey #leftNavigation a,
  .grey #leftNavigation span {
    color: #000;
  }
  .grey #leftNavigation li, .grey #leftNavigation li.open.active {
    background: url('/hueck-de-de/assets/images/layout/arrowBlack_right.gif') 10px 3px no-repeat;
  }
  
    .grey #leftNavigation li.open {
      background: url('/hueck-de-de/assets/images/layout/arrowBlack_down.gif') 5px 7px no-repeat;
    }
    .grey #leftNavigation li.open span {
        color: #1F5BA5;
    }
.grey #mainImage {
  background: url('/hueck-de-de/assets/images/layout/grey_main_image_bg.jpg') left top no-repeat;
}
.grey #logo {
    background: url('/hueck-de-de/assets/images/layout/HueckLogo.gif') top left no-repeat;
}
/* start page */
body .startpage {
  background: url('/hueck-de-de/assets/images/layout/startpage_bg.jpg') left top no-repeat;
  
  height: 600px;
}
.startpage #logo {
    background: url('/hueck-de-de/assets/images/layout/HueckLogo.gif') top left no-repeat;
}
  .startpage #top {
    background: none;
    height: 308px;
  }
  .startpage #container {
    width: 790px;
    margin-left: 200px;
  }
  
  .startpage #mainNavigation {
    background: none;
    border: none;
  }
  .startpage #mainImage {
    display: none;
  }
  
  .startpage #content {
    position: absolute;
    top: 120px;
  }
  
    .startpage h1 {
      color: #1F5BA5;
      font-size: 20px;
    }
  
  .startpage #leftNavigation, .startpage #leftSubNavigation, .startpage #submenu-list {
    display: none;
  }
  
  .startpage #blueBox {
    position: absolute;
    top: 360px;
    left: 215px;
  }
  .startpage #bluebox-outer {
    height: 110px;
  }
  .startpage #blueBox ul {
    height: 100px;
    margin: 12px 0 0 10px;
    padding: 0;
  }
  
  .startpage #blueBox li {
    background-image: none;
    height: 86px;
    width: 140px;
    
  }
  
  .startpage #blueBox li a {
    color: #1F5BA5;
    text-align: center;
    
    display: block;
    padding: 0 5px;
    
  } 
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
#meta {
    padding: 10px;
    border: 1px red dotted;
}
 .extendedSearchLink, .entire-sitemap {
    display: block;
    padding: 3px 0 10px 8px;
    background: url('/hueck-de-de/assets/images/layout/arrowBlack_right.gif') 0px 5px no-repeat;
}
.entire-sitemap {
    margin: 20px 0 0 15px;
    padding-left: 8px;
}
 
.hidden {
    display: none;
}