/*styles fuer a href links*/

a { text-decoration: none; color: fuchsia }
a:link { text-decoration: none; color: fuchsia }
a:visited { text-decoration: none; color:fuchsia }
a:hover { text-decoration: none; color:#ff6300 }
a:active { text-decoration:none; color:red}
/*style fuer indent anstatt weissen ------*/
.indent{text-indent: 20px}

a img {border: 1px solid #aaaaaa;}


/*seiten container*/
#container{width:690px;margin: 0px auto;}

/*menu/navigations links div die links 'schwebt'*/

#menu
{
/*Hallo Beate, ich habe die breite von 400px auf 
200px runtergesetzt damit der text nicht so nach rechts gedrueckt wird. NM 22/02/07*/
width:166px;
margin-left:13px;

float:left;
font-size: 10pt;
line-height: 22px;
font-family: monospace;
}

/*styles fuer die links liste, eine links liste XHTML standard*/

#menu ul {
list-style-type:none;
}

#menu ul {
padding:0;
margin: 0;
}

#menu > ul > li > ul {
padding-left: 0px;
display:none;
}

#menu > ul > li > ul > li > ul {
padding-left: 0px;
display:none;}
 
#menu > ul > li > ul > li > a {
color: #33ff33;
}

#menu > ul > li > ul > li > a:hover {
color: #009999;
}

#menu > ul > li > ul > li > ul > li > a {
color: #00ffff;
}

#menu > ul > li > ul > li > ul > li > a:hover {
color: #6633ff;
}


/*styles fuer die untergeordneten listen punkte*/

#submenu {
margin: 30px 0 30px 30px;
padding: 0;
list-style-type:none;

}
#subsubmenu {
margin: 10px 0 10px -30px;
padding: 0;
list-style-type:none;

}

/*style fuer den text block*/
#text{
width:490px;
/*Hallo Beate ich hab das mal rausgeholt 
weil der Text sonst so nach rechts springt. NM 22/02/07*/
float:right;
margin-left:5px;
font-size: 10pt;
color: #000000; 
line-height: 20px;
font-family: monospace;
position:relative;
}

#text h1{
display:none;
}

#footer{clear:both;
font-size: 12px;
color: #808080; 
line-height:50px;
font-family: monospace;
margin-left:200px;}

.blau
{
font-size: 14px;
color: rgb(156, 204, 0);
line-height: 22px;
font-family: monospace;
}

.grey
{
font-size: 12px;
color:#999999;
line-height: 22px;
font-family: monospace;
}


#text ul
{
border-left: 1px solid #999999;
padding-left:10px;
margin-left: 10px;
list-style-type:none;

}






.small
{
font-size: 10px;
}

.confirm
{
font-size: 10px;
color: #22bb00;
}

.error
{
font-size: 10px;
color: #990000;
}

.unfold:before
{
content: url(../layout/images/icon_plus.png);
}

.unfolded:before
{
content: url(../layout/images/icon_minus.png);
}

.unfold > div 
{
display: none;
}

.unfold , .unfolded {
cursor: pointer;
padding-left:5px;
}

.red {
color: fuchsia;
}

.grn {
color: #33ff33;;
}

.tks {
color: #00ffff;
}