/* CSS for rounded borders
================================================*/

.bt {
		background:url(img/box.gif) no-repeat 100% 0;
		margin:0 0 0 31px;
		height:31px;
}

/* Top left corner */
.bt div {
		height:31px;
		width:31px;
		position:relative;
		left:-31px;
		background:url(img/box.gif) no-repeat 0 0;
}

/* Bottom border and right corner */
.bb {
		background:url(img/box.gif) no-repeat 100% 100%;
		margin:0 0 0 31px;
		height:31px;
}

/* Bottom left corner */
.bb div {
		height:31px;
		width:31px;
		position:relative;
		left:-31px;
		background:url(img/box.gif) no-repeat 0 100%;
}

/* Left border */
.i1 {
		padding:0 0 0 31px;
		background:url(img/borderleft.gif) repeat-y 0 0;
}

/* Right border */
.i2 {
		padding:0px 31px 0 0; /* oben rechts unten links */
		background:url(img/borderright.gif) repeat-y right top;
		background-color:#ffc;
}
/* CSS for the box ends here */