/* Cascading Style Sheet (CSS) for Calculator 1.6 */

table, tr, td, div {
    margin: 0;
	padding: 0.2px;
	border: 0;
    }

.smare_taschenrechner {
	}
@media screen and (max-width:450px) {
	.smare_taschenrechner {
		display: flex;
		justify-content: center;
		}
}

.smare_border {

    border-top-left-radius: 6px!important;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
    border-bottom-left-radius: 6px!important;
    box-shadow: 1px 1px 5px 0 #c4d0db!important;
    margin: 3px;
    background-color: #f4f6f8;
}

@media screen and (max-width:450px) {
.smare_border {
	width:90%;
	}
}
.smare_head {
   height:30px !important;
   text-shadow: 0 0 0.15em #3c648c;
   font-size: 1.1em!important;
   text-align: center;
   border-color: #7b9ab7!important;
   border-bottom: 3px solid #fcb840!important;

   margin: calc(-1px + -0.3em)!important;
   margin-bottom: 0.3em!important;
   background: #7b9ab7;
    color: #fff;
    font-weight: 700;
    border-top-left-radius: 6px!important;
    border-top-right-radius: 6px!important;
}
/* style settings for buttons */
*.button_border {
   margin: 5px;
	}

@media screen and (max-width:450px) {
      .button_border {
         width: 45px;
      }
   }
/* class for fixing IE bug */
*.bugfix {
	height: 0;
	line-height: 0;
	font-size: 0;
	}
*.button {
    background-color: #7B9AB7;
    display: block;
    margin: 0px;
	padding: 0;
    height: 22px;
	line-height: 1.4em;
	text-align: center;
   color: white;

   font-size: 1em!important;
   white-space: nowrap;
   text-shadow: 0 0 0.15em #3c648c;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	}

@media screen and (max-width:450px) {
   .button {
      font-size: 0.9em!important;
      height: 30px;
     line-height: 1.8em;
   }
}

a.button:link, a.button:visited {
	color: #ffffff;
	border-color: #aaa #444 #444 #aaa;
	text-decoration: none;
	}
a.button:active	{
   background-color: #3c648c;
    border-color: #444 #777 #777 #444;
	}
a.button:hover	{
   background-color: #3c648c;
    border-color: #777;
	}
*.special_button {
    background-color: #eca830;
    color: #ccc;
	display: block;
    margin: 0px;
	padding: 0;
	border: 1px solid;
    height: 22px;
	line-height: 1.4em;
	text-align: center;

   font-size: 1em!important;
   white-space: nowrap;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	}

@media screen and (max-width:450px) {
      .special_button {
         font-size: 0.8em!important;
         height: 30px;
        line-height: 1.8em;
     }
   }

a.special_button:link, a.special_button:visited {
	color: #fee;
	border-color: #eca830;
	text-decoration: none;
	}
a.special_button:active	{
    border-color: #eca830;
	}
a.special_button:hover	{
    border-color: #eca830;
	}
/* style settings for the display area */
.n_display {
	background-color: white; /* the 'LCD-color' */
    width: 93%;
    height: 20px;
	color: #343;
	border: 1px solid #c4d0db;
	margin: 10px 0px 2px 5px;
    padding: 2px;
    text-align: right;
    font-size: 1em!important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
     outline: none;
	}
.d_display {
	background-color: #afc8b8; /* the 'LCD-color' */
    width: 74px;
    height: 14px;
	color: #343;
	border: 2px solid;
    border-color: #aaa #ddd #ddd #aaa;
	margin: 2px 0px 0px 1px;
    padding: 1px;
	font-family: courier, monospace;
    font-size: 12px;
    text-align: center;
    }
.t_display {
	background-color: #afc8b8; /* the 'LCD-color' */
    width: 74px;
    height: 14px;
	color: #343;
	border: 2px solid;
    border-color: #aaa #ddd #ddd #aaa;
	margin: 2px 1px 0px 0px;
    padding: 1px;
	font-family: courier, monospace;
    font-size: 12px;
    text-align: center;
    }