* {margin:0;padding:0;border:0;}
html,body{width:100%;}
html{
	height:100%;
	background: url(images/tropfen.gif) #b6dad4 no-repeat fixed 50px 202px;
}
body{
	font-size:.9em;font-family: arial, sans-serif;color:#e2ef75;
	height:99%;
	background: url(images/linie.gif) transparent repeat-x 0px 32px;
}
#top{
	position:relative;
	width:750px;margin:auto;
	background: url(images/riffbarsch1.gif) #699991 no-repeat right 80px;
}
#inhalt{
	padding:15px;
	color:#3d746b;
	margin: 0px 30px 3px 320px;
	min-height:1px;
}
#headline{
	position:relative;
	float:left;
	padding-left:20px;
	height:380px;
	width:290px;
	top:120px;
	line-height:1.8em;
	background: url(images/riffbarsch2.gif) transparent no-repeat left bottom;
}
#text{
	margin:305px 0 0 10px;
	background-color:#fff;
	padding:15px;
	min-height:1px;
}
#text p{
	margin:.5em 0 .5em 0;
	page-break-inside:avoid;
	clear:both;
}
#text ul{margin:1em;}
#text li{margin-left:.5em;}
h1{line-height:1.2em;margin-bottom:1em;font-size:1.8em}
h2,h3{font-variant: small-caps;font-size:1.2em}
h4{clear:both;}
td,th{vertical-align:top;text-align:left;color:#3d746b;}
td p{padding:.5em;}
#text img {float:left;margin: 0 5px 5px 5px}
.red{color:#cc0033;}
a{color:#000;text-decoration:underline;}
a:hover{color:#777;}
a:visited{color:#555;}
#menu a:hover{color:#ddd;}
#menu a:visited{color:#a2af35;}
#headline a{color:#e2ef75}
#menu{
	position:absolute;
	display:block;
	clear:both;
	left:0px;
	top:32px;
	height:40px;
	width:100%;
}
#menu, #menu ul{background-color: #426244;}
#menu{
	list-style:none;
	clear:both;
	height:18px;
	padding: 10px 17px;
}
#menu ul li a{
	display:block;
	padding:6px 3px 1px 20px;
	width:140px;
}
#menu li{
	float:left;
	position:relative;
	list-style:none;
}
#menu ul,#menu li:hover ul ul{
	position: absolute;
	display:none;
	left: 0px;
	top:16px;
}
#menu a{
	padding:0 16px;
	margin-left:4px;
	border-left:1px solid;
	color:#e2ef75;
	text-decoration:none;
}
.gasgesetze #gasgesetze,
.auftrieb #auftrieb,
.programmierung #programmierung,
.waerme #waerme,

.druckausgleich #druckausgleich,
.stickstoffnarkose #stickstoffnarkose,
.lungen #lungen,
.deko #deko,
.sauerstoff #sauerstoff,
.ertrinken #ertrinken,
.organisationen #organisationen,

.abc #abc,
.ventile #ventile,
.instrumente #instrumente,
.jacket #jacket,
.anzug #anzug,
.flasche-blei #flasche-blei,
.messer-lampe #messer-lampe,

.andere #andere,
.ies #ies,
.kontakt #kontakt,

.links #links,
.literatur #literatur,

.egypt #egypt,
.kenia #kenia,

.physik #physik,
.medizin #medizin,
.ausruestung #ausruestung,
.galerie #galerie,
.mehr #mehr,
.persoenlich #persoenlich,
.start #start {border-color:#ff9;border-left-width:3px;margin-left:3px;}
#menu li:hover ul, #menu ul li:hover ul{display: block;}

.error{color:red}
label{
	display: block;
	float:left;
	padding:0 1.2em 0 0px;
	vertical-align:top;
	width:5em;color:rgb(77,105,140);
}
#webdesign{
	position:absolute;
	bottom:2px;left:2px;
}
#webdesign a, #webdesign{
	font-size:9px;
	text-align:right;
	color: #b6dad4;
	text-decoration:none;
	background-color: inherit;
}
input,textarea {border:1px solid #b6dad4;margin-bottom:2px;}
input[type=submit]{padding:2px;margin:0;}

#address,#access {display:none;}
@media print {
	body{color:#000;}
	#inhalt{margin-left:280px;}
	#menu,#toc,#background,#footer,.shadow{display:none}
	#top{background-position:top left}
	.text{border:0}
	body{width:100%;}
	#address{display:block;position:absolute;bottom:0px;left:0px;}
	#address a{text-decoration:none;color:#000; }
}
@media braille, tty{
	#access {display:block;}
}