/*---------------------------------------------------------------------
author:		Ing. Michael LEITHNER
  _________             __         ____  ___
 /   _____/__ __  _____/  |______  \   \/  /
 \_____  <   |  |/    \   __\__  \  \     /
 /        \___  |   |  \  |  / __ \_/     \
/_______  / ____|___|  /__| (____  /___/\  \
        \/\/         \/          \/      \_/

version:	v01.03
date: 		13.10.2017
comment:	WT1 Uebung 2
---------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial;
}

/* navigation */
#navbar
{
	z-index:100;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: Grey;
	color: LightGrey;
}

#NavbarBrand
{
	text-transform: uppercase;
	background-color: Grey;
	color: White;
}	

#NavbarMenu
{
	position: absolute; right: 20px;
	border-radius: 20px;
	background-color: Grey;
	color: LightGrey;
	min-width: 120px;
}

#NavbarList a
{
	display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	color: LightGrey;
}

#NavbarList li a:hover:not(.active)
{
    background-color: #111;
	/*border-radius: 20px;*/
}

/* headlines */
h1
{
	text-indent: 40px;
	text-transform: uppercase;
    letter-spacing: 15px;
	padding: 20px;
}

h2
{
	font-size: 1.8em;
	padding: 20px;
	padding-top: 70px;
    letter-spacing: 10px;
    text-align: center;
	text-transform: uppercase;
	border-bottom: 5px dotted DarkGrey;
	margin: 0px;
	margin-bottom: 10px;
}

h3
{
	margin-top: 0px;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	font-weight: bold;
	font-size: 1.25em;
}

/* table */
.table
{
	width: 100%;
	border-spacing: 0px;
}

.table th, td
{
	border-bottom: 1px solid White;	
}

.table th
{
	width: 170px;
    padding: 15px;
}

/* sections */
header img
{
	display: block;
    margin: auto;
    width: 60%;
}

/* section ids */
#start
{
	background-color: White;
}

#start p
{
	text-align: center;
	font-size: 3.25em;
	color: LightGrey;
}

#project
{
	background-image: url("../img/labor_grey_light.jpg");
	padding: 30px;
}

#projectContainer
{
	border-radius: 20px;
	background-color: HoneyDew;
	background: rgba(240, 255, 240, 0.5);
}

#projectContainer h2
{
	padding-top: 40px;
}

#project img
{
	/*margin-left: 20px;
	margin-right: 20px;*/
	min-width: 50px;
}

.TableCellDiv
{
	/*display: table-cell;*/
	/*display: flex;*/
	vertical-align: top;
	padding-bottom: 20px;
}

.equal-height /* class for equal heights */
{
	display: flex;
	flex-wrap: wrap;
}

#team
{
	background-color: LightCyan;
}

#team div div div
{
	overflow: auto;
	border-radius: 20px;
	background-color: Azure;
	margin-bottom: 20px;
	padding: 20px;
}

#team h3
{
	background-color: LightGrey;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

#team img
{
	margin: 0 auto;
}

#news
{
	background-color: Black;
	color: LightGrey;
}

#newsContainer
{
	padding: 30px;
}

/* footer */
footer
{
	color: white;
	background-color: Grey;
	padding: 20px 40px 40px 40px;
	padding-bottom: 400px;
	width: 100%;
}

footer section
{
	border-left: 2px solid White;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin-bottom: 20px;
}

footer section h4
{
	text-indent: 5px;
	margin: 10px;
}

footer a
{
	text-decoration: none;
	color: LightGrey;
}

footer li a:hover:not(.active)
{
    background-color: #111;
	color: LightGrey;
}

footer ul
{
	color: LightGrey;
	margin-bottom: 0px;
	padding-left: 40px;
}

/* code for special view in footer for xs */

/*.smallLists li
{
	float: left;
	border-right: 2px solid white;
}*/

@media (max-width: 768px)
{
	footer ul li
	{
		float: left;
		border-right: 2px solid white;
	}
}

/*@media (max-width: @screen-xs)*/
@media (max-width: 500px)
{
	body
	{
		font-size: 10px;
	}
}