@charset "utf-8";
html {
 height: 100%; 
 overflow-y: scroll;
}
body, html, #navigation, #container, #inhalt {
 margin: 0;
 padding: 0;
}
body {
 font: 100% sans-serif;
 background: url(/viomatrix/imgs/template/cs_bg_grey_mirror.png) repeat fixed 0 top;
 text-align: center;
 /*Zentrierung f?r den IE 5.x */
}
h1 {
 margin: 0 2em;
 padding: 2em 0 0;
 font-size: 1.3em;
}
img {
border: 0;
}
table {
 width: 100%;
 float: none;
}
input.message {
 position: absolute;
 top: -300px;
 width: 1px;
 height: 1px;
 overflow: hidden;
 display: inline;
}
#container {
 position: relative;
 float: none;
 width: 55em;
 text-align: left;
 background-color: transparent;
 background-repeat: repeat-x;
 background-position: 0 top;
 margin:1em auto 3em auto;
}
#kopf {
 position: relative;
 text-align: right;
 float: none;
 background-image: url(/viomatrix/imgs/template/cs_bg-head+leiste_k_grey.gif);
 background-repeat: no-repeat;
 background-position: right 0;
 right: 0; height: 84px;
 padding-bottom: 0;
 margin-bottom: 0;
}
.fb-like {
 position: relative;
 top: 10px;
 float: left;
}
#kopftext {
 font-size: 12px;
 font-family: Arial, courier, verdana;
 text-align: right;
 width: auto;
 height: auto;
 float: none;
 padding-top: 4em;
 padding-right: 2em;
}
#kopftext a {
 color: #d0d0ff;
 background-color: transparent;
 background-image: url(/viomatrix/imgs/pfeil-blau.gif);
 background-repeat: no-repeat;
 background-position: right center;
 text-decoration: none;
 padding-right: 10px;
 border-color: transparent; 
}
#kopftext a:hover {
 color: white;
 background-color: transparent;
 background-image: url(/viomatrix/imgs/pfeil-weiss.gif);
 background-repeat: no-repeat;
 background-position: right center;
 text-decoration: none;
 border-color: transparent; 
}
#kopftext .active {
 color: #d8324c;
 background-color: transparent;
 background-image: url(/viomatrix/imgs/pfeil-rot.gif);
 background-repeat: no-repeat;
 background-position: right center;
 text-decoration: none; 
}
.class a:hover {
 color: #fff;
 background-color: transparent; 
}
#foot {
 color: #c0c0c0;
 background-image: url(/viomatrix/imgs/template/cs_bg-foot_k_grey_25.gif);
 background-repeat: no-repeat;
 background-position: right top;
 font-size: 12px;
 font-family: Arial;
 text-align: center;
 height: 25px;
 margin-bottom: 1em;
}
#text {
 font-size: 12px;
 font-family: Arial;
 text-align: left;
 }
#logo {
 background-image: url(/viomatrix/imgs/Logo_conselling_rgb.png);
 background-repeat: no-repeat;
 background-position: 205px 20px;
 bottom: 0;
 height: 80px;
 margin-right: 1em;
 margin-left: 1em; 
}
#inhalt {
 color: #c0c0c0;
 font-size: 12px;
 font-family: Arial;
 background-image: url(/viomatrix/imgs/template/cs_bg-content_k_grey.gif);
 background-repeat: repeat-y;
 background-position: right 0;
 position: relative;
 top: 0;
 width: auto;
 min-height: 350px;
 float: none;
 margin-left: 200px;
 padding-top: 2em; 
 padding-bottom: 0.5em; 
 padding-left: 2em; 
 padding-right: 2em; 
}
#inhalt h3 {
 color: #d0d0ff;
 float: none;
 font-size:17px;
 font-weight: normal;
 padding:0 0 5px;
 background: url(/viomatrix/imgs/template/cs_bg-titel.png) repeat-x right bottom;
}
#inhalt h2 {
 font-weight: normal;
 background-image: url(/viomatrix/imgs/quad_red_small.gif);
 float: none;
 font-size:15px;
 margin-top: 1em;
 margin-bottom: 0.5em;
 padding-left: 1.1em;
 background-repeat: no-repeat;
 background-position: left center;
}
#inhalt p {
 width: auto;
 float: none;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 padding-left: 1.5em;
 background-repeat: no-repeat;
 background-position: left center;
}
#inhalt a {
 color: #d0d0ff;
 text-decoration: none;
}
#inhalt .active {
 color: #e55757;
}
#inhalt a:hover {
 color: #ffffff;
}
#map {
 height: 250px;
 width: 610px;
 margin-left: 1.75em;
 float: none;
}
.clear {
 color: #c0c0c0;
 background-image: url(/viomatrix/imgs/template/cs_bg-titel.png);
 background-repeat: repeat-x;
 background-position: right center;
 width: auto;
 height: 2px;
 margin-right: 0;
 margin-left: 0;
 margin-top: 0.5em;
 margin-bottom: 0;
 float: none;
}
#bild {
 float: right; 
 padding: 2px;
 position: relative;
 margin-left: 12px;
}
.picdetail {
 position: absolute;
 display: none;
}
.picdetail1 {
 position: absolute;
 left: 60px;
 display: none;
}
.picdetail2 {
 position: relative;
 left: 0px;
}
div.piczoom {
 margin-top: 2px;
}
div.piczoom a img {
 margin-right: 2px;
 vertical-align: middle;
}
div.piczoom2 {
 margin-top: 2px;
 left: 5px;
}
div.piczoom2 a img {
 margin-right: 2px;
 vertical-align: middle;
}
#nav h3 {
 color: #c0c0c0;
 font-size: 14px;
 font-family: verdana;
 background-repeat: repeat-x;
 background-attachment: scroll;
 text-align: left;
 margin: 6px 0;
 padding: 0 0 4px;
}
#nav {
 font-size: 11px;
 float: none;
 position: relative;
 top: 0;
 width: 177px;
 height: auto;
 float: left;
}
#nav-top {
 background-image: url(/viomatrix/imgs/template/cs_nav-top_k_grey.gif);
 background-repeat: no-repeat;
 top: 0;
 width: 177px;
 height: 10px;
 float: left;
 margin-top: 1em; 
}
#nav-content {
 color: #999999;
 font-size: 11px;
 background-image: url(/viomatrix/imgs/template/cs_bg_nav-content_k_grey.gif);
 background-repeat: repeat-y;
 top: 0; width: 177px;
 height: auto;
 float: left;
 padding: 1em; 
}
#nav ul {
 list-style: none;
 width: 140px;
 margin: 0;
 padding: 0;
}
div#nav li a {
 color: #d0d0ff;
 font-size: 13px;
 font-family: Arial;
 line-height: 120%;
 background-image: url(/viomatrix/imgs/template/cs_bg-nav_n.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 text-decoration: none;
 display: block;
 margin: 0 0 4px;
 padding: 0 0 3px 0;
 min-height: 34px; 
}
div#nav li a:hover {
 background-image: url(/viomatrix/imgs/template/cs_bg-nav_hover_n.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 color: #ffffff; font-family: Arial; 
}
#nav li a.active {
 color: #d8324c;
 font-family: Arial;
 background-image: url(/viomatrix/imgs/template/cs_bg-nav_active_n.gif);
 background-repeat: no-repeat;
 background-position: right bottom; 
}
#nav li a span {
 color:#cccccc;
 font-size:11px;
 font-family: Arial; 
}
#nav-foot {
 background-image: url(/viomatrix/imgs/template/cs_nav-foot_k_grey.gif);
 background-repeat: no-repeat;
 top: 0;
 width: 177px;
 height: 20px;
 float: left; 
}
#bottom {
 background-image: url(/viomatrix/imgs/template/cs_copyright.gif);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: right bottom;
 position: fixed;
 bottom: 0;
 float: none;
 width: 100%;
 height: 60px; 
}
#wetterinfo {
position: relative;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#wetterinfo #Background_d {
width: 130px;
height: 121px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_site2.gif) no-repeat
}
#wetterinfo #Background_n {
width: 130px;
height: 121px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_site2_n.gif) no-repeat
}
#wetterinfo #City {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
color:#2882be;
position: absolute;
top: 0px;
left: 0px;
height:30px;
width:120px;
white-space: pre-wrap;
padding-top:2px;
margin-right:0px;
margin-left:0px;
text-align:right;
line-height:12px;
clear:both;
font-weight:bold;
}
#wetterinfo #Stadt_d a, #wetterinfo #Stadt_d a:hover {
color:#2882be;
text-decoration: none;
}
#wetterinfo #Stadt_n {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
color:#ffffff;
position: absolute;
top: 0px;
left: 0px;
height:30px;
width:120px;
white-space: pre-wrap;
padding-top:2px;
margin-right:0px;
margin-left:0px;
text-align:right;
line-height:12px;
clear:both;
font-weight:bold;
}
#wetterinfo #Stadt_n a, #wetterinfo #Stadt_n a:hover {
color:#ffffff;
text-decoration: none;
}
#wetterinfo #Wetterdaten {
width: 125px;
}
#wetterinfo #BildIcon {
position: absolute;
top: 30px;
left: 10px;
width: 30px;
padding-left:3px;
padding-top:0px;
float: left;
}
#wetterinfo #Wettertext {
position: absolute;
top: 25px;
left: 55px;
float: right;
width: 68px;
padding-right:0px;
padding-top:0px;
font-size:20px;
font-weight:bold;
text-align: center;
margin-right: 3px;
}
#wetterinfo #MaxTempDay1, #wetterinfo #MaxTempDay2, #wetterinfo #MaxTempDay3{
font-size: 11px;
line-height: 10px;
color: #fb0617;
width: 29px;
}
#wetterinfo #MinTempDay1, #wetterinfo #MinTempDay2, #wetterinfo #MinTempDay3{
font-size: 11px;
line-height: 10px;
color: #0712ef;
width: 29px;
}
#wetterinfo #MinMaxDay1 {
position: absolute;
top: 50px;
left: 56px;
width: 74px;
float: right;
text-align: center;
margin-right: 2px;
margin-bottom: 8px;
}
#wetterinfo #MaxTempDay1 {
width: 32px;
float: left;
}
#wetterinfo #MinTempDay1 {
width: 32px;
float: left;
}
#wetterinfo #TrennerDay1 {
width: 4px;
float: left;
line-height: 10px;
text-align: center;
}
#wetterinfo #WetterdatenDay2 {
position: absolute;
top: 69px;
left: 3px;
clear: right;
width: 60px;
float: left;
height: 40px;
}
#wetterinfo #left {
width: 28px;
float: left;
text-align: center;
}
#wetterinfo #BildIconDay2 {
position: absolute;
top: 1px;
left: 28px;
margin-top: 4px;
width: 30px;
float: right;
}
#wetterinfo #BildIconDay3 {
position: absolute;
top: 1px;
left: 28px;
margin-top: 4px;
width: 30px;
float: right;
}
#wetterinfo #WetterdatenDay3 {
position: absolute;
top: 69px;
left: 64px;
width: 58px;
}
#wetterinfo #BigBackgroundSearch_d {
width: 325px;
height: 217px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_big2.gif) no-repeat
}
#wetterinfo #BigBackground_d {
width: 325px;
height: 196px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_big.gif) no-repeat
}
#wetterinfo #BigBackgroundSearch_n {
width: 325px;
height: 217px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_big2_n.gif) no-repeat
}
#wetterinfo #BigBackground_n {
width: 325px;
height: 196px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
background: url(http://wiga.t-online.de/wetter/webgadget/images/bg_big_n.gif) no-repeat
}
#wetterinfo #BigStadt {
font-size:16px;
line-height:12px;
padding-top:10px;
padding-left:10px;
padding-bottom:0px;
padding-right:0px;
text-align:left;
font-weight:bold;
}
#wetterinfo #BigCity {
position: absolute;
top: 5px;
left: 160px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:16px;
line-height:16px;
text-align:left;
font-weight:bold;
}
#wetterinfo .Day {
color:#2882be;
}
#wetterinfo .Day a, #wetterinfo .Day a:hover {
color:#2882be;
text-decoration: none;
}
#wetterinfo #BigStadt_n {
position: absolute;
top: 0px;
left: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:16px;
line-height:12px;
padding-top:10px;
padding-left:10px;
padding-bottom:0px;
padding-right:0px;
text-align:left;
font-weight:bold;
}
#wetterinfo .Night {
color: #ffffff;
}
#wetterinfo .Night a, #wetterinfo .Night a:hover {
color:#ffffff;
text-decoration: none;
}
#wetterinfo #BigBildIcon {
float:left;
padding-left:8px;
padding-top:0px;
}
#wetterinfo #BigWettertext {
text-align:center;
padding-left: 0px;
padding-top:15px;
width:80px;
font-size:20px;
font-weight:bold;
float:left;
}
#wetterinfo #BigWetterday2 {
float: left; 
width: 75px;
height: 41px;
padding: 0px 0px 0px 8px;
margin: 5px 0px 0px 12px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #404040;
font-weight:bold;
}
#wetterinfo #BigWetterday1 {
float: left; 
width: 75px;
height: 41px;
padding: 0px 0px 0px 8px;
margin: 5px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #404040;
font-weight:bold;
}
#wetterinfo #BigDay1 {
width:54px;
line-height: 10px;
margin: 0px 0px 1px 0px;
}
#wetterinfo #BigDay2 {
width:54px;
line-height: 10px;
margin: 0px 0px 1px 0px;
}
#wetterinfo #BigIcon1 {
width:30px;
float:left;
margin: 0px 5px 0px 0px;
}
#wetterinfo #BigIcon2 {
width:30px;
float:left;
margin: 0px 5px 0px 0px;
}
#wetterinfo #BigTemp11{
float:right;
line-height: 10px;
padding: 0px 0px 0px 0px;
color: #fb0617;
width: 27px;
}
#wetterinfo #BigTemp21{
float:right;
line-height: 10px;
margin: 0px 0px 0px 0px;
color: #fb0617;
width: 27px;
}
#wetterinfo #BigTemp12{
float:right;
line-height: 10px;
margin: 9px 0px 0px 0px;
color: #0712ef;
width: 27px;
overflow: hidden;
}
#wetterinfo #BigTemp22{
float:right;
line-height: 10px;
height: 10px;
margin: 9px 0px 0px 0px;
color: #0712ef;
width: 27px;
overflow: hidden;
}
#wetterinfo #BigTemp22 a, #wetterinfo #BigTemp22 a:hover, #wetterinfo #BigTemp12 a, #wetterinfo #BigTemp12 a:hover{
color: #0712ef;
}
#wetterinfo #BigVorhersaged {
position:absolute;
top:135px;
left: 140px;
width: 140px;
} 
#wetterinfo #BigVorhersagen {
position:absolute;
top:138px;
left: 160px;
width: 140px;
} 
#wetterinfo #BigVorhersaged img {
border: 0px;
}
#wetterinfo #BigVorhersagen img {
border: 0px;
}
#wetterinfo #BigVorhersaged a, #wetterinfo #BigVorhersaged a:hover{
text-decoration: none;
color: #2882be;
}
#wetterinfo #BigVorhersagen a, #wetterinfo #BigVorhersagen a:hover{
text-decoration: none;
color: #78b7e2;
}
#wetterinfo .SchriftD {
color:#7a7a7a;
}
#wetterinfo .SchriftN {
color:#ffffff;
}
#wetterinfo #BigMaxTempDay1, #wetterinfo #BigMaxTempDay2, #wetterinfo #BigMaxTempDay3{
font-size: 11px;
line-height: 10px;
color: #fb0617;
width: 29px;
}
#wetterinfo #BigMinTempDay1, #wetterinfo #BigMinTempDay2, #wetterinfo #BigMinTempDay3{
font-size: 11px;
line-height: 10px;
color: #0712ef;
width: 29px;
}
#wetterinfo #BigMinMaxDay1 {
width: 80px;
font-size: 11px;
font-weight: normal;
text-align: center;
margin-left: 5px;
}
#wetterinfo #BigMaxTempDay1 {
width: 32px;
float: left;
}
#wetterinfo #BigMinTempDay1 {
width: 32px;
float: left;
}
#wetterinfo #BigTrennerDay1 {
width: 4px;
float: left;
line-height: 10px;
text-align: center;
}
#wetterinfo #BigText1 {
position:absolute;
top:75px;
left: 115px;
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 12px;
width: 160px;
margin: 0px 0px 0px 2px;
clear: both;
}
#wetterinfo #BigText2 {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 12px;
margin: 0px 0px 0px 2px;
position:absolute;
top:10.65em;
left: 168px;
}
#wetterinfo #BigText3 {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 14px;
margin: 0px 0px 0px 2px;
position:absolute;
top:89px;
left: 168px;
}
#wetterinfo #BigText4 {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 12px;
margin: 0px 0px 0px 2px;
position:absolute;
top:9.5em;
left: 205px;
width: 305px;
}
#wetterinfo #BigText5 {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
padding-left:0px;
line-height: 12px;
margin: 0px 0px 0px 2px;
position:absolute; 
top:10.65em;
left: 220px;
width: 305px;
}
#wetterinfo #BigText6 {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
line-height: 12px;
margin: 0px 0px 0px 2px;
position:absolute;
top:8.2em;
left: 308px;
width: 145px;
}
#wetterinfo #BigTextHerkunft {
position:absolute;
top:151px;
left:160px;
width:315px; 
text-align:left;
}
#wetterinfo #BigWetterLogo {
position:absolute;
top:171px;
left:116px;
}
#wetterinfo #BigSearchWetterLogo {
position:absolute;
top:191px;
left:265px;
}
#wetterinfo #BigSearch {
position:absolute;
top:168px;
left:158px;
width: 307px;
height: 21px;
}
#wetterinfo #BigSearchText {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
line-height: 21px;
float: left;
width: 110px;
}
#wetterinfo #BigSearchFormular {
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
line-height: 20px;
margin-top: 2px;
float: left;
width: 197px;
}
#wetterinfo #BigSearchFormular input{
font-family: "Trebuchet MS",Verdana, Geneva, sans-serif;
font-size:11px;
line-height: 11px;
border: 1px solid #95b9d3;
height: 16px;
float: left;
width: 136px;
}
#wetterinfo #BigSearchFormular img{
margin: 4px 2px 0px 5px;
line-height: 21px;
float: left;
}
#wetterinfo #submitd a, #wetterinfo #submitd a:hover{
text-decoration: none;
color: #2882be;
}
#wetterinfo #submitn a, #wetterinfo #submitn a:hover{
text-decoration: none;
color: #78b7e2;
}
#wetterinfo #Ergebnis {
margin-top: 15px;
margin-right: 0px;
margin-left: 0px;
padding-right: 7px;
padding-left: 7px;
padding-top: 0;
padding-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
width: 290px;
overflow:auto;
}
#wetterinfo #Debug {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
height: 90px;
overflow: auto;
}
#wetterinfo #Pixel {
visibility: hidden;
}
#wetterinfo #version {
position:absolute;
text-align:left;
display:block;
padding-left:2px;
color:#ffffff;
font-weight:bold;
left:6px;
top:155px;
width:35px;
height:5px;
}
#wetterinfo #WetterLogo {
position:absolute;
top:107px;
left:135px;
clear:both;
}
#wetterinfo a img {
padding:0 0 0 0;
margin: 0 0 0 0;
border: 0;
}
#wetterinfo a, #wetterinfo a:hover {
text-decoration: none;
cursor: pointer;
}