body, html {
	background-color: #fff;
	color: #333;
	font-family: Arial,sans-serif;
	height: 100%;
	margin: 0;
	max-width: 640px;
	padding: 0;
	width: 100%;
	font-size: 22px;
}

a {
	color: #333;
}

.text-link {
	border-bottom: 2px solid #656565;
	text-decoration: none;
}

span.text-link {
	display: inline-block;
	margin: 22px 6px;
}

.active span.text-link {
	border: none !important;
	font-weight: 700;
}

h1 {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	margin : 0;
	padding: 22px 0;
}

h2 {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	margin : 0;
	padding: 0;
}

p {
	font-size: 22px;
	line-height: 30px;
}

hr {
	border: #000 solid 4px;;
	width: 100%;
}

img {
	border: none;
}

#title-1 {
	height: 76px; /* TODO: ev. genauer einstellen für IE7/8/Mobile */
	margin: 46px 0 0 0;
}

#title-1 h1 {
	float: left;
}

/*
 * Forms
 */
#form {
	margin: 20px 0 0 0;
}

#credit {
	margin: 20px 0 0 0;
}

#error-msg {
	color: #f00;
	margin: 33px 0 20px 0; /* temp */
}

.read-only-field {
	background-color: #fff !important;
	border: none !important;
	font-weight: 700;
	height: 32px !important;
	padding: 0 !important;
}

.invalid {
	border-color: #f00 !important;
	background-color: #fee;
}

label {
	display: inline-block;
	width: 128px;
	padding-top: 22px;
}

.right {
	float: right;
}

.left {
	float: left;
}

input {
	background: 0 0;
	-webkit-border-radius: 0px;
	background-color: #fff;
	border: 2px solid #8a8a8a;
	color: #333;
	font-size: 33px;
	font-weight: 700;
	height: 46px;
	margin: 2px 0 0 0;
	padding: 8px;
	width: 240px;
}

.long-input {
	width: 405px!important;
float: right !important;
}

#credit .controls-row label {
	padding: 0 ;
}

#credit .controls-row {
	padding: 22px 0 0 0;
	height: 48px;
}

.controls-row {
	height: 70px; /* TODO: ev. genauer einstellen für IE7/8/Mobile */
	margin: 0 0 28px 0;
}

.controls-row label, .controls-row input {
	float: left;
}
.last-row {
	margin-bottom: 7px !important;
}

.checkbox-row {
	margin-bottom: 5px !important;
	margin-left: 133px !important;
}

#rate {
	background-color: #f1f7d5;
}

#plz {
	border-right: none !important;
	margin: 0 -2px 0 0;
	width: 74px !important;
}

#nr {
	width: 74px !important;
	margin: 0;
}

#str {
	border-right: none !important;
	margin: 0 -2px 0 0;
	width: 313px !important;
}

#city {
	width: 313px !important;
	margin: 0;
}

/*
 * Buttons
 */
.language-button {
	display: block;
	width: 70px;
	text-decoration: none;
	float: left;
	margin: 0 0 0 10px;
}

.button {
	display: block;
	width: 100%;
	text-decoration: none;
	margin: 0;
}

.short-button {
	display: inline-block;
	width: 276px;
	text-decoration: none;
	margin: 0;
}

.check-button-mid {
	font-size: 38px;
	height: 70px !important;
	line-height: 38px;
	padding: 0 !important;
	width: 50px;
}

.language-button-mid {
	width: 50px;
}

.increase-button-mid {
	font-size: 38px;
	height: 70px !important;
	line-height: 38px;
	padding: 0 !important;
	width: 50px;
}

.decrease-button-mid {
	font-size: 38px;
	height: 70px !important;
	line-height: 38px;
	padding: 0 !important;
	width: 50px;
}

.increase-button {
	display: block;
	width: 70px;
	text-decoration: none;
	float: right;
	margin: 0 0 0 10px;
}

.minus {
	display: inline-block;
	height: 70px;
	background-image: url(minus.gif);
	width: 50px;
}

.active .minus {
	background-image: url(ico_minus_on.gif);
}

.plus {
	display: inline-block;
	height: 70px;
	background-image: url(plus.gif);
	width: 50px;
}

.active .plus {
	background-image: url(ico_plus_on.gif);
}

.check {
	display: inline-block;
	height: 70px;
	background-image: url(ico_checked_off.gif);
	width: 50px;
}

.active .check {
	background-image: url(ico_checked_on.gif);
}

.decrease-button {
	display: block;
	width: 70px;
	text-decoration: none;
	float: right;
	margin: 0 0 0 10px;
}

.check-button {
	display: inline-block;
	text-decoration: none;
	margin: 
}

#info-button, #info-button2 {
	display: inline-block;
	width: 70px;
	text-decoration: none;
	float: right;
	margin: 0 0 0 0;
}

#info2 { margin-bottom: 10px !important; }
#info2 h4 { font-size: 26px; }
#info2 h5 { font-size: 22px; margin-bottom: 0;}
#info2 p { margin-top: 5px; }
.info-button-mid {
	height: 70px !important;
	padding: 0 !important;
	width: 50px;
}

.long-button-mid {
	width: 540px;
}

.short-button-mid {
	width: 256px;
}

.bt-mid {
	background-image: url(but_m_off.gif);
	color: #fff;
	font-weight: 600;
	height: 26px;
	line-height: 26px;
	padding: 22px 0;
	text-align: center;
	float: left;
	font-size:33px;
}

.active .bt-mid {
	background-image: url(but_m_on.gif) !important;
	color: #888;
}

.bt-left {
	background-image: url(but_l_off.gif);
	height: 70px;
	width: 10px;
	float: left;
}

.active .bt-left {
	background-image: url(but_l_on.gif) !important;
}

.bt-right {
	background-image: url(but_r_off.gif);
	height: 70px;
	width: 10px;
	float: left;
}

.active .bt-right {
	background-image: url(but_r_on.gif) !important;
}

p .button {
	margin: 16px 0 40px 0;
}

p .short-button {
	margin: 16px 0 40px 0;
}

/*
 * layout
 */

#background {
	background-color: #007ec8;
	min-height: 100%;
	max-width: 640px;
	width: 100%;
}

#content {
	background-color: #fff;
	min-height: 100%;
	margin: 0px 10px 0 10px;
	padding: 20px;
}

#logo {
	margin: 0px 0px 0 0px;
}
#language-switch {
	float: right;
	height: 70px;
	width: 240px;
}

#info, #info2 {
	background-color: #e0ffa7;
	display: none;
	margin: 10px -20px 0px -20px;
	padding: 10px 20px 10px 20px;
}

#footer {
	font-size: 22px;
}

.clear {
	clear: both;
}


.leasing label { font-size: 24px; font-weight: 700; width: 220px; }
.leasing label.two { padding-top: 4px; }
.leasing label span { font-size: 24px; font-weight: normal; display: block; }
.leasing input { width: 150px;	text-align: right;}

.leasing .info #info-button { float: left; margin-top: 36px; }
.leasing .info { background-color: #F1F7D5; margin: 10px -20px 0; padding: 10px 20px; }
.leasing .info .box { float: right; width: 455px; }
.leasing .info .row .col1 { float: left; width: 270px; }
.leasing .info .row .col2 { float: left; width: 100px; }
.leasing .info input { text-align: left; width: 120px;}
.leasing .info strong { float: left; width: 270px; font-size: 30px; line-height: 75px; }
.leasing .info span { font-size: 30px; line-height: 75px; }
.leasing .info a { float: right; }
.leasing .info p { margin: 0 0 10px; float: left; width: 520px; margin-left: 10px; } 
.leasing .info .icon { background-image: url(infoBlue.png); width: 24px; height: 23px; float: left; }
.leasing .info .bt-left { background-image: url(but_l_off_yellow.gif); }
.leasing .info .bt-right { background-image: url(but_r_off_yellow.gif); }
.leasing #info { padding-bottom: 0; margin-top: 20px; }

.login h2 { display: block; margin: 20px 0; }
.login label { width: 150px; }
.login input { width: 380px; text-align: left; }


.checkbox { width: 65px; height: 65px; padding-left: 65px; line-height: 65px; background-image: url(checkbox.png); background-repeat: no-repeat; cursor: pointer;float: left;font-size: 28px; margin-right: 10px; background-position: 0 -65px;}
.checkbox.checked { background-position: 0 0; }
#info-button2 { float: right; }

.infoMessage { margin: 0 -20px; padding: 20px; background: }