/* 
    Document   : style
    Created on : Jul 29, 2014, 12:33:29 PM
    Author     : Istvan
    Description:
        Purpose of the stylesheet follows.
*/

root { 
      display: block;
}

.mt10.noscreen,
.noscreen { display: none; }

.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w100 { width: 747px; position: realtive; }
.mt10 { margin-top: 10px; display: inline-block; position: relative; }
.mt20 { margin-top: 20px; padding-bottom: 10px; display: inline-block; }
.mt30 { margin-top: 30px; display: inline-block; }
.mt40 { margin-top: 10px; padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #b2c5d8; }
.bline { padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #b2c5d8; }
.ml20 { margin-left: 20px; }
.left { float: left; position: relative; }
.right { float: right; width: 373px; position: relative; }
.clear, .clearer { clear: both;}
.hide { display: none; }
.pointer { cursor: pointer; }
.armmanual { display: none; }
.shadow { position: absolute; background-color: #fff; background-color: rgba(255,255,255,0.7); width: 100%; height: 100%; z-index: 10; }
.koffertype { display: none; }
.fahrzeuggewichtform { display: none; }


.tx-globalbases-anbauberechnung h1 {
	border-bottom: 1px solid #b2c5d8;
	padding: 0px 0px 18px; 
	margin: 0px; 
}

.tx-globalbases-anbauberechnung label {
	width: 120px;
	display: inline-block;
}

.tx-globalbases-anbauberechnung input {
	border: 1px solid #00407e;
	border-bottom: 1px solid #b6c7e3;
	border-right: 1px solid #b6c7e3;
	padding: 7px 3px;
	width: 300px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.tx-globalbases-anbauberechnung input[type='checkbox'] ,
.tx-globalbases-anbauberechnung input[type='radio'] {
	width: 20px;
}

.tx-globalbases-anbauberechnung input.short {
	width: 150px;
}
.tx-globalbases-anbauberechnung select {
	border: 1px solid #a1b4d4;
	width: 160px;
	background-color: #ffffff;
	padding: 7px 3px;
	font-size: 14px;
}

.tx-globalbases-anbauberechnung select.bctypes {
	width: 250px;
}

.tx-globalbases-anbauberechnung div.kunde div {
	float: left;
	width: 373px;
}

.tx-globalbases-anbauberechnung table {
	border-spacing: 0px; 
	margin-bottom: 0px;
}

.tx-globalbases-anbauberechnung .contenttable tr td {
	padding: 5px 10px; 
}

.tx-globalbases-anbauberechnung .contenttable tr.first td {
	border-top: 1px solid #d0dee9;
}

.tx-globalbases-anbauberechnung .contenttable tr td.title {
	background-color: #e8f0f3;
	white-space: nowrap;
	width: 180px; 
	color: #00407e;
}

.tx-globalbases-anbauberechnung .results .contenttable tr td.title {
	width: 80px; 
}

.istandard { padding: 17px 0px 20px 38px; margin:0px; position: relative; border-bottom: 1px solid #b2c5d8; border-top: 1px solid #b2c5d8; width: 1148px; }
.istandard .pad { padding: 3px 0px 0px 2px; margin:0px; position: relative; }
.istandard input { position: absolute; border: 1px solid #808080; padding: 0px 0px 0px 5px;}
.istandard input.vertical { 
	-ms-transform: translate(-14px,-31px) rotate(270deg);  
    -webkit-transform: translate(-14px,-31px) rotate(270deg); 
    transform: translate(-14px,-31px) rotate(270deg); 
}
.istandard input.isize { width:35px;height:18px;font-size:12px; }
.istandard input.ssize { width:28px;height:18px;font-size:12px; }
.istandard input.lsize { width:42px;height:18px;font-size:12px; }
.istandard input.readonly { width:45px;height:18px;font-size:12px; border: 0px;padding-left: 0px;}

.bt-container {
	margin: 20px 0px;
}

.bt-container .bt-calc-button {
	position: relative; 
	float: left; 
}

.bt-container a.button { 
	background-color: #00407E;
	background-image: -moz-linear-gradient(center top , #00407E 0%, #086193 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00407e), color-stop(100%,#086193));
	background-image: -webkit-linear-gradient(top, #00407e 0%,#086193 100%);
	background-image: -o-linear-gradient(top, #00407e 0%,#086193 100%);
	background-image: -ms-linear-gradient(top, #00407e 0%,#086193 100%);
	background-image: linear-gradient(top, #00407e 0%,#086193 100%);
	border: none;
	display: inline-block;
	height: 52px;
	color: #fff;
	font-weight: bold;
	line-height: 52px;
	text-align: center;
	padding: 0px 20px;
}

.errorarea { border: 1px solid red; background-color: lightcoral; width: 707px; padding: 0px 20px; color: white;}
.errorarea dt { float: left; width: 30px; text-align: top; }
.errorarea dd { margin-left: 50px; text-align: top;}

.infoarea { border: 1px solid green; background-color: lightgreen; width: 707px; padding: 0px 20px;}
.infoarea dt { float: left; width: 30px; text-align: top; }
.infoarea dd { margin-left: 50px; text-align: top;}

.resultarea { padding: 17px 0px 20px 38px; margin:0px; position: relative; }
.resultarea div { font-size: 18px; font-weight: bold; position: absolute;}
.resultarea div.pad { padding: 3px 0px 0px 2px; margin:0px; position: relative; }
.resultarea .vertical { 
	-ms-transform: translate(-14px,-31px) rotate(270deg);  
    -webkit-transform: translate(-14px,-31px) rotate(270deg); 
    transform: translate(-14px,-31px) rotate(270deg); 
}
.resultarea .blue {
	color: #2299ff;
}