body {
	background-color: #eee;
	
}


#dash {
	padding: 20px 0px 0px 20px;
	max-width: 800px;
	margin: 0px auto;
}

#dash .box {
	
	float: left;
	box-sizing: border-box;
	width: 33.3%;
	padding: 0px 20px 20px 0px;
	
}

#dash .box.half { width: 50% }
#dash .box.wide { width: 66.6% }
#dash .box.full { width: 100% }


#dash .box .inner {
	padding: 20px;
	background-color: #fff;
	min-height: 200px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	margin: 0px;
	border-radius: 5px;
}

#dash .label {
	font-size: 11px;
	letter-spacing: 0.5;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	padding: 4px 12px;
	background-color: #444;
	color: #fff;
	margin: -20px 100% 20px 0px;
	border-radius: 0px 0px 4px 4px;
	
}

#dash .h150 .inner {
	min-height: 150px;
}

#dash .logo .inner { text-align: center; }
#dash .logo img { display: inline-block !important;	}


@media all and  (max-width: 560px) {
	#dash .box { width: 100% }
	#dash .box.half { width: 100% }
	#dash .box.wide { width: 100% }
	#dash .box .inner { min-height: auto; }
}

/* Checkin */

#checkin { overflow: auto; }
#checkin .menu { width: 25%; float: left; padding: 5px 0px 30px 0px; font-size: 14px; }
#checkin .menu a { text-decoration: none; color: #666; margin-bottom: 5px; display: block; }
#checkin .menu a.on { color: #000; font-weight: bold; }
#checkin .menu a img { width: 26px; height: 26px; margin-right: 5px; display: inline-block; vertical-align: middle; }

#checkin .content { margin-left: 27%;  }
#checkin .content .motiv img { width: 100%; height: auto; border-radius: 10px; }

#checkin .content h1 { font-weight: bold; margin: 30px 0px 10px 0px; }
#checkin .content h3 { font-weight: normal; margin: 10px 0px 10px 0px; }

#checkin .content .bilder { margin-top: 30px; overflow: auto; }
#checkin .content .bilder .Bild { float: left; margin: 0px 20px 20px 0px; }


@media all and  (max-width: 560px) {
	#checkin .menu { float: none; width: auto; padding-top: 0px; column-count: 2; }
	#checkin .content { margin: 0px; }
}


#dash .buttons a {
	display: block;
	text-decoration: none;
	background-color: #669;
	color: #fff;
	padding: 5px 20px;
	margin-bottom: 6px;
	font-weight: bold;
	border-radius: 10px;
}


#dash .buttons a:hover{
	background-color: #921212;
	color: #fff;
}