* { /* universal-Selektor* gilt fuer alles, 
     kann aber weniger Gewicht haben wie Einzeldefinition */
    font-family: Arial, sans-serif; /* unabhaengig vom Browser schriftarten vergeben*/
    font-style: italic;
    font-size: large;
    padding: 0; /* generell Innenabstaende = 0, d.h. im Einzelfall Einzeldefinition*/
    margin: 0;  /* generell Aussenabstaende = 0, d.h. im Einzelfall Einzeldefinition*/
	main{display:block;}  /*wegen internet-Explorer 10 und 11   */
}

header {
	/*background-color: deepskyblue;*/ 
	background-image: url(../images/ronco_sopra_ascona.png);
	height:200px;
	max-width: 100%;
	padding-left: 100px;
	background-repeat: no-repeat;
}
header p{
	font-family: arial, fantasy;
	padding-top: 20px;
	padding-left: 20px;
	color: white;
	font-size: 2em;
}
nav {
	max-width: 100%;
	background-color: azure ;
	background-repeat: no-repeat;
}
nav li{
	display: inline-block;
	width: 80px;
	padding-left: 20px;
}

nav a {
	text-decoration: none;
	color: black;
}

a:hover {
	background-color: aquamarine;
}

main {
	padding-top: 25px;
	max-width: 100%;
	height: auto;
	background-image: url(../images/blick_ascona_transparent.png);
	background-repeat: no-repeat;
}
main p{
	text-align: center;
	padding-top: 30px;
	text-align: center;
	}
main h1 {
	text-align: center;
}
main ul{
	text-align: center;
	list-style: none
}

main img{
	height 800px;
	padding-top: 30px;
}
main a{
	color: black
}