html, body {height: 95%; margin: 0em; padding: 0em;}
body {background: url(schlangenlinien.jpg) repeat-x #ff7300;}

p {margin-bottom: 0.6em; margin-top: 0px;}
ul {list-style-type: none; margin: 0; padding: 0;}
* {font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 16px; line-height: 140%;}
.h, .h * {font-size: 24px; line-height: 100%;}
.just, .just * {text-align: justify;}
.kleiner, .kleiner * {font-size: 14px;}

.gemittet {position: absolute; top: 50%; height: 320px; margin-top: -130px; /* eigentlich haelfte von hoehe, aber hier noch menuleiste kompensiert */}
.menu {position: fixed; top:10px; left:10px; width:auto; height:auto; padding:3px 6px; z-index:1; background:url(menubg.png); color:#E1B3F1; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.menu:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.menu, .menu * {line-height:100%; font-size: 14px;}

/*links*/
a {text-decoration: underline;}
a:link {color: black;}
a:visited {color: black;}
a:focus {color: black;}
a:hover {color: white;}
a:active {color: white;}
.menu a:link {color: #E1B3F1;}
.menu a:visited {color: #E1B3F1;}
.menu a:focus {color: #E1B3F1;}
.menu a:hover {color: #FFFFFF;}
.menu a:active {color: #FFFFFF;}

#imageDataContainer * {font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 14px; line-height: 140%;}