html {
   box-sizing: border-box;
 }
 *, *:before, *:after {
   box-sizing: inherit;
   color: #7a7575;
   margin: 0 auto;
 }

body{
	background: #ffffff;
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
  font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
  font-size: 1.1em;
  min-height: 100%;
  padding-bottom: 80px;
}

#top{
  max-width: 600px;
  margin: auto;
}

h1, h2{
  font-weight: 400;
  margin: 1em;
  margin-top: 2em;
  font-size: 1.2em;
  color: #07456e;
  font-family: 'Oxygen', sans-serif;
  font-weight: 300;
}

h1{
  margin:1em;
  font-size: 1.5em;
}

#logo{
  display: block;
  width: 100%;
  height: 5em;
  padding: 0.5em;
}
#logo img{
  height: 100%;
  float: left;
}
#logo h1{
  float:left;
}
#changeLang{
  float: right;
}
#changeLang:hover{
  color: #07456e;
  font-weight: bold;
  cursor: pointer;
}
/*
 * TWO-COLUMN LAYOUT
 */
.column{
  float: left;
  }
.left{
  width: 40%;
  text-align: right;
  vertical-align: bottom;
}
.right{
  width: 50%;
  text-align: left;
  vertical-align: middle;
}
.clear{
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: 1.5em;
  
}

/*
 * FORMS 
 */
form{
  display: block;
  width: 80%;
  margin:auto;
}
form input{
  margin-left:2em;
}
input[type=text]{
  border: 1px solid #cac5c5;
  width: 5em;
  height: 2em;
  padding: 0.2em;
}

input[type=text]:focus{
  border-color: #07456e;
}

input[type=radio]{
  border: 1px solid #cac5c5;
}
input[type=radio]:checked{
  border: 1px solid #3d9f4d;
}

.result{
  display: block;
  width: 10em;
  margin: auto;
  background: #3d9f4d;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 0.5em;
}

.result sup{
  color: #fff;
}

.error{
  color: #9a4030;
}
.inputErr{
    color: #9a4030;
    border-color: #9a4030;
    background-color: #ffb0a0;
}
/*
 * TOOLTIPS
 */
.tooltip {
    position: relative;
    display: inline-block;
    float:right;
    padding-left: 2em;
    color: #999;
    width: 5%;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    min-width: 300px;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}