#contents {
  position: absolute;
  z-index:2; 
  left:3%;
  top:15%; 
  padding:0 10em 3ex 19em; 
  color:#000;
  display:block;
  line-height:140%;
  overflow:visible;
}


body {
  font-family: ms trebuchet,arial, sans-serif;
  background: #fff url(images/bg_all.jpg);
}
/* 
1280 1024 17 -- 75.2941176
1152 864 14 -- 82.2857143
1024 768 12 -- 85.3333333
800 600 9 -- 88.8888889
0.11767 * x + 1.8774
*/
#bgimg, #bgimg1 {
  position: absolute; 
  left: 0;
  top: 0;  
  padding:0;
  margin:0;
  border:0;
  width:100%;
  height:100%; 
}
body > #bgimg { position: fixed; }
body > #bgimg1 { position: fixed; }

#logo {position:absolute;text-align:right;top:3%;z-index:104;height:9%;width:91%}
body > #logo { position: fixed; }
#logo img {height:100%;width:auto;}

/* -------------- start fixed footer: */
#bgimg_fixed {
  position: absolute; 
  left: 0;
  top: 0; 
  padding:0;
  margin:0;
  border:0;
  width:100%;
  height:100%; 
}
body > #bgimg_fixed { position: fixed; }

div#footer_fixed { position:absolute; left:0;bottom:0;width:100%;padding:0;margin:0;border:0; height:8%;z-index:40;}
body > div#footer_fixed { position: fixed; }
#footer_fixed p {position:absolute;top:0;right:4em;text-align:left;font-size:80%;color:#666;margin-top:2ex;}

#footspace {}

/* -------------- end fixed footer: */


#spruch {
  position: absolute; 
  left: 4%;
  bottom: 19%; 
  padding:0;
  margin:0;
  width:10em;
  z-index:106;
 overflow:hidden;
 font-size:80%;

}
body > #spruch { position: fixed; }



/* ------------- end fixed footer: */

#header {
  z-index:100;
  height:11%; 
  color:#000;
  width:100%;
  position: absolute; left: 0; top: 0; padding:0;margin:0;}
body > div#header { position: fixed; }

#headline {
  z-index:101;
  top:3%;
  left: 1%;  
  color:rgb(140,140,140);
  font-size:1.2em;
  font-weight:bold;

  position: absolute; padding:0 0 0 3em;margin:0;}
body > div#headline { position: fixed; }


#lang {
  position: absolute; 
  left: 1.8em; 
  top: 11%; 
  padding:0;
  margin:-22px 0 0 0;
  z-index:107;
  color:#666;
}
body > div#lang { position: fixed; }


img, img a {
	border:0;
}



.invisible {
  speak:normal;
  display:none;
}


p {
	padding:.5ex 0;
	margin:0;
}

#contents ul {margin:0 0 2ex 1em;padding:0}
#contents ol {margin:0 0 2ex 2.2em;padding:0;position:relative;} 
#contents ol li {margin-left:-.5em; padding-left: .5em;}

/* Links -------------------------------------------------------------------------- */

/* writing #contents here is not possible because of IE 8 (or more IE versione) bug cascading link styles 
it is unpossible to modify link settings for child elements img using id's and classes! */
a:link {color: #333;text-decoration:none;border-bottom:#333 1px solid;}
a:link:hover, a:active, a:focus {background-color:#fff;color:#000;border-bottom:#000 1px solid;text-decoration:none}
a:visited {color: #333;text-decoration:none;border-bottom:#666 1px solid}

.epwlink {color: #666;text-decoration:none;border-bottom:#666 1px solid}
.epwlink:hover, .epw_link:active, .epw_link:focus {background-color:#fff;color:#000;text-decoration:none;border-bottom:#000 1px solid}
.epwlink:visited {color: #666;text-decoration:none;border-bottom:#666 1px solid}

#lfooter {color: #000;text-decoration:none;border-bottom:none}
#lfooter:hover, #lfooter:active, #lfooter:focus {background-color:#666;color:#fff;text-decoration:none;border-bottom:none}
#lfooter:visited {color: #000;text-decoration:none;border-bottom:none}

a.tooltip {text-decoration:none;border-bottom: 1px solid}
a.tooltip:hover {background:transparent; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:1ex .7em;  margin-top:-20ex; height:14ex;width:26em;font-size:8pt;line-height:120%;margin-left:0;}
a.tooltip:hover span{display:block; position:absolute; background:#fff; border:2px solid #999; color:#000}

span.tooltip {text-decoration:none;border-bottom: 1px solid;display:inline;}
span.tooltip:hover {background:transparent; text-decoration:none;} /*BG color is a must for IE6*/
span.tooltip span.outertool {background: url(../images/tooltip.gif); display:none; margin-top:-24ex; height:22ex;width:50%;font-size:8pt;line-height:120%;margin-left:0;}
span.tooltip:hover span.outertool {position:absolute;display:block;}
span.tooltip:hover span.innertool {display:block; padding:1ex .7em; background:#fff; border:2px solid #999; color:#000;margin-bottom:2ex;width:26em;}

/* IE bug requires specials for img links: class not working ... again an hour more work for the profit of Microsoft */
#ierequiresthis1 {text-decoration:none;border-bottom:0;background:transparent;}
#ierequiresthis1:hover, #ierequiresthis1:active, #ierequiresthis1:focus {background:transparent;border-bottom:0;text-decoration:none}
#ierequiresthis1:visited {text-decoration:none}
#ierequiresthis2 {text-decoration:none;border-bottom:0;background:transparent}
#ierequiresthis2:hover, #ierequiresthis2:active, #ierequiresthis2:focus {background:transparent;border-bottom:0;text-decoration:none}
#ierequiresthis2:visited {text-decoration:none}
#ierequiresthis3 {text-decoration:none;border-bottom:0;background:transparent}
#ierequiresthis3:hover, #ierequiresthis3:active, #ierequiresthis3:focus {background:transparent;border-bottom:0;text-decoration:none}
#ierequiresthis3:visited {text-decoration:none}



#ilikecss {text-decoration:none;border-bottom:0;background:transparent}
#ilikecss:hover, #ilikecss:active, #ilikecss:focus {background:transparent;border-bottom:0;text-decoration:none}
#ilikecss:visited  {text-decoration:none}

#ilikecss1 a {text-decoration:none;border-bottom:0;background:transparent}
#ilikecss1 a:hover, #ilikecss1 a:active, #ilikecss1 a:focus {background:transparent;border-bottom:0;text-decoration:none}
#ilikecss1 a:visited {text-decoration:none}


#bottomNav a {text-decoration:none;border-bottom:0;background:transparent}
#bottomNav a:hover, #bottomNav a:active, #bottomNav a:focus {background:transparent;border-bottom:0;text-decoration:none}
#bottomNav a:visited {text-decoration:none}



/* Menu ----------------------------------rgb(212,232,229)---------------------------------------- */



.menue {
  z-index:107; /* must be before contents, because of FF: links not clickable even if contents has margin there */ 
  color:#000;
  position: absolute; 
  left: 2em;
  top: 15%;   
  padding:1ex 0 0 0;
  border:0;
  font-size:90%;
  margin:0;
  /*  margin-top:2%; */
}
body > div.menue { position: fixed; }


.menue ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right; 
}

.menue li {
	margin:0;
	padding:0;
	display:block;
	text-align:right;
	height:4ex;
}

.menue li a:link, .menue li a:visited {
	display:block;
  text-decoration:none;
  font-weight:bold;
  color:#666;
  background: transparent url(../images/bull_off1.gif) no-repeat right center;
  padding-right:2em;
  border:0
}


.menue li a:hover, .current {
	display:block;
	text-decoration:none;
  font-weight:bold;
  color:#000;
  background: transparent url(../images/bull_on1.gif) no-repeat right center;
  padding-right:2em;
  border:0
}

.menue li a:active,.menue li a:hover { border:0;outline: none; padding-right:2em;background: transparent url(../images/bull_on1.gif) no-repeat right center;}

/* Headings -------------------------------------------------------------------------- */

h1 {
	font-size: 150%;
	padding:0 0 .7ex 0;
	color:#666;
	margin:0; /* top margin has different effects in different browsers -- unclear to what % value refers! */
	line-height:120%;
	font-weight:bold;
	letter-spacing: .1em;
	/* margin-top:2%; */
}

h2 {
	font-size: 100%;
	color:#000;
	margin: 2ex 0 0 0;

}


h3 {
	font-size: 100%;
	padding: 0;
	color:#000;
	margin: 2ex 0 0 0;
}

/* Tabelle -------------------------------------------------------------------------- */
.StandardTable {
  font-family: Arial, sans-serif;
  line-height:120%;
  text-align:center;
  font-size:75%;
  margin-top:4ex;
}

/* Form  -------------------------------------------------------------------------- */



.inpt {
width:100%;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size: 90%;
}

.txt {
width:100%;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size: 90%;
height:8ex;
}

.fform {

}



input.button {
cursor: pointer;
font-weight:bold;
font-size: 90%;
}

.button:hover {
 background-color:#666;
 color: #fff;
}


input, textarea {
background: #fff;
border:solid 1px #999;
padding: .5ex;
}



input:focus, textarea:focus {
border:solid 1px #000;
background: #fff;
}

label {}




/* Rest -------------------------------------------------------------------------- */

#contents li {padding-top:.7ex}

blockquote, q, cite {font-style:italic;font-size:99%}
/* IE 8 changes quotes on mouse over - independent on whether a link etc. exists or not 
No workaround found!*/


.pagetop {text-align:right;}



#soundspan {display:block;height:0;} /* to avoid scrollbar appears */



#imgpopup p {text-align:center}



#switch_css {
  position: absolute;
  z-index:203;
  top:95%;
  left:9%;
}
body > #switch_css { position: fixed; }


.rightflow {float:right;margin:0 0 4ex 2em;border:#999 2px solid}


hr {margin:.5ex 1em 0 0;padding:0}

#anothergreatcssfeature1, #anothergreatcssfeature2 {border-style:none;} 

@media print {

#bgimg_fixed,#bgimg_fixed img,#footer_fixed, #bgimg, #bgheader, .menue, #menuimg, #bgfooter, .notnoscript,  #switch_css_back, #switch_css_back img,#footer, #switch_css, #switch_css img {display:none}
#contents {margin:0;padding:0;width:100%}

.top_h2 {margin-top:3ex}


}