/* 
    Document   : netbank
    Created on : 2013.03.26., 15:12:16
    Author     : cssz
    Description:
        Purpose of the stylesheet follows.
*/

html {
    height: 100%;
    position: relative;
    /*background-color: #c7e0f6;*/
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    position: relative;
    font-family: Tahoma;
    font-size: 12px;
    color: #2a2a2a;
   
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 25;
    display: none;
    
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;        
}

#background {
    background-image: url('images/kdb-back.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background-position: right 0;
    z-index: 0;
}

.linewrapper {
    width: 100%;
    height: 36px;
    display: table;
    table-layout: fixed;
    top: 0px;
    position: absolute;
    background: url('images/topline1.png');
    background-size: 50% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}

.leftline {
    display: table-cell;
    background-repeat: repeat-x;
    height: 36px;
}

.middleline {
    background: url('images/topline2.png');
    display: table-cell;
    width: 1032px;
    height: 36px;
    background-size: 321px 36px;
    background-repeat: no-repeat;
    background-position: right;
}

.rightline {
    background: url('images/topline3.png');
    height: 36px;
    display: table-cell;
}

#header {
    height: 90px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    // background-color: #ffffff;
    z-index: 3;
}

#nav {
    /* background: url('images/topback.png'); */
    width: 100%;
    height: 36px;
    position: relative;
    background-color: #ffffff;
}

#logo {
    position: absolute;
    left: 29px;
    bottom: 23px;
}

.radius5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(css/PIE/PIE.php);
    position: relative;
}

.radius9 {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    behavior: url(css/PIE/PIE.php);
    position: relative;
}

.buttonface {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    -pie-background: linear-gradient(rgba(255,255,255,1), rgba(232,232,232,1)); /* W3C */
    text-decoration: none;
    font-size: 15px;
    behavior: url(css/PIE/PIE.php);
}

.netbankbutton {
    position: absolute;
    top: 100px;
    left: 10%;
    width: 80%;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    color: #e7315a  ;
    font-weight: bold;
    border-radius: 10px 0px 10px 0px;
    behavior: url(css/PIE/PIE.php);
}

#slider {
    height: 226px;
    background: linear-gradient(to bottom,  rgba(168,168,168,1) 0%,rgba(128,128,128,1) 100%); /* W3C */
    -pie-background: linear-gradient(rgba(168,168,168,1) 0%,rgba(128,128,128,1)); /* W3C */
    background: -webkit-linear-gradient(top,  rgba(168,153,110,1) 0%,rgba(240,226,189,1) 100%); /* Chrome10+,Safari5.1+ */
    behavior: url(css/PIE/PIE.php);
}

#slider a img {
    position: absolute;
    top: 0px;
    left: 0px;
    /* display: none; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    behavior: url(css/PIE/PIE.php);
}
#slider>a {    
    display: none;
}

#slider>a:first-child img{
    display: inherit;
}
#slider>a:first-child {
    display: inherit; 
}

.sliderbutton {
   float:right;
   z-index: 100;
   
   padding:3px;
   
   background: rgba(0,0,0,0.3); 
   color:white;
   /*background: rgba(255,255,255,0.6); 
   color:blue; */
   /* border:solid 1px white; */ 
   border-radius: 3px 0 3px 0;
   position: absolute;
   bottom:0px;
   right: 0px;
}

#netbank {
    position: relative;
    height: 226px;
    background-color: #e7315a;
    /*background: rgb(168,153,110); 
    background: -moz-linear-gradient(top,  rgba(168,153,110,1) 0%, rgba(240,226,189,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,153,110,1)), color-stop(100%,rgba(240,226,189,1))); 
    background: -webkit-linear-gradient(top,  rgba(168,153,110,1) 0%,rgba(240,226,189,1) 100%); 
    background: -o-linear-gradient(top,  rgba(168,153,110,1) 0%,rgba(240,226,189,1) 100%); 
    xbackground: -ms-linear-gradient(top,  rgba(168,153,110,1) 0%,rgba(240,226,189,1) 100%);
    background: linear-gradient(to bottom,  rgba(168,153,110,1) 0%,rgba(240,226,189,1) 100%);
    -pie-background: linear-gradient(rgba(168,153,110,1), rgba(240,226,189,1));
    xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8996e', endColorstr='#f0e2bd',GradientType=0 );
    behavior: url(css/PIE/PIE.php);*/
}

#netbank_logo {
    position: absolute;
    top: 30px;
    width: 90%;
    left: 5%;
}

#netbank_sep {
    position: absolute;
    background-image: url('images/netbank-separator.png');
    left: 5%;
    width: 90%;
    height: 5px;
    top: 80px;
}

#content {        
    /*background: rgb(255,255,255); /
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(199,224,246,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(199,224,246,1))); 
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,224,246,1) 100%); 
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,224,246,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,224,246,1) 100%); 
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(199,224,246,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7e0f6',GradientType=0 ); */
    
    background-size: auto 500px;
    background-repeat: repeat-x;
    min-height:  500px;
    
    z-index: 5;
    margin-bottom: 50px;
}

#contentwrapper {
    position: relative;
    width: 960px;
/*    background-color: #ffffff;*/
    margin: auto;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    top: 0px;
    /*border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;*/
    behavior: url(css/PIE/PIE.php);
}

#menu {
    position: absolute;
    height: 28px;
    top: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

#menu ul {
    display: inline;
    position: relative;
    top: 8px;
}

#menu ul li {
    display: inline;
    margin-right: 10px;
}

#menu ul li a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    padding-left: 14px;
}

#menu ul li div {
    display: inline;
}

#menu ul li div.more {
    display: inline;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #e7315a;
}

#menu>ul>li:first-child>a>div.more {
    display: none;
}


#menu ul li ul li div.more {
    display: inline-block;
    width: 12px;
    height: 12px;
    top: 0px;
    background-image: url('images/bluebullet.png');
    background-repeat: no-repeat;
}

#menu ul li ul li a {
    padding-left: 20px;
}

#menu ul li sep {
    background-color: red;
    display: inline;
}

#menu ul li ul {
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    width: 960px;
    top: 30px;
    z-index: 9;
    padding: 10px;
    margin-left: 25px;
    border: 1px solid #003c7f;
    display: none;
}

#menu ul li ul li {
    width: 230px;
    height: 30px;
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}

#menu ul li ul li a {
    color: #003c7f;
}

#menucontainer
{
    height: 36px;
    position: relative;
    background: url('images/topline1.png');
    width: 730px;
}

#topmenu {
    position: absolute;
    right: 0px;
    top: 8px;
    }

#topmenu ul {
    list-style-type: none;
    display: inline;
    position: relative;
}

#topmenu ul li, #topmenu ul li a {
    display: inline;
    font-size: 11px;
    color: #003c7f;
    margin-right: 5px;
    text-decoration: none;
}

#footermenu {
    height: 36px;
}

#footermenu ul {
    list-style-type: none;
    display: inline;
    position: relative;
    top: 8px;
}

#footermenu ul li, #footermenu ul li a {
    display: inline;
    font-size: 11px;
    color: #003c7f;
    margin-right: 5px;
    text-decoration: none;
}

#leftmenu {
}

#leftmenu ul {
    list-style-type: none;
    display: inline;
    position: relative;
}

#leftmenu ul li {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0px;
    margin-bottom: 5px;
}

#leftmenu ul li a {
    font-size: 12px;
    line-height: 20px;
    color: #003c7f;
    text-decoration: none;
    font-weight: normal;
}

div.more, div.sep {
    display: inline;
}

#leftmenu ul li {
    border-bottom: 1px solid #dadada;
}

#rightmenu {
    background-color: #cde3f6;
    margin-top: 5px;
}

#rightmenu ul {
    list-style-type: none;
    display: inline;
    position: relative;
}

#rightmenu ul li {
    border-bottom: 1px solid white;
    padding-left: 0px;
    margin-left: 30px;
}

#rightmenu ul li div.menuicon {
    position: absolute;
    left: 5px;
}

#rightmenu ul li a {
    font-size: 12px;
    line-height: 25px;
    color: #003c7f;
    margin-right: 5px;
    text-decoration: none;
    font-weight: bold;
}

#rightmenu_docs {
    background-color: #cde3f6;
    margin-top: 5px;
}

#rightmenu_docs ul {
    list-style-type: none;
    display: inline;
    position: relative;
}

#rightmenu_docs ul li {
    border-bottom: 1px solid white;
    padding-left: 0px;
    margin-left: 15px;
}

#rightmenu_doc ul li div.menuicon {
    position: absolute;
    left: 5px;
}

#rightmenu_docs ul li a {
    font-size: 11px;
    line-height: 20px;
    color: #003c7f;
    margin-right: 5px;
    text-decoration: none;
    font-weight: bold;
}


div.quicklinks {
    font-size: 12px;
    color: #003c7f;
    line-height: 20px;
}

div.quicklinks ul {
    list-style-type: none;
    padding-left: 0px;
}

div.quicklinks ul li a {
    color: #003c7f;
    text-decoration: none;
}

div.quicklinks ul li {
    border-bottom: 1px solid #DADADA;
}

div.quicklinks label {
    font-weight: bold;
}

/* cszs */
div.xxx label {
    font-weight: normal;
    line-height: 10px;
    font-size: 12px;
    text-decoration: none;
    text-align: right;
}

#search {
    position: absolute;
    width: 159px;
    height: 25px;
    right: 0px;
    bottom: 25px;
}

input[type="text"].search {
    border: 0px;
    background-image: url('images/searchbox.png');
    height: 25px;
    width: 144px;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    margin-right: 0px;
}

input[type="submit"].search {
    border: 0px;
    background-image: url('images/searchbutton.png');
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
}

ul.droppable
{
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 0px;
    min-height: 100px;
    border: 1px solid #000000;
}

ul.droppable>li
{
    width: 100%;
}

li.droppable
{
    background-color: white;
    margin-bottom: 2px;
    border: 1px solid #787878;
    padding: 2px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

li.droppable>ul
{
    list-style-type: none;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 0px;
}

.placeholder {
        outline: 1px dashed #4183C4;
        /*-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: -1px;*/
}

#whitewrap {
    background-color: #ffffff;
}

div.vert>span.groupbox>label {
    width: 0px;
    background-color: red;
    text-align: left;
    margin-left: 0px;
}

div.vert_thin>div>label {
    display: inline-block;
    width: 75px;
    text-align: right;
}

div.combocont {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 20px;
    top: 0px;
    margin-top: 0px;
}

#langdiv {
    z-index: 9;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-top: 0px;
    display: none;
    color: #003c7f;
    font-size: 11px;
    position: absolute;
    right: 0px;
    top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 36px;
}

#langdiv a {
    color: #003c7f;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
}

#langsel {
    color: #003c7f;
    background-color: #ffffff;
    font-size: 11px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #d9d9d9;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    width: 36px;
    display: inline-block;
    behavior: url(css/PIE/PIE.php);
    right: 0px;
    position: absolute;
}

#countrydiv {
    z-index: 9;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-top: 0px;
    display: none;
    color: #003c7f;
    font-size: 11px;
    position: absolute;
    right: 75px;
    top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100px;
}

#countrydiv a {
    color: #003c7f;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
}

#countrysel {
    color: #003c7f;
    background-color: #ffffff;
    font-size: 11px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #d9d9d9;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    width: 100px;
    display: inline-block;
    behavior: url(css/PIE/PIE.php);
    right: 75px;
    position: absolute;
}

div.pure {
    padding: 5px;
    background-color: #cde3f6;
    margin-top: 10px;
}

div.pure_wide {
    padding: 5px;
    background-color: #cde3f6;
    margin-top: 10px;
}

table.pure {
    width: 210px;
    border-collapse: collapse;
}

table.pure_wide {
    width: 100%;
    border-collapse: collapse;
}

table.pure thead, table.pure_wide thead {
    border-radius: 15px;
}

table.pure thead th {
    background-color: #e7315a;
    color: #ffffff;
}

table.pure_wide thead tr {
        border-spacing: 0px;
}
    
table.pure_wide thead th {
    background-color: #e7315a;
    color: #ffffff;
    height: 25px;
    padding-right: 0px;
}
table.pure tbody tr, table.pure_wide tbody tr {
    border-bottom:1px dashed  #999 ;
}
table.pure tbody td, table.pure_wide tbody td {    
    border-bottom:1px dashed  #999 ;
    background-repeat: repeat-x;
    background-position: 0 bottom;
    text-align: right;
}

table.pure tbody td:first-child {
    text-align: center;
}

/* cszs */
table.pure_wide tbody td {
    height: 30px;
    text-align: right;
    padding-right: 50px;    /*  orig: 80px */
}

table.pure_wide tbody td:first-child {
    height: 30px;
    text-align: center;
    padding-right: 0px;
    width: 33%;
}

table.pure thead th:first-child, table.pure_wide thead th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    behavior: url(css/PIE/PIE.php);
    position: relative;
}

/* table.pure thead th:first-child + th + th, table.pure_wide thead th:first-child + th + th {    cszs old   */
/* table.pure thead th:first-child + th + th + th, table.pure_wide thead th:first-child + th + th + th {    */
table.pure thead th:last-child, 
table.pure_wide thead th:last-child {    
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    behavior: url(css/PIE/PIE.php);
    position: relative;
}
/* InterstRate wide table settings */
table.small_interestrates  tbody tr td:first-child    { padding:0 ; text-align: left; padding-left: 5px;}
table.small_interestrates  tbody tr td:nth-child(2)   { padding:0 ;  text-align: center;}
table.small_interestrates  tbody tr td:nth-child(3)   { padding:0 ; text-align: right; padding-right: 5px;}


table.wide_interestrates  tbody tr td:first-child    { padding:0 ; text-align: left; padding-left: 30px;}
table.wide_interestrates  tbody tr td:nth-child(2)   { padding:0 ;  text-align: center;}
table.wide_interestrates  tbody tr td:nth-child(3)   { padding:0 ; text-align: right; padding-right: 30px;}
table.wide_interestrates  tbody tr td:nth-child(4)   { padding:0 ; text-align: center; }
table.wide_interestrates  tbody tr td:nth-child(5)   { padding:0 ; text-align: center; }

div.docs ul {
    list-style-type: none;
}

div.docs ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #003c7f;
    line-height: 25px;
}

div.docs ul {
    padding: 5px;
    background-color: #cde3f6;
    margin-top: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(css/PIE/PIE.php);
}

ul#toc {
    list-style-type: none;
}

ul#toc li {
    display: inline;
}

ul#toc li div {
    text-align: center;
    display: inline-block;
    width: 160px;
    height: 200px;
    vertical-align: top;
}

ul#toc li img {
    border-radius: 64px;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    behavior: url(css/PIE/PIE.php);
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    border: 0px;
}

ul#toc li a {
    text-decoration: none;
    font-weight: bold;
    color: #003c7f;
}

h1 {
    color: #003c7f;
    font-size: 18px;
}

h2 {
    color: #003c7f;
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #003c7f;
}

#contentwrapper div.vert {
    padding-left: 10px;
    padding-right: 10px;
}

#slidernum {
    position: absolute;
    top: 5px;
    right: 5px;
}

#slidernum li {
    display: inline-block;
    background-color: #003c7f;
    color: #ffffff;
    border-radius: 5px 0px 5px 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    behavior: url(css/PIE/PIE.php);    
}
#slidernum li a {
    color:inherit;
    
}

#slidernum li.active {
    background-color: #e7315a;
    font-weight: inherit;
}

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.led_exchr {
    background-color: #003c7f;
    color: #ffffff;
    font-size: 35px;
    line-height: 50px;
    position: fixed;
    bottom: 0px;
}

.led_marquee {
    color: #003c7f;
    background-color: #dadada;
    font-size: 40px;
    position: fixed;
    bottom: 5%;
    height: 5%;
    overflow: hidden;
}

.led_slider {
    position: fixed;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.led_slider div {
    width: 100%;
}

.led_slider img {
    max-width: 100%;
    max-height: 93%;
}


    #cookieallowbar {

          /* background-color: #003d7e; */ 
          /* background-color: rgba(0,30,80,0.85); */ 
          background: url('images/topline1.png');
          background-repeat: repeat;          
          background-size: 100% 100%;
          background-repeat: no-repeat;
          color:white;
          display: block;

          position: fixed;
          bottom:0px;
          left:0px;
          right:0px;
          height:auto;

          overflow:hidden;

          margin-right: auto;
          margin-left: auto;

      }
      
      #cookieallowbar h3{
          padding:5px;
          margin:0;
      }
      
      #cookieallowbar #cookieallowcheckbox {
          margin:6px;
      }
      
      .cookieallowbar_info {
          padding:14px;
          display:inline-block;
      }
      .cookieallowbar_info_withdraw {          
          padding:4px;
          display:inline-block;
      }
      .cookieallowbar_choice {
          float:right;
          padding:0px;
          /* max-width: 400px; */ 
          display:inline-block;            
          margin:10px 0px;
      }
      .cookie_info_link , .cookie_info_link:visited {
          color:white;
          padding: 0px 20px;
          font-weight: bold;
      }
      #cookieallowbar .confirm  {
          display:none;
          width:100%;
          padding:5px;
          text-align: right;
          float:right;
      }
      
      .cookieallowbar_button {
          background-color: white;
          color:#003c7f;
          font-size: 16px;
          padding:5px 10px;
          -moz-border-radius: 15px 0px 15px 0px;
          -webkit-border-radius: 15px 0px 15px 0px;
          border-radius: 15px 0px 15px 0px;          
          margin:5px;
          border:solid 1px rgba(100,100,100,0.5);
          box-sizing: border-box;
          font-weight: bold;
          cursor:pointer;

      }
      
      #akadalymentes_ikon {
          display:inline;      
          cursor:pointer;
      }
      #akadalymentes_ikon img {
          height:15px;
      }
      #akadalymentes_ikon a {
          padding:0;
      }

    #kalkgomb {        
        margin-top: 10px;        
        border-radius: 9px;
        background-color: #cde3f6 ;
        padding: 5px; 
        padding: 20px;
        box-sizing: border-box;        
        color: #003c7f;        
        float: right;
    }
    #kalkgomb ul {
        padding-left: 10px;
        margin: 0px;
        list-style-type: none;
    }
    
    #kalkgomb ul li {
        font-size: 12px;
        
        color: #003c7f;
        margin-right: 5px;
        text-decoration: none;
    }
    #kalkgomb a.hitellink {
        font-weight: bold;
        color: #003c7f;
    }
    #kalkgomb a.kalkulatorgomb {
        background-color: #003878;
        color:white; 
        padding: 10px;
        border-radius: 10px 2px 10px 2px;
        display: inline-block;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;  
        margin: 10px 10px; 
        
 
    }
    #kalkgomb a.kalkulatorgomb:hover {
        
        background-color: #104888;
        color:white; 
        animation : fadein 0.5s;
        transition:0.5s;
    }

@media  print  { 

   .noprint {
            display:none !important; 
   }
   #logo {
       left:0px;
   }
   
    #leftmenu , #netbank {
        display: none !important;
    }
    
    #contentwrapper {
        box-sizing:border-box;
        width:100%;
    }
    .container_12 , .grid_8 {
        box-sizing:border-box;
        width:100% !important;  
        overflow: hidden;
        margin: 0;                
    }

   
}