/*
	COLORS
	#1e3751		Blau footer
	#4c7dbf		Subnav Blau


	FONT WEIGHT
	300		Light
	400		Normal
	700		Bold

	FONT TYPE
	font-family: 'quicksandregular';
	font-family: 'quicksandbold';
	font-family: 'quicksandlight';
	font-family: 'quicksandbold_italic';
	font-family: 'quicksanditalic';
	font-family: 'quicksandlight_italic';

*/



/* FONT */
body	{ font-family: 'quicksandregular', Helvetica, Arial, sans-serif; font-size: 62.5%; font-weight: 400; background-color: #1e3751;  }
a				{ color: #9d2900; text-decoration: none;   }
a:hover			{ color: #9d2900; }
p		{  }
header p { line-height: 1.6em; margin:20px 0px; }
#content p  { font-size: 1.8em; line-height: 1.8em; margin:24px 0px;  }
h1,h2,h3,h4,h5 { font-weight: 100; }
h1			{ font-size: 5.4em;   }
h2			{ font-size: 3.6em;  }
header h2 { margin: 10px 0px; text-align: center; margin-bottom: 80px;  }
h3			{ font-size: 3.0em; }
h4			{ font-size : 2.6em; margin-top : 40px; }
h5			{  }
q			{ font-size: 1.6em; color: #777;  }
ul li 	{ list-style: none; }
nav   { list-style: none; }
header { color: white; text-shadow: 2px 2px 0px rgba(0,0,0,0.4); }
header p { font-size: 2em; }

a.button {  padding: 8px 26px;  border: thin solid rgba(255,255,255,0.6); color: white; opacity: 0.6; display: inline-block; zoom: 1; *display: inline; zoom: 1; *display: inline; }
a.button:hover { opacity: 1; }
header a.button { float: right; }
#teasergroup a.button { font-size: 1.4em;  margin-top: 10px; }

a.new {     margin-right: 20px !important;
    /* border: solid #C80000; */
    /* color: #C80000; */
    text-shadow: none !important;
    font-size: 25px;
    opacity: 1;
    background-color: #C80000; }

a.new:hover {
	border: solid #C80000 !important;
}

.news { padding: 15px; border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
border: 1px solid #000000;  }

/*--------GRID--------*/
.width-960 { width: 960px; margin: 0 auto; }
.column { overflow: hidden; float: left; display: inline;  }
.row {  }
.column {  }



/*--------STICKY FOOTER --------*/
/*
* {margin:0;padding:0;}
html, body {height: 100%;}
#wrap {min-height: 100%; min-width: 1150px; }
#main {overflow:auto; padding-bottom: 80px;}  / must be same height as the footer /
#footer {position: relative; margin-top: -80px; / negative value of footer height / height: 80px; clear:both;}
/Opera Fix/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/}
*/





/*--------GLOBAL--------*/
header { max-width: 1800px; width: 100%; background: url(../img/home-headerimg.jpg) #1e3751 center top no-repeat;  }
#homewrap header { height: 906px; }
#homepage #welcome  p { text-shadow: 2px 2px 1px rgba(0,0,0,1) !important; }
/*BOS BACKUP: #sitewrap header { height: 280px; }*/
#sitewrap header { height: 380px; }
#homewrap, #sitewrap { min-width: 960px; max-width: 1800px; margin: 0 auto;  }




/*--------HEADER--------*/
#headertop { display: inline-block; zoom: 1; *display: inline; width: 100%; }
.bottomline {  height: 255px; /*BOS BACKUP: height: 155px;*/ /*background: url(../img/bottomline.png) left top repeat-x; */}
#leftline {  width: 15%;  float: left; background: url(../img/logo-bg.png) right top no-repeat; }
#rightline {  width: 85%; float: right; background: url(../img/bottomline.png) left top repeat-x;  }
#leftline img { float: right; }
#mainnav { float: right;  margin-right: 6%; margin-top: 0px; vertical-align : top; }
#mainnav * { vertical-align : top !important; }
#mainnav li { display: inline-block; zoom: 1; *display: inline; padding-left: 30px;  height: 105px;}
#mainnav a { font-size: 1.8em; color: rgba(255,255,255,0.8);  border-bottom: 3px solid rgba(255,255,255,0); display: block; padding-top: 47px; padding-bottom: 35px;  }
#mainnav a:hover, #mainnav a.current { border-bottom: 3px solid rgba(255,255,255,1); color: rgba(255,255,255,1); }
#mainnav > li > ul { position : absolute; right : 6%;}

#mainnav #navWhatsNew a { font-size: 1.8em; color: #C80000;  border-bottom: 3px solid rgba(255,255,255,0); display: block; padding-top: 47px; padding-bottom: 35px; }
#mainnav #navWhatsNew a:hover, #mainnav #navWhatsNew a.current { border-bottom: 3px solid #C80000; color: #C80000; }

.menu__btn, #menu__toggle { display: none; }
@media screen and (max-device-width: 768px) {
	/* ul#mainnav { */
	/* 	display: flex; */
	/* 	flex-direction: column; */
	/* 	background-color: white; */
	/* 	color: black;	 */
	/* } */
	#menu__toggle {
		display: unset;
		opacity: 0;
	}
	#menu__toggle:checked + .menu__btn > span {
		transform: rotate(45deg);
	}
	#menu__toggle:checked + .menu__btn > span::before {
		top: 0;
		transform: rotate(0deg);
	}
	#menu__toggle:checked + .menu__btn > span::after {
		top: 0;
		transform: rotate(90deg);
	}
	#menu__toggle:checked ~ #nav-wrapper > #mainnav {
		right: 0 !important;
	}
	.menu__btn {
		display: unset;
		position: fixed;
		top: 40px;
		right: 20px;
		width: 52px;
		height: 52px;
		cursor: pointer;
		z-index: 1;
	}
	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #fff;
		transition-duration: .25s;
	}
	.menu__btn > span::before {
		content: '';
		top: -16px;
	}
	.menu__btn > span::after {
		content: '';
		top: 16px;
	}
	#mainnav {
		display: block;
		position: fixed;
		top: 0;
		right: -100%;
		width: 450px;
		height: 100%;
		margin: 0;
		padding: 80px 0;
		list-style: none;
		background-color: #1e3751;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
		transition-duration: .25s;
	}
	#mainnav.open {
		right: 0;
	}
	li.menu__item {
		display: block !important;
		height: unset !important;
		padding: 12px 24px;
		color: #333;
		font-size: 20px;
		font-weight: 600;
		text-decoration: none;
		transition-duration: .25s;
		> ul {
			position: inherit !important;
		}
		a {
			margin: 0 0 20px !important;
			padding: 0 !important;
		}
		/* li:hover, &.current > a:hover { */
		/*   background-color: #CFD8DC; */
		/* } */
	}
}

/*--------Teasergroup---------*/
#teasergroup  {  background: #1e3751;  border-bottom: thin solid rgba(255,255,255,0.2); padding-top: 40px; padding-bottom: 50px; }
.teasericon { width: 95px; height: 98px; background: green; float: left; background: url(../img/icon_cronin.png) left bottom no-repeat; }
#first-icon { background: url(../img/icon_cronin.png) left bottom no-repeat;  }
#second-icon { background: url(../img/icon_mission.png) left bottom no-repeat;  }
#third-icon { background: url(../img/icon_contact.png) left bottom no-repeat;  }
#teasergroup h3 { float: left; line-height: 1.2em; height: 78px; width: 180px; font-size: 3em; text-transform: uppercase; padding-top: 22px;  margin-left: 10px;
color: white;  }
#teasergroup p { font-size: 1.4em; color: white; line-height: 1.6em; padding: 10px 0px; clear: both; padding-right: 15px; }


/*------------- Content----------------*/
#content { padding: 30px 0px; background-color: white; width: 100%;  }
#content strong { font-weight : 600; }
#content em { font-style : italic; }
#content ul {
	padding-left : 20px !important;
}
#content ul,
#content ul li {
	line-height : 2em;
	list-style : disc !important;
	list-style-type : disc !important;
	font-size : 18px;
}
/*#subnav { margin-bottom: 50px; margin-top: 20px;  }*/
#subnav #navMultilevel ul { margin-bottom: 50px; margin-top: 20px; }
#subnav li  { display: inline; padding-right: 40px; }
#subnav li a { font-family: 'quicksandbold', Helvetica, Arial, sans-serif; font-size: 2.4em; color: #bbb; padding-bottom: 8px; }
#subnav li a:hover, #subnav li a.active { border-bottom: 2px solid #4c7dbf; color: #4c7dbf; }


/*--------FOOTER--------*/
footer { background: #1e3751; min-height: 80px;  }
#footeradress { text-align: center; font-size: 1.4em; color: rgba(255,255,255,0.6); margin-top: 30px;}
#footeradress span { margin: 0px 15px; display: inline-block; zoom: 1; *display: inline; }










/*-------- FALLBACK SCENARIOS --------*/
/* MODERNIZER DEMO
html.no-rgba #mainnav a { color: green; }
html.rgba  #mainnav a { color: yellow; } */




/* Text-Shadow
html.no-textshadow header h1, html.no-textshadow header h2 { zoom: 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#66000000); }
*/


/* Opacity */
html.no-opacity a.button {
	 zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}

html.no-opacity a.button:hover {
	 zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;}


/* RGBA */
html.no-rgba a.button  { zoom: 1; border: 1px solid #fff;  }
html.no-rgba #mainnav a, html.no-rgba footer {
	color: #fff;
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}

html.no-rgba #mainnav a:hover, html.no-rgba #mainnav a.current {
	 border-bottom: 3px solid white;
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}