body {
background-color:#887B66;

/*	background-image:url(../pics/metal.gif);	*/
font-family:Verdana,Times New Roman, Times;
font:Verdana;
font-size:12px; 
color:#FFFFFF;
}
.test {
position:absolute;
top:100px;
left:150px;
}
.headline {
font-weight:700;
font-size:11px;
position:absolute;
top:110px;
left:162px;
text-align:left;
}
.tm {
font-weight:900;
font-size:14px;
color:#FFFFFF;
position:absolute;
top:80px;
right:20px;
left:expression(document.body.clientWidth < 650 ? "422px" : document.body.clientWidth -226);
text-align:right;
z-index:50;
}
.hline {
background-image:url(../pics/hline.gif);
background-repeat:repeat-x;
position:absolute;
height:1px;
top:124px;
left:140px;
width:250px;
z-index:20;
}
.vline {
background-image:url(../pics/vline.gif);
background-repeat:repeat-y;
position:absolute;
height:expression(document.body.clientHeight < 450 ? "330px" : document.body.clientHeight-124);
top:124px;
left:140px;
width:1px;
z-index:20;
}
.verlauf_top {
position:absolute;
top:124px;
left:10px;
width:expression(document.body.clientWidth < 650 ? "609px" : document.body.clientWidth -40);
background-image:url(../pics/border_top.gif);
background-repeat:repeat-x;
z-index:2;
}
.verlauf_bottom {
position:absolute;
top:expression(document.body.clientHeight < 450 ? "330px" : document.body.clientHeight - 120 + "px");
left:10px;
width:expression(document.body.clientWidth < 650 ? "610px" : document.body.clientWidth -40);
background-image:url(../pics/border_bottom.gif);
background-repeat:repeat-x;
z-index:10;
}

/* MENÜITEMS        *******************************/
#MenuItem {
margin:0px;
padding:0px;
width:130px;
cursor:pointer;
}
#MenuItem a:link, #MenuItem a:visited {
display:block;
font-size:10px;
text-decoration:none;
/*background-color:#E5E09A;*/
color:#000000;
padding:1px 0px 1px 2px;
border-bottom:0.05mm solid #AAAAAA;
height:10px;
}

#MenuItem a:hover {
color:#572717;
/*
background-color:#572717;*/
}


/* MENÜCONTENT        *****************************/
#MenuContent {
/*	background-image:url(file:///C|/WEBSITE/DynApi/pics/metal.gif);	*/
margin:0px;
padding:0px;
padding-left:4px;
}
#MenuContent a:link, #MenuContent a:visited {
font-size:9px; 
height:10px;
display:block;
width:130px;
color:#EEEEEE;
padding:1px 0px 1px 2px;
text-decoration:none;
}
#MenuContent a:active {
color:#5A5A5A;
}
#MenuContent a:hover {
color:#5A5A5A;
background-color:#CD9559;
}
#wrap {
/*background-image:url(../pics/metal_bright.gif);*/
background-color:#FFFFFF;
position:absolute;
top:130px;
left:10px;
height:expression(document.body.clientHeight < 450 ? "200px" : document.body.clientHeight -250);
width:170px;
}
#centerframe {
position:absolute;
left:10px;
top:130px;
width:expression(document.body.clientWidth < 650 ? "610px" : document.body.clientWidth -40);
height:expression(document.body.clientHeight < 450 ? "200px" : document.body.clientHeight -250);
bottom:120px;
right:20px;
min-width:650px;
min-height:220px;
padding:0px;
}
#descframe {
position:absolute;
left:10px;
top:expression(document.body.clientHeight < 450 ? "340px" : document.body.clientHeight - 108 + "px");
width:expression(document.body.clientWidth < 650 ? "609px" : document.body.clientWidth -41);
right:20px;
bottom:10px;
height:100px;
min-width:650px;
padding:0px;
overflow:hidden;
}