.body_style{

        margin: 0px;
  

    }

    .body_style_konfig{

      margin: 25px;
      background-image: url("bckgmmpaper.png");
      background-repeat: repeat;
      background-attachment: fixed;



    }
    
    .astyle {
        color: #333; /* Lighten up font color */
        font-family: Helvetica, Arial, sans-serif; /* Nicer font */
        border-collapse: collapse; 
        border-spacing: 0;  
        font-size: 20px;
        height: 150px;
        background-image: url("icons/bar.png");
        padding-top: 10px;
        

    }

    .asidestyleoff{
        width:250px;
        height:100%;
        position: fixed;
        top:0px;
        right:-247px;
        background: #ffffff;

    }

    .positioneddiv{
        width:25px;
        height:17px;
        position: static;

    }

    .asidestyleon{
        width:250px;
        height:100%;
        position: fixed;
        top:0px;
        right:0px;
        background: rgb(255, 255, 255);

    }

    .cover {
        max-height:100%;
        margin:0px;
        padding: 0px;

      }

    .fstyle {
        background-color: #94bde5;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 20px;
        margin: 0px;

    }

    .hdivstyle{
        color: #333; /* Lighten up font color */
        font-family: Helvetica, Arial, sans-serif; /* Nicer font */
        border-collapse: collapse; 
        border-spacing: 0;  
        font-size: 0px;
        height: 14px;
        width: 140px;
        padding-top: 0px;
    }

    .hdivstyleup{
        color: #333; /* Lighten up font color */
        font-family: Helvetica, Arial, sans-serif; /* Nicer font */
        border-collapse: collapse; 
        border-spacing: 0;  
        font-size: 0px;
        height: 340px;

        padding-top: 0px;
    }


    .content {
        max-width: 1500px;
        margin: 25px;
        float: left;
    }

    .content-k {
      max-width: 1500px;
      margin: 25px;
      float: left;
    }


    #ck7 img {
      position: absolute;
      left: 1000;
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out;
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }
    
    #ck7 img.opaque {
      opacity:1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=1);
    }



    #ck5 div {
      position: absolute;
      left: 50px;
      top: 200px;
      display: none;
      min-height: 80 px;
      float: left;
    }

    #ck5 div.vis {

      display: block;

    }

    #ck5 img {
      border-radius: 10px;
      background-color: #f2f2f2;
      position: relative;
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      width: 120px;

    }
    #ck5 img.opaque {
      opacity:1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=1);
    }
    


    #ck5 img:hover {
      filter: brightness(50%);
    }

    #s {
      position: absolute;
      left: 50px;
      top: 50px;
      display: none;

    }
    #s0 {
      position: absolute;
      left: 100px;
      top: 50px;
      display: none;

    }
    #s10 {
      position: absolute;
      left: 150px;
      top: 50px;
      display: none;

    }


    #ck4 div.vis {

      display: block;

    }



    #s img {
      background-color: #f2f2f2;
      position: absolute;
      left: 10px;
      top: 30px;
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      width: 60px;

    }
    #s0 img {
      background-color: #f2f2f2;
      position: absolute;
      left: 50px;
      top: 30px;
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      width: 60px;

    }
    #s10 img {
      background-color: #f2f2f2;
      position: absolute;
      left: 90px;
      top: 30px;
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      width: 60px;

    }

    #ck4 img.opaque {
      opacity:1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=1);
    }
    


    #ck4 img:hover {
      filter: brightness(50%);
    }

 

    .text12{
        font-size: 12px;
    }

    .selectedText12{
        font-size: 12px;
        background: #94bde5;
    }

    .menu {
        font-family: Helvetica, Arial, sans-serif; /* Nicer font */
        max-width: 300px;
        margin: auto;
        float: left;
        font-size: 12px;
        border-right:#AFAFAF 1px solid;
        margin: 3px;
        padding-right: 3px;
    }

    .rcorners3_and_shadows {
      border-radius: 25px;
      background: url(bckgpackpaper.png);
      background-position: left top;
      background-repeat: repeat;
      padding: 20px;
      width: 800px;
      height: 800px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      overflow: auto;
    }

    .menu-konfig {
      font-family: Helvetica, Arial, sans-serif; /* Nicer font */
      width: 1000px;
      margin: auto;
      float: left;
      font-size: 12px;
      margin: 3px;
      padding-right: 3px;
  }

    .fullWidth div {
        width: 1500px;
    }
    
    .hoverTable{
		color: #333; /* Lighten up font color */
        font-family: Helvetica, Arial, sans-serif; /* Nicer font */
        font-size: 10px;
        text-align: left;
        border-collapse: collapse; 
        border-spacing: 0;  
	}

    .hoverTable tr {  
        height: 18px; 
        transition: all 0.3s;  /* Simple transition for hover effect */
    }

	.hoverTable td, th{ 
		border-top:#94bde5 1px solid;
        padding-left: 15px;
        padding-right: 15px;
	}

    .hoverTable th { 
		background: #054570;
        color: aliceblue;
	}
	/* Define the default color for all the table rows */
	/* .hoverTable tr{	background: #0FBFBF; }

    /* Cells in even rows (2,4,6...) are one color */        
    /*.hoverTable tr:nth-child(even) td { background: #d6d6d6; }   

    /* Cells in odd rows (1,3,5...) are another (excludes header cells)  */        
    /*.hoverTable tr:nth-child(odd) td { background: #cccccc; }  


	/* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
          background-color: #94bde5;
    }

    #pup {
        position:absolute;
        z-index:200; /* aaaalways on top*/
        padding: 3px;
        margin-left: 10px;
        margin-top: 10px;
        width: 150px;
        border: 0px solid black;
        background-color: rgb(255, 255, 255);
        color: white;
        font-size: 0.95em;
      }



    .centeredImg img {
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

/* SLIDESHOW */
        /* The Modal (background) */
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            padding-top: 100px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
        
        /* Modal Content */
        .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 0;
            width: 90%;
            max-width: 1200px;
        }
        
        /* The Close Button */
        .close {
            color: white;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: bold;
        }
        
        .close:hover,
        .close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }
        
        /* Hide the slides by default */
        .mySlides {
            display: none;
        }
        
        /* Next & previous buttons */
        .prev,
        .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: white;
            font-weight: bold;
            font-size: 20px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select: none;
        }
        
        /* Position the "next button" to the right */
        .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }
        
        /* On hover, add a black background color with a little bit see-through */
        .prev:hover,
        .next:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }
        
        /* Number text (1/3 etc) */
        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
        }
        
        /* The dots/bullets/indicators */
        .dot {
            cursor: pointer;
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }
        
        .active, .dot:hover {
            background-color: #717171;
        }
        
        /* Fading animation */
        .fade {
            animation-name: fade;
            animation-duration: 1.5s;
        }
        
        @keyframes fade {
            from {opacity: .4}
            to {opacity: 1}
        }

        .ftext{
            color: #333; /* Lighten up font color */
            font-family: Helvetica, Arial, sans-serif; /* Nicer font */
            font-size: 14px;
            text-align: left;
            vertical-align: text-top;
            padding: 0px;  
        }

        .infoB-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 100;
            top: 100;
            width: 50%; /* Full width */
            height: 60%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
          }

          .infoB3-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 100;
            top: 100;
            width: 50%; /* Full width */
            height: 60%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
          }
          
          /* Modal Content/Box */
          .infoB-content {
            font-family: Helvetica, Arial, sans-serif; /* Nicer font */
            background-color: #fefefe;
            margin: 10% auto; /* 15% from the top and centered */
            padding: 10px;
            border: 1px solid #888;
            width: 80%; /* Could be more or less, depending on screen size */
          }

          .infoB3-content {
            font-family: Helvetica, Arial, sans-serif; /* Nicer font */
            background-color: #fefefe;
            margin: 10% auto; /* 15% from the top and centered */
            padding: 10px;
            border: 1px solid #888;
            width: 80%; /* Could be more or less, depending on screen size */
          }
          
          /* The Close Button */
          .infoB-close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
          }
          
          .infoB-close:hover,
          .infoB-close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
          }
          .infoB3-close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
          }
          
          .infoB3-close:hover,
          .infoB3-close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
          }

          .infoB2-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 100;
            top: 100;
            width: 50%; /* Full width */
            height: 60%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
          }
          
          /* Modal Content/Box */
          .infoB2-content {
            font-family: Helvetica, Arial, sans-serif; /* Nicer font */
            background-color: #fefefe;
            /*margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 40%; /* Could be more or less, depending on screen size */
          }
          
          /* The Close Button */
          .infoB2-close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
          }
          
          .infoB2-close:hover,
          .infoB2-close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
          }

          button {
            background-color: #94bde5;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            cursor: pointer;
            width: 100%;
          }
          
          /* Add a hover effect for buttons */
          button:hover {
            opacity: 0.8;
          }
          
          .picture-button {
            cursor: pointer;
          }
          .picture-button:hover {
            opacity: 0.8;
          }
          
          /* Extra style for the cancel button (red) */
          .cancelbtn {
            width: auto;
            padding: 10px 18px;
            background-color: #f44336;
          }
          
          /* Center the avatar image inside this container */
          .imgcontainer {
            text-align: center;
            margin: 24px 0 12px 0;
          }
          
          /* Avatar image */
          img.avatar {
            width: 40%;
            border-radius: 50%;
          }
          
          /* Add padding to containers */
          .container {
            padding: 16px;
          }
          
          /* The "Forgot password" text */
          span.psw {
            float: right;
            padding-top: 16px;
            }
          @media print {
            div.no_print{
              display: none;
            }
          }

          @media screen {
            div.no_print{
              display: block;
              cursor: pointer;
            }
          }
          
          /* Change styles for span and cancel button on extra small screens */
          @media screen and (max-width: 300px) {
            span.psw {
              display: block;
              float: none;
            }
            .cancelbtn {
              width: 100%;
            }


          }

          .link
          {
             text-decoration: none; 
             background-color: none;
          }

 



          .normalTable{
            color: #333; /* Lighten up font color */
                font-family: Helvetica, Arial, sans-serif; /* Nicer font */
                font-size: 10px;
                text-align: left;
                border-collapse: collapse; 
                border-spacing: 0;  
                width: 1000px;
          }
        
            .normalTable tr {  
                height: 18px; 

            }
        
          .normalTable td, th{ 
                border:#333 1px solid;
                padding-left: 15px;
                padding-right: 15px;
          }
        
            .normalTable th { 
                background: #ffffff;
                color: #333;
          }

          .print {
            font-family: Helvetica, Arial, sans-serif; /* Nicer font */
            max-width: 1024px;
            margin: auto;
            float: left;
            font-size: 12px;
            margin: 3px;
            padding-right: 3px;
        }