* {
	font-family				: Open Sans, OpenSans, SansSerif, Sans Serif, Verdana, Arial;
	font-size				: .9rem;
	margin					: 0;
	padding					: 0;
}

h1 {
	margin					: 3rem 1rem 1rem 2rem;
	font-size				: 2rem;
}

h2,
h4 {
	margin					: 1rem 1rem 0 2rem;
	font-size				: 1.5rem;
}

a {
	font-weight				: 700;
	letter-spacing			: .125rem;
	color					: #ef7010;
	text-decoration			: none;
}

p {
	font-size				: .9rem;
}

#header {
	border					: 1px solid #ef7010;
	position				: fixed;
	width					: 100%;
	height					: 6rem;
	top						: 0;
	background-color		: #FFF;
	box-shadow				: 1px 3px 5px #CCC;
	
}

#main {
	#border					: 1px solid #ef7010;
	margin					: 4rem 0;	
	padding					: 1rem 2rem;
}

.article{
	max-width				: 1080px;
	margin					: 0 auto;
	.content {
		border				: 1px solid #ef7010;
		margin				: 2rem 0 2rem;
		padding				: 2rem;
		border-radius		: 1rem;
		box-shadow			: 4px 2px 2px rgba(239, 112, 16, .125);
	}
	ul {
		margin				: 0 4rem;
	}
	p {
		margin				: .5rem 2rem;
	}
}

#footer {
	position				: fixed;
	left					: 0;
	bottom					: 0;
	background-color		: #ef7010;
	width					: 100%;
	p{
		margin				: 0 .25rem;
		font-size			: 0.9rem;
		text-align			: right;
		font-weight			: 700;
		letter-spacing		: .125rem;
		color				: #fff;
		padding				: .25rem;
	}
}

#toolbar {
	box-shadow				: 1px 3px 5px #CCC;
	padding					: .5rem 0;
	background-color		: #ef7010;
	color					: #fff;
	border-radius			: 1rem;
	text-align				: center;
	label {
		font-size			: .8rem;
		font-weight			: 700;
		text-transform		: uppercase;
		letter-spacing		: .0625rem;
		padding-left		: 1rem;
	}
	form {
		display				: inline;
#		border				: 1px solid #0F0;
		margin				: 0 auto;
		padding				: .5rem 2rem;
		width				: auto;
		select {
			background-color: #ef7010;
			color			: #FFF;
			font-weight		: 700;
			font-size		: .8rem;
			border			: 1px solid #fff;
			padding			: .25rem;
			text-align		: center;
			border-radius	: 1rem;
		}
	}
}



menu {
	width					: 100%;
	ul {
		max-width			: 1080px;
		#border				: 1px solid #000;
		list-style			: none;
		display				: flex;
		margin				: 0 auto;
		padding				: 2rem 0 0 0;
		a {
			text-decoration : none;
			color			: #ef7010;
		}
		li {
			font-weight		: 700;
			letter-spacing	: .25rem;
			padding			: 1rem 4em;
			border-radius	: 1rem;
			margin			: 0 .5rem;
		}
		li:hover {
			background-color: #ef7010;
			color			: #FFF;
		}
	}
}

table#logfile{
#	border					: 1px solid #ef7010;
	border-radius			: 1rem;
	margin					: 0 auto;
	padding					: 1rem;
	#background-color		: #fff;
	box-shadow				: 4px 2px 2px rgba(239, 112, 16, .125);
	thead {
		width					: 100%;
		font-weight				: 700;
		td:nth-child(1),
		td:nth-child(2),
		td:nth-child(3),
		td:nth-child(4){	
			text-align			: center;
		}
		td {
			padding				: .5rem 1rem .25rem;
		}
		td:nth-child(1),
		td:nth-child(2)
		{
			display				: none;
		}
	}
	tbody {
		td {
			#border				: 1px solid #ef7010;
			text-align			: left;
			padding				: .125rem 1rem;
		}
		td:nth-child(1),
		td:nth-child(2),
		td:nth-child(3),
		td:nth-child(4){	
			text-align			: center;
			width				: 1;
		}
		td:last-child {
			padding				: 0 1rem;
		}
		td:nth-child(1),
		td:nth-child(2)
		{
			/*display				: none;*/
		}
	}
	
}

td.zeilenumbruch {
    word-break: break-all;
}

form#login{
	width					: calc(100% - 2rem);
	#border					: 1px solid #000;
	margin					: 1rem auto;
	padding 				: 1rem;
	text-align				: center;
	label {
		text-align			: right;
		font-weight			: 700;
	}
	input,
	button	{
		width				: 100%;
		min-width			: 15rem;
		padding				: .5rem;
		border				: 1px solid #ef7010;
		background-color	: #fff;
		border-radius		: 1rem;
		font-weight			: 700;
	}
	button {
		background-color	: #ef7010;
		color				: #FFF;
		letter-spacing		: .125rem;		
	}
	table#form {
		margin				: 0 auto;
		width				: 30rem;
		#border				: 1px solid #000;
		td {
			margin			: 1rem;
			padding			: .5rem;
		}
		td:nth-child(2)
		{
			text-align		: center;
		}
	}
}

table#contact {
	margin					: 0 auto;
	td:nth-child(1){
		text-align			: right;
		padding-right		: 1rem;
		vertical-align		: top;
		font-weight			: 700;
	}
	td:nth-child(2){
		font-weight			: 600;
		text-align			: left;
	}
}

.right {
	text-align				: right;
}