

#form_pr {

    margin: 20px 0;

    border: 1px solid #96B522;

}



#form_pr fieldset {

    margin: 0;

    padding: 5px 15px;

    background-color: white;

    border-bottom: 1px solid #96B522;

}



#form_pr fieldset > div {

    margin: 15px 0;

}



#form_pr label {

    width: 220px;

    display: block;

    float: left;

}



#pr_gewicht, #pr_groesse, #pr_alter {

    width: 50px;

    text-align: right;

}



#form_pr #pr_ergebnisse {

    background-color: #96B522;

    border: none;

    font-size: 1.1em;

    color: #000;

}



#form_pr dl {

    list-style-type: none;

    margin: 10px 0;

    padding: 0;

}



#form_pr dt {

    width: 310px;

    display: block;

    float: left;

    padding: 0;

    margin: 0;

    clear: left;

    line-height: 26px;

}



#form_pr dd {

    display: block;

    padding: 0;

    margin: 0 0 0 220px;

    font-weight: normal;

    line-height: 26px;

}



#pr_erg_gesamt {

    font-size: 1.2em;

}



#form_pr span.kcal {

    display: inline-block;

    width: 135px;

    text-align: right;

    margin-right: 0;

}



#form_pr span.gramm {

    display: inline-block;

    width: 40px;

    text-align: right;

    margin-right: 0;

}



#form_pr .lastline {

    border-top: 1px solid #000;

    line-height: 45px;

    margin-top: 10px;

    font-weight: bold;

    font-size: 1.2em;

}



#form_pr hr {

    border-color: #000;

}

@media only screen and (max-width: 550px){

	#form_pr #pr_ergebnisse {
		margin-right: 2%;
		margin-left: 2%;
	}

	#form_pr dt{
		width: 100%;
	}

	#form_pr span.kcal{
		width: 20%;
	}

	#form_pr dd{
		margin: 0 0 0 0px;
	}

	#form_pr label{
		width: 166px;
	}

}
