/************** Wohnung *************************/

#row1 {
	border: 0px solid #0f0;
	margin: 1em 0;
}

#row2 {
	border: 0px solid #ff0;
	text-align: center;
	margin: 1em 0;
}
/*
#row2 img {
	border: 1px solid #f00;
	width: 32%;
	eight: 150px;
}
*/


/* Kalender */

#calendar {
	border: 0px solid #f0f;
	width: 90%;
	eight: 34.5em;
	display: inline-block;
}

#month-container {
	border: 0px solid #f00;
	height: 100%;
	width: 92%;
	float: left;
}

.month {
	border: 1px solid #444;
	width: 32.8%;
	height: 50%;
	float: left;
	margin: 0 0 0.2em 0.2em;
	padding: 0.3em;
	text-align: center;
}


.day {
	idth: calc(95%/7);
	float: left;
	margin: 0 0 0.1em 0.1em;
	font-weight: bold;
	text-align: center;
	adding: 0.5em;
	background-color: #f0f0f0;
	color: #666;
}

.wday {
		
}

.m_head {
	background-color: #f0f0f0;
	color: #666;
	width: 99.2%;
	clear: left;
}

.lf {
	clear: left;
}

#cal_back, #cal_next {
	background-color: #f0f0f0;
	border: 1px solid #444;
	width: 4%;
	height: 100.5%;
	float: left;
	color: #444;
	text-align: center;
	font-weight: bold;
  padding-top: 31%;
}

#cal_top {
	border: 0px solid #f00;
	width: 100%;
	color: #a00;
	padding: 1em 0;
}

#cal_next {
	argin-left: 0.2em;


}
.free {
	color: #444;
	background-color: #6d6;
}

.busy {
	color: #eee;
	background-color: #d33;
}

.chk {
	color: #444;
	background-color: #dd0;
}


.checkin {
	color: #eee;
	background-image: linear-gradient(135deg, #6d6 50%, #d33 50%);
}

.checkout {
	color: #eee;
	background-image: linear-gradient(-45deg, #6d6 50%, #d33 50%);
}

/* Buchungsanfrage */
#row3 {
	border: 0px solid #f00;
	text-align: center;
	margin: 1em 0;
	isplay: inline-block;
	width: 100%;
}

#kontform {
	border: 0px solid #0f0;
	width: 30em;
	argin: auto;
	padding: 0em;	
	display: inline-block;
	font-size: 0.8em;
}

#kontform label {
	border: 0px solid #0f0;
	width: 8.9em;
	display: block;
	float: left;
	margin: 0.5em auto;
	text-align: right;
}


#kontform input {
	border: 1px solid #554331;
	width: 19.2em;
	margin: 0.2em auto;
	float: right;
	color: #292;
}

#kontform #message {
	border: 1px solid #554331;
	width: 20em;
	margin:	0.2em auto;
	float: right;
	color: #292;
	font-family: Open Sans;
	font-size: 1em;
}

#kontform #formsubmit {
	border: 1px solid #554331;
	color: #554331;
	width: 19.2em;
	float: right;

}

#error {
	border: 10x solid #554331;
	color: #f22;
	float: right;
	font-size: 0.8em;
	position: relative;
	top: -0.2em;
	width: 21.8em;
}

@media only screen and ( max-width: 750px ) {
    /* Tablets und mittlere Bildschirme */
    body { background-color: red;}

	
}


@media only screen and ( max-width: 440px ) {
    /* Tablets und mittlere Bildschirme */
    body { background-color: green;}

	
}


@media only screen and ( min-width: 750px ) { /* and ( max-width: 990px ) { 
    /* breites Browserfenster */
    body { ackground-color: #aa0;}

#calendar {
	height: 28em;
}

.day {
	width: calc(94%/7);
	padding: 0.3em;
}

.m_head {
	width: 99.2%;
}

	
	
.wday {
  padding: 0.2em;		
}
	
}

@media only screen and ( min-width: 990px ) { /* and ( max-width: 990px ) { 
    /* breites Browserfenster */
    body { background-color: #aa0;}

#calendar {
	height: 34.5em;
}

.day {
	width: calc(95%/7);
	padding: 0.5em;
}

.wday {
		
}

.m_head {
	width: 99.2%;
}


}