h1,h2,h3,p,li,td, input { 
  font-family: calabri,verdana,tahoma,sans-serif,helvetica,arial; color: #333333;
}
h1 { 
  font-size:16pt ; 
}
h2 { 
  font-size:8pt ; 
}
h3 { 
  font-size:8pt ; 
}

p { 
  font-size:8pt ; font-weight:normal; 
}
p.small { 
  font-size:7pt; font-weight:normal; 
}
td, input { 
  font-size:8pt; font-weight:normal; 
}
td.bold, input.bold { 
  font-size:8pt; font-weight:bold; 
}
td.large, p.large  { 
  font-size:8pt; font-weight:bold; 
}
a {
  color: #333333; text-decoration: none; 
}
a.hover {
  color:#999999; 
}

body {
  padding: 2em; 
  background: #00a933;
}

table#notiz {
  border: hidden;
  border-collapse: collapse;
  border-bottom: solid 1px #666666;
  border-right: solid 2px #666666;
}
table#notiz td {
  border-bottom: solid 1px #666666;
  padding: 0.2em;
}

#header {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}
#mitspieler { order: 1; padding: 4px; min-width: 70px; flex: 0 1 auto; align-self: auto;
}
#spieltisch { order: 2; padding: 4px; min-width: 70px; flex: 0 1 auto; align-self: auto;
}
#spielsteuerung { order: 3; padding: 4px; min-width: 50px; flex: 0 1 auto; align-self: auto;
}
#gewinner { order: 4; padding: 4px; min-width: 80px; flex: 0 1 auto; max-height: 25px; align-self: auto;
}

#notizenContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: flex-end;
  justify-content: space-around;
}

#notiz1 { 
  flex: 0 1 auto;
  min-width: 130px;
}

#notiz2 { 
  flex: 0 1 auto;
  min-width: 130px;
}

#spielanleitung { 
  flex: 0 1 auto;
  width: 360px;
}