/* FIX THE FIELDSET & LEGEND */
/* Also put the following in HTML:

<style>

fieldset{
/border: 1px solid #CFCFC5;
}
</style>

*/

fieldset
{
	-moz-border-radius: 6px;
}

legend
{
	color: #6085B2;
	margin: 2px;
}

/* END FIELSET FIX */


.clearer {clear: both;}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	background-color:#FFFFFF;
	text-align:left;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}
p,h1,h2
{
	margin-top: 4px;
	margin-bottom: 4px;
}
.footer
{
	margin-top: 0px;
	font-size:10px;
	text-align:center;
}
input
{
	border:#CCCCCC solid 1px;
}

.verplicht
{
	border:#FFBBBB solid 1px;
}
.border
{
	background-color:#ECF5FF;
	display:block;
	padding:10px;	
	border:#0088EE solid 1px;
	margin-top:5px;
	margin-bottom:5px;	
}
.prijs
{
	font-size:14px;
	font-weight:bold;
	color:#0066CC;
}
.grijs
{
	color:#999999;
}

/* **** Rounded box **** */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
	background-color: transparent;
	background-image: url(/pics/roundedbox.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.cssbox {
	width: 785px !important;/* intended total box width - padding-right(next) */	
	width: 785px; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 20px auto; /* use to position the box */ 
	margin-top: 5px;
	margin-bottom: 5px;
}
/* set the top-right image */
.cssbox_head
{
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2
{
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size:14px;
}
/* set the lower-left corner image */
.cssbox_body
{
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 15px 0 30px 30px; /* mirror .cssbox_head right/left */ 
}

/* ****************************************** new ************************ */

.cssbox2, .cssbox_body2, .cssbox_bottom, .cssbox_head2, .cssbox_head2 h2
{
	background-color: transparent;
	background-image: url(/pics/roundedbox.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.cssbox2 {
	background-image: url(/pics/roundedbox_bg.png);
	background-repeat: repeat-y;
	width: 785px !important;/* intended total box width - padding-right(next) */	
	width: 785px; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 20px auto; /* use to position the box */ 
	margin-top: 5px;
	margin-bottom: 5px;
}
/* set the top-right image */
.cssbox_head2
{
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head2 h2
{
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size:14px;
}
/* set the lower-left corner image */
.cssbox_body2
{
	background-image: url(/pics/roundedbox_bg.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 15px 0 30px 30px; /* mirror .cssbox_head right/left */ 
}
.cssbox_body2
{
	background-position: 0 -120px; /* bottom left;*/
	margin-right: 25px; /* interior-padding right */
	padding: 15px 0 0px 30px; /* mirror .cssbox_head right/left */ 
}

/* set the lower-left corner image */
.cssbox_bottom
{
	background-position: bottom left;
	margin-right: -10px; /* interior-padding right */
	padding: 15px 0 0 0; /* mirror .cssbox_head right/left */ 
}



/* **** Rounded box END *** */

.fancytable
{
	font-size:11px;	
	background-color:#EEEEEE;	
}
.fancytable th
{
	background-color:#ECF5FF;
	text-align:left;
	font-weight:bold;
}
.fancytable td
{
	font-size:11px;
	/*background-color:#FFFFFF;*/
}

table.fancytable td {
	border: 0px;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
}
table.fancytable tr.d0 td {
	background-color: #F0FAFF;
}
table.fancytable tr.d1 td {
	background-color: #FFFFFF;
}


/* Mouse-over pop-up tooltip
Usage: This is <a class="info" href="javascript:void(null);">some text<span>This is the tooltip</span></a> which you have. */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;	
    text-decoration:none;}
	
a.info:hover{z-index:25; background-color:#fff;}
a.info span{display: none;}

a.info:hover span{
    display:block;
    position:absolute;
    left:-10px;
	top:10px;
    /* border:1px solid #CCCCCC;
    background-color:#FFFFEA; color:#000;
	padding:8px;
	*/	
	white-space:nowrap;
    text-align:left;
	text-decoration:none;
	}

/* Make an image opaque */
.opaque { filter: alpha(opacity:25); -moz-opacity:0.23; opacity:0.25 }

.bigbutton
{
	margin-top:8px;
	margin-right:3px;	
	width:115px;
	height:30px;
}

.mediumbutton
{
	margin-top:8px;
	margin-right:3px;	
	width:85px;
	height:30px;
}

h1
{
	font-size:18px;
	font-weight:bold;
}
h2
{
	font-size:14px;
	font-weight:bold;	
}
h3
{
	font-size:13px;
}




/** RSS FEEDS **/

.rssfeed {
	font-size:11px;
	font-family: Verdana, sans-serif;
}

.feed_title
{
	font-weight: bold;
}
.feed_description
{
	margin-top:4px;
	display:block;
}
.feed_description a
{
	text-decoration:none;
}
.feed_description img
{
	margin-right:4px;
}
.feed_link
{
	margin-top:6px;
	display:block;	
	margin-bottom:6px;
}
.feed_hr
{
	height: 1px;
	color:#eeeeee;
}