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

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

@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:760px;
	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:2550px 29px;
	}

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

#nav li a {
	float:left;
	display:block;
	color:#fff;
	background:#000;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	padding:7px 35px 7px 35px;
	height:15px;
  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:13px 0 13px 0;
	}

#logo img {
	width:290px;
	height:60px;
	}

#linkText {
	position:absolute;
	color:#fff;
	font-size:12px;
	top:15px;
	right:90px;
	}

#link img {
	position:absolute;
	width:75px;
	height:76px;
	top:7px;
	right:0;
	}


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


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

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

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

.titlePhone {
	position:absolute;
	margin:0;
	padding:0;
	width:760px;
	top:4px;
	}

.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:14px;
	}

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

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

.title {
	position:absolute;
	margin:0;
	padding:0;
	width:760px;
	top:4px;
	}

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

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

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

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

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

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

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

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

.diagCol11 {
	position:absolute;
	width:17px;
	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:17px;
	background-color:#fF0;
	bottom:0px;
	left:23px;
	z-index:1;
	animation:1s ease-out bar;
	}

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

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

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

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

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

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

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

.diagSum1 {
	position:absolute;
	font-size:10px;
	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:10px;
	left:23px;
	z-index:5;
	animation:2s ease-out sum;
	}

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

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

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

.group1 {
	position:absolute;
	bottom:50px;
	left:87px;
	z-index:3;
	}

.group2 {
	position:absolute;
	bottom:50px;
	left:174px;
	z-index:3;
	}

.group3 {
	position:absolute;
	bottom:50px;
	left:261px;
	z-index:3;
	}

.group4 {
	position:absolute;
	bottom:50px;
	left:348px;
	z-index:3;
	}

.group5 {
	position:absolute;
	bottom:50px;
	left:435px;
	z-index:3;
	}

.group6 {
	position:absolute;
	bottom:50px;
	left:522px;
	z-index:3;
	}

.group7 {
	position:absolute;
	bottom:50px;
	left:609px;
	z-index:3;
	}

.group8 {
	position:absolute;
	bottom:50px;
	left:696px;
	z-index:3;
	}

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

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

.wide-cont .legend3 {
	position:absolute;
	font-size:10px;
	margin:0;
	padding:0;
	bottom:-14px;
	left:23px;
	z-index:3;
	}

.wide-cont .legend6 {
	position:absolute;
	font-size:10px;
	margin:0;
	padding:0;
	bottom:-14px;
	left:46px;
	z-index:3;
	}


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


.leftHome {
float:left;
width:210px;
padding:25px 25px 23px 0;
}

.leftHome li a {
color:#666;
font-size:13px;
font-weight:normal;
padding:1px 25px 23px 0;
}

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

.navHome {
margin:0;
padding:0;
}

.navHome a {
margin:0;
padding:0;
height:0;
}

.left {
float:left;
width:210px;
padding:19px 25px 23px 0;
}

.left li a {
color:#666;
font-size:13px;
font-weight:normal;
padding:1px 25px 23px 0;
}

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


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


.mainHome {
	width:750px;
	padding:1px 0 23px 0;
	}

.main {
	float:left;
	width:533px;
	padding:1px 0 23px 0;
	}

.mainTitle {
	float:left;
	width:509px;
	padding:1px 0 0 0;
	}

.mainCol {
	float:left;
	width:254px;
	padding:1px 25px 0 0;
	}

.mainCol:last-child {
	float:left;
	width:254px;
	padding:1px 0 0 0;
	}

h1 {
	font-size:19px;
	padding:19px 0 15px 0;
	margin:0;
	font-weight:normal;
	font-family:DroidSerif;
	}

h3 {
	font-size:13px;
	padding:0 0 15px 0;
	margin:0;
	}

h4 {
	font-size:13px;
	padding:0 0 16px 0;
	margin:0;
	font-weight:normal;
	}

.h4 {
	font-size:13px;
	padding:0 0 1px 0;
	margin:0;
	}

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

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

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

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

ul {
	list-style-type:none;
	margin:0;
	padding:0 0 12px 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:15px;
	color:#82734D;
	transition:0.5s;
	font-weight:bold;
	}

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

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

.vid {
	float:left;
	padding:2px 25px 6px 0;
	}

.vid-right {
	float:right;
	padding:2px 0 6px 25px;
	}

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

#sticker-3 img {
	float:left;
	width:79px;
	margin:0 13px 0 0;
	}

#fakten img {
	float:left;
	width:79px;
	margin:0 13px 0 0;
	}


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


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

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

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

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

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


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


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

.key {
	float:left;
	width:152px;
	padding:5px 13px;
	margin:3px 0;
	text-align:right;
	}

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

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

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

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

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

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

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

.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:3px 5px 3px 0;
	padding:5px 3px;
  }

.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:3px 5px 3px 0;
	padding:3px 3px;
  }

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

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

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

.valCheck input {
	float:left;
	width:13px;
	font-size:12px;
	margin:9px 0 0 0;
	padding:0;
	}

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

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

input.button {
	margin:13px 0 7px 0;
	padding:5px 5px 5px 5px;
	color:#fff;
	background:#000;
	border:none;
	width:98px;
	transition:0.3s;
	}

input.button:hover {
	margin:13px 0 7px 0;
	padding:5px 5px 5px 5px;
	color:#fff;
	background:#20B7FF;
	border:none;
	width:98px;
	}


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


#footer {
	padding:25px 0 50px 0;
	background:#000;
	color:#fff;
	box-shadow:0px 306px 0px 306px #000;
	}

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

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

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

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