.selectField {
	width:200px;
	float: left;
	margin-right:10px;

}


.selectHeader {
    background-image: url("selectArrow2.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
	    border: 1px solid #9ba2af;
    font-size: 17px;
    margin: 15px 0 -1px;
    padding: 7px 10px 3px 10px;
		background-color:#fff
}


.selectList {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc;
    display: none;
    max-height: 215px;
    overflow-y: scroll;
    position: absolute;
    z-index: 99999;
	width: 198px;
}

.selectEntry {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    font-size: 16px;
    padding: 6px 20px 4px 5px;
	padding-right:;
}

.selectEntry:hover {
	background-color: #EEE;
}

.trenner { display:none; clear:both}

input[type=text] {
	padding: 11px 0 7px 0;
	float:left;
	margin-top: 15px;
	text-align:center;
	font-size:0.9em;
	font-family: "Officina", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;!important;
	border:1px solid #9ba2af
}

.KF {background-image: url(BG_KF.png); margin:-13px 0; padding: 0 0 0 10px}
.flaeche {width:70px; margin-right:10px; }
.zimm {width:76px; margin-right:10px; }
.preis {width:137px; }
.jnkminfo {display:none}
.erklaerung {font-size:0.8em; text-align:right; color:#8993a7; margin:10px 10px 0 0}


#result {width:100%; text-align:center; padding-top:27px; color:#002f52;  }
#result .ausgabe {font-size:2em; line-height:120%; /*color:#e78600!important*/  }

@media only screen and (max-width:1000px){
	.trenner { display:block; clear:both}
	.erklaerung { text-align:left; margin:10px 0 0 0 }
	}

@media only screen and (max-width:700px){
	
.selectField {
	width:100%;
	float: left;
	margin-right:0px;
}	

.selectHeader {
    background-image: url("selectArrow2.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
	    border: 1px solid #ccc;
    font-size: 18px;
    margin: 15px 0 -1px;
    padding: 5px 10px;
}


.selectList {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc;
    display: none;
    max-height: 515px;
    overflow-y: scroll;
    position: absolute;
    z-index: 99999;
	width: 88%;
}

.selectEntry {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 0 5px 10px;
}

.selectEntry:hover {
	background-color: #EEE;
}

input[type=text] {
	padding: 9px 0;
	float:left;
	margin-top: 15px;
	text-align:center;
	font-size:0.9em
}
.flaeche {width:100%; margin-right:0px; }
.zimm {width:100%; margin-right:0px; }
.preis {width:100%; }

.KF {background-image: url(BG_KF.png); margin:-13px 0; padding:  0 10px}
	
}