body{
  text-align: center;
  font-family: arial;
  background-color: #B8B8B8;
}

/* HEADER */
header{
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  background-color: #7B1431;
}

header nav{
   float: right;
   font-size: 14pt;
   padding-top: 26px;
}

header nav ul li{
    float: left;
    margin-right: 25px;
    list-style-type: none;   
}

header nav ul li a{
    color: white;
    text-decoration: none;
}

/* Wenn sich Maus über Nav-Begriffe bewegt, werden diese fett */
header nav ul li a:hover{
    font-weight: bold;    
}

#logo{
    float: left;
    margin: 20px 0 20px 20px;
}

#logo img{
  width: 120px;
  height: 50px;
}

/* ÜBERSCHRIFT */
h1{
    margin: 120px auto 0 auto;
    font-size: 40pt;
}

hr{
  height: 2px;
  width: 250px;
  border: 0;
  background: #CEECF5;
  margin-bottom: 20px;
}

#bild_start{
  width: 400px;
  height: 230px;
}

/* SECTIONS - BEREICHE AUF DER SEITE */

section{
  padding: 20px 0 20px 0;
}

/* Hintergrundfarbe jede zweite Section */

#musthaves, #impressionen{
  background-color: #4B4B4B;
  color: white;
}

/* MUST-HAVES BEREICH */
#musthaves ol{
  list-style-position: inside;
}

/* TOUR BEREICH */
table{
  margin-right: auto;
  margin-left: auto;
  background-color: #CEECF5;
}

table, td{
  border: 1px solid black;
}

/* IMPRESSIONEN BEREICH */
#bild1, #bild3{
  width: 290px;
  height: 200px;
}

#bild2{
  width: 130px;
  height: 200px;
}

.bildrahmen{
  border: 2px;
  border-style: solid;
  border-color: #7B1431;
}

/* LINKS BEREICH */
#links img{
  width: 120px;
  height: 120px;
}

#icon2{
  margin-left: 20px;
  margin-right: 20px;
}

/* FOOTER */
footer{
  background-color: #CEECF5;
  width: 100%;
}

footer div {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

footer ul li{
  display: inline;
  margin-right: 25px;
}

#kontakt{
  color: black;
  text-decoration: none;
}

/* Kontakt-Farbe ändert sich, wenn sich Maus darauf befindet */
#kontakt:hover{
  color: #7B1431;
}