@font-face {
   font-family: "Menlo";
   src: url("menlo.woff");
   /*src: url('Trinidat.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
   /*   url('Trinidat.woff') format('woff'),             /* Moderne Browser */
    /*  url('Trinidat.ttf') format('truetype'),     /* Safari, Android, iOS */
     /* url('Trinidat.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}

* {
font-family: Menlo;
}

body {
	background-color: #ffffff;
	}
	
header {
	/*border: 2px solid red;*/
	background-color: #bb1515;
	
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	padding-top: 10px;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	
	text-align: center;
	}
	
article {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
	
	-webkit-column-width: 250px;
    -moz-column-width: 250px;
    column-width: 250px;
	
	-webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
	}
	
section {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
	}
	
footer {
	background-color: #ffffff;
	
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	padding-top: 1px;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
	
	text-align: center;
	}

h1 {	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	
	color: #000000;
	}
	
h2 {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	
	color: #000000;
	}
	
p {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	color: #000000;
	}
	
a:link {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	color: #000000;
	}

a:visited {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	color: #000000;
	}
	
a:hover {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	color: #000000;
	}

a:active {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	color: #000000;
	}
	
.header_style {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	padding-top: 10px;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	
	background-color: #2a334f;
	text-align: center;
	}
	
.content_style {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	
	padding-top: 1px;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
	
	background-color: #e0cda7;
	text-align: left;
	}