body
{
    margin: 5px 10px 20px 10px ;
    font-family: Arial;
    font-size: smaller;
}
#trcaption
{
	font-family: Georgia, sans-serif;
	font-size: 6vw;
	letter-spacing: -1px;
	color: #0000CC;
	text-shadow:#AAAAAA 4px 4px 3px;
	line-height:60px;
	cursor:default;
	text-align:center;
}
.trmaintable
{
	width:98%; 
}
.treecolumn
{
    vertical-align: top;
    font-size:12px;
	padding:3px; 
    border-style:inset;
    border-color:#CCCCCC;
    border-width:thin;
    margin:5px;
	border-radius:5px;
	box-shadow: 4px 4px 6px #003366;

}
.trcontentscolumn
{
    vertical-align: top;
}
.single span,.expanded span,.collapsed span,.last span
{
     cursor:pointer;    
}
.single span,.last span
{
    margin-left: 15px;
}
.collapsed ul
{
    display:none;
}
.tree,.tree ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.tree ul
{
  padding-left: 15px;
}

.image
{
    vertical-align: middle;
}
.regular
{	padding:2px;
	color: #0000CC;
	text-shadow:#999 1px 1px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:3vw;
	font-weight: normal;
	line-height: 3.2vw;
}
.selected
{
	padding:1px;
	color: #FFF;
	text-shadow:#000 1px 1px 1px;
	background-image: url(/Zubehoer/blue.png);
	border:#000000 thin solid;
	border-radius:2px;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 3.2vw;
    font-weight: normal;
    line-height:3.4vw;
}
.highlighted
{
	padding:1px;
	text-shadow:#000 1px 1px 1px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(/Zubehoer/maroon.png);
	background-repeat: repeat;
	border-radius:2px;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 3.2vw;
    font-weight: normal;
    line-height: 3.4vw;
}
.tree li
{
  margin: 0;
  padding: 0 ;
  line-height: 19px;
  color: #369;
  font-weight: bold;
  vertical-align:bottom;
}
#nodes{
	width:98%;
}