/*
-----------------------------------------------------------------
	                  C O P Y R I G H T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	CSS for Baltic Sea Ice Service
	URL: http://bsis.eisdienst.de/
	Description: Baltic Sea Ice Service
	Version: 1.0 10/12/2008; 1.1 Feb.2015

*/

body {	font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #036; margin: 10px; padding: 0px;
		background-image: url('images/gif/hg.gif');
		background-repeat: repeat-x;
		background-color: #fff }

div#all {
	width: 700px; background-color:#fff; margin: auto;
	border: 1px solid #69c }

div#titel {  margin: 0px, padding: 0px }

div#navigation {
	font-family: Arial, Helvetica, sans-serif; background-color:#9cf;
	border-top: 1px solid #69c; border-bottom: 5px solid #69c;
	margin:0px; padding:5px; text-align:center }

ul#navigation {	list-style-type: none; margin: 0px; padding:0px;
				text-align:center; font-size: 14px;	font-weight: bold; color:#069 }

ul#navigation li {	display: inline; padding: 0; margin: 0 }
ul#navigation li .aktiv {	background-color: #69c; color: #fff; border-bottom:5px solid #c30 }
ul#navigation li a {	background-color: transparent; padding: 5px; text-decoration: none; color:#036 }
ul#navigation li a:hover {	padding: 5px; background-color: #69c; text-decoration: none; color:#fff; border-bottom:5px solid #036 }

div#content {
	padding: 10px; margin: 0px; font-size: 13px; 
	width: 420px; border-right: 1px solid #69c }

div#content h1 { font-size: 18px }
div#content h2 { font-size: 16px }
div#content a, a:link { text-decoration:none; color:#c30 }
div#content a:hover { text-decoration:none; color:#69c }
div#content .tabelle { font-size: 12px }


div#info {	width: 255px; float:right; font-size: 11px; padding: 0px; margin-bottom: 10px }
div#info a, a:link { text-decoration:none; color:#069 }
div#info a:hover { text-decoration:none; color:#c30 }

div#info h1 { 
	font-size: 20px; font-weight: normal;
	background-color: #cef;	padding: 5px; margin: 10px 10px;
	border-bottom: 3px solid #9cf; -moz-border-radius: 3px;
}
div#info ul { list-style-type: none; padding: 0px; margin: 0px 10px; }
div#info li { margin: 0px; padding: 5px 0px; border-bottom: 1px dotted #c30; }


div#footer {
	border-top: 5px solid #69c; clear: both;
	padding: 10px; margin: 0px; background-color:#fff;
	text-align: center; font-size: 11px }

div#footer a, a:link { text-decoration:none; color:#069 }
div#footer a:hover { text-decoration: none; color:#c30 }

#JHinfo { position: relative; color: #771188; }
#JHinfo span { display: none; color: #FFFFFF; }
#JHinfo:hover span { display: block; position: absolute; width: 500px; left: auto; top: -10px; color: #000000; background-color:#000001; background-image:url(JHinfo1.jpg); padding: 5px; z-index: 101;}