@font-face {
font-family: 'SegoeUILight';
src: url('font/segoeuil-webfont.ttf');
}

*{scrollbar-width: thin; scrollbar-color: #ffffffc9 #393939;}*::-webkit-scrollbar {width: 8px;} *::-webkit-scrollbar-track {background: #393939;} *::-webkit-scrollbar-thumb {background-color: #ffffffc9; border-radius: 0px; border: 1px solid #393939}

h2 {font-family:SegoeUILight; font-size:15px; line-height:20px; padding: 0 0 0 0; margin: 0 0 10px 0}
.em {font-family:SegoeUILight; font-size:14px; padding: 0 0 0 0; margin: -5px 0 20px 0; line-height:17px}
#leftsite {padding:0 5px 0 5px; max-width: 480px; float:left;}
#rightsite {padding:0 5px 0 5px; max-width: 480px; float:left;}
.space_after {clear:both; height:30px}

@media screen and (max-width : 1050px) {
#leftsite {padding:0px 0px 0 5px; width: 98.2%; float:none;}
#rightsite {padding:20px 0px 0 5px; width: 98.2%; float:none;}
}


body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background: #bebfbf /* background: #bebfbf */}
#main_archiv {margin: 0 auto; max-width: 1500px; font-family:tahoma; font-size:16px; color:#444;line-height:35px}
#main {margin: 0 auto; max-width: 1500px; font-family:tahoma; font-size:16px; color:#444;line-height:35px}
div.mainimg img {
margin-top:1px;
max-width: 100%; height: auto;
cursor:zoom-in;
filter: saturate(1.3);
}

img.iv-large-image{
border: 0px solid #bfbfbf;
box-shadow: 0px 0px 0px 0px #868787;
border-radius: 0px;
filter: saturate(1.3);
}

img {
image-rendering: -webkit-optimize-contrast;
border: 1px solid #bfbfbf;
box-shadow: 2px 2px 5px 0px #868787;
border-radius: 4px;
}

/* statistik */
.displ-none {display:none;}

.zamg{float:left}

/* Wetterprognose */
.symbole{float:left}
.we_prognose{}
div.we_prognose h2{ display:none !important; line-height:3px !important}
div.text {font-family:SegoeUILight; font-size:19px; line-height:26px; background: none repeat scroll 0 0 #f6f6f6; padding: 10px 5px 20px 5px; margin:30px 5px 0 5px; color: #444; border-radius:0px;}
div.we_date {
color: #000000;
float: left;
font-size: 12px;
line-height: 15px !important;
margin: 0px 4px 5px 2px;
text-align: center;
text-transform: uppercase;
width: 42px;
}
div.we_symbol {float:left; width:24.9%; text-align:center}
/*nur bei bilder von wernerdiv.we_symbol img{ width:35px;border-radius: 4px 4px 20px 20px}*/
div.we_symbol img {position: relative;top: 0px;}
div.we_maximum, div.we_minimum {
float:left;
text-align:center;
width: 27px;
background-color:#d7423e ;
color:#FFFFFF;
font-size:13px;
font-weight: normal;
padding-bottom:0px;
padding-top:0px;
border-radius: 3px;
margin:-7px 10px 8px 12px !important;
}
div.we_minimum {
background-color:#1276a5;
margin-top:3px;
}
div.we_logo, div.we_logo a{ font-size:11px !important; text-align:right; margin:0px 3px 0px 0px !important;opacity: 0.5; text-decoration:none}
div.we_logo a:hover{ font-size:11px !important;}
div.we_prognose h2{ display:none !important; line-height:2px !important}
.spacer{position: relative; width:100%; height:0px; background: transparent;}
/* ende wetterprognose */



select {
    font-size: 15px;
    padding: 4px 1px 4px 1px;
}
.select {
position: relative;	
top: -8px;
white-space: nowrap;
margin-right:6px;
}

.main_button {
white-space: nowrap;
margin-right:6px;
}

.button_size {
    opacity:0.8;
}
.button_size:hover {
    opacity:1;
}

.info {position:absolute;top:-500px; left:-2000px;}
.button_size {height:30px}
.copy_osttirol {font-size:16px; color:#6d6767; text-decoration:none}
.copy_osttirol:hover {color: #444; text-decoration:none}
.link {font-size:16px; color:#6d6767; text-decoration:none; }
.link:hover {color: #444; text-decoration:none}
.link2 {margin-left:20px;font-size:16px; color: #1fa67a; text-decoration:none; font-weight:normal}
.link2:hover {color: #26cc96; text-decoration:none}
.link3 {margin-left:20px;font-size:16px; color: #2285f2; text-decoration:none; font-weight:normal}
.link3:hover {color: #5ca5f5; text-decoration:none}
.link4 {margin:0px 20px 0px 20px;font-size:16px; color: #e96656; text-decoration:none; font-weight:normal}
.link4:hover {color: #ee897d; text-decoration:none}
.left {float:left}


.copyright {
	float:right;
    text-align: right;
    position: relative;
    top: 0px;
    right: 5px;
}

.copyright_archiv {
	float:right;
    text-align: right;
    position: relative;
    top: -80px;
    right: 5px;
}

.but {
    background: #27ae60;
    border: 0;
    color: white;
    font-weight: bold;
    font-family: "Verdana", monospace;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    position: relative;
    top: 0px;
    left: 5px;
}
.but:hover {
  background: #009150;
}

.butarchiv {
    float: left;
    background: #27ae60;
    border: 0;
    color: white;
    font-weight: bold;
    font-family: "Verdana", monospace;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    position: relative;
    top: 0px;
    left: 5px;
    margin: righ;
    margin-right: 15px;
}
.butarchiv:hover {
  background: #009150;
}

.butreset {
    float: left;
    background: #e96656;
    border: 0;
    color: white;
    font-weight: bold;
    font-family: "Verdana", monospace;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    position: relative;
    top: 0px;
    left: 5px;
    margin: righ;
    margin-right: 15px;
}
.butreset:hover {
  background: #e44432;
}

.osttirol_archiv {
  position:relative; text-align:right; float: right; top: -152px; right: 5px;
}


/* @media screen and (max-width : 1400px) {
body {margin-top: 0px;}
#main_archiv {margin: 0 auto; max-width: 1100px;}
#main {margin: 0 auto; max-width: 1100px;}
} */


@media screen and (max-width : 1470px) {
img.iv-large-image{
border: 0px solid #bfbfbf;
box-shadow: 0px 0px 0px 0px #868787;
border-radius: 0px;
filter: saturate(1.3);
}

div.mainimg img {
padding-top:0px;
margin-top:0px;
border: 0px solid #bfbfbf;
box-shadow: 0px 0px 0px 0px #868787;
border-radius: 0px;
border-bottom:1px solid #d8d8d8;
}
.copyright_archiv {
	float:left;
    text-align: left;
    position: relative;
    top: -30px;
    left: 5px;
}

.trenner {height: 0px}
.button_size {height: 30px}

select {
    font-size: 15px;
    padding: 4px 1px 4px 1px;
}
.we_prognose{margin-left:0px}
div.text {margin:0 0 0 0;}


.osttirol_archiv {
  position:relative; text-align:left; float: left; top: -90px; left: 10px;
}

}

@media screen and (max-width : 818px) {
.select {
top: -1px;
left: 6px;
}
}

@media screen and (max-width : 620px) {
#leftsite, #rightsite {width: 96.8%}	

.select {
top: 2px;
left: 6px;
}
.main_button {
position:relative;
top: 6px;
left: 0px;

}

}