/* -------------------------------------
	allgemeine Styles
   ------------------------------------- */
html,body{
	margin:0px;
	padding:0px;
	position: relative;
}

body{
	font-family: Arial;
	font-size: 11px;
	color: #5e5e62;
}

input{
	height: 18px;
	margin-bottom: 1px;
	border: 1px solid #9fa7ad;
}

/* ----------------------------------------
	Layout-Helfer
   ---------------------------------------- */

.clearfix:after {
	content: 	".";
	display:	 block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* -------------------------------------
	Inhalt
   ------------------------------------- */
   
#container{
	margin: 0px auto;
	width: 610px;
	background-image:url('../img/bg.gif');
	border: 1px solid #818181;
}

#content{
	padding: 14px 18px;
}

.headline{
	margin-bottom: 12px;
}

.contentElement{
	padding: 0px 13px;
}


/* -------------------------------------
	Textelemente
   ------------------------------------- */
   
.textBox{
	margin-bottom: 30px;
}

.text, .textTeaser {
	margin: 0;
	padding: 8px 0px 8px 0px;
}

.textTeaser {
	border-bottom: 1px solid #B2B2B2;
	margin: 0px 0px 0px 0px;
}

.text .sup{
	float: left;
}

.textSeparator {
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px solid #B2B2B2;
}

/* -------------------------------------
	Trennlinien
   ------------------------------------- */
   
.border{
	margin: 8px 0px;
}

.border2{
	margin: 8px 0px 23px 13px;
}

.border3{
	margin: 12px 6px 6px 6px;
}

/* -------------------------------------
	Meldungen
   ------------------------------------- */
   
#messages {
	text-align: right;
	margin-right: 56px;
}

.message{
	margin: 10px 0px 23px;
}

/* -------------------------------------
	allgemeine Formular-Styles
   ------------------------------------- */
   
.searchForm{
	margin: 12px 0px 0px 0px;
}

.searchFormField{
	
}

.searchTitle{
	font-weight: bold;
	float: left;
	line-height: 22px;
}

.inputInfo{
	font-weight: bold;
	display: inline;
	line-height: 22px;
}

.disabled{
	background-color: #e6e6e6;
}

/* --------------------------------------------------------------
	Fahrzeugschlüsselnummer-Formular-Styles
   --------------------------------------------------------------*/

.keyForm{

}

.searchFormFieldKey{
	float: left;
}

.searchTitleKey{
	font-weight: bold;
	float: left;
}

.inputInfoKey{
	line-height: 12px;
	width: 70px;
	height: 20px;
	float: left;
}

.inputKey{
	float: left;
	margin: 0px 4px 44px 36px;
	border: 1px solid #9fa7ad;
}

.infoSearch{
	float: right;
}

.berechneButton{
	float: right;
}

.info{
	font-weight: bold;
	color: #c31525;
	background-image:url('../img/infoMarker.gif');
	background-position: 21px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.info a{
	color: #c31525;
	text-decoration: none;
}

.infoSearch input{
	height: 22px;
	border: none;
}

/* -------------------------------------
	Autogas-Formular-Styles
   ------------------------------------- */
   
.searchTitleGas{
	
}

.gasForm .searchTitle{
	width: 74px;
	margin-right: 20px;
}

.inputInfo .info{
	display: inline;
}

.difference{
	color: #63cd47;
	margin-top: 14px;
}

.difference input{
	border: 1px solid #63cd47;
}

/* -------------------------------------
	Preis-Formular-Styles
   ------------------------------------- */
   
/* ------------------------------------------
	Fahrleistung-Formular-Styles
   ------------------------------------------ */

.capacityForm .searchTitle{
	margin-right: 15px;
}

/* ------------------------------------------
	Verbrauch-Formular-Styles
   ------------------------------------------ */

.gasUsageForm{

}
.gasUsageFormTitles{
	font-weight: bold;
	margin-bottom: 12px;
}

.gasUsageForm .title{
	float: left;
	width: 118px;
	margin-right: 65px;
}

.gasUsageForm .searchFormFieldTitle{
	display: inline;
	margin-right: 70px;
}

.gasUsageForm .searchTitle{
	width: 118px;
	margin-right: 65px;
}

.gasUsageForm input{
	margin-right: 64px;
}

.perDotTitle{
	padding-left: 9px;
	background-image:url('../img/dot.gif');
	background-repeat: no-repeat;
	background-position: center left;
	width: 109px !important;
}
   
/* --------------------------------------------------------------
	Ersparnis-/Amortisations-Formular-Styles
   -------------------------------------------------------------- */
   
#inputBox{
	width: 368px;
}

#inputTopBG {
	height: 9px;
	padding: 0px;
	margin: 0px;
	background-image:url('../img/bg_form_top.gif');
	background-repeat: no-repeat;
	display: block;
	width: 368px;
	overflow: hidden;
}

#inputContent{
	background-color: #63cd47;
	padding: 0px 10px;
	margin: 0;
	width: 348px;
	overflow: hidden;
	display: block;
}

#inputContent .searchFormBorder{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 12px;
	margin-bottom: 6px;
}

#inputContent .searchTitle{
	font-weight: bold;
	color: #ffffff;
	width: 200px;
/*	margin-right: 16px; */
}

#inputContent .searchFormField {
	float: right;
	margin-right: 30px;
}


.berechnenButton{
	float: right; 
	position: absolute; 
	left: 470px; 
	top: 0px;
}



#inputContent .sup{
	font-weight: bold;
	color: #ffffff;
	display: inline;
}

#inputBottomBG{
	background-image:url('../img/bg_form_bottom.gif');
	height: 9px;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 368px;
}

/* -------------------------------------
	sonstige Styles
   ------------------------------------- */
   
   
.sup{
	vertical-align: top;
	font-size: 8px;
}