@charset "UTF-8";
/**
 * Imixs-Responsive is an CSS framework for responsive websites and applications. 
 * https://github.com/imixs/imixs-responsive
 *
 * It is licensed under a Creative Commons Share Alike 4.0 International license.
 * http://creativecommons.org/licenses/by-sa/4.0/
 * 
 **/

/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video,header, #header, footer#footer, aside,.aside, nav, .nav, menu, main, section, details, hr, input, select, textarea, button 
{margin: 0; 	padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body {line-height: 1;}
ol, ul {list-style-position: outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
hr { -moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
img {-ms-interpolation-mode: bicubic;}
svg:not(:root) { overflow: hidden;}
table {border-collapse: collapse; border-spacing: 0;}

/* RESET Normalize */
audio,canvas,video { display: inline-block; display: inline; zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] {display: none;}
html {background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif;}

/* RESET Groundwork */
*, :after, :before {-moz-box-sizing: border-box; box-sizing: border-box;}
header, footer, aside, menu, nav, section, article, details, #header, #footer, .aside,.menu, .nav, .section, 
.article, .details { display: block;} 
 button, input{display: inline-block;width: auto;}
img, a img {border: 0 none; max-width: 100%;}
/* End RESETs */

/* GENERAL SETTINGS and GRID */
html, body {font-size: 101%;}
.row, .article {clear: both;width: 100%;} 
.row:after, .article:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

#container {margin: 0 auto; max-width: 1200px; background-color: #fff;}
#header {display: inline-block;width: auto;}
#footer {margin-top: 10px}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{display: inline-block;float: left; min-height: 1px; position: relative; padding: 10px;} 

.col-1 {width: 8.3333%;}
.col-2 {width: 16.6666%;}
.col-3 {width: 25%;}
.col-4 {width: 33.3333%;}
.col-5 {width: 41.6666%;}
.col-6 {width: 50%;}
.col-7 {width: 58.3333%;} 
.col-8 {width: 66.6666%;} 
.col-9 {width: 75%;} 
.col-10 {width: 83.3333%;} 
.col-11 {width: 91.3333%;} 
.col-12 {width: 99.9999%;}

.left-1 {left: 8.3333%;}
.left-2 {left: 16.6666%;}
.left-3 {left: 25%;}
.left-4 {left: 33.3333%;}
.left-5 {left: 41.6666%;}
.left-6 {left: 50%;}
.left-7 {left: 58.3333%;} 
.left-8 {left: 66.6666%;} 
.left-9 {left: 75%;} 
.left-10 {left: 83.3333%;} 
.left-11 {left: 91.3333%;} 

.right-1 {right: 8.3333%;}
.right-2 {right: 16.6666%;}
.right-3 {right: 25%;}
.right-4 {right: 33.3333%;}
.right-5 {right: 41.6666%;}
.right-6 {right: 50%;}
.right-7 {right: 58.3333%;} 
.right-8 {right: 66.6666%;} 
.right-9 {right: 75%;} 
.right-10 {right: 83.3333%;} 
.right-11 {right: 91.3333%;} 

/* Style for nested elements */
.nested {padding: 0;} 
.nested .col-1:FIRST-CHILD {padding-left:0;}
.nested .col-1:LAST-CHILD {padding-right:0;}
.nested .col-2:FIRST-CHILD {padding-left:0;}
.nested .col-2:LAST-CHILD {padding-right:0;}
.nested .col-3:FIRST-CHILD {padding-left:0;}
.nested .col-3:LAST-CHILD {padding-right:0;}
.nested .col-4:FIRST-CHILD {padding-left:0;}
.nested .col-4:LAST-CHILD {padding-right:0;}
.nested .col-5:FIRST-CHILD {padding-left:0;}
.nested .col-5:LAST-CHILD {padding-right:0;}
.nested .col-6:FIRST-CHILD {padding-left:0;}
.nested .col-6:LAST-CHILD {padding-right:0;}
.nested .col-7:FIRST-CHILD {padding-left:0;}
.nested .col-7:LAST-CHILD {padding-right:0;}
.nested .col-8:FIRST-CHILD {padding-left:0;}
.nested .col-8:LAST-CHILD {padding-right:0;}
.nested .col-9:FIRST-CHILD {padding-left:0;}
.nested .col-9:LAST-CHILD {padding-right:0;}
.nested .col-10:FIRST-CHILD {padding-left:0;}
.nested .col-10:LAST-CHILD {padding-right:0;}
.nested .col-11:FIRST-CHILD {padding-left:0;}
.nested .col-11:LAST-CHILD {padding-right:0;}
.nested .col-12 {padding-left:0;padding-right:0;}
 
/* RESPONSIVE BEHAVIOUR */
@media screen and (max-width: 768px) { 
	.stretch,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
{clear: both; float: none; width: 100% !important; left: 0; text-align: left;}
	.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, 
	.right-8, .right-9, .right-10, .right-11 {right: 0;} 
	.align-right {text-align: left;}
	.col-3 {float: left;width: 100% !important;	}
 }
 
@media screen and (max-width: 480px) { .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12, 	
 	.stretch  {clear: both; float: none; width: 100% !important;
max-width: 450px !important; left: 0; text-align: left;} 
 	.col-2{ width: 50% !important; left: 0; text-align: left;}
 	.col-1 {width: 25% !important; left: 0; text-align: left;}
	.col-4>div.article>p, .col-4>div.article>img {clear: both!important;float: none !important;width: 100% !important;}
	.col-6>div.article>p, .col-6>div.article>img {clear: both!important;float: none !important;width: 100% !important;}
}