@charset "iso-8859-1";
body
{
    width: 993px;
	font: 18px verdana; color: #000000; background: #FFFFFF;
}
/* these are the font styles for the links that appear on your web page */
a:link {font:   12px verdana; color: #000000; text-decoration: underline;} 
a:active {font: 12px verdana; color: #0D24FB; text-decoration: underline;}
a:visited {font: 12px verdana; color: #990000; text-decoration: underline;}
a:hover {font:  12px verdana; color: #0D24FB; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/
	
.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 0px #9999CC;
}

h2 { font-size: 13px; color: #003399; padding: 10px 0 5px 0; margin: 0; }
a { color: #003399; }
a:hover { color: #CA3300; }
img { border: none;}
ul {  padding: 0; margin: 0;}
li { list-style-type: none;} 


.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}



.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #92BEFF;
    color: #0033FF;
	border: solid 1px BLACK;
	font-face: verdana;
    font-weight: bold;
    font-size: 26px;
	padding: 10px 20px 10px 20px;
}

.title2 
{
    color:  #000000;
	font-face: verdana;
    font-weight: bold;
    font-size: 18px;

}

.title3 
{
    color:  #000000;
	font-face: verdana;
    font-weight: bold;
    font-size: 13px;

}
.titlemargin
{
	margin: 10px 0px 10px 0px;
}

.subtitle 
{
	color: #000066;
	font-face: verdana;
    font-weight: bold;
    font-size: 10px;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: verdana;
    font-size: 13px;
    padding: 0px;
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 180px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 170px;
}

.sidebar
{
    width: 150px;
     /* remove this to allow different-sized sidebars */
    background-color: #FFFCC;
    color: #000000;
	font-size: 10px;
    font-weight: ;
    padding: 10px 0px 5px 0px;

}

.sidebar1
{
    width: 150px;
     /* remove this to allow different-sized sidebars */
    background-color: #FFFCC;
    color: #000000;
	font-size: 12px;
    font-weight: ;
    padding: 10px 0px 5px 0px;

}

.sidebar2
{
    width: 150px;
     /* remove this to allow different-sized sidebars */
    background-color: #FF6633;
    color: #000000;
	font-size: 12px;
    font-weight: bold;
    padding: 10px 0px 5px 0px;

}

.sidebaritem
{
    width: 140px;
    background-color: #FFFFCC;
    color: #5675A5;
    border: solid 1px #00CCFF;
    font-size: 10px;
    padding: 2px;
    margin-bottom: 3px;

}
.sidebaritem1
{
    width: 140px;
    background-color: #990000;
    color: #0000FF;
    border: solid 1px BLACK;
    font-size: 10px;
    padding: 2px;
    margin-bottom: 3px;

}
.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}

.footer
{
	background-color:#FFFCC;
	font-size: 10px;
	font-face: verdana;
	text-align: center;
}
 
 
 TABLE.tabelcat{
		background-color: #FFCC00;
		border: 1px solid #0099CC;
		width: 190px;
		margin-bottom: 12px;
	}
	TD.cattitel{
	width: 190px;
		padding: 2px;
		font-family: Verdana;
		font-size: 12px;
		font-weight: bold;
		color: #990000;
		
	}
	TD.links{ 
	width: 190px;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Verdana;
		font-size: 12px;
		color: #990000;
	}
	td.links a:link{color:;}
	td.links a:active{color:;}
	td.links a:visited{color:;}
	td.links a:hover{color:;}
	td a:link{color:;}
	td a:active{color:;}
	td a:visited{color:;}
	td a:hover{color:;}
	TABLE.footer a:link{color:#FFFFFF;text-decoration: none;}
	TABLE.footer a:active{color:#FFFFFF;text-decoration: none;}
	TABLE.footer a:visited{color:#FFFFFF;text-decoration: none;}
	TABLE.footer a:hover{color:#FFFFFF;text-decoration: none;}
	TABLE.header{

		font-family: verdana;
		font-size: 12px;
		color: #006699;
	}
	TABLE.footer{
		background-color: #006699;
		font-family: Arial;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper{
width: 140px;
height: 300px;
border: 0px solid black;
background-color: ;
padding: 0px;
}
 .billcontent{
width: 160;
font-size: 14px;
display:block;
}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('RONDEHOEKEN/images/blauwgeel.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 6px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #00CCFF; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #00CCFF;/* YCC: color & properties of the right-borderline */
	background: #FFFFCC;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.gap-saver {
     height: 1px; 
     margin: 0 0 -1px 0;
     padding: 0;
     font-size: 1px; /* to correct IE */
     }