body{
background-color: #000099;
background-image: url(../img/hintergrund.jpg);
background-repeat: repeat-x;
}
div#wrapper{
width: 1200px;
margin: 0 auto;
text-align: left;
}
div#header{
background-color: #cc9966;
margin: 0px 0 0 0;
width: 1200px;
}
div#navi{
background: url(../img/navi-menue.jpg) no-repeat;
float: left;
width: 200px;
height: 938px;
}
div#link_menue{
background: url(../img/link_menue.jpg) no-repeat;
float: left;
width: 1200px;
height: 26px;
}
div#inhalt{
background-color: #cc9966;
float: left;
}
div#contentall{
background: url(../img/content_all.jpg) no-repeat;
width: 839px;
height: 938px;
float: left;
}
div#contentmidrad{
background: url(../img/content_mid_rad.jpg) no-repeat;
width: 839px;
height: 650px;
float: left;
}
div#contenthead{
background: url(../img/content_head.jpg) no-repeat;
width: 839px;
height: 75px;
float: left;
}
div#contenthead_galerie{
background: url(../img/content_head_galerie.jpg) no-repeat;
width: 1000px;
height: 75px;
float: left;
}
div#content_galerie{
background: url(../img/content_galerie.jpg) no-repeat;
width: 1000px;
height: 650px;
float: left;
}
div#contentmiddle{
background: url(../img/content_middle.jpg) no-repeat;
width: 839px;
height: 262px;
float: left;
}
div#contentradar{
background: url(../img/content_radar.jpg) no-repeat;
width: 839px;
height: 388px;
float: left;
}
div#contentwetterkunde{
background: url(../img/content_wetterkunde.jpg) no-repeat;
width: 839px;
height: 110px;
float: left;
}
div#contentmidwetterkunde{
background: url(../img/content_mid_wetterkunde.jpg) no-repeat;
width: 839px;
height: 540px;
float: left;
}
div#contentdown{
background: url(../img/content_down.jpg) no-repeat;
width: 839px;
height: 213px;
float: left;
}
div#contentdown_galerie{
background: url(../img/content_down_galerie.jpg) no-repeat;
width: 1000px;
height: 213px;
float: left;
}
div#contentright{
background: url(../img/menue-rechts.jpg) no-repeat;
width: 161px;
height: 938px;
float: right;
}
div#footer{
background: url(../img/navi-menue_unten.jpg) no-repeat;
float: left;
width: 1200px;
height: 51px;
}
.clear{
clear: both;
}
div#banner{
background: url(../img/banner.jpg) no-repeat;
float: right;
width: 1200px;
height: 178px;
}
.contenthead_ausrichtung{
margin: 22px 0 0 25px;
}
.contentmiddle_ausrichtung{
margin: 2px 0 0 25px;
}
.contentdown_ausrichtung{
margin: 25px 0 0 35px;
}
.aktuelltabelle_ausrichtung{
margin: -35px 0 0 65px;
}
.contentradar_ausrichtung{
margin: 35px 0 0 13px;
}
.niederschlagsradar_ausrichtung{
margin: 20px 0 0 25px;
}
.temperaturendeutschland_ausrichtung{
margin: -45px 0 0 450px;
}
.minmax_ausrichtung{
margin: 10px 0 0 57px
}
.standaktuelltabelle_ausrichtung{
margin: -5px 0 0 25px;
}
.wetterwarnungentabelle_ausrichtung{
margin: 10px 0 0 0px;
}
.title_ausrichtung{
margin: 60px 0 0 60px;
}
.title_wetterstation{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 120%;
font-weight: bold;
color: #99B3B3;
}
.keywords_ausrichtung{
margin: 145px 0 0 45px;
}
.einzeldiagramme_ausrichtung{
margin: 15px 0 0 25px;
}
.title_keywords{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 100%;
letter-spacing: 2px;
color: #99B3B3;
}
a img{
border: 0;
}
ul.navi{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 90%;
line-height: 180%;
list-style-type: none;
margin: 0 15px 0 0;
padding: 0;
text-align: right;
}
a.navi{
color: #FFF;
text-decoration: none;
padding: 0 27px 0 0;
}
a.navi:hover{
text-decoration: underline;
background: url(../img/navi_dot_hover.gif) no-repeat right;
}
a.navi_aktiv{
color: #000099;
text-decoration: none;
padding: 0 27px 0 0;
font-weight: bold;
background: url(../img/navi_dot_hover_aktiv.gif) no-repeat right;
}
a.navi_aktiv:hover{
text-decoration: underline;
}
.footer_ausrichtung{
margin: 15px 0 0 100px;
}
.footer_stand{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 100%;
color: #2636F1;
}
.link_menue_ausrichtung{
margin: 2px 0 0 955px;
}
.pd_menu_01 {float:left; padding:0; margin:0;color: #000000;background: #FFFFCC;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size:12px;
color: #000000;
background-color: #FFFFCC;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #004080; border-left:solid 1px #004080;}
.pd_menu_01 ul li a {color: #000000;background: #FFFFCC;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #000000;background: #FFFFCC; width:1px}
.pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:110px; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#00FFFF;  color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:110px; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#00FFFF;  color:#000000;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:110px; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#00FFFF;  color:#000000;}
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
