html {background-color: #EBEBEB}

body {width: 930px; margin: 0 auto; font-family: sans-serif;}
input{width: inherit; border: 1px solid #A7A7A7; font-size: 0.7em;}

.yellow_background{background-color: #FFFF00;}

select{padding: 0;
    font-size: 0.7em;
    background: #EBEBEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EBEBEB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB');
	border: 1px solid #A7A7A7;
}

label{font-size: 0.9em; margin: 2px}
legend{font-size: 0.9em;}

.btn {
    margin: 4px;
    padding: 1px 10px;
    background: #EBEBEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EBEBEB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB');
    color:  	#484848    !important;
    text-decoration: none;
    font-size: 0.9em;
    font-family: sans-serif;
    border-radius: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border: 1px solid #A7A7A7;
}

textarea{width: inherit; border: 1px solid #A7A7A7; background-color: #FFFFFF;}


h1{font-size: 1.5em}
p {display: block; text-align: justify;}
fieldset  {float: left; clear: left; width: 285px; padding: 5px}

.missing  {border: 1px solid red;}
.ok  {color: #6B6B6B; background-color: #ECF6CE;}
.not_ok {color: #6B6B6B; background-color: #F78181;}
.standard {color: #6B6B6B; background-color: #EBEBEB}
.formular  {float: left; clear: left; width: 930px; }
.form1  {float: left; clear: left; width: 295px; padding: 5px}
.form2  {float: left; width: 295px; padding: 5px}

.standard_text{text-align: justify;}

.box_email{float: left; clear: left; width: 310px;}
.box_row{float: left; width: 140px; margin-top: 5px}
.box_mini{float: left; width: 80px; margin-top: 5px}
.box_medium{float: left; width: 90px; margin-top: 5px}
.box_col{float: left; clear: left; width: inherit; margin-top: 5px}
.box_radio{float: left; width: 80px; margin-top: 2px}
.box_tol{float: left; width: 70px; margin-top: 5px}
.box_large{float: left; width: 250px; margin-top: 5px}

.ll {float: left; clear: left; width: inherit;}
.ll_email{float: left; clear: left; width: inherit;}
.ll_radio{float: left; width: 20px;}


.scalar {float: left; clear: left; width:130px; margin: 4px}
.large {float: left; clear: left; width: 250px; margin: 4px}
.value {float: left; clear: left; width: 130px; margin: 4px}
.value_email {float: left; clear: left; width: 300px; margin: 4px}
.value_radio{float: left; width: 25px}
.unit {float: left; width: 86px; margin: 4px;}
.mini {float: left; width: 50px; margin: 4px;}
.tol {float: left; width: 40px; margin: 4px;}
.info_text {font-size: 0.8em; margin: 4px}

.nav_title{width: 730px; background-color: #000000; float:left; padding: 10px; height: 40px; text-align: bottom;}
.nav_title a{text-decoration: none; color: #FFFFFF; font-size: 1.6em; }
.nav_top{width: 170px; background-color: #000000; float:left; padding: 5px; height:15px; text-align: right; color:
#FFFFFF;}
.nav_top a{text-decoration: none; color: #FFFFFF; font-size: 0.7em;}
.nav_mid{width: 170px; background-color: #000000; float:left; padding: 5px;  height: 25px; text-align: right; color:
#FFFFFF;}
.nav_mid a{text-decoration: none; color: #FFFFFF; font-size: 0.7em; }
.nav_bot_left{clear: left; float:left; width: 255px; background-color: #EBEBEB; padding: 10px; text-align: left;}
.nav_bot_left a{text-decoration: none; color: #989898; font-size: 0.7em;}
.nav_bot_mid{float:left; width: 360px; background-color: #EBEBEB; padding: 10px; text-align: center;}
.nav_bot_mid a{text-decoration: none; color: #989898; font-size: 0.7em;}
.nav_bot{width: 255px; background-color: #EBEBEB; float:left; padding: 10px; text-align: right;}
.nav_bot a{text-decoration: none; color: #989898; font-size: 0.7em;}

.page{clear: left; padding:5px; background-color: #FFFFFF;}

#pic1{
  display:inline-block;
  float:right;
  width: 180px;
  height:160px;
  margin-left: 20px;
}

#pic2{
  float:right;
  clear:right;
  width: 180px;
  height:160px;
  margin-left: 20px;
}

#pic_case1{
  display:block;
  float:left;
  width: 308px;
  height:325px;
  margin-left: 5px;
}

#pic_case2{
  display:block;
  float:left;
  width: 308px;
  height:325px;
  margin-right: 40px;
}

#pic_calc{
  display:block;
  float:left;
  width: 260px;
  height:160px;
  margin-left: 5px;
}

#pic_11{
  display:block;
  float:left;
  width: 260px;
  height:220px;
  margin-left: 5px;
}

#pic_clear{
  clear: left;
}


@media all and (max-width: 450px) {

body {width: 320px;}
.formular  {width:320px;}
.form2  {clear: left;}
.nav_title{width: 120px;}
.nav_title a{text-decoration: none; color: #FFFFFF; font-size: 1.2em; }
.nav_bot_left{width: 80px;}
.nav_bot_mid{width: 100px;}
.nav_bot{width: 80px;}

#pic1{
  float:left;
  clear:left;
  width: 270px;
  height:240px;
}
#pic2{
  float:left;
  clear:left;
  width: 270px;
  height:240px;
}
}