/* 
------------------------------------------------------------------
Rounded box css
Copyright Nico Venema
http://www.nicovenema.nl
Please leave all comments untouched when reusing.
------------------------------------------------------------------
Use in combination with following html markup:

                    <!-- rounded edge box -->
                    <div id="Roundedbox" class="roundedbox-main">
                        <!--top--> <div class="roundedbox-top"><div class="roundedbox-topleft"></div><div class="roundedbox-topright"></div></div>
                        <!--mid--> <div class="roundedbox-left"><div class="roundedbox-right"><div class="roundedbox-content">
                        <!--content--> <p>The full tutorial explaining the concept behind this page can be found here</p>
                        <!--/content--> </div></div></div> 
                        <!--bottom--> <div class="roundedbox-bottomleft"></div><div class="roundedbox-bottomright"></div>
                    </div> 

*/




/* rounded box main div, also definese bottomimage. */
.roundedbox-main 
{
	overflow: hidden;
	width: 535px;
	margin-left: 0px; /* for positioning the box on the screen */

}

/* height of corners. */
.roundedbox-top, 
.roundedbox-topleft, 
.roundedbox-topright, 
.roundedbox-bottomleft, 
.roundedbox-bottomright
{
	height: 3px;
}

/* width of corners. When changed, also change margin-left of .roundedbox-right, and margin-right of .roundedbox-content. */
.roundedbox-topleft, 
.roundedbox-topright, 
.roundedbox-bottomleft, 
.roundedbox-bottomright
{
	width: 7px;
}
.roundedbox-right
{
	margin-left: 7px;
	background-position: right;
	background-repeat:repeat-y;
	background-image: url(/images/personalrechts.gif);
}
.roundedbox-content
{
	padding: 10px;
	padding-right: 0px;
	margin-right: 10px;
	background-color: #fff4f4;
}
.roundedbox-top
{
	font-size: 0;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(/images/personalboven.gif);
}

.roundedbox-topleft
{
	font-size: 0;

	float:left;
	background-image: url(/images/personallinksboven.gif);

}
.roundedbox-topright
{
	font-size: 0;

	float:right;
	width: 10px;
	background-image: url(/images/personalrechtsboven.gif);

}
.roundedbox-left
{	
background-image: url(/images/personallinks.gif);



	background-position: left;
	background-repeat:repeat-y;
}

.roundedbox-bottomleft
{


	background-image: url(/images/personallinksonder.gif);
	height:11px;
	float:left;
}

.roundedbox-bottom
{
	font-size: 0;

	background-position: top;
	height:11px;
	background-repeat: repeat-x;
	background-image: url(/images/personalonder.gif);
}

.roundedbox-bottomright
{
	font-size: 0;

	background-image: url(/images/personalrechtsonder.gif);
	height:11px;
	width: 10px;
	float: right;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */