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

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

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

/* navigation */
nav
{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: Grey;
	color: white;
}

nav ul
{
    list-style-type: none;
    margin-left: 40px;
    overflow: hidden;
    background-color: #333;
}

nav li
{
    float: left;
}

nav li a
{
	display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	color: white;
}

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

/* offset anchor to work around fixed-header */
.anchor
{
	display: block;
	height: 90px;
	margin-top: -90px;
	visibility: hidden;
}

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

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

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

/* sections */
body
{
	background-color: WhiteSmoke;
	font-family: Arial;
	margin: 0px;
}

section
{
	padding: 30px;
}

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

main
{
	padding: 40px;
}

main section
{
	border-bottom: 1px solid DarkGrey;
}

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

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

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

/* section ids */
#start
{
	padding-top: 120px;
	background-color: White;
}

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

#project
{
	background-color: HoneyDew;
}

#project img
{
	border: 1px dotted DarkGrey;
	padding: 4px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#team
{
	background-color: LightCyan;
}

#team div
{
	overflow: auto;
}

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

#team div:nth-child(odd) img
{ 
	clear: left;
	float: left;
	padding-right: 10px;
}

#team img
{
	width: 100px;
	float: right;
	clear: right;
}

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

/* footer */
footer
{
	color: white;
	background-color: Grey;
	padding: 20px 40px 40px 40px;
}

footer section
{
	width: 24%;
	border-left: 2px solid White;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
}

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

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

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