/*   bdo lifeskill    */
/*                    */
/* style by mgmDragon */

/*
	Notes
	-----
	
	margin - Außenabstand zum nächten Element
	padding - Innenabstand zum Rand des Containers
	
	
	Colors
	------
	
	border-color: #df6c20;
	
	
*/


/* body */
#body_background {
	/* The image used */
  	background-image: url("bilder/heidel1.png");

  	/* Full height */
  	height: 100%;
  
  	/* Center and scale the image nicely */
  	/*background-position: center;*/
  	background-repeat: no-repeat;
  	background-size: cover;
	background-color: #570000;
	/*display: flex;*/	
}


/* grid layout */
.grid {
	
	display: grid;
	grid-template-columns: repeat(10, 10%);
	grid-template-areas: ".   header  header  header  header  header  header  header  header   ."
						 "nav content content content content content content content content  aside"
						 "nav content content content content content content content content  aside"
						 "nav content content content content content content content content  aside"
						 ".   footer  footer  footer  footer  footer  footer  footer  footer   .";
}

/* header */
.header {
	grid-area: header;
	background-color: rgba(173, 69, 31, 0.15);
	margin-bottom: 15px;
	border: 0.5px solid rgba(223, 108, 32, 0.5);
	border-radius: 5px;
}


/*------------------------------------------------------*/

/* navigation */
.nav {
	grid-area: nav;
	background-color: rgba(173, 69, 31, 0.15);
	margin-right: 15px;
	border: 0.5px solid rgba(223, 108, 32, 0.5);
	border-radius: 5px;
}

.nav ul {
	
	list-style-type: '';
}

/*------------------------------------------------------*/

/* content area */
.content {
	grid-area: content;
	background-color: rgba(173, 69, 31, 0.15);
	border: 0.5px solid rgba(223, 108, 32, 0.5);
	border-radius: 5px;
}

.content_top {
	margin: 5px;
	padding: 10px;
	color: white;
}

.content_main {
	padding: 10px;
	margin-bottom: 5px;
	color: white;
}


/*------------------------------------------------------*/

/* aside */
.aside {
	grid-area: aside;
	background-color: rgba(173, 69, 31, 0.15);
	margin-left: 15px;
	border: 0.5px solid rgba(223, 108, 32, 0.5);
	border-radius: 5px;
	display: flex;
	justify-content: center;
}

.aside input {
	display: block;
	border: 1px solid black;
	width: 90%;
	margin: 2px;
}

/*------------------------------------------------------*/

/* footer */
.footer {
	grid-area: footer;
	background-color: rgba(173, 69, 31, 0.15);
	margin-top: 15px;
	border: 0.5px solid rgba(223, 108, 32, 0.5);
	border-radius: 5px;
}



/*------------------------------------------------------*/

/* general stuff */
.center {
	text-align: center;
}