/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
        CSS RESET
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
    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,
    b, u, i, center,
    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-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    body {
        line-height: 1;
        /* or use default: */
        /* line-height: 1.33; */
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }

    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }

    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }
    del {
        text-decoration: line-through;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    /* probably add this */
    /* the disabled automatic scollbars in IE */
    textarea { overflow: auto; }
/* EO CSS RESET */
    

    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    BASIC TAGS
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
body {
    /* background-color: #f2f2f2; */
    background-color: #fff;
    color: #58585A;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}


h1,h2,h3 {
    /* font-family: Georgia, serif; */
}

h1 {
    color: #19B5E1; 
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 14px;
    margin-top: 14px;
}
h1.composite {
    margin-bottom: 0;
}

h2 {
    color: #888;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
}
h3 {
    color: #19B5E1; 
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 8px;
}
h3.subtitle {
    border-bottom: 1px dotted #19B5E1;
    color: #19B5E1; 
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 8px;
}

h5 {
    color: #19B5E1; 
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 16px;
}
h5.composite {
    margin-bottom: 0;
}

h6 {
    color: #888;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 16px;
}


div.light {
    color: #888;
    font-weight: bold;
}

p {
    margin: 0 0 6px 0;
}

u {
    color: #19B5E1;
    text-decoration: none;
}


#content ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

#content ol {
    list-style:decimal;
    margin: 0 0 10px 0;
}

#content li {
    margin-left: 16px;
}


div.clearFloat {
  clear: both;
}

br.clearFloat {
  clear: both;
  display: block;
}

img {
    /* border: 1px solid #666666; */
}
a, a:link {
  color: #888;
  font-weight: bold;
  text-decoration: underline;
}
a:visited {
  color: #888;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}

#content table {
    /* width: 100%; */
    margin-bottom: 10px;
}
#content tr {
    
}
#content td {
    /* border:1px solid #000; */
    border: none;
    padding: 2px 5px 2px 0;
    vertical-align:top;
}
#content td p {

}

#content a, a:link {
  color: #19B5E1;
  font-weight: bold;
  text-decoration: none;
}
#content a:visited {
  color: #19B5E1;
  font-weight: bold;
  text-decoration: none;
}

/* EO BASIC TAGS */
    
    
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
    #outerWrapper {
      background-color: #fff;
      margin: 25px auto 50px auto;
      text-align: left;
      width: 900px;
    }
    #outerWrapper #header {
        height: 10px;
    }
    
    #outerWrapper #mainWrapper {
    
    }
    
    /*
    #outerWrapper #mainWrapper #left {
      float: left;
      padding: 0 0 0 0;
      width: 150px;
    }
    #outerWrapper #mainWrapper #right {
      float: right;
      padding: 0 0 0 0;
      width: 150px;
    }
    */
    
    #outerWrapper #mainWrapper #main {
      margin: 0 150px 0 150px;
      padding: 0 0 0 0;
    }
    
    #fader {
        background: url('/u/fader-bottom.png') repeat-x top left;
        bottom: 0; 
        height: 60px;
        left: 0;  
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    
    .clearFloat {
      clear: both;
      display: block;
    }
    
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    ADVANCED LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
    /*
    #main #top  {
        background-image: url('/u/kfu-header.gif');
        background-position: 10px 25px;
        background-repeat: no-repeat;
        height: 120px;
    }
    */
    
    #main .topDE  {
        background-image: url('/u/kfu-header.DE.gif');
        background-position: 10px 25px;
        background-repeat: no-repeat;
        height: 120px;
    }
    #main .topEN  {
        background-image: url('/u/kfu-header.EN.gif');
        background-position: 10px 25px;
        background-repeat: no-repeat;
        height: 120px;
    }
    
    body#pinit #main #top {
        background-image: none;
        height: 120px;
    } 
    
    #main #navi  {
        /* border-bottom: 2px solid #7FDAF1; */
        /* position: relative; */
    }
    
    #main #content  {
        border-top: 1px solid #19B5E1; 
        margin-left: 10px;
        margin-top: 4px;
        min-height: 350px;
        padding-top: 14px;
        
    }
/* EO LAYOUT */  
    
    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
ul.nav {
    padding: 0 0 0 0;
    float:left;
    width: 100px;
    /* position: absolute; */
}

ul.nav li {
    line-height: 14px; 
    margin-left: 10px;
    padding: 4px 0 0 0;
}

ul.nav li.n1 {
    border-top: 1px solid #19B5E1;
    padding-top: 5px;
    /* background-color: #EEE; */
}

ul.nav li.cntLev1 {
    border-top: 2px solid #19B5E1;
    padding-top: 4px;
    /* background-color: #EEE; */
}

ul.nav li.n1 a, ul.nav li.n1 a:link {
    color: #000;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; 
}

ul.nav li.n2 a, ul.nav li.n2 a:link {
    /* color: #989898; */
    /* color: #ADAFB2; */
    color: #888;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; 
}

ul.nav li.on a {
    color: #19B5E1;
}

ul.nav li a:visited {

}

ul.nav li a:hover {
    color: #19B5E1;
    text-decoration: none;
}

ul.nav li a:focus {
    color: #19B5E1;
}

ul.nav li.n1 a:active {
   color: #19B5E1;
}

ul.nav li.n1on a {

}


#top .inner {
    padding: 94px 0 0 400px;
}

ul.meta {
    padding: 0 0 0 0;
    float:left;
    width: 100px;
    /* position: absolute; */
}

ul.meta li {
    margin-left: 10px;
    padding: 4px 0 0 0;
}

ul.meta li {
    border-top: 1px solid #AEAFB2;
    /* padding-top: 5px; */
    padding-top: 1px;
}
ul.meta li a, ul.meta li a:link {
    color: #AEAFB2;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none; 
}

ul.meta li.on a {
    color: #19B5E1;
}

ul.meta li a:visited {

}

ul.meta li a:hover {
    color: #19B5E1;
    text-decoration: none;
}

ul.meta li a:focus {
    color: #19B5E1;
}

ul.meta li.n1 a:active {
   color: #19B5E1;
}
/* EO NAV */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    TEXT1PIC / A_CUSTOMER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.imagebox-left {
    float:left;
    margin-right: 10px;
    margin-bottom: 20px;
    /*border: 1px solid #000000;*/
}

.imagebox-right {
    float:right;
    margin-left: 10px;
    margin-bottom: 14px;
    /*border: 1px solid #000000;*/
}
.bu {
    /* border-bottom: 1px solid #333; */
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    /* padding: 3px 0px 3px 3px; */
    padding: 2px;
    /* background: #EEE; */
}
.right {
    float: right;
}

.left {
    float: left;
}

div.bu a
{
    text-decoration: none;
}
/* EO TEXT1PIC */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_CUSTOMER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*
div.A_CUSTOMER {   
    height: 120px; 
    padding-left: 180px;
    border-top: 1px dotted #19B5E1;
    display: table-cell;
    vertical-align: middle;
    width: 590px;   
}
*/

div.A_CUSTOMER table td.p1 {
    height: 120px; 
    width: 180px;
}
div.A_CUSTOMER table td.p2 {
    height: 120px; 
    width: 410px;
}

div.A_CUSTOMER {   
    border-top: 1px dotted #19B5E1;
    width: 590px;
    padding-top:4px;
    /* height: 120px; */
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_PIC_ONLY
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_PIC_ONLY {
    margin-bottom: 10px;
    padding: 1px 0 1px 0;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_CUSTOMER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.CUSTOMER {
border-bottom: 1px dotted #19B5E1;
/*
color: #19B5E1; 
font-size: 16px;
font-weight: bold;
line-height: 18px;
*/
margin-bottom: 6px;
padding-bottom: 6px;
      
}

.imagebox-customer {
    float:left;
    margin-right: 10px;
    margin-bottom: 0;
}

div.subCust {
    color: #888;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    margin-top: 6px;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_NAV_REPEAT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.REPEATER {
    border-top: 1px dotted #19B5E1; 
    margin-top: 10px;
    padding-top: 10px;
}

div.REPEATER img {
    margin-right: 10px; 
}

div.REPEATER a, a:link {
  text-decoration: none;
}
 div.REPEATER a:visited {
  text-decoration: none;
}
div.REPEATER a:hover {
  text-decoration: none;
}
div.REPEATER a:focus {
  color: #000;
}
div.REPEATER a:active {
  color: #000;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    D_FORM 
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
input,textarea{margin:0; padding:2px; border:0;}

.style1 {
    width:390px;
    /* background-color: #cce0dc; */
    /* background-color: #cce0dc; */
    background-color: #FFF;
    border: 1px solid #888;
    margin-bottom: 3px;
    padding:1px;
}

.style1sel {
    width:100px;
    /* background-color: #cce0dc; */
    /* background-color: #cce0dc; */
    background-color: #FFF;
    border: 1px solid #888;
    margin-bottom: 5px;
    padding:1px;
}
/* EO D_FORM */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_GALLERY
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_GALLERY div {
    float:left;
    margin: 0 6px 6px 0;
    /* border: 2px solid #888; */
}

div.A_GALLERY div.last {
    float:left;
    margin: 0 0 6px 0;
    /* border: 2px solid #888; */
}
div.A_GALLERY p.clearFloat {
    clear:both;
}

div.A_GALLERY_PRETEXT {
    margin: 10px 0 7px 0;
}
/* A_GALLERY */