@font-face {
	font-family: "NotoSansMono-Regular";
	src: url("fonts/NotoSansMono-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "NotoSansMono-Medium";
	src: url("fonts/NotoSansMono-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "NotoSansMono-Bold";
	src: url("fonts/NotoSansMono-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "NotoSansMono-Black";
	src: url("fonts/NotoSansMono-Black.ttf") format("truetype");
}
@font-face {
	font-family: "NotoSans-Black";
	src: url("fonts/NotoSans-Black.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans-Light";
	src: url("fonts/OpenSans-Light.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans-Regular";
	src: url("fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans-SemiBold";
	src: url("fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans-Bold";
	src: url("fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans-Italic";
	src: url("fonts/OpenSans-Italic.ttf") format("truetype"); 
}




* {
	margin:0;
	padding:0;
}

html, body  {
	font-family: "OpenSans-Regular";
    font-family: "OpenSans-SemiBold";
	color:#000;
	font-size:16px;
}

#logobox {
	padding:30px 0px 20px 60px;
	background-color:#FFF;
}

#logobox img {
    height: 80px;
    width: auto;
    border: 0px solid #000;
}

#zusatz {
    margin: -25px 0px 0px 6px ;
}

#inhalt-box {
	background-color:#bec3c7;
	padding:50px 20px 50px 20px;
}

#inhalt  {
	line-height:1.8em;
    margin: 0 auto;
	max-width:900px;
}

h1  {
    font-family: "NotoSansMono-Bold";
    font-family: "NotoSansMono-Medium";
	font-size:1.5em;
    margin-bottom: 30px;
}

a {
	color:#000;
	text-decoration:none;
	padding:3px 3px 0px 3px;
}

a:hover {
    border-bottom: 2px dotted #000;
}


#url {
	font-family: "NotoSansMono-Bold";
	font-size:1.4em;
	letter-spacing:1px;
	margin:40px auto;
	text-align:center;
	width:80%;
	background-color:#FFF;
	padding:20px;
}

#navi-box  {
    background-color: #FFF;
	padding:80px 0 100px 0;
}

#navi ul {
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}

#navi li {
	list-style:none;
	display:inline;
}

#navi li a {
    font-family: "NotoSansMono-Bold";
    font-family: "NotoSansMono-Medium";
    font-size: 1.1em;
	padding:3px 15px 3px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

#navi li a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}