/*-----------------------------------------------
C O M M O N
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	color:#666;
	font-size:16px;
	text-align:center;
	font-family:DroidSans;
	background:url( ../i/bg-header.jpg );
	background-repeat:no-repeat;
	background-position:center top;
	background-size:4200px;
	}

@font-face {
  font-family:'DroidSans';
  src: url( ../fonts/DroidSans.ttf ) format( 'truetype' );
  font-weight:normal;
  font-style:normal;
	font-display:swap;
	}

@font-face {
  font-family:'DroidSerif';
  src: url( ../fonts/DroidSerif.ttf ) format( 'truetype' );
  font-weight:normal;
  font-style:normal;
	font-display:swap;
	}

.container {
	width:1240px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

div.clear {
	clear:both;
	height:0;
	margin:0;
	line-height:0;
	font-size:1px;
	}

a {
	color:#20B7FF;
	text-decoration:none;
	font-weight:normal;
	}

a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#20B7FF;
  transition:0.3s;
	font-weight:normal;
	}

a.current {
	font-weight:normal;
	text-decoration:none;
	color:#20B7FF;
	font-weight:normal;
	}


 /*-----------------------------------------------
N A V
----------------------------------------------- */


#nav {
	background:url( ../i/bg-header-rev1.gif ) center top no-repeat;
	background-size:4200px 48px;
	}

#nav ul {
	margin:0 auto;
	list-style-type:none;
	width:1200px;
	text-align:center;
	}

#nav li a {
	float:left;
	display:block;
	color:#fff;
	background:#000;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	padding:11px 60px 11px 60px;
	height:25px;
  transition:0.3s;
	}

#nav ul li a.current {
	color:#fff;
	background:rgba( 0,0,0,0 );
	}

#nav ul li a:hover {
	color:#fff;
	background:rgba( 0,0,0,0 );
	}


/*-----------------------------------------------
H E A D E R
----------------------------------------------- */


#logo {
	float:left;
	margin:22px 0 22px 0;
	}

#logo img {
	width:472px;
	height:98px;
	}

#linkText {
	position:absolute;
	color:#fff;
	font-size:16px;
	top:25px;
	right:148px;
	}

#link img {
	position:absolute;
	width:122px;
	height:124px;
	top:11px;
	right:0;
	}


/*-----------------------------------------------
P H O N E
----------------------------------------------- */


.wide-phone {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#fff;
	font-size:16px;
	border-bottom:1px #E2E2E2 solid;
	}

.contPhone {
	position:relative;
	width:1240px;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:91px;
	background-color:#fff;
	}

.contWhithoutPhone {
	position:relative;
	width:1240px;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:34px;
	background-color:#fff;
	}

.titlePhone {
	position:absolute;
	margin:0;
	padding:0;
	width:1240px;
	top:7px;
	}

.titlePhone a {
	animation: phone 5s infinite linear;
	}

@keyframes phone {
	0% {
		color:#FF66D9;
		transition-timing-function: linear;
		}
	50% {
		color:#FF8000;
		transition-timing-function: linear;
		}
	100% {
		color:#FF66D9;
		transition-timing-function: linear;
		}
	}


/*-----------------------------------------------
D I A G
----------------------------------------------- */


.wide-cont {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#E2E2E2;
	font-size:16px;
	}

.contStats {
	position:relative;
	width:1240px;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:245px;
	background-color:#E2E2E2;
	}

.contWhithoutStats {
	position:relative;
	width:1240px;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:34px;
	background-color:#E2E2E2;
	}

.title {
	position:absolute;
	margin:0;
	padding:0;
	width:1240px;
	top:7px;
	}

.line-base {
	position:absolute;
	margin:0;
	padding:0;
	width:1240px;
	height:1px;
	background-color:#666666;
	z-index:4;
	bottom:70px;
	}

.line10 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:90px;
	}

.line20 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:110px;
	}

.line30 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:130px;
	}

.line40 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:150px;
	}

.line50 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:170px;
	}

.line60 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:190px;
	}

.line70 {
	position:absolute;
	width:1240px;
	height:1px;
	background-color:#ccc;
	z-index:2;
	bottom:210px;
	}

.diagCol11 {
	position:absolute;
	width:24px;
	background-color:#fF0;
	bottom:0px;
	z-index:1;
	animation:1s ease-out bar;
	}

@keyframes bar {
  0% {
  	transform: scaleY(0);
		transform-origin:bottom;
  }
  100% {
    transform: scaleY(100%);
		transform-origin:bottom;
  }
}

.diagCol31 {
	position:absolute;
	width:24px;
	background-color:#fF0;
	bottom:0px;
	left:33px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol61 {
	position:absolute;
	width:24px;
	background-color:#fF0;
	bottom:0px;
	left:66px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol12 {
	position:absolute;
	width:24px;
	background-color:#FFF900;
	bottom:0px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol32 {
	position:absolute;
	width:24px;
	background-color:#FFF900;
	bottom:0px;
	left:33px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol62 {
	position:absolute;
	width:24px;
	background-color:#FFF900;
	bottom:0px;
	left:66px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol13 {
	position:absolute;
	width:24px;
	background-color:#F1FE01;
	bottom:0px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol33 {
	position:absolute;
	width:24px;
	background-color:#F1FE01;
	bottom:0px;
	left:33px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagCol63 {
	position:absolute;
	width:24px;
	background-color:#F1FE01;
	bottom:0px;
	left:66px;
	z-index:1;
	animation:1s ease-out bar;
	}

.diagSum1 {
	position:absolute;
	font-size:12px;
	left:0px;
	z-index:5;
	animation:2s ease-in sum;
	}

@keyframes sum {
  0% {
  	opacity: 0;
  }
  50% {
  	opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

.diagSum3 {
	position:absolute;
	font-size:12px;
	left:33px;
	z-index:5;
	animation:2s ease-out sum;
	}

.diagSum6 {
	position:absolute;
	font-size:12px;
	left:66px;
	z-index:5;
	animation:2s ease-out sum;
	}

.number {
	text-align:right;
	width:23px;
	}

.group0 {
	position:absolute;
	bottom:70px;
	left:0;
	z-index:3;
	}

.group1 {
	position:absolute;
	bottom:70px;
	left:143px;
	z-index:3;
	}

.group2 {
	position:absolute;
	bottom:70px;
	left:286px;
	z-index:3;
	}

.group3 {
	position:absolute;
	bottom:70px;
	left:429px;
	z-index:3;
	}

.group4 {
	position:absolute;
	bottom:70px;
	left:572px;
	z-index:3;
	}

.group5 {
	position:absolute;
	bottom:70px;
	left:715px;
	z-index:3;
	}

.group6 {
	position:absolute;
	bottom:70px;
	left:858px;
	z-index:3;
	}

.group7 {
	position:absolute;
	bottom:70px;
	left:1001px;
	z-index:3;
	}

.group8 {
	position:absolute;
	bottom:70px;
	left:1144px;
	z-index:3;
	}

.wide-cont p {
	position:absolute;
	margin:0;
	padding:0;
	bottom:-45px;
	z-index:3;
	}

.wide-cont .legend1 {
	position:absolute;
	font-size:12px;
	margin:0;
	padding:0;
	bottom:-18px;
	left:0;
	z-index:3;
	}

.wide-cont .legend3 {
	position:absolute;
	font-size:12px;
	margin:0;
	padding:0;
	bottom:-18px;
	left:33px;
	z-index:3;
	}

.wide-cont .legend6 {
	position:absolute;
	font-size:12px;
	margin:0;
	padding:0;
	bottom:-18px;
	left:66px;
	z-index:3;
	}


/*-----------------------------------------------
L E F T
----------------------------------------------- */


.leftHome {
float:left;
width:370px;
padding:40px 40px 38px 0;
}

.leftHome li a {
color:#666;
font-size:19px;
font-weight:normal;
padding:3px 40px 3px 0;
}

.leftHome li a:hover,.leftHome li a.current {
color:#20B7FF;
font-weight:normal;
}

.left {
float:left;
width:330px;
padding:32px 40px 38px 0;
}

.left li a {
color:#666;
font-size:19px;
font-weight:normal;
padding:3px 40px 38px 0;
}

.left li a:hover,.left li a.current {
color:#20B7FF;
font-weight:normal;
}


/*-----------------------------------------------
M A I N
----------------------------------------------- */


.mainHome {
	width:1240px;
	padding:3px 0 38px 0;
	}

.main {
	float:left;
	width:870px;
	padding:3px 0 38px 0;
	}

.mainTitle {
	float:left;
	width:830px;
	padding:3px 0 0 0;
	}

.mainCol {
	float:left;
	width:415px;
	padding:3px 40px 0 0;
	}

.mainCol:last-child {
	float:left;
	width:415px;
	padding:3px 0 0 0;
	}

h1 {
	font-size:32px;
	padding:31px 0 24px 0;
	margin:0;
	font-weight:normal;
	font-family:DroidSerif;
	}

h3 {
	font-size:22px;
	padding:0 0 24px 0;
	margin:0;
	}

h4 {
	font-size:19px;
	padding:0 0 26px 0;
	margin:0;
	font-weight:normal;
	}

.h4 {
	font-size:19px;
	padding:0 0 5px 0;
	margin:0;
	}

h5 {
	font-size:16px;
	color:#000;
	font-weight:normal;
	padding:12px 0 12px 0;
	margin:0;
	}

.h6 {
	font-size:12px;
	color:#000;
	padding:6px 0 6px 0;
	margin:0;
	}

p {
	margin:0;
	padding:0 0 19px 0;
	/*line-height:1.5;*/
	}

.box {
	margin:0;
	padding:19px 40px 19px 0;
	/*line-height:1.5;*/
	}

ul {
	list-style-type:none;
	margin:0;
	padding:0 0 19px 0;
	font-size:18px;
	}

li a {
	color:#82734D;
	font-weight:bold;
  transition:0.3s;
	}

ul li a.current {
	font-weight:bold;
	color:#B5A880;
	}

ul li a:hover {
	font-weight:bold;
	color:#B5A880;
	}

.lead a {
	font-size:19px;
	color:#82734D;
	transition:0.5s;
	font-weight:bold;
	}

.lead a.current {
	color:#B5A880;
	transition:0.5s;
	}

.lead a:hover {
	color:#B5A880;
	}

.vid-left {
	float:left;
	padding:3px 20px 10px 0;
	}

.vid-right {
	float:right;
	padding:3px 0 10px 20px;
	}

.vid-left img,.vid-right img {
	width:425px;
	}

#sticker-3 img {
	float:left;
	width:128px;
	margin:0 20px 0 0;
	}

#fakten img {
	float:left;
	width:128px;
	margin:0 20px 0 0;
	}


/*-----------------------------------------------
S E A R C H
----------------------------------------------- */


.leftHome form {
	padding:0 0 0 0;
	}

.leftHome input {
	float:left;
	width:165px;
	border:none;
	border:1px solid #ccc;
	color:#666;
	background:#fff;
	font-size:15px;
	font-family:DroidSans;
	margin:2px 9px 2px 0;
	padding:5px 3px;
	}

.leftHome .label {
	float:left;
	padding:10px 1px;
	font-size:15px;
	font-family:DroidSans;
	}

input.search {
	float:left;
	margin:2px 0 2px 0;
	padding:6px 3px;
	color:#fff;
	background:#000;
	border:none;
	font-size:15px;
	font-family:DroidSans;
	width:75px;
	transition:0.3s;
	}

input.search:hover {
	margin:2px 0 2px 0;
	padding:6px 3px;
	color:#fff;
	background:#20B7FF;
	border:none;
	width:75px;
	}


/*-----------------------------------------------
C O N T A C T   F O R M   I N P U T
----------------------------------------------- */


form {
	padding:38px 0 38px 0;
	}

.key {
	float:left;
	width:240px;
	padding:7px 20px;
	margin:5px 0;
	text-align:right;
	}

.keyCheckbox {
	float:left;
	width:20px;
	font-size:16px;
	font-family:GillSans;
	padding:5px 20px 5px 130px;
	margin:5px 0;
	text-align:right;
	}

.valXS input {
	float:left;
	width:40px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-family:DroidSans;
	font-size:16px;
	margin:5px 9px 5px 0;
	padding:7px 5px;
	}

.valS input {
	float:left;
	width:60px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-family:DroidSans;
	font-size:16px;
	margin:5px 9px 5px 0;
	padding:7px 5px;
	}

.valM:last-child input {
	float:left;
	width:40px;
	border:none;
	border:1px solid #000;
	color:#000;
	background:#eee;
	font-size:16px;
	font-family:DroidSans;
	margin:5px 0;
	padding:5px 5px;
	}

.valM input {
	float:left;
	width:190px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-size:16px;
	font-family:DroidSans;
	margin:5px 9px 5px 0;
	padding:7px 5px;
	}

.valM:last-child input {
	float:left;
	width:190px;
	border:none;
	border:1px solid #000;
	color:#000;
	background:#eee;
	font-size:16px;
	font-family:DroidSans;
	margin:5px 0;
	padding:5px 5px;
	}

.alert {
	background:#d00;
	color:#fff;
	}

.val input, .val textarea {
	float:left;
	width:401px;
	border:1px solid #aaa;
	color:#000;
	font-family:DroidSans;
	background:#fff;
	margin:5px 0;
	padding:7px 5px;
	font-size:16px;
	}

.val input:hover, .val input:focus, .valXS input:hover, .valXS input:focus, .valS input:hover,
.valS input:focus, .valM input:hover, .valM input:focus {
	float:left;
	border:1px solid #000;
	color:#000;
	font-family:DroidSans;
	background:#fff;
	margin:5px 9px 5px 0;
	padding:7px 5px;
  }

.valXS:last-child input:hover, .valXS:last-child input:focus,
.valMid:last-child input:hover, .valMid:last-child input:focus,
.valS:last-child input:hover, .valS:last-child input:focus,
.valM:last-child input:hover, .valM:last-child input:focus,
.val:last-child input:hover, .val:last-child input:focus {
	float:left;
	border:1px solid #ccc;
	color:#000;
	font-family:DroidSans;
	background:#fff;
	margin:5px 9px 5px 0;
	padding:5px 5px;
  }

.val textarea:hover, .val textarea:focus {
	float:left;
	color:#000;
	background:#fff;
	font-family:DroidSans;
	margin:5px 0;
	padding:7px 5px;
	border:1px solid #000;
  }

select {
	color:#000;
	background:#fff;
	font-size:16px;
	font-family:DroidSans;
	margin:5px 0 5px 0;
	padding:7px 5px;
	border:1px solid #aaa;
  }

option {
	color:#000;
	background:#fff;
	font-size:16px;
	font-family:DroidSans;
  }

.valCheck input {
	float:left;
	width:20px;
	font-size:16px;
	margin:14px 0 0 0;
	padding:0;
	}

.commLeft {
	float:left;
	padding:10px 10px 0 0;
	}

.commRight {
	float:left;
	padding:10px 0 0 10px;
	}

input.button {
	margin:20px 0 10px 0;
	padding:8px 8px 8px 8px;
	color:#fff;
	background:#000;
	border:none;
	width:160px;
	transition:0.3s;
	}

input.button:hover {
	margin:20px 0 10px 0;
	padding:8px 8px 8px 8px;
	color:#fff;
	background:#20B7FF;
	border:none;
	width:160px;
	}


/*-----------------------------------------------
F O O T E R
----------------------------------------------- */


#footer {
	padding:40px 0 80px 0;
	background:#000;
	color:#fff;
	box-shadow:0px 500px 0px 500px #000;
	}

#copyYear {
	float:left;
	color:#ccc;
	width:120px;
	font-weight:normal;
	}

#copyAddress {
	float:left;
	color:#ccc;
	width:250px;
	}

#copyMuinar {
	float:left;
	color:#ccc;
	width:870px;
	}

#copyMuinar a {
	color:#fff;
	font-weight:normal;
	}