body { line-height: 1; }
ol, ul {     padding: 0; margin: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*- -*/




/* marcellus-regular - latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marcellus-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Marcellus'), local('Marcellus-Regular'),
       url('../fonts/marcellus-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/marcellus-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/marcellus-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/marcellus-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/marcellus-v7-latin-regular.svg#Marcellus') format('svg'); /* Legacy iOS */
}




/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
       url('../fonts/source-sans-pro-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/*---------------------------------------------------------------------- BACKGROUND COLORS -*/


a { 
	color: #000;
	text-decoration: none;
	 }
	
a:hover { text-decoration: underline; 
}

.bg1 {
	background-color: #FFF;
	color:#000;
	
	}
	
.bg2 {
	background-color: #aed8c8;
	color:#000;
	}
.bg3 {
	background-color: #d8dfbd;
	color:#000;
	}
.bg4 {
	background-color: #fafafa;
	color:#000;
	}
.bg5 {
	background-color: #454545;
	color:#FFF;
	}
.bg6 {
	background-color: #cfe7db;
	color:#000;
	}

	
.bg {
	
  
  background-image: url("../img/bg.jpg");
    background-repeat: repeat;
  position: fixed;
  width:100%;
  height: 3000%;/**/
  top:0;
  left:0;
  z-index: -2;
  
  
}

p a, ul a, ol a{
	color:#144488;
	
}


/*---------------------------------------------------------------------- GENERIC BODY STYLES -*/
html {
		background:#EEE;

	}
	
body {
	
    color: #333;
    font-family: 'Source', sans-serif;
    font-size: 90%;
    font-weight: 400;
    line-height: 1.6em;
    text-align: left;
	
	
	
}


	
p { 

margin-bottom: 18px;
font-size: 1em;
text-align: left;

-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;

 }

p h1, h2, h3, h4, ul li, ol li{
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
	
	
}	







 img {
	max-width: 100%;
	 vertical-align: top;
	}


h1, h2, h3, h4, h5 {
	font-weight: 200;
	line-height:1.3em;
	color:#144488;
	margin-top:1em;
	margin-bottom: 1em;
	font-family: 'Marcellus', Serif;

	
}

h1{
	
	font-size: 2em;

	

}
h2{
	font-size: 1.5em;
	
			 
}
h3{
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 0;
	
}
h4{
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 0;
	
}	


.quote {
	font-style: italic;
	
}



	




		
.row{
	
	overflow: hidden;
	margin: 0;
	
}
.footer{
	border:none;
}

.gap{
	height: 80px;
	}

.wrapper {
	clear:none;
	width: 100%;
	max-width:1220px;
	margin: 0 auto;  
	

	
}

.article{
	margin-bottom:2em;
	}

.wrapper, 
.footer .wrapper {
	width: 90%;
	padding: 0;
	z-index:-99;
	}


	
.aside{
	width: 100%;
	clear: both;
	}
	
	
.header{
	text-align: center;
	z-index:99;
	}
	

	

		
.threecol
{
	width:100%;
	float:left;
	z-index: 99;
	text-align: center;
	
}


	

	
.threecol .button{
	float:none;
	
}

.threecol ul{
	
	text-align:left;
}


ul{padding:0; 
list-style-type: disc;}

 ul li, ol li {margin-left: 1em;
}




ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	/*border-top:2px solid #666;
	background:#f6f6f6;*/
}
ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:2px;
	left:-2.3em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2.2em;
	border-radius: 2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:2px 4px;
	background:#cfe7db;
	text-align:center;
	font-size: 0.8em;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}



		

.logo {
	margin: 20px 0 20px 0;
	}









	
.button {
	display:inline-block;
	text-align:center;
	text-decoration: none;
	line-height: 1.5em;
	padding: 1em 1.5em 1.2em 1.5em;
	margin: 0.5em auto 0.5em auto;
	color: #FFF;

	font-weight:400;
   box-sizing: border-box;
   float:left;
	
	background: -moz-linear-gradient(-45deg,  rgba(17,66,138,1) 0%, rgba(6,124,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(17,66,138,1)), color-stop(100%,rgba(6,124,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11428a', endColorstr='#067cd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

.button:hover{
	background: #e31f17;
	text-decoration: none;

	}

.centerbutton {
	text-align: center;
	display: block;
	
	}
.centerbutton .button{
	float:none;
	margin: 3em 1em;
	max-width:80%;
	
	}




.menu ul{
padding:0;	
margin: 0 ;
box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05);
	display: block;
	}


.menu ul li {
	display:block;
	margin-left:0;
	
}
.menu ul li a {

    box-sizing: border-box;
    display: block;
    font-size: 1em;

    padding: 0 20px 0 20px;
	
    text-decoration: none;
	line-height: 3em;
	font-weight: 400;
	color: #FFF;
	
	
	background: -moz-linear-gradient(-45deg,  rgba(17,66,138,1) 0%, rgba(6,124,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(17,66,138,1)), color-stop(100%,rgba(6,124,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11428a', endColorstr='#067cd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
.menu ul li a:hover{
	color:#FFF;
	background: #e31f17;
	
}
.menu ul li a:active, .menu ul li a.selected,
#mainmenu ul li a:active, #mainmenu ul li a.selected{
	background: #FFF;
	color:#000;
	
	

}
#mainmenu {
text-align: right;

	}

#mainmenu ul li a {


	border-left: none;
	
}
#mainmenu ul li a:hover{
	background: #e31f17;
	color:#FFF;
}


#submenu ul li a {
	background: none;
	color: #000;
}
#submenu ul li a:hover{
	background: #e31f17;

}

.aside .article{
	width:80%;
	padding: 2em 5%;
	}
	
.bigonly{
	display:none;
}

.bot {
	border-top: solid 1px #EEE;
	}
.bor {
	border-right: solid 1px #EEE;
	}	
.bob {
	border-bottom: solid 1px #EEE;
	}	
.bol {
	border-left: solid 1px #EEE;
	}	
.shadowup {
box-shadow: 0px -10px 50px 0px rgba(0, 0, 0, 0.1)
}
/*---------------------------------------------------------------------------------------- RESPONSIVE -*/





/* Upwards of Mobile Landscape Size  */
@media only screen and (min-width: 480px) {
	
	
p img {
	max-width: 180px;
	

}




}

@media only screen and (min-width: 640px) {

.header{
	text-align: left;
	}

.logo {
	max-width: 100%;
	margin: 60px 0 0px 0 ;
	
	}
.logo img {
	}
.small {
	margin: 2em 2em 1em 2em;
	}
.small img {
	width: 50%;
	float:left;
	}	




.threecol
{
	width:33.33%;


}
	.threecol img {
		border-right: 1px solid #FFF;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
.threecol .article {
		
		padding:0 5%;
	width:90%;
		margin:0;
	}
	
	.aside img {
			max-width: 33%;
			
		}
	
}


/* Own Breakpoint for Menu */
	@media only screen and (min-width: 640px) {
		
		#mainmenu {
	display: block;
	}
		#mainmenu ul{
			
			display: inline-block;
		}
	
#mainmenu ul li,
.footer ul li {
	display:inline-block;
	
}

#mainmenu ul li a,
.footer ul li a {
    display: block;
	
	background: -moz-linear-gradient(-90deg,  rgba(17,66,138,1) 0%, rgba(6,124,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,rgba(17,66,138,1)), color-stop(100%,rgba(6,124,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-90deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-90deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-90deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* IE10+ */
	background: linear-gradient(180deg,  rgba(17,66,138,1) 0%,rgba(6,124,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11428a', endColorstr='#067cd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



#mainmenu ul li,
.footer .menu ul li{
	margin:0 0 0 -5px;
}
#mainmenu ul li:first-child{
	margin:0;
}

		
	

}

/* Beyond All Mobile Sizes, Tablet Portrait etc. */
	@media only screen and (min-width: 1025px) {
		
			
	h1{
	font-size: 2.8em;
}
h2{
	font-size: 2em;
	margin-top: 1.3em;
}
h3{
	font-size: 1.5em;
}
h4{
	font-size: 1.3em;
	
}	
		
	
	.bigonly{
	display:block;
}

.wrapper {
	width:80%;
}




		
.article{
	width: 90%;
	float:left;
	}



		.scanmask{
	height:400px;
		}


	
	
	
.wrapper{
	max-width:1220px;
	clear: none;
	}

	.article{
	width: 59%;
	float:left;
		margin-right:5%;
	}
	




	
.aside{
	width: 33.2%;
	float:right;
	clear: none;
	padding: 0;
	}
.aside .article{
	width:80%;
	padding: 2em 10%;
	}
		.aside img {
			max-width: 100%;
			
		}
			
}