/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	font-family: sans-serif;

	min-width: 320px;
}
/* Addresses margins handled incorrectly in IE6/7 */
body {
	margin: 0;
}
/* =============================================================================
 * Links
 * ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/* =============================================================================
 * Lists
 * ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/* Corrects list images handled incorrectly in IE7 */
nav > ul,
nav > ol {
	list-style: none;
	list-style-image: none;
}

/* Corrects list images handled incorrectly in IE7 */
.mainMenu ul,
.mainMenu ol {
	list-style: none;
	list-style-image: none;
}

#lang{
	width: auto;
/*	padding-top: 19px;*/
	padding-bottom: 3px;
	float:right;
}

select {

/*	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	appearance: none;*/
	border:none;
	padding:  none;
  margin:  none;
	outline: none;
	display: inline;
	margin-top : 8px;
	margin-right : 8px;
padding-right:  10px;
	
		 color: #000;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-image:url(/images/FFFFFF-0.2.png) repeat;
	width: auto;
	height: 20px;
  

}



/* because of mobile devices */
select option {
	color: #666;
}
select:focus::-ms-value {
 background-color: transparent;
  color: #000;

}
.header_container{
	position:static;
	z-index: auto;
	display: block;/*flex;*/
	max-width:90%;
	margin: 0 auto;
}
#lab{
	float: left;
	clear: both;
	margin: none;
	padding: 0;
	margin-top : 7px;
	margin-right:5px;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	border-radius: 20px;
}
.Vcenter{
	float: left;
	margin-left: auto;
 margin-right: auto
}
.social-list {
  padding: 0;
  list-style: none;
  margin: 0;
		text-decoration: none;
}
.social-list.text-center > li {
  margin: 5px;
}
.social-list > li {
  display: inline-block;
  margin-right: 10px;
}
.social-list > li > a {
  display: block;
  width: 110%; /*40px;*/
  height: auto;/*40px;*/
  line-height: auto;/*38px;*/
  text-align: center;
  font-size: 1.5em;
  border: 1px solid #9b9999;
  color: #474747;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 50%;
		text-decoration: none;
}
.social-list > li > a:hover {
  color: #fff;
}
.social-list > li > a:focus {
  text-decoration: none;
		outline: 0;
}
.social-list > li > a i {
  line-height: inherit;
}

#footer-content .social-list > li.social-item-facebook > a:hover {
  background-color: #3b5998;
  border-color: #3b5998;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-twitter > a:hover {
  background-color: #55acee;
  border-color: #55acee;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-linkedin > a:hover {
  background-color: #0077b5;
  border-color: #0077b5;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-instagram > a:hover {
  background-color: #3f729b;
  border-color: #3f729b;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-dribbble > a:hover {
  background-color: #ea4c89;
  border-color: #ea4c89;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-github > a:hover {
  background-color: #333;
  border-color: #333;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-flickr > a:hover {
  background-color: #0063dc;
  border-color: #0063dc;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-pinterest > a:hover {
  background-color: #bd081c;
  border-color: #bd081c;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-youtube > a:hover {
  background-color: #cd201f;
  border-color: #cd201f;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-googleplus > a:hover {
  background-color: #dd4b39;
  border-color: #dd4b39;
	text-decoration: none;
}

#footer-content .social-list > li.social-item-tumblr > a:hover {
  background-color: #35465c;
  border-color: #35465c;
	text-decoration: none;
}
#footer-content .social-list > li.social-item-youtube-2 > a:hover {
  background-color: #dd5044;
  border-color: #dd5044;
	text-decoration: none;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
} 
/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
 * Figures
 * ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
	margin: 0;
}
/* Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
 * Typography
 * ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
	border-bottom: 1px dotted;
}

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/* Addresses styling not present in S5, Chrome */
dfn {
	font-style: italic;
}

/* Addresses styling not present in IE6/7/8/9 */
mark {
	background: yellow;
	color: black;
}

/* Addresses margins set differently in IE6/7 */
p {
	margin: 1em 0;
}

pre {
	margin: 1em 0;
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4 */
/* 1 */
q {
	quotes: none;
}
q:before,
q:after {
	content: "";
	content: none;
}

/* 2 */
small {
	font-size: 75%;
}

/* Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930 */
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.25em;
}

sub {
	bottom: -0.2em;
}

/* ===========================================
 * General styles
 * ======================================== */
html {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: #005BA9;
	/* IE8 iframe bugfix */
	/* http://stackoverflow.com/questions/795394#795681 */
	position: static\9;

}
body
{

/*	font: 1em Verdana, Geneva, sans-serif;*/
	font: 14px /1.5 Verdana, Geneva, sans-serif;
	padding: 0;
	color: #333333; /* Gray20 */
	background: white none 50% 0 no-repeat scroll;
	background-size: auto;
/*	background-color: WhiteSmoke;*/
}
* {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
/* Resetting box model for moo_mediabox,  moo_slimbox and j_colorbox */
#mbCenter,
#colorbox,
#lbCenter,
#lbBottomContainer {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

::selection {
	background: #005BA9;
	color: #ffffff;
	text-shadow: none !important;
}

::-moz-selection {
	background: #005BA9;
	color: #ffffff;
	text-shadow: none !important;
}

.clear {
	clear: both;
}

.invisible {
	position: absolute;
	height: 1px !important;
	width: 1px !important;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
}

.image_container.float_left {
	margin-right: 20px;
}
.image_container.float_right {
	margin-left: 20px;
}
.image_container a {
	border: 0;
}


/* ===========================================
 * Wrapper Elements
 * ======================================== */
/* Main wrapper */
body > header,
#wrapper,
#footer-content,
#nav-footer,
#footer-info
{
	zoom: 1;
	position: relative;
	max-width: 1100px;
	/* IE8 bugfix */
	min-width: 900px\9;
	margin: 0 auto;
	padding: 0;
}

body > header:before,
#wrapper:before,
#footer-content:before,
#nav-footer:before,
#footer-info:before
{
	content: "";
	display: table;
}
body > header:after,
#wrapper:after,
#footer-content:after,
#nav-footer:after,
#footer-info:after
{
	content: "";
	display: table;
	clear: both;
}

/* ===========================================
 * Elements in order of appearance in HTML
 * ======================================== */
body > header {
	z-index: 10;
	background: white;
/*	height: 35px;*/
}

#logo {
	z-index: 13;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 5px;    
    left: 5px;
    width: 180px; /*140px;*/
    min-width: 100px;

}
#logo a {
	display: block;
}
#logo img {
	display: block;
	width: 100%; /*100%;*/
	height:  auto;/*33px;*/
	margin-bottom: 1px;
}

.mainMenu {
	z-index: 0;
	width: 75%;	/*do not set to auto, otherwise the language will move down*/
	padding-left: 180px;/*180px; 142px;*/
/*	padding-right: 7%;*/
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	float: left;

	/*margin: 0 auto;*/
}
.mainMenu > ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.mainMenu > ul > li {

	position: relative;
	display: inline-block;
	/*background: blue;*/
}
.mainMenu > ul > li:last-child {
	margin-right: 0px;
}

.mainMenu {
	
	/*padding-left: 14%;*/
	text-align: center;
}
.mainMenu > ul > li > a {
	z-index: 3;
	position: relative;
	display: block;
	padding: 20px 7px 16px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #2d2d2d; /* Main menu color the BLACK #333333*/
	text-decoration: none;
	text-transform: uppercase;
}
.mainMenu > ul > li > a:hover,
.mainMenu > ul > li > a:focus {
	color: #990000; /* Main menu color the BLUE  #005BA9*/
		z-index: 6;
}
.mainMenu > ul > li > ul {
	position: absolute;
	top: 46px;
	left: 0;
	display: none;
	z-index: 6;
	min-width: 120%;
	margin: 0;
	padding: 0 0 0 0;
	border: 1px solid #dfdfdf;
	text-align: left;
	white-space: nowrap;
	background: white;/*red*/
cursor: default;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.mainMenu > ul > li > ul li {
	display: inline;
}
.mainMenu > ul > li > ul a {
	display: block;

	padding: 9px 25px 8px 20px;
	border-top: 1px solid #dfdfdf;
	font-size: 13px;
	line-height: 1.46;
	color: #333333;
	text-decoration: none;
}
.mainMenu > ul > li > ul a:hover,
.mainMenu > ul > li > ul a:focus {
	color: #990000;
	text-decoration: underline;
}
.mainMenu > ul > li > ul li:first-child > a {
	border-top: 0;
}
.mainMenu > ul > li > ul ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.mainMenu > ul > li > ul ul a {
	padding-left: 32px;
	border-top-color: #efefef;
	color: #707070;
}
.mainMenu > ul > li:hover > ul {
	display: block;
	z-index: 5;
}
.mainMenu > ul > li:hover > a {
	display: block;
	color: #990000; 
	z-index: 6;
}
.mainMenu > ul > li:last-child > ul {
	left: auto;
	right: 0;
}
.mainMenu > ul > li.active > a,
.mainMenu > ul > li.trail > a {
	color: #005BA9; /* this is blue*/
}
.mainMenu > ul > li.submenu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: none;
		z-index: 6;
/*	border-top: 3px solid #a8032c;*/ /*#005BA9;*/
	width: 100%; 
	height: 38px;
	background: white;/* black;*/
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white, 1px 11px 0 -1px white, 0 10px 0 0 #dfdfdf, 0 0 8px rgba(0, 0, 0, 0.3);
}
.mainMenu > ul > li.sterile:before {
	height: 30px;
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white,  0 11px 0 0 #dfdfdf, 0 0 11px rgba(0, 0, 0, 0.3);
}

.modernizr-no-boxshadow .mainMenu > ul > li.submenu:before {
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
.mainMenu > ul > li.submenu:hover:before {
	/* change generated content to avoid IE8 ghost pseudo elements */
	content: " ";
	display: block;
}

.mainMenu > ul > li.submenu:last-child:before {
	-webkit-box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
}

.mainMenu > ul > li.sterile:last-child:before {
	height: 30px;
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white,  0 11px 0 0 #dfdfdf, 0 0 11px rgba(0, 0, 0, 0.3);
}






#nav-main > ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-main > ul > li {
	position: relative;
	display: inline-block;
}
#nav-main > ul > li:last-child {
	margin-right: 0px;
}
#nav-main > ul > li > a {
	position: relative;
	display: block;
	z-index: 3;
	padding: 20px 7px 16px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #2d2d2d; /* Main menu color the BLACK #333333*/
	text-decoration: none;
	text-transform: uppercase;
}
#nav-main > ul > li > a:hover,
#nav-main > ul > li > a:focus {
	color: #990000; /* Main menu color the BLUE  #005BA9*/
}
#nav-main > ul > li > ul {
	position: absolute;
	top: 46px;
	left: 0;
	display: none;
	z-index: 1;
	min-width: 120%;
	margin: 0;
	padding: 0 0 0 0;
	border: 1px solid #dfdfdf;
	text-align: left;
	white-space: nowrap;
	background: white;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
#nav-main > ul > li > ul li {
	display: inline;
}
#nav-main > ul > li > ul a {
	display: block;
	padding: 9px 25px 8px 20px;
	border-top: 1px solid #dfdfdf;
	font-size: 13px;
	line-height: 1.46;
	color: #333333;
	text-decoration: none;
}
#nav-main > ul > li > ul a:hover,
#nav-main > ul > li > ul a:focus {
	color: #990000;
	text-decoration: underline;
}
#nav-main > ul > li > ul li:first-child > a {
	border-top: 0;
}
#nav-main > ul > li > ul ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-main > ul > li > ul ul a {
	padding-left: 32px;
	border-top-color: #efefef;
	color: #707070;
}
#nav-main > ul > li:hover > ul {
	display: block;
}
#nav-main > ul > li:last-child > ul {
	left: auto;
	right: 0;
}
#nav-main > ul > li.active > a,
#nav-main > ul > li.trail > a {
	color: #005BA9;
}
#nav-main > ul > li.submenu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: none;
	z-index: 2;
/*	border-top: 3px solid #a8032c;*/ /*#005BA9;*/
	width: 100%; 
	height: 38px;
	background: white;
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white, 1px 11px 0 -1px white, 0 10px 0 0 #dfdfdf, 0 0 8px rgba(0, 0, 0, 0.3);
}
#nav-main > ul > li.sterile:before {
	height: 30px;
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white,  0 11px 0 0 #dfdfdf, 0 0 11px rgba(0, 0, 0, 0.3);
}

.modernizr-no-boxshadow #nav-main > ul > li.submenu:before {
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
#nav-main > ul > li.submenu:hover:before {
	/* change generated content to avoid IE8 ghost pseudo elements */
	content: " ";
	display: block;
}
#nav-main > ul > li.submenu:last-child:before {
	-webkit-box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 #efefef inset, -1px 0 #efefef inset, 0 11px 0 -1px white, -1px 11px 0 -1px white, 0 10px 0 0 #efefef, 0 0 8px rgba(0, 0, 0, 0.1);
}

#nav-main > ul > li.sterile:last-child:before {
	height: 30px;
	box-shadow: 1px 0 #dfdfdf inset, -1px 0 #dfdfdf inset, 0 11px 0 -1px white,  0 11px 0 0 #dfdfdf, 0 0 11px rgba(0, 0, 0, 0.3);
}
#nav-main-mobile,
#nav-main-mobile_styled {
	/* Hide mobile navigation <select> by default */
	display: none;
}
#image-main {
	position: relative;
	height: 230px;/* Alte Höhe 300px */
	overflow: hidden;
	margin: 0 0 -155px 0;
	background: #f7f7f7;
	-webkit-box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.1) inset;
}
#image-main img {
	position: absolute;
	left: 50%;
	width: 1440px;
	height: 100%; /*auto;*/
	margin-left: -720px;
}
#image-main .image_container {
	height: 100%;
	background: none;
 margin: 0;
	padding: 0;
	border: 0;
}
#wrapper {
	padding-bottom: 36px;
	background: white;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}	
#content-top-bar {
	position: relative;
	min-height: 30px;
	padding: 0 3%;
	border-bottom: 1px solid #efefef;
	line-height: 2.2em;
}
#content-top-bar h1 {
	margin: 0;
	padding: 22px 21.73913% 12px 0;
/*	font-size: 24px;*/
/* font-size: 3.2vw;*/
 font-size: 1.8em;
	font-weight: normal;
}

#breadcrumbs {
	padding: 23px 21.73913% 17px 0;
	font-size: 13px;
	color: gray;
}
#breadcrumbs a {
	text-decoration: none;
color: #990000;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
	text-decoration: underline;
}
#breadcrumbs b {
	font-weight: inherit;
}

aside#sidebar {
	position: relative;
	float: left;
	width: 18%;
	margin: 28px 0 0 4%;
	padding: 19px 2% 0 0;
}
.vision-sidebar-left aside#sidebar {
	width: 24%;
	height: 450px;
	overflow: hidden;
	margin-right: -1px;
	padding-right: 4%;
	border-right: 1px solid #efefef;
}

.vision-sidebar-left aside#sidebar:before {
	content: "";
	position: absolute;
	left: 100%;
	top: -12px;
	width: 100%;
	height: 450px;
	margin-left: 5px;
	/* create elliptical corners*/
/*	border-radius: 30px 0 0 0/100px 0 0 0;*/
	/*The first value is the horizontal offset (0) and the second value is the vertical offset (0).
		 blur effect to the shadow = 20px
	 */
/*	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); */
	/* rotate the menu 2 degrees to left*/
/*	transform: rotate(-2deg);*/
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px 0 0 0/100px 0 0 0;
	border-radius: 30px 0 0 0/100px 0 0 0;
	-webkit-box-shadow: 0 0 20px #b3b3b3;
	-moz-box-shadow: 0 0 20px #b3b3b3;
	box-shadow: 0 0 20px #b3b3b3;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);

}

.sidebar .mod_article,
.sidebar .block {
	margin: 24px 0;
	zoom: 1;
}
.sidebar .mod_article:before,
.sidebar .block:before {
	content: "";
	display: table;
}
.sidebar .mod_article:after,
.sidebar .block:after {
	content: "";
	display: table;
	clear: both;
}
#nav-sub h1 {
	display: inline;
	margin: 0;
}
#nav-sub h1 a {
	display: block;
	margin: 0 0 7px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #efefef;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-sub h1 a:hover,
#nav-sub h1 a:focus {
	text-decoration: underline;
}
#nav-sub ul,
#nav-sub li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav-sub ul a {
	display: block;
	padding: 5px 0;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
#nav-sub ul a:hover,
#nav-sub ul a:focus {
	text-decoration: underline;
}
#nav-sub ul ul a {
	padding-left: 12px;
}
#nav-sub li.active > a,
#nav-sub li.trail > a {
	font-weight: bold;
}

/* ===========================================
 * Homepage elements
 * ======================================== */
.vision-home #image-main {
	height: 350px;
	margin-bottom: -70px;
}
.vision-home #image-main .ce_text,
.vision-home #image-main .hgroup {
	top: 160px;
}
.vision-home #image-main .ce_text h1,
.vision-home #image-main .hgroup h1 {
	margin-right: 28.0%;
	font-size: 38px;
}
.vision-home #image-main .ce_text h2,
.vision-home #image-main .hgroup h2 {
	margin-right: 28.0%;
	margin-top: 0;
	font-size: 24px;
}
.vision-home.low-home #image-main {
	height: auto;
}
.vision-home section#content {
	float: none;
	width: auto;
	margin-right: 4%;
	margin-left: 4%;
	padding: 0;
}
.vision-home .image_container2,
.vision-sidebar-left .image_container2{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}
.vision-home img,
.vision-sidebar-left img {
	display: block;
}

/* ===========================================
 * Content styles
 * ======================================== */
 section#content {
	float: left;
	width: 52%;
	margin: 0 0 0 2%;
	padding: 33px 0 0 0;
}
.vision-sidebar-left section#content {
	margin-left: 8%;
}
.vision-sidebar-right section#content {
	margin-left: 8%;
}
.image_container2 {
	position: relative;
	display: inline-block;
	padding: 0.75em;
	border: 1px solid #efefef; /* #8c8c94;*/
	border-radius: 2px;
	/*background: #ffffff;*/
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.image_container2.no-border,
.no-border .image_container2 {
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;
}
.image_container2.float_above {
	margin-top: 1.5em;
}
.image_container2.float_below {
	margin-bottom: 1.5em;
}
.image_container2 img {
	display: block;
	width: 100%;
	height: auto;
}
.image_container2.float_right,
.image_container2.float_left {
	float: right;
	width: 37.5% !important;
	margin: 1.5em 0 1.125em 6.25%;
}


section#content {
	float: left;
	width: 52%;
	margin: 0 0 0 2%;
	padding: 33px 0 0 0;
	basem start
	/* create elliptical corners*/
/*	border-radius: 30px 0 0 0/100px 0 0 0;*/
	/*The first value is the horizontal offset (0) and the second value is the vertical offset (0).
		 blur effect to the shadow = 20px
	 */
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 
	/* rotate the menu 2 degrees to left*/
	/*transform: rotate(-2deg);*/
	basem end
}
#content p,
#content ul,
#content ol,
#content table,
#content blockquote,
#content form,
#content fieldset {
	margin: 24px 0;
}

.image_container {
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 -10px 24px;
	padding: 9px;
	border: 1px solid #dfdfdf;
	background: red /*white;*/
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.image_container img {
	display: block;
	width: 100%;
	height: auto;
}

.ce_text {
    clear: both;
}

.sidebar .mod_article,
.sidebar .block {
	margin: 24px 0;
}
.sidebar .mod_article > .block {
	border-bottom: 1px solid #efefef;
}



/* ===========================================
 * Footer styles
 * ======================================== */
 body > footer {
	margin-top: -100px;
	padding-top: 150px;
/*	background:	#8c8c94; */
	background:	#efefef;  

} 
.footer-bar.-color-inverted {
	color: #ffffff;
	background: #353d47;
} 

#footer-info {
	padding: 12px 0 24px 0;
	font-size: 12px;
	color: gray;
	text-align: center;
}
#footer-info {
  border-top-color: #dfdfdf;
  border-top-style: solid;
  border-top-width: 1px;
}
#footer-info p {
	margin: 0;
}
#footer-content {
	font-size: 13px;
	line-height: 1.538;
	background-image: url(images/Background_FooterGGI5.png);    
	background-size:contain;
  background-repeat: no-repeat;
  background-position: right top; 
/*https://www.w3schools.com/cssref/pr_background-image.asp */
}
#footer-content .footer-column {
	float: left;
	width: 20.0%;
 min-width: 200px;
	margin: 0 10px 1% 1%;
}
#footer-content h1 {
/*	margin: 36px 0 24px 0;*/
	margin: 36px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
}
#footer-content .footer-column > h1{
	margin-top: 0;
}
#footer-content img {
	display: block;
}
#footer_nav ul {
 padding-left: 0;
}
#footer_nav a {
 text-decoration: none;
	color: #333;
}
#footer_nav a:hover,
#nav-footer a:focus {
	text-decoration: underline;
	color: #333;
}


/* ===========================================
 * Media queries
 * ======================================== */
/* Tablet portrait format (viewport width 900px and below) */
@media screen and (max-width: 900px) {
	#nav-main-mobile {
			display: none;
		}

	#footer-content .footer-column {
			width: 20%;
			margin-bottom: 30px;
			margin-left: 6.66667%;
		}
	
	#footer-content .footer-column-3 {
			clear: left;
				width: 20.0%;
		}

	#footer-content .footer-column-4 {
				width: 20.0%;
		}
#content-top-bar {
	line-height: 1.90em; /* h1 font size pluse twenty percentage. */
}
	#content-top-bar h1 {font-size: 1.6em;}

} /* END_OF @media screen and (max-width: 900px) */

/* Mobile (viewport width 599px and below) */
@media screen and (max-width: 599px) {
	#logo {
		position: static;
		width: 220px;
		margin: 5px auto 0;
	}
	.mainMenu {
		display: none;
	}
	#nav-main-mobile {
		display: block;
		width: 86.66667%;
		margin: 24px 0 12px 6.66667%;
		font-size: 14px;
	}
	#image-main,
	.vision-home #image-main {
		height: auto;
	}
	#image-main img,
	.vision-home #image-main img {
		position: static;
		width: 100%;
		height: auto;
		margin: 0;
	}
#breadcrumbs {
		padding-right: 7.69231%;
	}

	#nav-sub,
.sidebar {
		display: none;
	}

#footer-content .footer-column {
			width: 30%;
			margin-bottom: 30px;
			margin-left: 6.66667%;

		}

	#footer-content .footer-column-1 {
			clear: left;
			width: 30.66667%;
	}

	#footer-content .footer-column-2 {
			clear: left;
			width: 86.66667%;
		}
	#footer-content .footer-column-3 {
			clear: left;
			width: 86.66667%;
		}

	#footer-content .footer-column-4 {
			clear: left;
			margin-bottom: 2%;
			width: 86.66667%;
		}

#content-top-bar {
	line-height: 1.45em; /* h1 font size pluse twenty percentage. */
}
	#content-top-bar h1 {	 font-size: 1.2em;}
} /* END_OF @media screen and (max-width: 599px) */
/* Mobile (viewport width 340px and below) */

@media (max-width: 360px) {
	#logo {width: 200px;}
	#content-top-bar h1 { font-size: 1.2em;}
} /* END_OF @media screen and (max-width: 360px) */