@CHARSET "UTF-8";



HTML,

BODY {

	height: 100%;

}



#page {

	min-height: 100%;

	position: relative;

}



#middle {

	padding-bottom: 100px;

}



#footer-container {

	bottom: 0;

	position: absolute;

	position: fixed;

	width: 100%;

	z-index: 10;

}



/*---------------------------

	HEADER

-----------------------------*/

.header-container {

	background: #E4E4E4;

	border-top: 4px solid #EEE;	

	border-bottom: 1px solid #FFF;

	border-bottom: 11px solid #FFF;

	height: 150px;

}



.header-container > .header {

	height: 150px;

	position: relative;

}



.header UL {

	list-style: none;

	margin: 0;

	padding: 0;	

}



.header LI {

	margin: 0;

	display: inline-block;

}



.header .logo {

	float: left;

	padding-top: 25px;	

	position: relative;

}



.header .logo:BEFORE {

	background: #FFF;

    border: 0 #FFF;

    border-radius: 0 96px 0 96px;

    box-shadow: 0 0 25px 50px #FFFFFF;

    content: " ";

    height: 91px;

    left: -21px;

    opacity: 0.8;

    position: absolute;

    top: 0;

    width: 96px;

}



.header .logo:BEFORE {

    background: #F6F6F7;

    border: #F6F6F7;

    border-radius: 0 96px 0 96px;

    box-shadow: 0 0 25px 85px #F6F6F7;

    content: " ";

    height: 91px;

    left: 48px;

    opacity: 0.8;

    position: absolute;

    top: 0;

    width: 96px;

}



.header .logo IMG {

	position: relative;	

}



.header .service {

	float: right;

	padding: 7px 0 25px;

	position: relative;	

}



.header .language {

	left: -30px;

	position: absolute;

	top: 7px;

}



.header .language:BEFORE {

	content: "\e805";

	font-family: 'fontello'; 

	font-size: 14px;

	height: 100%;

	padding-left: 3px;

	position: absolute;

	right: -10px;

	right: -13px;

	top: 0;

}



.header .language .cs-icon {

	display: block;	

}



.header .language LI {

	display: none;	

}



.header .language .active {

	display: block;	

}



.header .language:HOVER LI {

	display: block;	

}



.header .language LI:HOVER {

	opacity: 0.7;	

	-moz-transform:scale(1.2, 1.2);

  	-webkit-transform:scale(1.2, 1.2);

  	-o-transform:scale(1.2, 1.2);

  	transform:scale(1.2, 1.2);

}



.header .links A {

	color: #57585A;

	display: inline-block;

	font-weight: bold;

	margin-left: 25px;

	text-decoration: none;

}



.header .links A:HOVER {

	text-decoration: underline;	

}



.header .companies {

	float: right;

	clear: right;	

}



.header .companies IMG {

	display: block;

	-moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.header .companies A:HOVER IMG {

	-moz-transform:scale(0.8, 0.8);

  	-webkit-transform:scale(0.8, 0.8);

  	-o-transform:scale(0.8, 0.8);

  	transform:scale(0.8, 0.8);

}



/*---------------------------

	NAV

-----------------------------*/

.nav-container {

	bottom: 0;

	height: 42px;

	position: absolute;

	right: 0;

	width: 750px;

}



.nav-container .nav,

.nav-container .search {

	display: inline-block;	

}





.nav {

	font-weight: bold;

	text-transform: uppercase;

}



/*-- 1. Ebene --*/

.nav > UL > LI {

	padding: 8px 9px 16px;

}



.nav > UL > .active {

	color: #002dc8;

	position: relative;

}



.nav > UL > .active > A {

	color: #002dc8;

}



.nav > UL > .active:BEFORE {

	border-bottom: 8px solid #FFFFFF;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    content: " ";

    height: 0;

    left: 50%;

    margin-left: -8px;

    position: absolute;

    top: 34px;

    width: 0;

}



.nav > UL > .has-sub.active:HOVER:BEFORE {

	display: none;	

}



.nav > UL > .has-sub:HOVER {

	background: #FFF;

	box-shadow: 4px 4px 4px rgba(0,0,0,.35);

}



.nav A {

	color: #4D4D4D;	

	text-decoration: none;

}



.nav A:HOVER {

	color: #002dc8;

}



/*-- 2. Ebene --*/

.nav > UL > LI > UL {

	background: #FFF;

	box-shadow: 4px 4px 4px rgba(0,0,0,.35);

	font-weight: normal;

	left: 0;

	position: absolute;

	text-transform: none;	

	top: 42px;

	padding: 0 0 0 15px;

    width: 675px;

    z-index: 100;

}



.nav > UL > LI:HOVER > UL {

	padding: 15px 0 0 15px;

}



.nav > UL > LI > UL > LI {

	display: block;

	position: relative;

	margin: 0 15px 0 0;

	-moz-transition: all .4s ease;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    max-height: 0;

    overflow: hidden;

	float: left;

	width: 210px;	

}



.nav > UL > LI:HOVER > UL > LI {

	max-height: 200px;	

	margin-bottom: 15px;

}



.nav > UL > LI > UL:HOVER > LI {

	overflow: visible;	

}



.nav > UL > LI > UL > LI > A SPAN {

	background: #EFEFEF;

	display: block;

	font-size: 14px;

	line-height: 120%;

	padding: 5px 10px;	

	position: relative;

	width: 190px;

}



.nav > UL > LI > UL > LI > A SPAN:BEFORE {

	color: #002dc8;

	content: "\e80a";

	font-family: 'fontello';	

	position: absolute;

	right: 5px;

	top: 5px;

}



.nav > UL > LI > UL > LI:HOVER > A SPAN {

	background: #CCC;

}



.nav IMG {

	padding: 1px;

	border: 1px solid #CECECE;	

	display: block;

}



/*-- 3. Ebene --*/



.nav UL UL UL {

	background: #FFF;

	max-height: 0;

	-moz-transition: all .3s linear;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    position: absolute;

    left: 180px;

    top: 87px;

    top: 81px;

    overflow: hidden;

    z-index: 11;

    min-width: 198px;

}







.nav UL UL > LI:HOVER UL {

	border: 1px solid #CCC;

	max-height: 200px;

	left: 209px;

}



.nav UL UL UL A {

	color: #57585A;

	position: relative;

	padding: 0 5px;

	display: block;

	line-height: 120%;

}



.nav UL UL UL LI:HOVER {

	color: #002dc8;

}



.nav UL UL UL A:BEFORE {

	content: "\e80a";

	display: none;

	font-family: 'fontello';

	font-size: 14px;	

	left: -15px;

	padding-right: 10px;

	position: absolute;

	text-decoration: none;

	top: 0;

}



.nav UL UL UL LI {

	background: #EFEFEF;

	max-height: 0;

	-moz-transition: all .4s linear;

    -webkit-transition: all .4s linear;

    -o-transition: all .4s linear;

    transition: all .4s linear;

	display: block;

	margin: 0;	

	min-width: 198px;

}



.nav UL UL UL LI:HOVER {

	background: #CCC;

}



.nav UL UL > LI:HOVER UL LI {

	border-top: 1px solid #CCC;

	padding: 5px;

	max-height: 70px;

}



.nav UL UL > LI:HOVER UL LI:FIRST-CHILD {

	border: 0 none;

	padding-top: 5px;

}



.nav-container .search {

	margin-top: 3px;

	position: absolute;

	right: 0;	

	top: 0;

}



.nav-container .ac_input {

	padding-right: 25px;

}



.nav-container .button {

	height: 25px;

	position: absolute;	

	right: 0;

	top: 0;

	width: 25px;

}



.nav-container .button:AFTER {

	color: #FFF;

	content: "\e800";

	font-family: 'fontello';

	font-size: 21px;

	line-height: 23px;	

	position: absolute;

    right: 3px;

    top: 0;

}



/*---------------------------

	FOOTER

-----------------------------*/



.footer-container {

	background: #3D3D3F;

	background: rgba(0,0,0,.85);

	color: #D9DADB;

}



.footer-container UL {

	list-style: none;

	padding: 0 0 30px;	

	padding: 0 0 10px;

}



.footer-container .footer {

	max-height: 55px;	

	overflow: hidden;

	-moz-transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}



.footer-container:HOVER .footer {

	max-height: 300px;	

}



.footer-container .footer A {

	color: #D9DADB;

	text-decoration: none;	

}



.footer-container .footer A:HOVER {

	text-decoration: underline;	

}



.footer-container H5 {

	padding: 18px 0 10px;	

}



.footer-container H5:BEFORE {

	content: " ";

	display: inline-block;

	margin-right: 5px;

	vertical-align: middle;	

}



.footer-container .copyright {

	background: #868789;

	color: #3D3D3F;

	padding: 13px 0 14px;

	text-align: center;

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .nav > UL > LI {
        padding: 8px 5px 16px;
    }

}