/* Stylesheet for the header, including language-menu, logo-header and menu-bar */

/*--------------------Language-Menu--------------------*/
#languageMenu
{
	width: 100%;
	height:25px;

	background: white;
}
.languageLink
{
	width: 16.66%;
	padding-top:10px;
	height:15px;

	float: right;

	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.languageLink a
{
	color: #E36833;
}

.languageLink a:hover
{
	color: #417F5E;
}

/*--------------------Logo-Header--------------------*/
#header {
	width: 100%;
	height:175px;

	background: url("../Media/Logos/LOGO_2.png") white no-repeat center;
	background-size: 525px;

}

/*--------------------Menu-Bar--------------------*/
#menuBar
{
	width: 100%;
	height:50px;
	/*padding-top:15px;*/

	text-align:center;

	background: white;
	/*overflow: hidden;*/
}

.menuLink
{
	width: 16.66%;
	padding-top:15px;
	height:35px;

	float:left;

	font-size:16px;
	font-weight:bold;

	/*overflow: hidden;*/
	/*background-color: #00B7FF;*/
}
.linkCluster
{
	width: 16.66%;
	padding-top:15px;
	height:35px;

	float:left;

	font-size:16px;
	font-weight:bold;

	overflow: hidden;
	transition: height 0.1s ease-out ;
	/*-moz-transition: height 0.3s ease-in-out;*/
	/*-o-transition: height 0.3s ease-in-out;*/
	/*-webkit-transition: height 0.3s ease-in-out;*/
	/*background-color: #00B7FF;*/
}
.linkCluster:hover
{
	height:230px;
	/*width: 50%;*/
	background-color: white;
	transition: height 0.3s ease-out ;

}


/*.animating-width {*/
/*	background: #e78629;*/
/*	color: white;*/
/*	height: 100px;*/
/*	width: 50%;*/
/*	-moz-transition: width 0.3s ease-in-out;*/
/*	-o-transition: width 0.3s ease-in-out;*/
/*	-webkit-transition: width 0.3s ease-in-out;*/
/*	transition: width 0.3s ease-in-out;*/
/*}*/
/*.animating-width:hover {*/
/*	cursor: pointer;*/
/*	width: 100%;*/
/*}*/


.menuLink a
{
	color: #417F5E;
}
.menuLink a:hover
{
	color: #E36833;
}
.menuLink on
{
	color: #E36833;
}

.linkCluster a
{
	color: #417F5E;
}
.linkCluster a:hover
{
	color: #E36833;
}
.linkCluster on
{
	color: #E36833;
}

.link
{
	width: 100%;
	height:35px;

	float: left;
}

.subLink
{
	width: 100%;
	height:30px;

	float: left;
	/*background-color: #2c86c9;*/
	font-size: 14px;
}
