.tiny{ font-family: arial; font-size: 0px;  font-weight: normal; color:#E2E2E2;}
.small { font-family: arial; font-size: 8pt;  color: blue;}
.artikel {	font-family: arial;	font-size: 9pt;	color:black; text-align : justify;	vertical-align : top;}
.block {	font-family: arial;	font-size: 10pt;	color:black; text-align : justify;	vertical-align : top;}
a.nav {	font-family: arial;	font-weight: bold;	font-size: 10pt; color: #4D0000;	text-decoration : none; list-style-type: none;}
a:hover.nav { font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none; list-style-type: none; }
a:active.nav {	font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none; list-style-type: none;}

h1{	margin : 0; font-family:  arial; font-size: 16pt; color: black;}
.normal { font-family:  arial;	font-size: 10pt; color:black;}
.fett { font-family:  arial;	font-size: 10pt; color:black; font-weight: bold;}
.rot {font-family:  arial;	font-size: 10pt;  color:#990000; font-weight: bold;}
.fettgross { font-family:  arial;	font-size: 11pt; color:black; font-weight: bold;}
.design { font-family:  arial;	font-size: 8pt; color:black; text-decoration:none;}
a.design:hover {color:a00;}
td.titel {	line-height : 14px;}
ul.punkt{	list-style-image : url(../layout/images/hauptteil/images/punkt.jpg);}
h1.start{	margin : 0; font-family: arial; font-size: 18pt; color: black;}
td{font-family:  arial;	font-size: 10pt; color:black;}
a.schwarz {	font-family: arial;	font-weight: bold;	font-size: 10pt;	color: black;	text-decoration : none;}
a:hover.schwarz { font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none; }
a:active.schwarz {	font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none;}
a.artikel {	font-family: arial;		font-size: 9pt;	color: black;	text-decoration : underline;}
a:hover.artikel { font-family: arial;	font-size: 9pt;	color: #ff9900;	text-decoration : underline; }
a:active.artikel {	font-family: arial;	font-size: 9pt;	color: #ff9900;	text-decoration : underline;}
a.link {	font-family: arial;		font-size: 10pt;	color: black;	text-decoration : underline;}
a:hover.link { font-family: arial;	font-size: 10pt;	color: #ff9900;	text-decoration : underline; }
a:active.link {	font-family: arial;	font-size: 10pt;	color: #ff9900;	text-decoration : underline;}
a.grey {	font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ADADAD;	text-decoration : none;}
a:hover.grey { font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none; }
a:active.grey {	font-family: arial;	font-weight: bold;	font-size: 10pt;	color: #ff9900;	text-decoration : none;}

a.knallrot {	font-family: arial;	font-size: 10pt;	color: red;	font-weight: bold;}
a:hover.knallrot {	font-family: arial;	font-size: 10pt;	color: #990000;	font-weight: bold;}
a:active.knallrot {	font-family: arial;	font-size: 10pt;	color: #990000;	font-weight: bold;}

a.red {	font-family: arial;	font-weight: bold;	font-size: 11pt; color: #990000;	text-decoration : none;}
a:hover.red { font-family: arial;	font-weight: bold;	font-size: 11pt;	color: #ff9900;	text-decoration : none; }
a:active.red {	font-family: arial;	font-weight: bold;	font-size: 11pt;	color: #ff9900;	text-decoration : none;}






body {	margin: 0 0 0 0;	padding: 0 0 0 0; behavior: url(../../csshover.htc); font-size: 100%; margin: 0; font-family: arial; font-size: 10pt;}

/* AUFBAU */
.logo {position: absolute; left: 165px; background-color: white; width: 798px; height:175px; }
.menuleiste1 {	position: absolute;left: 50px;top: 175px;	width: 135px;}
.menuleiste2 {	position: absolute;left: 50px;top: 285px;	width: 135px;}
.menuleiste3 {	position: absolute;left: 50px;top: 396px;	width: 135px;}
.menuleiste4 {	position: absolute;left: 50px;top: 597px;	width: 135px;}
.menuleiste1 a, .menuleiste2 a, .menuleiste3 a, .menuleiste4 a {
	font: bold 12px/16px arial, helvetica, sans-serif;
	color: #02006C;
	text-align: center;	
	text-decoration: none;	
	text-transform: uppercase;
}
.menuleiste1 a:hover, .menuleiste2 a:hover, .menuleiste3 a:hover, .menuleiste4 a:hover {color: #a00; text-decoration: none;}



.gie{	position: absolute;	left: 40px;	top: 85px;}
.kalkstar{	position: absolute;	left: 40px;	top: 85px;}
.osmose{	position: absolute;	left: 25px;	top: 75px;	}


.rand {position: absolute; left: 178px; top:175px; width:800px; background-color:white;}

#unsichtbar {display:none;visibility:hidden;}


/* AUFBAU Untermenü */
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}




#menu {
position: absolute;
top: 510px;
left: 55px;
width: 125px;
background: #fff;

}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 125px;

}

#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	text-align: left;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #E5E5E5 #BBBBBB #999 #D7D5D5;
	margin: 0;
	padding: 2px 3px;
}

#menu h2 {
color: #02006C;
background: #fff;
text-transform: uppercase;
}

#menu a {
color: #02006C;
background: #fff;
text-decoration: none;
text-transform: uppercase;
}

#menu a:hover {
color: #a00;
background: #E4E4E4;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/** AUFBAU FERTIG **/