.body {
    scrollbar-3dlight-color:#7A8295;
    scrollbar-arrow-color:#c31b00;
    scrollbar-face-color:#7A8295;
    scrollbar-track-color:#b0b5c0;
    scrollbar-darkshadow-color:#b0b5c0;
    scrollbar-highlight-color:#b0b5c0;
    scrollbar-shadow-color:#7A8295;
}

a:link { text-decoration:none; font-weight:bold; color:#333300; }
a:hover { text-decoration:none; font-weight:bold; color:#006600; }
a:visited { text-decoration:none; font-weight:bold; color:#333300; }

.parent { 
  color: #000000;
  height: 100%;
  width: 50%;
  padding: 0px;
  margin-right: 0px;
}

.child { 
  background: #ffffcc; 
  color: #000; 
  height: 100%; 
  width: 50%;
  padding: 0px;
  
}

.colorA { background: #003300; }
.colorB { background: #ffffcc; }




/* partial opacity hack: configuration */
.opacity { 
	opacity: 0.25;		/* modern browser */
	-moz-opacity: 0.25;	/* older Mozilla browser */
	-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity25)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=25)
} 

/* partial opacity hack, part I: Don't change the following properties! */
.opacity-wrapper,
.opacity-wrapper * {
	position:relative;
}

.opacity { 
	/* partial opacity hack, part II: Don't change the following properties! */
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
} 

/* partial opacity hack, part III: IE6 support */
* html .opacity-wrapper { 
	overflow:hidden;
}
* html .opacity { 
	width: 100%; 
	height: 100%;
}

.scrolling {
    height:424px;
    width: 557px;!important; /* Für moderne Browser */
    width: 556px; /* Für IE */
    overflow:auto;
}