* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  font-family: 'Titillium Web', verdana, arial; 
  margin: 0 auto;
  max-width: 60em;
  display: block;
/*  width: 1220px;*/
}

a:link { 
   text-decoration:none; 
   color: rgb( 51, 51, 51 );
}
a:visited {
  text-decoration:underline; 
  color: rgb( 51, 51, 51 );
}
a:hover { 
  text-decoration:underline; 
  color: rgb( 51, 51, 51 );
}
a:active {
 text-decoration:underline; 
 color: rgb( 51, 51, 51 );
}
a:focus { 
  text-decoration:underline; 
  color: rgb( 51, 51, 51 );
}

header {
  width: 100%;
  background-color: rgb( 230, 230, 230 );
}

main {
  width: 100%;
/*  height: 20em;*/
/*  background-color: rgb( 235, 235, 235 );*/
}

footer {
  width: 100%;
  background-color: rgb( 230, 230, 230 );
}

#wrapper {
  margin: 0; padding: 0; text-align: left;
}
/*#übersicht li { */
/*  vertical-align: top;*/
/*  display: inline-block; */
/*  width: 20em;*/
/*  margin: .2em;*/
/*  border: 1px solid #0000FF;*/
/*}*/

#boxleft {
  width: 20em;
  vertical-align: top;
  display: inline-block; 
  margin: .2em;
  border: 1px solid #0000FF;
}
#boxright {
  width: 20em;
  vertical-align: top;
  display: inline-block; 
  margin: .2em;
  border: 1px solid #FF0000;
}