@font-face {
    font-family: 'falschaussage';
    src: url('../fonts/geosanslight/webfont.eot');
    src: url('../fonts/geosanslight/webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight/webfont.woff') format('woff'),
         url('../fonts/geosanslight/webfont.ttf') format('truetype'),
         url('../fonts/geosanslight/webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.modal-body #main {
	font-family: falschaussage;
}

.modal-body #header {
	 height: 116px;
}

.modal-body #header h1 {
	font-size: 22pt;
	padding: 35px 0 0 0;
	text-align: center;
}

.modal-body h2 {
	font-size: 17pt;
	font-weight: normal;
}

.modal-body h4 {
	margin: 0;
	font-size: 13pt;
	font-weight: normal;
	padding: 0 10px 0 0;
}

.datumjahr h4 {
    width: 130px;
}

.modal-body span.minsize{font-size:10pt;}

.modal-body textarea {
	width: 480px;
	height: 130px;
	resize: none;
	font-family: falschaussage;
}




.modal-body .eingabefalschaussage {
    width: 480px;
}

.modal-body p {
	font-size: 12pt;
}

.modal-body td {
	padding: 0;
}

.modal-body .weiterzurueck {
    position: absolute;
    bottom: 16px;
    right: 48px;
}

/*
.modal-body td:first-child {
	width: 179px;
}

.modal-body td:last-child{
	width: 461px;
}
*/
.modal-body td.datumjahr {
	padding: 25px 0 12px;
}

/* STEP 2 */
.modal-body #infobereich {
	margin: 0 0 0 0px;
}

.modal-body .hinweis {
	float: left;
}

.modal-body .hinweistext {
	height: 43px;
	padding: 10px 15px 0 15px;
	float: left;
	margin:  0 0 20px 0;
	background-color:#c7cedc;
	width:600px;
}

.modal-body .hinweistext p {
	margin: 0;
	font-size: 11pt;
}

.modal-body .quelle {
	width: 473px;
}

.modal-body .medien {
	margin: 5px 10px 0 20px;
}

.modal-body .medienfirst {
	margin-left: 30px;
}

.modal-body .category {
	width: 283px;
}

.modal-body #falschaussageprozent {
	text-align: center;
	padding: 12px 0 0 0;
}

.modal-body #barometer_grau, #barometer_bunt {
	height: 77px;
	overflow: hidden;
	margin: 12px 0 0 210px;
}

.modal-body #barometer_grau {
	width: 177px;
	background: url("../images/_global/luegenbarometer_grau.png") transparent;
}

.modal-body #barometer_bunt {
	margin-top: -77px;
	width: 148px;
	transform: skew(-50deg);
	-ms-transform: skew(-50deg); /* IE 9 */
	-webkit-transform: skew(-50deg); /* Safari and Chrome */
}

.modal-body #barometer_bunt img {
	transform: skew(+50deg);
	-ms-transform: skew(+50deg); /* IE 9 */
	-webkit-transform: skew(+50deg); /* Safari and Chrome */
}

/* STEP 3 */
.modal-body #step3 table {
	margin: 0 0 0 45px;
}


.modal-body #barometerslider{
					width:180px;
					margin: 0 0 0 210px;
				}
				

.modal-body #rate{
		border: 0; 
		color: #f6931f; 
		font-weight: bold;
		font-size: 20pt;
		float:left;
		width:55px;
		padding:0;
		text-align:right;
		}
		
.modal-body #rate_perc{
		border: 0; 
		color: #f6931f; 
		font-weight: bold;
		font-size: 20pt;
		float:left;
		width:25px;
		padding:0;
			}
				
				
.modal-body .nameadresse {
	width: 317px;
}

.contactdata tr td {
    padding: 15px 0;
}

.modal-body .ihrname {
    padding-top: 70px;
}

/* STEP 4 */
.modal-body .herzlichendank {
	margin: 0 0 18px 0;
	padding: 0 0 0 25px;
}

.modal-body .posttext {
	font-size: 13pt;
	padding: 0 0 0 25px;
	width: 580px;
}

.modal-body #postlink {
	height: 28px;
    margin: 45px 0 0 120px;
    text-align: center;
    width: 362px;
}

.modal-body #goto_step2,.modal-body #goto_step3, .modal-body #goto_step4, .modal-body #gobackto_step1, .modal-body #gobackto_step2 {
	cursor: pointer;
}

.modal-body #vielendank {
	font-size: 17pt;
	text-align: center;
}