/* CSS Document */
body {
    margin:0; padding:0;
	background:#ffe;
	font: 100.01%;
 	font-family: Verdana, Arial, Helvetica, sans-serif, normal;
	line-height:140%;
}
html > body { /* Gilt nicht für IE */ 
	max-width: 1020px; min-width: 780px; } 
* html body { /* Gilt nur für IE */ width: 900px; }



/*Schriftypen	*/
h1 { text-align:left; font-size:1.4em;font-weight:bold; color:#060; margin: 0.6em 0;  padding:0.4em; background-color:#ffc; }
h2 { font-size:1.2em;font-weight:bold; color:#060; margin: 0.4em 0; padding:0.2em; background-color:#ffc;}
h3 { font-size:1em;  margin: 0.5em 0 ;  background-color:#ffc;  font-weight:bold;  color:#060;}
/*h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size:16px; }*/
h4 { font-size:0.8em;color:#060;  margin: 0.5em 0;   background-color:#ffc;}
bb { color:#060;font-weight:bold; padding: 0.1em;  margin: 0.1em 0; background-color:#ffc;} /*bold blue */
p,td,th,address,b,i { font-size:0.85em; font-stretch:narrower; }
/*p,ul,ol,li,div,td,th,address,blockquote {padding:2px;}*/

hr {color:#00a;}
#box-dashrot {float:right;margin-left:2; border-width:2px; border-style:dashed; border-color:#c00; 
				color:#009;line-height:100%; font-size:0.8em;padding: 0.5em;}

#comment{
	padding:0 2 0 2; 	 /*oben, rechts, unten, links */   /* */
	font-size: 85%; line-height:110%; color: #006; font-stretch:narrower;
}

ul { line-height:120%; }
ul li {margin: 0.2em 0.2em; font-size:0.75em; }

.compact {margin: 0 2em 0 2em; line-height:120%; font-size:0.75em;}
#negh1   {padding-top:-1.5em;} 				/* negative Einzug Höhe */

.xlarge {font-size: 1.8em}
.large {font-size: 1.4em}
.medium {font-size: 1.1em}
.norm {font-size: 1.0em}
.small {font-size: 0.8em; line-height:120%;}
.xsmall {font-size: 0.7em; line-height:120%;}

.rot {	color: #900;}

.nav { background-color:#b2c3e1; }			/*mittel blau */
.qbar { background-color:#e5ebf5; }  		/* hellblau */
.nodec {text-decoration:none;}

.rot { color:#990033;}
.blau {color: #008;}
.grün {color:#080;}
.hgrün {color:#c0ffc0;}
.mblue {color:#b2c3e1;}
.lblue {color:#e5ebf5;}
.bgcol {color:#fdfbef;}
.llblue {color:#8080ff;}
.hgelb {color:#ffffc0;}

.mbluebox{ background-color:#b2c3e1;padding:6px; margin:0px; }
.lbluebox{ background-color:#e5ebf5;padding:6px; margin:0px; }

a:link { color:#118; text-decoration:underline; }
a:visited { color:#118; text-decoration:underline; }
a:active { color:#808; text-decoration:none; }
a:hover { color:#933; text-decoration:none; background-color:#ff8;}
a.an { text-decoration:none; }

/* 												N A V I G A T I O N  horzontal */
#navhorizont ul {
	text-align: left; padding:0px; padding-left: 20px; margin: 0px;
	/* cancels gap caused by top padding in Opera 7.54 */
	background-color: #048;color: white; width: 100%;
	line-height: 1.0em;
	/* fixes Firefox 0.9.3 */}
#navhorizont ul li{
	display: inline;  font-size:0.7em;
	padding0; 
	/* matches link padding except for left and right */
	}
#navhorizont ul li a{
	padding-left: 6px;padding-right: 6px;padding-bottom: 2px;padding-top: 0px;
	color: white;text-decoration: none;border-right: 1px solid #fff;}
#navhorizont ul li a:hover{
	background-color: #369;color: white;}
#navhorizont #active { border-left: 1px solid #fff; }
* html div#navhorizont ul{
	height:1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding:2px; padding-left: 10px; 
}
/*HTML CODE
<div id="navhorizont">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li> ...
<li><a href="#">Item five</a></li>
</ul>
</div>
*/
#box {
position:absolute; top:50px; left:50px; 
z-index:3;}

/* Infobox! */
#ibox a {
color:#ffffff;
background:#b3b06c;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}

#ibox a:hover {
color:black;
background:#ddd8b7;
width:400px;}

#ibox a span {display:none;}

#ibox a:hover span {
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
/* Aufruf:  http://aktuell.de.selfhtml.org/artikel/css/infobox/
<div id="ibox"><a href="#">INFOBOX<span>Lorem ipsum dolor sit amet</span></a></div>
*/
.floatright{
	float: right; margin: 0 0 10px 10px;
	clear: right;		/* Effekt ist Stapeln	*/		/*	*/
}