* {
		box-sizing: border-box;
	}
	html, body {
		margin: 0;
		padding: 0;
		font-family: sans-serif;
		font-size: 0.9em;
		text-align: left;
		color: #FFF;
	}
	.nabib header,
	.nabib footer,
	.nb-sidebar,
	.nabib-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.nabib header
	{
		padding: 0px;
		font-size: 1.1em;
		background: #b1d95b;
	}
	.nabib footer
	{
		text-align: center;
		padding: 0px;
		font-size: 0.9em;
		background: #b1d95b;
	}
	.nb-sidebar {
		padding: 0px;
		color: #777;
		background: #FFFFFF;
		text-align: left;
	}

	.nb-sidebar a{
		color:#333333;
		background: #b1d95b;
		text-decoration:none;
		display: block;
		border:1px solid;
		padding: 1px;
		margin:2px;
	}

	.nb-sidebar ul { 
		padding-left: 0;
	}

	.nabib-content {
		color: #000000;
	}

	/**
	 * Flex things:
	 * — Mobile first
	 * — Responsive
	 */
	.nabib {
		min-height: 100vh;
	}
	.nabib,
	.nabib-body {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
	}
	.nabib-content {
		flex: 1 1 auto;
              max-width: 1000px;
	}
	@media (min-width: 768px) {
		.nabib-sidebar-1 {
			order: -1;
		}
		.nabib-body {
			flex-direction: row;
		}
		.nb-sidebar {
			flex: 0 0 180px;
		}
	}
	
    details > summary {
  		padding: 20px 20px;
  		background-color: #d3ffd8;
  		border: none;
  		box-shadow: 3px 3px 4px black;
  		cursor: pointer;
  		list-style: none;
	}	
	
	.unterpunkt {
		background-color: #defce2;
		padding: 10px 10px;
		font-style: italic;
		margin-left: 10px;
		margin-right: 10px;
		box-shadow: 1px 1px 2px black;
		}

    .atwork-center {
		display: block;
		margin: auto;
		border: 3px solid green;
		padding: 10px;
    }

    .atwork-nav {
		padding: 3px;
		border: 2px solid green;
    }
    
    .download-table-cell {
    	padding: 5px;
		border-bottom: 2px solid green;
    }