@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

body {
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
}

a:link {
	color:#39c;
	font-weight:400;
	text-decoration:none;
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight:300;
}

a:visited {
	color:#39c;
	font-weight:400;
	text-decoration:none;
}

h2 {
	font-size: 100%;
	font-weight: 800;
	color: black;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: left;
}

pre {
	border: 1px solid #efefef; 
	background: #f8f8ff;
	padding: 10px;
	padding-left: 20px;
}

#a-def {
	color: #777;
}

#a-def-icon {
	color: #777;
}

.topic_top {
	color: black;
	letter-spacing: 2px;
	font-size: 65%;
	font-weight: bold;
}

.topic {
	color: black;
}

.menu {
	width: 900px;
	height: 80px;
	margin-left: auto;	
	margin-right: auto;	
}

.menu_icon {
	float: left;
	width: 24px;
	height: 24px;
	margin-top: 13px;
	margin-right: 10px;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
}

.context {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.text {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color:#111;
	font-weight:300;
	line-height: 26px;
}

.text-def {
	text-align: justify;
}

.icon {
	color: gray;
	font-size: 120%;
}

.divider {
	border-top: 1px solid #f0f0f0;
}

.gap {
	height: 100px;
}

.author {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	height: 45px;

	text-align: center;
	font-size: 90%;
}

#logotype {
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	text-align: center;
}

#logotype_title {
	padding: 0px;
	margin: 0px;
	margin-top: -13px;
	font-size: 70%; 
	font-style: monospace;
	letter-spacing: 2px;
	word-spacing: 4px
}