/*===== Template =====*/

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

#main {
width: 835px;
text-align: left;
}

#header {
text-align: left;
margin-top: 30px;
margin-bottom: 10px;
}

#footer {
margin-top: 30px;
margin-bottom: 30px;
background: #E1F0F9 url(images/form_bg.gif) repeat-x;
padding: 10px;
border: 1px solid #ff0000;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
font-size: 11px;
color: #777;
}

#footer a {
color: #777;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#shaddow {
height:8px;
background: white url('../images/shaddow.gif');
}

a {
color: #00659F;
outline:0; -moz-outline:0;
}

#lightimg img {
opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#lightimg img:hover {
opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

body {

margin: 0;

padding: 0;
background:transparent url('../images/hintergrund2.jpg') 0% 0;
background-repeat: repeat-x;


}





html {
min-height: 101%;
}

.small {
font-size: 11px;
color: #000000;
}

.small1 {
font-size: 11px;
color: #000000;
text-decoration: blink;
}

form {
display: inline;
}

.formbutton {
cursor: pointer;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
border: outset 1px #ddd;
background: #999;
color: #000000;
height: 22px;
background:url(../images/form_bg.gif) repeat-x left top;
}

body, td, div {
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #656565;
}


/*===== Formular =====*/

 #box {
 color:black;
 background-color:transparent;
 position:absolute;
 z-index:1;
 background: #F3F3F3 url(../icon/01/16/44.png);
 }

 #box a {
 color:#f6e4c1;
 background-color:#b8ab8f url(../icon/01/16/44.png);
 font-family:arial, sans-serif;
 font-size:100%;
 font-weight:bold;
 text-decoration:none;
 display:block;
 padding:5px;
 border-top:2px solid #e4d9c0;
 border-right:2px solid #837c6b;
 border-bottom:2px solid #837c6b;
 border-left:2px solid #e4d9c0;
 }

 #box a:visited {
 color:#f6e4c1;
 background-color:#b8ab8f;
 }

 #box a:hover {
 color:#f6e4c1;
 background-color:#ffffff;
 text-decoration:none;
 width:400px;
 border-top:2px solid #837c6b;
 border-right:2px solid #e4d9c0;
 border-bottom:2px solid #e4d9c0;
 border-left:2px solid #837c6b;
 }

 #box a:active {
 color:#f6e4c1;
 background-color:#b8ab8f;
 }

 #box a .info {
 display:none;
 }

 #box a:hover .info {
 color:black;
 background:#ffffff;
 font:14px courier,sans-serif;
 display:block;
 padding:5px;
 text-align:justify;
 }


select:hover, 
input:hover, 
textarea:hover{ 
border: 2px solid #000000; 
color: #31709F; 
} 
select:focus, 
input:focus, 
textarea:focus{ 
background: #DFF1FF; 
border: 2px solid #999; 
color: #000; 
}


/*===== Menübar =====*/

.container { width: 850px; margin: 0 auto; }
ul#topnav { margin: 0; padding: 0;float: left;width: 850px;list-style: none;position: relative;font-size: 12px;background: url(../images/menu.png) center center repeat-x; }
ul#topnav li { float: left;margin: 0; padding: 0; }
ul#topnav li a { padding: 4px 5px; margin-left:5px;display: block;color: white;text-decoration: none; }
ul#topnav li:hover { background: #1874CD url(../images/menu.hover.jpg) repeat-x;}
ul#topnav li span { float: left;padding: 10px 0;position: absolute;font-size: 11px;left: 0; top:28px;display: none;width: 850px;background: #E1F0F9;color: #fff;-moz-border-radius-bottomright: 8px;-khtml-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-khtml-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px; }
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:black;  }
ul#topnav li span a:hover { background: #FF99FF; color:black; }

ul#topnav li {
  float: left;
  position: relative;
width:140px;
  }

.menubar {
background: #F3F3F3 url(../images/menu.png) center center repeat-x;
text-transform: uppercase;
border-style: solid
}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index: 5;
background: #F3F3F3 url(../images/blockdefault.gif) center center repeat-x;
}
.suckertreemenu ul li a{
display: block;
padding: 5px 10px;
border-left-width: 0;
text-decoration: none;
color: white;
}
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em;
display: block;
visibility: hidden;
}
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
.suckertreemenu ul li ul li ul{ 
left: 159px;
top: 0;
}
.suckertreemenu ul li ul li a{
display: block;
width: 140px;
color: black;
background-color: #f0f0f0;
text-decoration: none;
font-size: 11px;
padding: 3px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.suckertreemenu ul li a1:hover{
background: #F3F3F3 url(../images/menu.hover.jpg) center center repeat-x;
color: #000000;
}





/*===== Seitennummerierung =====*/

#seiten {
font-size:11px;
}
#seiten a {
display:block;
background-color:white;
text-decoration:none;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten a:hover {
background-color:#CCE5FF;
}
#seiten #nolink {
opacity:0.4;filter:alpha(opacity=40)
display:block;
float:left;
border:1px solid #555;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #current {
display:block;
background-color:#CCE5FF;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}
#seiten #dots {
display:block;
float:left;
padding:3px;
margin:3px;
}





/*===== Rechtsklick Menü =====*/

.contextMenu {
position: absolute;
z-index: 99999;
border: solid 1px #CCC;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: #EEE;
padding: 0px;
margin: 0px;
display: none;
}

.contextMenu LI {
list-style: none;
padding: 0px;
margin: 0px;
}

.contextMenu A {
color: #333;
text-decoration: none;
font-size:11px;
display: block;
line-height: 20px;
height: 20px;
background-position: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 21px;
}

.contextMenu LI.hover A {
color: #FFF;
background-color: #aaa;
}

.contextMenu LI.disabled A {
color: #AAA;
cursor: default;
}

.contextMenu LI.hover.disabled A {
background-color: transparent;
}

.contextMenu LI.separator {
border-top: solid 1px #CCC;
}

.contextMenu LI.edit A { background-image: url('../icon/01/10/19.png'); }
.contextMenu LI.delete A { background-image: url('../icon/03/10/01.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }
.contextMenu LI.block A { background-image: url('../icon/03/10/50.png'); }
.contextMenu LI.nachricht A { background-image: url('../icon/01/10/04.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }
.contextMenu LI.profil A { background-image: url('../icon/01/10/06.png'); }





/*===== Facebox PopIn-Fenster =====*/

#facebox .b {
background:url(../images/b.png);
}
#facebox .tl {
background:url(../images/tl.png);
}
#facebox .tr {
background:url(../images/tr.png);
}
#facebox .bl {
background:url(../images/bl.png);
}
#facebox .br {
background:url(../images/br.png);
}
#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
margin: auto;
border-collapse: collapse;
width:auto;
}
#facebox td {
border-bottom: 0;
padding:3px;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 250px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .header {
border-bottom: 1px solid #DDDDDD;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
text-align: left;
}
#facebox .footer {
border-top: 1px solid #ff0000;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 5px;
width: 5px;
overflow: hidden;
padding: 0;
}





/*===== Sternebewertungen =====*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(../images/star_small.gif);
line-height: 10px;
height: 10px;
}






/*===== FileTree Menu =====*/

UL.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
	background: #BDF;
}

.jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; }





/*===== Sonstiges =====*/

.msg {background:#f0f0f0; margin-left:55px; margin-right:55px; margin-bottom:20px; }
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#f0f0f0;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}


ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }

li {
  float: left;
  position: relative;
  }

li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

li > ul {
	top: auto;
	left: auto;
	}

li:hover ul { display: block; 
background-color: #aaa;
border-style: solid
z-index: 5;
}


li:hover ul, li.over ul{ display: block; 
background-color:#FF4040;
color:#000000;
text-decoration:none;
font-family:arial; 
font-size: 9pt; 
padding-left: 0px; 
padding-bottom: 1px;   
padding-top: 0x;
margin: 0px auto;
border:solid 1px #000000;
z-index: 5;
}

<ul id="nav">

if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;