/* CSS Document */



@charset "utf-8";



/*body {



	margin: 0;



	padding: 0;



	color: #000;



	font-size: 110%;



	line-height: 1.4;



	overflow-x: hidden;



	background-color: #FFF;	/*background-image: url(images/figurXXkleiner.jpg);



	background-repeat: no-repeat;



	background-position: 40px 20px;



	background-attachment: scroll;*/



	 /* background-image: url(images/background-photo.jpg);*/



	/* Image is centered vertically and horizontally at all times 



  background-position: left top;



	



  background-repeat: no-repeat;



	



  background-attachment: fixed;



	



  background-size: cover;







 



}*/



html {



    overflow-y: scroll;



}



body {



	color: #1C55FF;



	font-size: 120%;



	line-height: 1.4;



	overflow-x: hidden;



	background-color: #FFF;	/*background-image: url(images/figurXXkleiner.jpg);



	background-repeat: no-repeat;



	background-position: 40px 20px;



	background-attachment: scroll;*/



	background-image: url(images/background-photo3.jpg);



	/* Image is centered vertically and horizontally at all times */



  background-position: -7px -8px;



	background-repeat: no-repeat;



	background-attachment: fixed;



	background-size: cover;



	margin: 0;



	padding: 0;



}











#menu,



#menu ul {



	margin: 0;



	padding: 0;



	list-style: none;



	



}







#menu {

	width:100%;

	margin-right: auto;

	margin-left: 7%;

	margin-bottom: 0px;

	position: absolute;

	top: 140px;

	margin-top: 0px;

	background-color: #1C55FF;

	background: blue; /* For browsers that do not support gradients */

	background: -webkit-linear-gradient(left, #4f64e1 , #1C55FF); /* For Safari 5.1 to 6.0 */

	background: -o-linear-gradient(right, #4f64e1, #1C55FF); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(right, #4f64e1, #1C55FF); /* For Firefox 3.6 to 15 */

	background: linear-gradient(to right, #4f64e1 , #1C55FF); /* Standard syntax */



}







/*



#menu {



	width: 80%;



	border: 1px solid #107677;



	background: #111;



	background: linear-gradient(#627be0,#0098cd);



	border-radius: 6px;



	box-shadow: 0 4px 4px #ccc;



	margin-top: -23px;



	margin-right: auto;



	margin-bottom: 60px;



	margin-left: 240px;



}



#menu {



	width: 90%;



	border: 1px solid #107677;



	background: #111;



	background: linear-gradient(#1ebdbe, #107677);



	border-radius: 6px;



	box-shadow: 0 2px 2px #ccc;



	margin-top: 60px;



	margin-right: auto;



	margin-bottom: 60px;



	margin-left: auto;



}



*/



#menu:before,



#menu:after {



  content: "";



  display: block;



}







#menu:after { clear: both; }







/*#menu li {



  float: left;



  background: url(../img/sep.png) no-repeat;



  position: relative;



}



*/



#menu li {



  float: left;



  



  position: relative;



}



#menu li:first-child {



	float: none;



	position: relative;



	margin-left: 5%;



}



#menu li ul li:first-child  {



	margin-left: 0px;



}



















#menu a {



	float: left;



	color: #fff;



	text-decoration: none;



	text-transform: uppercase;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	padding-top: 12px;



	padding-right: 20px;



	padding-bottom: 12px;



	padding-left: 20px;



}



#menu a:hover  {



	float: left;



	color: #fff;



	text-decoration: none;



	font-size: 11px;



	background-color: #6e7de2;



}



#menu a:active  {



	float: left;



	color: #fff;



	text-decoration: none;



	font-size: 11px;



	background-color: #6e7de2;



}











#menu ul {



  margin: 20px 0 0 0;



  opacity: 0;



  visibility: hidden;



  position: absolute;



  top: 38px;



  left: 0;



  z-index: 1;



  background: linear-gradient(#4f64e1, #6e7de2);



  box-shadow: 0 -1px 0 rgba(255,255,255,.3);



  border-radius: 3px;



  transition: all .2s ease-in-out;



}







#menu li:hover > ul {



	opacity: 1;



	visibility: visible;



	margin: 0;



}







#menu ul ul {



  top: 0;



  left: 150px;



  margin: 0 0 0 20px;



  box-shadow: 0 -1px 0 rgba(255,255,255,.3);



}







#menu ul a {



	width: 210px;



	display: block;



	white-space: nowrap;



	float: none;



	text-transform: none;



	padding-top: 12px;



	padding-right: 15px;



	padding-bottom: 12px;



	padding-left: 15px;



	background-color: #1C55FF;



}







/*#menu ul a:hover { background: linear-gradient(#1ebdbe, #107677); }*/



#menu ul a:hover { background: linear-gradient(right,#4f64e1, #6e7de2); }



#menu ul a:active { background: linear-gradient(right,#4f64e1, #6e7de2); }







#menu ul li:first-child > a:after {



	content: '';



	position: absolute;



	left: 40px;



	top: -6px;



	border-right-width: 6px;



	border-bottom-width: 6px;



	border-left-width: 6px;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-bottom-color: #FFF;



	border-right-color: #6e7de2;



	border-left-color: #6e7de2;



}







#menu ul ul li:first-child > a:after {



	left: -6px;



	top: 50%;



	margin-top: -6px;



	border-top-width: 6px;



	border-right-width: 6px;



	border-bottom-width: 6px;



	border-left-width: 0;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



}







#menu-trigger { /* Hide Initially */ display: none; }







/* For mobile devices */



@media only screen and (max-width: 300px) {



  body {



	/* The file size of this background image is 93% smaller



     * to improve page load speed on mobile internet connections */



    background-image: url(images/background-photo-mobile-devices.jpg);



  }



	}



	 @media(max-width: 1200px) {











header {



	height: 170px;



	width: 100%;



	z-index: 101;



	margin-left: 0px;



	font-family: "Century Gothic";



	color: #1C55FF;



	text-align: center;



	margin-bottom: 0px;



}



header h1 {



	text-align: center;



	margin-top: 20px;



	margin-right: auto;



	margin-bottom: -20px;



	margin-left: auto;



	font-size: 1.7em;



	font-family: "Times New Roman", Times, serif;



	font-weight: bold;



	color: #1C55FF;



}



header p {



	text-align: center;



	



	margin-right: auto;



	margin-bottom: -20px;



	margin-left: auto;



	font-size: .9em;



	font-family: "Century Gothic";



	



	color: #1C55FF;



}







h5 {

	font-size: 1.0em;

	text-align: center;

	color: #1C55FF;

	margin-top: 10px;

	font-family: "Century Gothic";

	text-shadow: 0px 1px 8px white;



}















#menu-trigger { /* Hide Initially */ display: none; }











#menu,



#menu ul {



	margin: 0;



	padding: 0;



	list-style: none;



	



}







#menu {

	width:100%;

	margin-right: auto;

	margin-left: 7%;

	margin-bottom: 0px;

	position: absolute;

	top: 140px;

	margin-top: 0px;

	background-color: #1C55FF;

	background: blue; /* For browsers that do not support gradients */

	background: -webkit-linear-gradient(left, #4f64e1 , #1C55FF); /* For Safari 5.1 to 6.0 */

	background: -o-linear-gradient(right, #4f64e1, #1C55FF); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(right, #4f64e1, #1C55FF); /* For Firefox 3.6 to 15 */

	background: linear-gradient(to right, #4f64e1 , #1C55FF); /* Standard syntax */



}











#menu:before,



#menu:after {



  content: "";



  display: block;



}







#menu:after { clear: both; }







/*#menu li {



  float: left;



  background: url(../img/sep.png) no-repeat;



  position: relative;



}



*/



#menu li {



  float: left;



  



  position: relative;



}



#menu li:first-child {



	float: none;



	position: relative;



	margin-left: 5%;



}



#menu li ul li:first-child  {



	margin-left: 0px;



}



















#menu a {



	float: left;



	color: #fff;



	text-decoration: none;



	text-transform: uppercase;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	padding-top: 12px;



	padding-right: 10px;



	padding-bottom: 12px;



	padding-left: 10px;



}



#menu a:hover  {



	float: left;



	color: #fff;



	text-decoration: none;



	font-size: 11px;



	background-color: #6e7de2;



}



#menu a:active  {



	float: left;



	color: #fff;



	text-decoration: none;



	font-size: 11px;



	background-color: #6e7de2;



}











#menu ul {



  margin: 20px 0 0 0;



  opacity: 0;



  visibility: hidden;



  position: absolute;



  top: 38px;



  left: 0;



  z-index: 1;



  background: linear-gradient(#4f64e1, #6e7de2);



  box-shadow: 0 -1px 0 rgba(255,255,255,.3);



  border-radius: 3px;



  transition: all .2s ease-in-out;



}







#menu li:hover > ul {



	opacity: 1;



	visibility: visible;



	margin: 0;



}







#menu ul ul {



  top: 0;



  left: 150px;



  margin: 0 0 0 20px;



  box-shadow: 0 -1px 0 rgba(255,255,255,.3);



}







#menu ul a {



	width: 210px;



	display: block;



	white-space: nowrap;



	float: none;



	text-transform: none;



	padding-top: 12px;



	padding-right: 15px;



	padding-bottom: 12px;



	padding-left: 15px;



	background-color: #1C55FF;



}







/*#menu ul a:hover { background: linear-gradient(#1ebdbe, #107677); }*/



#menu ul a:hover { background: linear-gradient(right,#4f64e1, #6e7de2); }



#menu ul a:active { background: linear-gradient(right,#4f64e1, #6e7de2); }







#menu ul li:first-child > a:after {



	content: '';



	position: absolute;



	left: 40px;



	top: -6px;



	border-right-width: 6px;



	border-bottom-width: 6px;



	border-left-width: 6px;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-bottom-color: #FFF;



	border-right-color: #6e7de2;



	border-left-color: #6e7de2;



}







#menu ul ul li:first-child > a:after {



	left: -6px;



	top: 50%;



	margin-top: -6px;



	border-top-width: 6px;



	border-right-width: 6px;



	border-bottom-width: 6px;



	border-left-width: 0;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



}















}







 @media(max-width: 1000px) {







body {



	margin: 0;



	padding: 0;



	color: #000;



	font-size: 100%;



	line-height: 1.4;



	



}



header {



	height: 170px;



	width: 100%;



	z-index: 101;



	



	font-family: Arial, Helvetica, sans-serif;



	color: #1C55FF;



	text-align: center;



	margin-bottom: 0px;



	font-weight: lighter;



}



header h1 {



	text-align: center;



	margin-top: 20px;



	margin-right: auto;



	margin-bottom: -20px;



	margin-left: auto;



	font-size: 1.7em;



	font-family: "Times New Roman", Times, serif;



	font-weight: bold;



	color: #1C55FF;



}







h5 {



	font-size: 1.0em;



	text-align: center;



	



	color: #1C55FF;



	margin-top: 50px;



	



	font-family: "Century Gothic";



}



#menu-wrap {



	position: relative;



}



.content {



	width: 80%;



	background-color: #F5F5F5;



	margin-top: 35px;



	margin-right: auto;



	margin-left: 50px;



	margin-bottom: 0px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



	color: #333;	



}







#menu-wrap * { box-sizing: border-box; }







#menu-trigger {



	display: block;



	height: 30px;



	line-height: 25px;



	cursor: pointer;



	border: 1px solid #1c55ff;



	color: #fff;



	font-weight: bold;



	background-color: #1c55ff;



	border-radius: 6px;



	position: fixed;



	width: 60px;



	background-image: url(../img/menu.png);



	background-repeat: no-repeat;



	background-position: center center;



	top: 0px;



	right: 0px;



	text-align: right;



	padding-right: 10px;



	



}







#menu {

	position: fixed;

	top: 25px;

	width: 100%;

	z-index: 1;

	display: none;

	line-height: 20px;

	left: 0px;

	opacity: .8;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0%;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}











#menu ul {



	position: static;



	visibility: visible;



	opacity: 1;



	margin: 0;



	background: none;



	box-shadow: none;



	



}







#menu ul ul {



  margin: 0 0 0 20px;



  box-shadow: none;



}







#menu li {



  position: static;



  display: block;



  float: none;



  border: 0;



  margin: 5px;



  box-shadow: none;



  background: none !important;



}







#menu ul li {



  margin-left: 20px;



  box-shadow: none;



}















#menu a {



	display: block;



	line-height: 20px;



	padding: 0;



	color: #fff;



	float: none;



}







#menu a:hover {



	color: #fff;



	line-height: 20px;



	padding: 0;



	display: block;



	float: none;	



}











#menu ul a {



  padding: 0;



  



}







#menu ul li:first-child > a:after {



	content: '';



	position: absolute;



	left: 40px;



	top: -6px;



	border-right-width: 6px;



	border-bottom-width: 6px;



	border-left-width: 6px;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-bottom-color: #1C55FF;



	border-right-color: #1C55FF;



	border-left-color: #1C55FF;



}







#menu li:first-child {



	float: none;



	position: relative;



	margin-left: 6px;



}











#menu ul a { background: none !important; }



#menu ul a:hover {



	color: #CCC;



	font-weight: bold;



}











}



 @media(max-width: 600px) {



	 header {



	height: 170px;



	width: 100%;



	z-index: 101;



	



	font-family: Arial, Helvetica, sans-serif;



	color: #1C55FF;



	text-align: left;



	margin-bottom: 0px;



	margin-left: 33%;



	font-weight: lighter;



}



	 header h1 {



	text-align: right;



	margin-top: 20px;



	margin-bottom: -20px;



	font-size: 1.5em;



	font-family: "Times New Roman", Times, serif;



	font-weight: bold;



	color: #1C55FF;



	



	margin-left: -16px;



}







h5 {



	font-size: 1.0em;



	text-align: right;



	



	color: #1C55FF;



	margin-top: 50px;



	font-family: "Century Gothic";



}



header {



	height: 110px;



	width: 100%;



	z-index: 101;



	margin-left: 0px;



	



	color: #1C55FF;



	text-align: center;



	margin-bottom: 0px;



}



header h1 {



	text-align: right;



	margin-top: 20px;



	margin-right: auto;



	margin-bottom: -20px;



	margin-left: auto;



	font-size: 1.7em;



	font-family: "Times New Roman", Times, serif;



	font-weight: bold;



	color: #1C55FF;



	text-shadow: 0px 1px 8px white;



}



header p {



	text-align: right;



	



	margin-right: auto;



	margin-bottom: -20px;



	margin-left: auto;



	font-size: .9em;



	font-family: "Century Gothic";



	



	color: #1C55FF;



	text-shadow: 0px 1px 8px white;



}







.container .content figure img {



	padding-top: 0px;



	padding-right: 4px;



	padding-bottom: 2px;



	padding-left: 5px;



	float: right;



	color: #666;



}







}