<html>
<head>
<title>css</title>
<style type="text/css">
<!--

#bodyno { font-family:Verdana, Arial, sans-serif; }

#body_gunnar { font-family:Verdana, Arial, sans-serif; font-size:11px; text-align:left; }

#hh { margin-left:1.5em; margin-right:1.5em; color:#000055; font-size:210%; font-weight:normal; text-align:left; padding-top:0.6em }
#h1 { margin-left:0.0em; margin-right:1.5em; color:#808080; font-size:160%; font-weight:normal; text-align:left; font-style:italic; padding:0.0em 0.0em 1.0em 0.0em; }
#h2 { margin-left:0.8em; margin-right:1.5em; color:#000055; font-size:100%; font-weight:bold; text-align:left; padding-top:0.9em }
#h3 { margin-left:0.0em; margin-right:1.5em; color:#000055; font-size:100%; font-weight:bold; text-align:left; padding-top:0.9em }
#h4 { margin-left:0.0em; margin-right:1.5em; color:#000055; font-size:65%; font-weight:bold; text-align:left; padding-top:0.9em }

#kleinst  { font-size:55%; color:#000000; text-align:left; }
#klein    { font-size:65%; color:#000000; text-align:left; }
#kleiner  { font-size:80%; color:#000000; text-align:left; }
#normal   { font-size:100%; color:#000000; text-align:left; }
#groesser { font-size:126%; color:#000000; text-align:left; }
#gross    { font-size:145%; color:#000000; text-align:left; }
#riesig   { font-size:160%; color:#000000; text-align:left; }

#bkleinst  { font-size:55%; color:#000055; text-align:left; font-weight:bold; }
#bklein    { font-size:65%; color:#000055; text-align:left; font-weight:bold; }
#bkleiner  { font-size:80%; color:#000055; text-align:left; font-weight:bold; }
#bnormal   { font-size:100%; color:#000055; text-align:left; font-weight:bold; }
#bgroesser { font-size:126%; color:#000055; text-align:left; font-weight:bold; }
#bgross    { font-size:145%; color:#000055; text-align:left; font-weight:bold; }
#briesig   { font-size:160%; color:#000055; text-align:left; font-weight:bold; }


a         { color:#000099; font-size:75%; font-style:normal; text-decoration:none; padding:0em 0.1em 0em 0em; 
	  background-image:url(./bottom.png); background-size:100% 100%; background-repeat:no-repeat; border-style:solid; border-width:0em 0.2em 0.2em 0em; border-color:#f5f5f5; margin-right:1%; }


#seite { z-index:1; position:relative; top:0em; margin-left:auto; margin-right:auto; min-height:100em; max-width:80em; }
#titel { z-index:4; position:relative; font-size:100%; top:0em; left:0em; right:0em; }

#navi {  z-index:5; position:absolute; top:11em; width:13em; padding:0.5em 0em 0.9em 0.3em; background-image:url(./navi-higrd.png); background-repeat:repeat-y; background-size:100% 100%; border-style:solid; border-width:0.3em 0.4em 0.4em 0.3em; border-color:#f5f5f5; }
#navi-gross {  z-index:8; position:relative; padding:8px 1px 17px 1px; font-size:100%; width:220px; }
#navi-klein {  z-index:8; position:relative; padding:3px 1px 7px 1px; font-size:85%; width:220px; }

#text { z-index:6; position:absolute; top:11em; left:13em; right:0em; padding:2em 0.9em 4em 0.9em; background-color:#ffffff; border-style:solid; border-width:0.3em 0.4em 0.4em 0.3em; border-color:#f5f5f5; }

#gunnar-lohmann-portrait { z-index:6; position:absolute; top:0em; left:2.5em; height:11em; }
#gunnar-lohmann-logo{ z-index:6; position:relative; top:0em; left:18em; height:7em; }


#anapurna-card { z-index:5; position:relative;  float:right; width:22em; top:0.5em; right:0.5em; padding:0em 0em 3em 1em; }

#bild-left { z-index:7; position:relative; float:left; margin:1em 0.5em 1em 0.5em; border-style:solid; border-width:0.2em 0.3em 0.3em 0.2em; border-color:#f5f5f5; padding:0.2em 0.2em 0.2em 0.2em; }

#evo-schnabel { z-index:7; position:relative;  float:left; height:17em; margin:1em 1em 1em 1em; }
#evo-fink { z-index:7; position:relative;  float:right; right:2.5em; height:11em; margin:1em 1em 1em 1em; border-style:solid; border-width:0.2em 0.3em 0.3em 0.2em; border-color:#f5f5f5; }
#evo-darwin { z-index:7; position:relative;  float:right; height:16em; margin:1em 1em 1em 1em; }
#evo-chico { z-index:7; position:relative;  float:left; height:16em; margin:1em 1em 1em 1em; border-style:solid; border-width:0.2em 0.3em 0.3em 0.2em; border-color:#f5f5f5; }
#evo-galapagos { z-index:7; position:relative; height:40em; float:right; margin:1em 1em 1em 1em; }

#kuba-left { z-index:7; position:relative; width:47%; float:left; margin:1% 0.5% 1% 0.5%; border-style:solid; border-width:0.2% 0.3% 0.3% 0.2%; border-color:#f5f5f5; padding:0.2% 0.2% 0.2% 0.2%; }
#kuba-right { z-index:7; position:relative; width:47%; float:right; margin:1% 0.5% 1% 0.5%; border-style:solid; border-width:0.2% 0.3% 0.3% 0.2%; border-color:#f5f5f5; padding:0.2% 0.2% 0.2% 0.2%; }
#kuba-comment { z-index:7; position:relative; width:98%; float:left; margin:1% 0.5% 1% 0.5%; border-style:solid; border-width:0.2% 0.3% 0.3% 0.2%; border-color:#f5f5f5; padding:0.2% 0.2% 0.2% 0.2%; }

#tibet  { z-index:7; position:relative;  width:100%; border-style:solid; border-width:0.2% 0.3% 0.3% 0.4%; border-color:#f5f5f5; padding:0.2% 0.2% 0.2% 0.2%; }

-->
</style>

</head>
</html>