/* --- CSS Reset --- */

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  color:#262626;
  font-family: inherit;
  vertical-align: baseline;
   font-family:'DINComp'; Arial, Helvetica, sans-serif;
}

body.moderne-pages,
body.moderne-pages div,
body.moderne-pages span,
body.moderne-pages object,
body.moderne-pages iframe,
body.moderne-pages h1,
body.moderne-pages h2,
body.moderne-pages h3,
body.moderne-pages h4,
body.moderne-pages h5,
body.moderne-pages h6,
body.moderne-pages p,
body.moderne-pages blockquote,
body.moderne-pages pre,
body.moderne-pages abbr,
body.moderne-pages address,
body.moderne-pages cite,
body.moderne-pages code,
body.moderne-pages del,
body.moderne-pages dfn,
body.moderne-pages em,
body.moderne-pages img,
body.moderne-pages ins,
body.moderne-pages kbd,
body.moderne-pages q,
body.moderne-pages samp,
body.moderne-pages small,
body.moderne-pages strong,
body.moderne-pages sub,
body.moderne-pages sup,
body.moderne-pages var,
body.moderne-pages b,
body.moderne-pages i,
body.moderne-pages dl,
body.moderne-pages dt,
body.moderne-pages dd,
body.moderne-pages ol,
body.moderne-pages ul,
body.moderne-pages li,
body.moderne-pages fieldset,
body.moderne-pages form,
body.moderne-pages label,
body.moderne-pages legend,
body.moderne-pages table,
body.moderne-pages caption,
body.moderne-pages tbody,
body.moderne-pages tfoot,
body.moderne-pages thead,
body.moderne-pages tr,
body.moderne-pages th,
body.moderne-pages td,
body.moderne-pages article,
body.moderne-pages aside,
body.moderne-pages canvas,
body.moderne-pages details,
body.moderne-pages figcaption,
body.moderne-pages figure,
body.moderne-pages footer,
body.moderne-pages header,
body.moderne-pages hgroup,
body.moderne-pages menu,
body.moderne-pages nav,
body.moderne-pages section,
body.moderne-pages summary,
body.moderne-pages time,
body.moderne-pages mark,
body.moderne-pages audio,
body.moderne-pages video,
body.moderne-pages nav ul,
body.moderne-pages a,
body.moderne-pages a:hover,
body.moderne-pages a:active,
body.moderne-pages input,
body.moderne-pages ul.left-menu li,
body.moderne-pages ul.menu li, body.moderne-pages ul.menu li a,
body.moderne-pages ul.menu li span,
body.moderne-pages select { font-family:"Courier New", Courier, monospace !important; font-size:12px !important; /*text-transform:lowercase !important;*/} 







/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h1 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h2 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h3 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

/* --- Scalable Grid --- */

.grid-m1 {
  float: left;
  width: 0%;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 7.56%;
}

.grid-m2 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 7.56%;
}

.grid-m3 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 7.56%;
}

.grid-m4 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 7.56%;
}

.grid-m5 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c5 {
  float: left;
  width: 7.56%;
}

.grid-m6 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c6 {
  float: left;
  width: 7.56%;
}

.grid-m7 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c7 {
  float: left;
  width: 7.56%;
}

.grid-m8 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c8 {
  float: left;
  width: 7.56%;
}

.grid-m9 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c9 {
  float: left;
  width: 7.56%;
}

.grid-m10 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c10 {
  float: left;
  width: 7.56%;
}

.grid-m11 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c11 {
  float: left;
  width: 7.56%;
}

.grid-m12 {
  float: left;
  width: 0.84%;
  height: 1px;
}

.grid-c12 {
  float: left;
  width: 7.56%;
}




/* COLUMNS */
.col-1 { width:8.33333333%; }
.col-2 { width: 16.66666666%; }
.col-3 { width:24.99999999%; }
.col-4 { width:33.33333333%; }
.col-5 { width:41.66666666%; }
.col-6 { width:49.99999999%; }
.col-7 { width:58.33333333%; }
.col-8 { width:66.66666664%; }
.col-9 { width:74.99999997%; }
.col-10 { width:83.33333333%; }
.col-11 { width:91.66666666666663%; }
.col-12 { width:100%; }


.col-mid-1 { width:5%; }
.col-mid-2 { width:10%; }
.col-mid-3 { width:15%; }
.col-mid-4 { width:20%; }
.col-mid-5 { width:25%; }
.col-mid-6 { width:30%; }
.col-mid-7 { width:35%; }
.col-mid-8 { width:40%; }
.col-mid-9 { width:45%; }
.col-mid-10 { width:50%; }
.col-mid-11 { width:55%; }
.col-mid-12 { width:60%; }
.col-mid-13 { width:65%; }
.col-mid-14 { width:70%; }
.col-mid-15 { width:75%; }
.col-mid-16 { width:80%; }
.col-mid-17 { width:85%; }
.col-mid-18 { width:90%; }
.col-mid-19 { width:95%; }
.col-mid-20 { width:100%; }


/* COLOR */
.clr-white { color:#FFFFFF; }
.clr-grey { color:#999999; }
.clr-red { color:#9b0e07; }