/**
 * @author Dominik Strauss
 * @copyright (c)2010 n3or.de
 */
.dataTable { padding:0 0 20px; }
.dataTable .data { margin:10px 0 20px; border:1px dotted #003; padding:10px; }
.dataTable .data .rightSide { width:350px; }
.dataTable h1 { background-color:#003; color:#fff; font-weight:normal; font-style:normal; padding:5px 3px 3px 7px; margin:15px 0 0; font-size:12px; }
.dataTable h2 { background-color:#003; color:#fff; font-weight:normal; padding:3px 3px 3px 7px; margin:0; font-size:11px; }
.dataTable h2.margin { margin:30px 0 15px; }
.dataTable .data h2 { padding:3px; font-size:12px; font-weight:bold; background-color:#fff; color:#003; }
.dataTable h5 { background-color:#003; color:#ccc; font-weight:normal; padding:3px 3px 5px 7px; margin:0; font-size:11px; }
.dataTable .data h3 { font-size:inherit; font-weight:bold; margin:3px 0 0; }
.dataTable .data p { margin:0; }
.dataTable .data a { margin-right:10px; }
.dataTable .data a img { border:0; }
.dataTable .clear { clear:both; }
.dataTable table { width:100%; border-collapse:collapse; border:0; margin:1em 0; }
.dataTable table th { white-space:nowrap; }
.dataTable table th, .dataTable table th a, .dataTable table .end { text-align:left; font-weight:bold; font-size:inherit; background-color:#7f7f99; color:#fff; }
.dataTable table th a { background-color:inherit; color:inherit; }
.dataTable table th, .dataTable table td { padding:0.3em 0.5em; vertical-align:top; border-top:1px solid #033; border-bottom:1px solid #033; }
.dataTable .data td { border:0; }
.dataTable td.day, .dataTable td.station, .dataTable td.day a, .dataTable td.station a { font-weight:bold; }
.dataTable th.currentDay { background-color:#003; color:#fff; border-top:1px solid #003; }
.dataTable th.currentDay, .dataTable td.currentDay { border-left:1px solid #003; border-right:1px solid #003; }
.dataTable table .zebra { background-color:#ddd; color:#000; }
.dataTable table img { border:0; }

.dataTable .legend { margin:0 0 15px; }
.dataTable .legend ul, .dataTable .legend li { padding:0; margin:0; width:100%; list-style-type:none; }
.dataTable .legend li { float:left; width:20%; margin-bottom:5px; }
.dataTable .legend ul img { height:1.1em; }
.dataTable .legend h2 img { margin-top:-1.8em; }

.dataTable .dayJumper { text-align:right; margin:10px 0; float:right; }
.dataTable .dayJumper input { font-size:inherit; height:inherit; border:1px solid #033; width:100px; text-align:center; }
.dataTable .dayJumper .size2 { width:17px; }
.dataTable .dayJumper .size4 { width:35px; }

.dataTable .beforeLink { float:left; }
.dataTable .afterLink { float:right; }
.dataTable .currentLink { display:block; width:15em; margin:0 auto; }
.dataTable .smallHint { margin:1em 0pt 2em; font-size:0.8em; }
.dataTable .center { text-align:center; }
.dataTable .right { text-align:right; }
.dataTable .left { text-align:left; }
.dataTable .nowrap { white-space:nowrap; font-weight:bold; }

/* precipitation database */
#precipitations .precipitation { width:100px; text-align:right !important; }
#precipitations .precipitationtypes, .dataTable .snowheight { padding-top:1em; }
#precipitations .precipitationtypes img { height:10px; }

#precipitations .hint { font-size:0.9em; margin-left:20px; width:350px; }
#precipitations .hint, #precipitations .hint * {  border:0 !important; }
#precipitations .hint .monospace { font-family:monospace; font-size:1em; }

#precipitations .newstation { background-color:#fc0; color:#003; font-weight:bold; }
#precipitations .streetname:before { content:'\A'; }
#precipitations .streetname { font-size:0.8em; font-weight:normal; white-space: pre; }
#precipitations .precipitationtypes img { border:none !important; }
#precipitations .accumulationhint { cursor:help; font-size:0.8em; }

#smallnavigation { margin:-2px 0 2px; font-size:11px; }

#precipitationView, #precipitationView li { margin:0; padding:0; line-height:40px; height:40px; vertical-align:middle; z-index:0; }
#precipitationView { width:722px; background-color:#003; color:#fff; list-style-type:none; }
#precipitationView ul { margin:0; padding:0; }
#precipitationView li { position:relative; display:block; float:left; width:180px; font-weight:bold; }
#precipitationView li a { display:block; padding-left:55px; color:#fff; background-repeat:no-repeat; background-position:15px center; }
#precipitationView li li { float:none; line-height:39px; height:39px; color:#000; background-color:#eee; border-top:2px solid #fff; border-bottom:2px solid #fff; }
#precipitationView li .twoLines { line-height:19px !important; }
#precipitationView li li a { color:#000; }
#precipitationView li.day a { background-image:url(/wetterdaten/niederschlag/images/navigation/day.png); }
#precipitationView li.year a { background-image:url(/wetterdaten/niederschlag/images/navigation/year.png); }
#precipitationView li.stations a { background-image:url(/wetterdaten/niederschlag/images/navigation/stations.png); }
#precipitationView li li.table a { background-image:url(/wetterdaten/niederschlag/images/navigation/table.png); }
#precipitationView li li.diagram a { background-image:url(/wetterdaten/niederschlag/images/navigation/diagram.png); }
#precipitationView li li.map a, #precipitationView li.map a { background-image:url(/wetterdaten/niederschlag/images/navigation/map.png); }
#precipitationView ul.level1 { position:absolute; left:-100em; }
#precipitationView li:hover ul.level1 { position:absolute; top:40px; left:0; }
#precipitationView ul a:hover, #precipitationView ul a:focus { background-color:#ccc; color:#000; }
#precipitationmap { width:720px; height:600px; margin:20px 0; }

#precipitations .popup { padding:1.5em 0 0; }
#precipitations .popup, .dataTable .popup h1, .dataTable .popup h2 { font-size:1em; font-weight:normal; text-align:left; }
#precipitations .popup h1, .dataTable .popup h2 { margin:1em 0 0.5em; font-size:1.1em; }
#precipitations .popup h1 { padding:0.3em 0.5em; background-color:#003; color:#fff; font-weight:normal; }
#precipitations .popup a:link, .dataTable .popup a:visited { text-decoration:none; }
#precipitations p.stationlink { margin-top:1.5em; }

/* weatherstations */
#weatherstationsArchive table { font-size:0.9em; }
#weatherstationsArchive table tr.toprow { border-top: 1px solid #000033; }
#weatherstationsArchive th, #weatherstationsArchive td { padding-left:0.1em; padding-right:0.1em; padding-top: 7px; padding-bottom: 7px; }
#weatherstationsArchive th { border-top: none; text-align:center; }
#weatherstationsArchive th.primary { border-bottom: 0px; font-size: 11px; font-weight: bold; }
#weatherstationsArchive td { white-space:nowrap; font-size: 10px !important; /*padding-left: 2px; padding-right: 1px; */}
#weatherstationsArchive td.name, #weatherstationsArchive td.name a { font-size: 11px !important; font-weight: bold ; }
#weatherstationsArchive td.wind { text-align: right; padding-right: 5px;}
#weatherstationsArchive td.height { text-align: right; padding-right: 12px; }
#weatherstationsArchive td.temperature { text-align: right; }
#weatherstationsArchive td.precipitation{ text-align: right; padding-right:14px; }
#weatherstationsArchive td.airhumidity { text-align: right; }
#weatherstationsArchive td.airpressure { text-align: right; }
#weatherstationsArchive .name { padding-left:3px ; }
#weatherstationsArchive .center { text-align: center !important; }

/* calendar popup */
#calendarDiv, #calendarDiv * { padding:0 !important; margin:0 !important; border:0 !important; z-index:100; }
#calendarDiv { position:absolute; visibility:hidden; background-color:#fff; color:#000; border:1px solid #000 !important; padding:0.5em 0.3em !important; }
#calendarDiv td.cpDayColumnHeader, #calendarDiv td.cpOtherMonthDate, #calendarDiv td.cpCurrentMonthDate { border-collapse:collapse; border:1px solid #333 !important; text-align:center; }
#calendarDiv td.cpDayColumnHeader a:link, #calendarDiv td.cpCurrentDate a:link, #calendarDiv td.cpOtherMonthDate a:link, #calendarDiv td.cpDayColumnHeader a:visited, #calendarDiv td.cpCurrentDate a:visited, #calendarDiv td.cpOtherMonthDate a:visited { text-decoration:none; display:block; padding:0.1em !important; background-color:#fff; color:#000; }
#calendarDiv td.cpCurrentMonthDate a:visited, #calendarDiv td.cpCurrentMonthDate a:link { text-decoration:none; display:block; padding:0.1em !important; background-color:#f4f4f4; color:#000; }
#calendarDiv td.cpDayColumnHeader a:hover, #calendarDiv td.cpCurrentDate a:hover, #calendarDiv td.cpOtherMonthDate a:hover, #calendarDiv td.cpCurrentMonthDate a:hover { text-decoration:none; background-color:#ccc; color:#000; }
#calendarDiv .cpMonthNavigation { text-align:center; padding:0 0 0.5em !important; }
#calendarDiv .cpCurrentDate, #calendarDiv .cpDayColumnHeader { font-weight:bold; }
#calendarDiv td.cpDayColumnHeader { background-color:#666666; color:#FFFFFF; }
td.cpCurrentMonthDate { background-color:#f4f4f4 !important; }

#aktuelles { z-index:1 !important; }