body {
	background-color: rgba(207,207,207,0.84);
	font-family: "HelveticaNeue-Light", "Helvetica Neue";}
#page {
	margin: auto; width: 960px;
	background-color: #fff;
	padding: 30px;
	padding-bottom: 180px;
}
#logo {
	float: left;
	width: 65%;
}
#kontakt {
	float: right;
}
#footer {
	margin: auto;
	padding: 0 0 20px 0;
	text-align: center;
}
.col-pic {
	margin: auto;
	float: left;
	width: 25%;
	display: block;
}
#lightbox {
	position:fixed; /* keeps the lightbox window in the current viewport */
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background: rgba(0,0,0,.7); 
	text-align:center;
	border: #6e6e6e 4px solid;
}
#lightbox p {
	text-align:right; 
	color:#fff; 
	margin-right:20px; 
	font-size:12px; 
}
#lightbox img {
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	max-width:940px;
	max-height: 90%;
}
#wrapper {
	width:100%; 
	margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
	background:#fff; 
	text-align:left; /*resets text alignment from body tag */
	border:1px solid #ccc;
	border-top:none; 
	padding:0; 
	/* Let's add some CSS3 styles, these will degrade gracefully in older browser and IE*/
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px; 
	box-shadow:0 0 5px #ccc;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
}