/*
	1.Schritt: CSS Ordner und File erzeugen
	2.Schritt: CSS mit HTML Verknüpfen und testen!!
	3.Schritt: Kommentare setzen
	4.Schritt: pdf von oben nach unten abarbeiten
	5.Schritt: Ruhe bewahren!
*/

/* RESET */
*{margin:0;padding:0; box-sizing: border-box;}
a{text-decoration: none;}
ul{list-style: none;}

.clearfix:after{
	display: block;
	content: '';
	clear: both;
}

/*Allgemein*/
header,
main,
footer{
	width: 980px;
	margin: auto;
}

body{

	background:url(../media/bg.jpg) 50% 0 fixed no-repeat;
	background-size: cover;
}

header,
footer{
	background-color: #2f4f4f;
}


/*Header*/
header{
	height: 170px;
	padding-top: 10px;
	padding-left: 10px;
	position: relative;
}


header nav{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/*Navigation*/
#block li{
	float:left;
	border-right: 1px solid #2f4f4f;
}

#block .last{
	border:none;
}

#block a{
	display: block;
	padding: 5px 15px;
	background: #fff;
	color: #000;
}

#block a:hover{
	background: #4f2f4f;
	color: #fff;
}

/*Main*/

section{
	background-color: #fff;
	padding: 10px 20px;
}

h1{
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 18px;
}

h2{
	font-size: 20px;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-style: italic;
}

article{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #4f2f4f;
}

article a{
	color:#2f4f4f;
	font-size: 14px;
}

article a:hover{
	color:#4f2f4f;
	font-weight: 700;
	font-style: italic;
}

.last{
	border: none;
	
}

p{
	font-size: 14px;
	padding-bottom: 5px;
	text-align: justify;
}

.left{
	float: left;
	margin-right: 10px;
	
}

.right{
	float: right;
	margin-left: 10px;
}

#border {
	border:3px solid #4f2f4f;
}


/*Footer*/

footer{
	padding: 20px;
}

#inline li{
	float:left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #fff;
}

#inline .last{
	border: none;
	margin:0;
	padding:0;
}

#inline a{
	color: #fff;
}


#inline a:hover{
	text-decoration: underline;
}


footer div{
	float:right;
}