/* DATEI: diving.css */

@font-face {
	font-family: "Comic Sans MS";
	src:	url("../fonts/COMIC.TTF"),
			url("../fonts/COMICBD.TTF");
}

body { 
    background-image:url(water1.jpg);
    background-attachment:fixed;
    color:#FFFF00;
    font-family:"Comic Sans MS", Arial, sans-serif;
    font-size:12pt;
    font-weight:normal;
    margin-left:10px; 
    margin-right:10px; 
    margin-top:10px; 
    margin-bottom:10px;
}

header, thead, th   {
    background-attachment:fixed;
    background-image:inherit;
	left:0;
	height:auto;
	margin:0;
	padding:0;
	opacity:1.0;
	position:sticky;
	top:0;
	width:auto;
	z-index:10;
}

footer, tfoot	{
    background-attachment:fixed;
    background-image:inherit;
	bottom:0;
	left:0;
	height:auto;
	margin:0;
	padding:0;
	opacity:1.0;
	position:sticky;
	width:100%;
	z-index:10;
}

p {
	text-align:justify;
}

h1 {
    font-size:24pt;
    font-style:italic;
    font-weight:bold;
}

h2 {
    font-size:18pt;
    font-style:italic;
    font-weight:bold;
}

h3 {
    font-size:14pt;
    font-style:italic;
    font-weight:bold;
}

h4 {
    font-size:12pt;
    font-style:italic;
    font-weight:bold;
}

td {
    font-size:12pt;
}

pre { 
   font-family:Courier New;
   font-size:10pt;
   text-decoration:none;
}

tt { 
   font-family:Courier New,Courier;
   font-size:10pt;
   color:#0000C0;
}

.code { 
   background-color:#FFFFE0;
}

.active {	background-color:#dddddd;}
.attention {    font-weight:bold;	color:red;}
.center {	text-align:center; }
.contact {   background-color: #dddddd;   color: #000000;	}
.blink { text-decoration:blink; }
.bold {	font-weight:bold; }
.bul, .bold_underline { font-weight:bold; text-decoration:underline; }
.copyr, .small { font-size:0.8em; font-weight:normal; }
.error_msg, .error {    font-weight:bold;	color:red; background-color: white;}
.inactive {   background-color:#fff0ff;}
.italic { font-style:italic; }
.marker, .marker_ye { background-color:yellow; }
.marker_or { background-color:orange; }
.green { color: #005100; }
.headline { color:yellow; margin-top:0px; margin-bottom:0px; }
.new { text-decoration:none; color:#FFF; background-color:#F00; border-color:#000; border-width:3pt; }
.rbul, .red_bold_underline { color: #F00; font-weight:bold; text-decoration:underline; }
.red, .attention { color: #F00; }
.red_bold_blink { color: #FF0000; font-weight:bold; text-decoration:blink; }
.ul, .underline { text-decoration:underline; }

a:link {
   color:#FF0000;
   font-weight:bold;
}

a:visited {
   color:#00ffff;
   font-weight:normal;
}

a:active {
   color:#00FF00;
}

a.an {
   text-decoration:none;
}

#popup_space {
	position: fixed;
	top: 60px;
	right: 10px;
	width: auto;
	height: auto;
	visibility:hidden;
	z-index: 2;
	margin: 0;
	padding: 10px;
	background-color:#0FF; 
}

#popup_image {
	position:relative;
	top: 0px;
	right: 0px;
	width:auto;
	height:auto;
	visibility:inherit;
}

#popup_space_left {
	position: fixed;
	top: 60px;
	left: 10px;
	width: auto;
	height: auto;
	visibility:hidden;
	z-index: 2;
	margin: 0;
	padding: 10px;
	background-color:#0FF; 
}

#popup_image_left {
	position: relative;
	top: 0px;
	left: 0;
	width:auto;
	height:auto;
	visibility: inherit;
}

#dive_img_small {
	width:200px;
	height:auto;
	border:none;
}