@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul {
	/* list-style: none; */
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::-webkit-input-placeholder {
	color:#555;
}
:-moz-placeholder {
	color:#555;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #555;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#555;
}
*:focus {
    outline: none;
}
div.logo {
	position: absolute;
	background: url("../images/gerwin.jpg") #fff no-repeat top left;
	width: 300px;
	height: 230px;
	top: 10px;
	right: 0;
	z-index: 0;
	border-bottom: 1px solid #000;
}
div.datum {
	position: absolute;
	width: 35px;
	height: 300px;
	top: 0px;
	left: -5px;
	z-index: 0;
}
div.log_outer {
	position: relative;
	margin: 20px 0px 10px;
	width: 80%;
}
div.log {
	position: relative;
	margin-left: 30px;
	padding: 10px;
	border: 1px solid #8ed6fc;
}
div.log p {
	letter-spacing: 0.05em;
    line-height: 1.5;
	margin: 0px 0px 10px;
}

@media (max-width:767px) {
	div.log_outer {
		margin: 20px 0px 10px;
		width: 100%;
	}
}