@charset "UTF-8";
/* CSS Document */

input {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: none;
	border-style:none;
	color:#008669;
	font-size:40px;
	text-align: center;
	margin:0;
	padding:0;
	width:162px;
	height:54px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}
#hauptinhalt {
	width: 1024px;
	height:768px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/layout_1024x768.jpg);
	background-repeat:no-repeat;
}


#Headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:45px;
	left:69px;
	color:#008669;
	font-size:40px;
	text-align: left;	
}


#Headline_info {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:99px;
	left:72px;
	color:#636363;
	font-size:16px;
	text-align: left;	
}


#Sub_Headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:215px;
	left:71px;
	color:#fff;
	font-size:20px;
	text-align: left;		
}

#AnzahlPflege_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:279px;
	left:71px;
	color:#636363;
	font-size:16px;
	text-align: left;	
}


#AnzahlBewohner_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:417px;
	left:71px;
	color:#636363;
	font-size:16px;
	text-align: left;	
}

#Zeitersparnis_text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:536px;
	left:71px;
	color:#008669;
	font-size:20px;
	text-align: left;		
}

#Info_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:580px;
	left:133px;
	color:#636363;
	font-size:16px;
	text-align: left;	
}

#Einheit {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:595px;
	left:440px;
	color:#008669;
	font-size:20px;
	text-align: left;	
}

#Anmerkungen {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:571px;
	left:701px;
	color:#636363;
	font-size:12px;
	text-align: left;		
}

#Anmerkungen_Eingeruckt {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:585px;
	left:708px;
	color:#636363;
	font-size:12px;
	text-align: left;		
}

#Ausgabefenster {
	background-image:url(../img/eingabefeld_.png);
	background-repeat:no-repeat;
	position:absolute;
	top:573px;
	left:261px;
}
#Eingabefenster {
	background-image:url(../img/eingabefeld_.png);
	background-repeat:no-repeat;
}
#rahmen2 {
	background-image:url(../img/eingabefeld_.png);
	background-repeat:no-repeat;
	position:absolute;
	border: none;
	top:450px;
	left:261px;
	width:162px;
	height:54px;
}
#rahmen1 {
	background-image:url(../img/eingabefeld_.png);
	background-repeat:no-repeat;
	position:absolute;
	border: none;
	top:312px;
	left:261px;
	width:162px;
	height:54px;
}
#button1 {
	position:absolute;
	left:117px;
	top:312px;
	width:54px;
	height:54px;
}
#button2 {
	position:absolute;
	left:189px;
	top:312px;
	width:54px;
	height:54px;
}
#button3 {
	position:absolute;
	left:442px;
	top:312px;
	width:54px;
	height:54px;
}
#button4 {
	position:absolute;
	left:514px;
	top:312px;
	width:54px;
	height:54px;
}
#button5 {
	position:absolute;
	left:117px;
	top:450px;
	width:54px;
	height:54px;
}
#button6 {
	position:absolute;
	left:189px;
	top:450px;
	width:54px;
	height:54px;
}
#button7 {
	position:absolute;
	left:442px;
	top:450px;
	width:54px;
	height:54px;
}
#button8 {
	position:absolute;
	left:514px;
	top:450px;
	width:54px;
	height:54px;
}

#button_info {
	position:absolute;
	left:71px;
	top:573px;
	width:54px;
	height:54px;
}

@media only screen and (max-width: 767px) {
	
	input {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: none;
	border-style:none;
	color:#008669;
	font-size:30px;
	text-align: center;
	margin:0;
	padding:0;
	width:140px;
	height:54px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}
#hauptinhalt {
	width: 480px;
	height:800px;
	margin:auto;
	top: 0px;
	background-image:url(../img/layout_480x640.jpg);
	background-repeat:no-repeat;
}


#Headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:100px;
	left:29px;
	color:#008669;
	font-size:30px;
	text-align: left;	
}


#Headline_info {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:135px;
	left:30px;
	color:#636363;
	font-size:14px;
	text-align: left;	
}


#Sub_Headline {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:235px;
	left:60px;
	color:#fff;
	font-size:16px;
	text-align: left;		
}

#AnzahlPflege_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:280px;
	left:60px;
	color:#636363;
	font-size:14px;
	text-align: left;	
}


#AnzahlBewohner_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:390px;
	left:60px;
	color:#636363;
	font-size:14px;
	text-align: left;	
}

#Zeitersparnis_text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:485px;
	left:60px;
	color:#008669;
	font-size:16px;
	text-align: left;		
}

#Info_text {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:600px;
	left:95px;
	color:#636363;
	font-size:14px;
	text-align: left;	
}

#Einheit {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:520px;
	left:320px;
	color:#008669;
	font-size:16px;
	text-align: left;	
}

#Anmerkungen {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:600px;
	left:200px;
	color:#636363;
	font-size:12px;
	text-align: left;		
}

#Anmerkungen_Eingeruckt {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	top:613px;
	left:207px;
	color:#636363;
	font-size:12px;
	text-align: left;		
}

#Ausgabefenster {
	background-image:url(../img/eingabefeld_140x54.png);
	background-repeat:no-repeat;
	position:absolute;
	top:510px;
	left:170px;
}
#Eingabefenster {
	background-image:url(../img/eingabefeld_140x54.png);
	background-repeat:no-repeat;
}
#rahmen2 {
	background-image:url(../img/eingabefeld_140x54.png);
	background-repeat:no-repeat;
	position:absolute;
	border: none;
	top:410px;
	left:170px;
	width:140px;
	height:54px;
}
#rahmen1 {
	background-image:url(../img/eingabefeld_140x54.png);
	background-repeat:no-repeat;
	position:absolute;
	border: none;
	top:303px;
	left:170px;
	width:140px;
	height:54px;
}
#button1 {
	position:absolute;
	left:50px;
	top:303px;
	width:54px;
	height:54px;
}
#button2 {
	position:absolute;
	left:110px;
	top:303px;
	width:54px;
	height:54px;
}
#button3 {
	position:absolute;
	left:318px;
	top:303px;
	width:54px;
	height:54px;
}
#button4 {
	position:absolute;
	left:378px;
	top:303px;
	width:54px;
	height:54px;
}
#button5 {
	position:absolute;
	left:50px;
	top:410px;
	width:54px;
	height:54px;
}
#button6 {
	position:absolute;
	left:110px;
	top:410px;
	width:54px;
	height:54px;
}
#button7 {
	position:absolute;
	left:318px;
	top:410px;
	width:54px;
	height:54px;
}
#button8 {
	position:absolute;
	left:378px;
	top:410px;
	width:54px;
	height:54px;
}

#button_info {
	position:absolute;
	left:30px;
	top:598px;
	width:54px;
	height:54px;
}
	
}