* { box-sizing:border-box; -moz-box-sizing:border-box }

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-right-style: 5;
	border-right-color: #990000;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
}
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.textklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	border-right-style: 5;
	border-right-color: #990000;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
}

div.context a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
div.context a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}
div.context a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0033FF;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}
div.context a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}

.arrowlistmenu{
width: 150px; /*width of menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(../bilder/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 5px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
display: block;
text-decoration: none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:  url(../bilder/titlebar-active.png);
}

.arrowlistmenu a.menuheader{
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}

.arrowlistmenu a.menuheader:visited, .arrowlistmenu a.menuheader:active{
	color: white;
}

.arrowlistmenu a.menuheader:hover{
	background: black url(../bilder/titlebar-active.png)
}

.arrowlistmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.arrowlistmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu div.submenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu div.submenu ul li a{
font: 6px Arial;
color: #A70303;
background:  url(../bilder/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 0px dashed #dadada;
font-size: 80%;
}

.arrowlistmenu div.submenu ul li a:hover{
	color: #A70303;
	background-color: #F3F3F3;
}


#text { position:relative; top:0px; left:0px; }
#t1 { position:absolute; top:0px; left:0px; 
      z-index:1; 
	font-size: normal;
	font-weight: normal;
	color: #666666;
}
#t2 { position:absolute; top:0px; left:0px; 
      z-index:2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;
	font-size: normal;
	font-weight: normal;
	color: #666666;
}
#bild { position:relative; top:0px; left:0px;}
#b1 { position:absolute;  z-index:1; }
#b2 { position:absolute;  z-index:2; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}