/*CSS Reset begin*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Remember to define focus styles! */

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

strong {
    font-weight: bolder;
}  
/*CSS Reset end*/      /* default CSS begin */
      body {
        background: #bababa url(uploads/tf/background_body_normal.jpg) repeat-x;
        font-family: Arial, Verdana, sans-serif;
      }
    
      body.alias-home {
        background: #bababa url(uploads/tf/background_body_home.jpg) repeat-x;
      }
    
      h1, h2, h3, h4, h5, h6, p {
        margin-bottom: 20px;
      }
    
      h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        display: none;
      }
    
      h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        margin-right: 3px;
      }
     
      p, .tx-felogin-pi1 div {
        font-size: 12px;
        line-height: 16px;
        color: #284b78;
      }
    
      a {
        text-decoration: none;
      }
    
      #top, #uppermiddle, #lowermiddle, #bottom {
        position:relative;
        background: transparent;
        padding: 0px 30px 0px 30px;
      }
  
      #top {
        height: 86px;
        background: inherit;
      }

      #uppermiddle {
        background: #284b78 url(uploads/tf/blue_170px.png) repeat-x;
        height: 170px;  
      }

      body.alias-home #uppermiddle {
        height: 250px;
        background-image: url(uploads/tf/blue_250px.png);
      }

      #lowermiddle {
        width: 1010px;
        background: inherit;
      }

      table.lowermiddle-table tr td.lowermiddle-table-content, table.lowermiddle-table tr td.lowermiddle-table-sidebar {
        vertical-align: top;
      }

      table.lowermiddle-table tr td.lowermiddle-table-content {
        background-color: #fff;
      }

      table.lowermiddle-table tr td.lowermiddle-table-sidebar {
        background-color: transparent;
        padding-top:56px;
        padding-left:15px;
      }

      #bottom {
        background: inherit;
        clear: both;
        width: 800px;
      }
      .csc-textpic.csc-textpic-border img {
        border: 1px solid #254A77;
      }

      .csc-default {
        clear:both;
        margin-bottom:10px;
      }

      .tx-felogin-pi1 {
        border: 1px solid #eee;
        padding: 10px;
      }

      .tx-felogin-pi1 h3, .tx-felogin-pi1 legend {
        display: none;
      }

      .tx-felogin-pi1 form {
        padding-top: 10px;
      }

      .tx-felogin-pi1 label {
        clear: both;
        display: block;
        width: 100px;
        float: left;
      }

      .tx-felogin-pi1 input {
        display: block;
        margin-bottom: 10px;
      }

      .tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
        border: 1px solid #eee;
      }

      .tx-felogin-pi1 input[type="hidden"] {
        display: none;
        border: 0px;
      }

      .tx-felogin-pi1 input[type="submit"] {
        margin-left: 100px;
        margin-top: 20px;
      }

      .tx-felogin-pi1 legend {
        font-style: italic;
      }
      
      fieldset.csc-mailform {
        border:1px solid #CCCCCC;
        padding:10px;
      }
      fieldset.csc-mailform div {
        color:#284B78;
        font-size:12px;
        line-height:16px;
        padding: 1px 0;
      }
      fieldset.csc-mailform div label {
        clear:both;
        display:block;
        float:left;
        width:100px;
     }
     fieldset.csc-mailform div input[type="text"]
     , fieldset.csc-mailform div input[type="password"]
     , fieldset.csc-mailform div select
     , fieldset.csc-mailform div textarea {
       border:1px solid #CCCCCC;
     }
     fieldset.csc-mailform div input[type="text"]
     , fieldset.csc-mailform div input[type="password"]
     , fieldset.csc-mailform div textarea {
       width: 250px;
     }
     fieldset.csc-mailform div  input[type="submit"] {
       margin-left:100px;
       margin-top:20px;
     }
     #content .userContent .tx-flseositemap-pi1 ul li a {
       border-bottom: none;
     }
     .tx-flseositemap-pi1 ul li {
       display: block:
       height: 20px;
       border-bottom: 1px solid #ededed; 
       padding-bottom: 10px;
       padding-top: 10px;
     }
     .tx-flseositemap-pi1 ul li ul li {
       border-bottom: none; 
       padding-bottom: 0px;
       padding-top: 0px;
     }
     .tx-flseositemap-pi1 ul li ul li ul li {
       border-bottom: none; 
       padding-bottom: 0px;
       padding-top: 0px;
     }
     .tx-flseositemap-pi1 ul li {
       list-style-type: none;
     }
      /* default CSS end */
    /* header CSS begin */    
    #header {
      background-color: #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      width: 800px;
      position: absolute;
      height: 100%;
    }

    #header .logo {
      position: absolute;
      left: 72px;
      top: 27px;
      
    }

    #header .farbband {
      position: absolute;
      right: 0px;
      bottom: 1px;
      width: 500px;
      height: 15px;
    }

    #header .farbband span.box {
      display:none;
    }

    #header .farbband span.box a {
      display:block;
    }

    #header .farbband span.blindnietmuttern,
    #header .farbband span.gewindebolzen,
    #header .farbband span.sonderblindniete,
    #header .farbband span.belagniete,
    #header .farbband span.distanzhuelsen,
    #header .farbband span.rohlinge,
    #header .farbband span.buchsen,
    #header .farbband span.sonderteile,
    #header .farbband span.verarbeitung,
    #header .farbband span.blindnietmuttern_current,
    #header .farbband span.gewindebolzen_current,
    #header .farbband span.sonderblindniete_current,
    #header .farbband span.belagniete_current,
    #header .farbband span.distanzhuelsen_current,
    #header .farbband span.rohlinge_current,
    #header .farbband span.buchsen_current,
    #header .farbband span.sonderteile_current,
    #header .farbband span.verarbeitung_current{
      display:block;
      width: 42px;
      height: 15px;
      margin-left: 15px;
      overflow: hidden;
      float: right;
    }

    #header .farbband span.blindnietmuttern, #header .farbband span.blindnietmuttern a {
      background-color: #97a6c1;
      color: #97a6c1;
    }

    #header .farbband span.gewindebolzen, #header .farbband span.gewindebolzen a {
      background-color: #a0c9e6;
      color: #a0c9e6;
    }

    #header .farbband span.sonderblindniete, #header .farbband span.sonderblindniete a {
      background-color: #bbd38f;
      color: #bbd38f;
    }

    #header .farbband span.belagniete, #header .farbband span.belagniete a {
      background-color: #eeeb95;
      color: #eeeb95;
    }

    #header .farbband span.distanzhuelsen, #header .farbband span.distanzhuelsen a {
      background-color: {$layout.color.themes.distanzhuelsen.normal};
      color: {$layout.color.themes.distanzhuelsen.normal};
    }

    #header .farbband span.rohlinge, #header .farbband span.rohlinge a {
      background-color: #fbcd8f;
      color: #fbcd8f;
    }

    #header .farbband span.sonderteile, #header .farbband span.sonderteile a {
      background-color: #bf7b9e;
      color: #bf7b9e;
    }
    

    #header .farbband span.buchsen, #header .farbband span.buchsen a {
      background-color: #f1958a;
      color: #f1958a;
    }

    #header .farbband span.verarbeitung, #header .farbband span.verarbeitung a {
      background-color: lightgrey;
      color: lightgrey;
    }

    #header .farbband span.blindnietmuttern_current, 
    #header .farbband span.blindnietmuttern_current a, 
    #header .farbband span.blindnietmuttern:hover, 
    #header .farbband span.blindnietmuttern a:hover {
      background-color: #00548d;
      color: #00548d;
    }

    #header .farbband span.gewindebolzen_current, 
    #header .farbband span.gewindebolzen_current a, 
    #header .farbband span.gewindebolzen:hover, 
    #header .farbband span.gewindebolzen a:hover {
      background-color: #0094da;
      color: #0094da;
    }

    #header .farbband span.sonderblindniete_current, 
    #header .farbband span.sonderblindniete_current a, 
    #header .farbband span.sonderblindniete:hover, 
    #header .farbband span.sonderblindniete a:hover {
      background-color: #8cc43f;
      color: #8cc43f;
    }

    #header .farbband span.belagniete_current, 
    #header .farbband span.belagniete_current a, 
    #header .farbband span.belagniete:hover, 
    #header .farbband span.belagniete a:hover {
      background-color: #ede90b;
      color: #ede90b;
    }

    #header .farbband span.distanzhuelsen_current, 
    #header .farbband span.distanzhuelsen_current a, 
    #header .farbband span.distanzhuelsen:hover, 
    #header .farbband span.distanzhuelsen a:hover {
      background-color: {$layout.color.themes.distanzhuelsen.current};
      color: {$layout.color.themes.distanzhuelsen.current};
    }

    #header .farbband span.rohlinge_current, 
    #header .farbband span.rohlinge_current a,
    #header .farbband span.rohlinge:hover, 
    #header .farbband span.rohlinge a:hover  {
      background-color: #f9a618;
      color: #f9a618;
    }


    #header .farbband span.buchsen_current, 
    #header .farbband span.buchsen_current a,
    #header .farbband span.buchsen:hover, 
    #header .farbband span.buchsen a:hover  {
      background-color: #ec1747;
      color: #ec1747;
    }

    #header .farbband span.sonderteile_current, 
    #header .farbband span.sonderteile_current a, 
    #header .farbband span.sonderteile:hover, 
    #header .farbband span.sonderteile a:hover {
      background-color: #b71d8d;
      color: #b71d8d;
    }

    #header .farbband span.verarbeitung_current, 
    #header .farbband span.verarbeitung_current a, 
    #header .farbband span.verarbeitung:hover, 
    #header .farbband span.verarbeitung a:hover {
      background-color: grey;
      color: grey;
    }
    /* header CSS end */    /* claim CSS begin */
    #claim {
      position:absolute;
      height: 100%;
      width:800px;
      background-color: transparent;
      overflow: hidden;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
    }

    #claimFlash {
      position:absolute;
      height: 100%;
      width:800px;
      background-color: transparent;
      overflow: hidden;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      z-index: 200;
    }
    /* claim CSS end */    /* content CSS begin */    
    #content {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-color: #fff;
      width: 800px;
      height: 100%;
      min-height: 400px;
    }
    #content .element {
      margin-bottom: 20px;
    }

    #content .mainMenu {
      background: #fff url(uploads/tf/menu_normal.png) repeat-x;
      width: 100%;
      height: 65px;
    }

    #content .mainMenu ul {
      list-style-type: none;
    }

    #content .mainMenu ul li{
      float: left;
      border-right: 1px solid #dadada;
      border-left: 1px solid #fff;
    }

    #content .mainMenu ul li.first {
      border-left: 0px;
    }

    #content .mainMenu ul li.last {
      border-right: 0px;
    }

    #content .left {
      width: 230px;
      margin-left: 15px;
      float: left;
      
    }
    
    #content .left p {
      line-height: 14px;
      font-size: 11px;
      color: #3d3c3c;
    }

    #content .left .subMenu {
      width: 230px;
      height: auto;
      margin-bottom: 30px;
      left: 0px;
    }

    #content .left .subMenu ul{
      left: 0px;
    }

    #content .left .subMenu li{
      border-bottom: 1px solid #c2c2c2;
      border-top: 1px solid #fff;
      background-color: #e5e5e5;
      font-size: 12px;
      padding-left: 10px;
      width: 210px;
    }
    #content .left .subMenu li a:hover {
      background-color: #B5BFCC;
    }
    #content .left .subMenu li.current {
      background-color: #B5BFCC;
    }

   /* #content .left .subMenu li:hover, #content .left .subMenu li.current {
      background-color: #b5bfcc;
    }*/

    #content .left .subMenu li a {
      background: white url(uploads/tf/submenu_normal.png) repeat-y;
      display: block;
      padding-top: 7px;
      padding-left: 10px;
      padding-bottom: 7px;
      line-height: 16px;
      color: #294c78;
    }

    #content .left .subMenu ul.level-2 li {
      width: 210px;
      padding-left: 0px;
    }
 
    #content .left .subMenu li.level-2-last {
      border-bottom: 0px;
    }

    #content .left .subMenu ul.level-3 li {
      width: 210px;
      padding-left: 0px;
    }
 
    #content .left .subMenu li.level-3-last {
      border-bottom: 0px;
    }

    #content .left .subMenu li.level-2 a {
      padding-left: 20px;
    }

    #content .left .subMenu li.level-3 a {
      padding-left: 30px;
    }

    #content .left .subMenu li a:hover
    , #content .left .subMenu li a.current  {
      background: #fff url(uploads/tf/submenu_act.png) repeat-y;
      font-weight: bold;
    }

    #content .left .subMenu li.blindnietmuttern {
      background-color: #00548d;
    }

    #content .left .subMenu li.gewindebolzen {
      background-color: #0094da;
    }

    #content .left .subMenu li.sonderblindniete {
      background-color: #8cc43f;
    }

    #content .left .subMenu li.belagniete {
      background-color: #ede90b;
    }

    #content .left .subMenu li.distanzhuelsen {
      background-color: {$layout.color.themes.distanzhuelsen.current};
    }

    #content .left .subMenu li.rohlinge {
      background-color: #f9a618;
    }

    #content .left .subMenu li.sonderteile {
      background-color: #b71d8d;
    }
    
    #content .left .subMenu li.buchsen {
      background-color: #ec1747;
    }

    #content .left .subMenu li.verarbeitung {
      background-color: grey;
    }

    #content .left .content {
      width: 200px;
      background: #f0f0f0;
      border: 1px solid #c2c2c2;
      padding: 15px;
      margin-bottom: 30px;
      margin-top: 0px;
    }

    #content .userContent {
      width: 490px;
      padding-right: 20px;
      float: right;
    }

    #content .userContent a {
      color: #772525;
      text-decoration: none;
      border-bottom: 1px dotted #772525;
    }
    #content .userContent a:hover {
      border-bottom: 1px dashed #772525;
    }
    #content .userContent dt a
    , #content .userContent dt a:hover {
      border-bottom: none;
    }

    #content .userContent ul, #content .userContent ol {
      list-style-type: disc;
      margin-left: 20px;
      color: #284b78;
      font-size: 12px;
      
    }

    #content .userContent ul li, #content .userContent ol li {
      line-height: 18px;
    }

    body.alias-home #content .userContent {
      width: 770px;
      padding: 0px 15px 15px 15px;
      
    }

    body.alias-home #content .userContent td {
      width: 385px;
    }

    body.alias-home #content .userContent table tr td {
      background-color: #eee;
    }


    body.alias-home #content .userContent table tr td div.csc-default {
      margin: 15px;
    }

    body.alias-home #content .userContent {
      padding-right:30px;
    }

    body.alias-home #content .userContent table {
      margin-right: -20px;
      width: 800px;
    }

    body.alias-home #content .userContent table {
      border-spacing: 15px;
    }

    /* content CSS end */    /* search CSS begin */    
    #search {
      background-color: inherit;
      width: 240px;
      position: absolute;
      left: 831px;
      height: 84px;
      border-left: 1px solid #fff;
    }

    #search .langmenu {
      position:absolute;
      top: 25px;
      left: 25px;
      width: 200px;
    }

    #search .langmenu ul li {
      float: left;
      margin-right: 5px;
      height: 13px;
      padding: 0px;
      line-height: 10px;
      padding-top: 2px;
    }

    #search .langmenu ul li.active {
      border: 1px solid #a2a2a2;
      padding-top: 0px;
    }

    #search .langmenu ul li.active img {
      border: 1px solid #fff;
      padding-top: 0px;
    }

    #search .searchbox {
      width: 175px;
      position: absolute;
      top: 47px;
      left: 21px;
    }

    #search .inputBar, #search .inputSubmit {
      display: inline;
    }

    #search .searchbox input.tx-indexedsearch-searchbox-sword {
      width: 125px;
      height: 17px;
      border-right: 1px solid #c1c1c1;
      border-bottom: 1px solid #c1c1c1;
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      line-height: 12px;
      font-size: 11px;
      padding: 0px;
      padding-left: 7px;
      padding-top: 3px;
    }

    #search .tx-indexedsearch-searchbox-button {
      width: 12px;
      padding-top: 3px;
    }

    #search .searchbox .tx-indexedsearch-noresults, 
    #search .searchbox .tx-indexedsearch-whatis,
    #search .searchbox .tx-indexedsearch-browsebox,
    #search .searchbox .tx-indexedsearch-res,
    #search .searchbox .tx-indexedsearch-rules {
      display: none;
    }

    .tx-indexedsearch {
      font-size: 12px;
      line-height: 16px;
      color: #909090;
    }

    .tx-indexedsearch-title a, .tx-indexedsearch-percent {
      font-size: 14px;
      color: #284b78;
      margin-right: 10px;
    }

    #content .tx-indexedsearch-whatis {
      color: #284b78;
    }

    #content .tx-indexedsearch-res {
      margin-bottom: 10px;
    }

    #content .tx-indexedsearch-redMarkup {
      color: #284b78;
    }

    #content ul.browsebox {
      border-top: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      margin-top: 5px;
      margin-bottom: 10px;
      padding: 3px;
      padding-left: 10px;
    }

    #content ul.browsebox li a{
      color: #284b78;
    }
    /* search CSS end */    /* meta CSS begin */    
    #meta {
      position: absolute;
      width: 240px;
      height: 100%;
      left: 831px;
      background: url(uploads/tf/blue_170px_gfx.png) no-repeat; 
      border-left: 1px solid #fff;
    }

    body.alias-home #meta {
      background: url(uploads/tf/blue_250px_gfx.png) no-repeat; 
    }

    #meta a{
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
    }

    #meta ul{
      left: 30px;
      list-style-type: disc;
      display: block;
      position: absolute;
      bottom: 15px;
      color: #ffffff;
      list-style-image: url(uploads/tf/metaNavi.gif);
    }

    #meta ul li{
      margin-bottom: 5px;

    }
    /* meta CSS end */
    /* sidebar CSS begin */    
    #sidebar {
      width: 208px;
      height: 100%;
      padding: 0px;
      margin: 0px;
      padding-top: 10px;
    }

    #sidebar .sidebox {
      width:177px;
      min-height: 100px;
      background: url(uploads/tf/box_background.gif) repeat-x;
      padding: 15px;
      font-size: 12px;
      /*background-color: #8d9dad;*/
      margin-bottom: 10px;
      border-left: 2px solid #9b9d9a;
      border-top: 2px solid #9b9d9a;
      border-right: 2px solid #e6e6e6;
      border-bottom: 2px solid #e6e6e6;
      color: #000;
    }

    #sidebar .sidebox h1 {
      width:180px;
      color: #fff;
      line-height: 20px;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 5px;
    }

    #sidebar .sidebox p {
      color: white;
      text-align: center;
    }
    /* sidebar CSS end */
      /* imageSlider begin */
      #content .imageSlider {
        clear:both;
        width:770px;
        height:110px;
        background:transparent url(uploads/tf/scroll_background.png) no-repeat left top;
        margin-left: 15px;
      }
      #content .imageSlider .area {
        width:698px;
        overflow:hidden;
        margin:0 36px;
        padding:10px 0;
      }
      #content .imageSlider * {
        position:relative;
        left:0;
        top:0;
      }
      #content .imageSlider .area td {
        padding:0 2px;
        overflow: hidden;
      }
      #content .imageSlider .color {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0px;
        width: 45px;
        height: 14px;
      }
      #content .imageSlider .area img {
        border-color:#555555 #E6E6E6 #E6E6E6 #555555;
        border-style:solid;
        border-width:2px;
      }
      /* imageSlider end */
    /* footer CSS begin */    
    #footer {
      width: 800px;
      background-color: #fff;
      border: 1px solid #fff;
    }

    #footer, #footer a {
      color: #909090;
      font-size: 12px;
    }

    #footer p {
      font-size: 9px;
      color: #909090;
      margin-bottom: 0px;
    }
    /* footer CSS end */