/*######################################################################################
  HTML + BODY
######################################################################################*/

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	width:100%; height:100%;
	font-family: 'Roboto', sans-serif;
	cursor:url('../img/cursor-3.cur'), auto;
}

p, a, h1, h2, h3, h4, h5{
	-webkit-text-size-adjust: none;
}

/*######################################################################################
  NAVIGATION
######################################################################################*/

nav{
	position:fixed;
	top:0; left:0;
	height:auto;
	min-height:50px;
	width:100%;
	background-color:white;
	box-shadow:0px 0px 10px white;
	z-index:1000;
}

nav ul{
	list-style:none;
	float:right;
	margin-right:15px;
}

nav ul li{
	display: inline-block;
	margin-right:5px;
}

nav ul li::after{
	content:"";
	display:inline-block;
	width:1px;
	height:12px;
	background-color:black;
	margin-left:5px;
}

nav ul li:last-child::after{display:none}

nav ul li a{
	display:inline-block;
	font-size:17px;
	color:black;
	text-decoration:none;
	border-bottom:1px solid white;
	transition:border-bottom-color 0.1s linear;
	cursor:url('../img/cursor-3.cur'), pointer;
}

nav ul li a:hover{
	border-bottom-color:black;
}

/*######################################################################################
  CONTENT
######################################################################################*/

#content{
	width:70%;
	height:auto;
	margin-left:50%;
	transform:translateX(-50%);
	padding-top:50px;
}

/*######################################################################################
  IMPRESSUM
######################################################################################*/

#impressum{
	position:fixed;
	bottom:15px;
	right:15px;
	font-size:13px;
	margin:0;
}

#impressum a{
	color:black;
	text-decoration:none;
	cursor:url('../img/cursor-3.cur'), pointer;
}