a:link       { color: #0000FF }
a:visited    { color: #800080 }
a:active 
{
	color: rgb(0,102,102);
}
body         
{ 
	font-family: comic sans ms,arial, helvetica; 
	background-color: #bce7f4; 
	
    background-image: url("../images/background_white.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: left ;
	color: rgb(255,0,0); 
	font-weight: normal;
}

body.shop         
{ 
	font-family: comic sans ms,arial, helvetica; 
	background-color: #bce7f4; 
	
    background-image: url("../images/background_shop.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: left ;
	color: rgb(255,0,0); 
	font-weight: normal;
}
body.boards         
{ 
	font-family: comic sans ms,arial, helvetica; 
	background-color: #bce7f4; 
	
    background-image: url("../images/background_boards.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: left ;
	color: rgb(255,0,0); 
	font-weight: normal;
}

body.rnd         
{ 
	font-family: Arial, Helvetica; 
	background-color: #bce7f4; 
	
    background-image: url("../images/background_blue.gif");
	background-repeat: repeat;
	text-align: left ;
color: rgb(255,0,0); 
font-weight: normal;
}
img.top-left 
{
	vertical-align:text-top;
	position: absolute;
	left: 20px

}

img.top-right 
{
	vertical-align:text-top;
	position: absolute;
	right: 20px;

}

.lnk        
{ 
	font-family: Arial, Helvetica; 
	font-weight: bold;
   font-size: 12px; 

}


input.zoek
{
	vertical-align: middle;
	background-color: #FFFFCC;
}
input.btn
{
	background-color: #CCCCCC;
}


textarea
{
	background-color: #FFFFCC;
}


select.combo_box
{
background-color: #FFFFCC;
width: 100;
vertical-align: middle;

}
table.tbl
{
	border-collapse: separate;
	border-spacing: 0;
	/*background-color: #ffffCC;
	
	border-color: #CCCCCC;*/
	border-style: groove;
	border-width: 0;
	/*width: 80%;*/
	empty-cells: hide;
	
}
table.stat
{
	border-collapse: separate;
	border-spacing: 0;
	/*background-color: #ffffCC;*/
	
	border-color: #0000ff;
	border-style: groove;
	border-width: 1;
	/*width: 80%;*/
	empty-cells: hide;
	
}
tr
{
vertical-align: top;
}


td
{
	border-collapse: separate;
	border-spacing: 0;
	/*background-color: #ffffCC;
	
	border-color: #FFFFFF;*/
	border-style: inset;
	border-width: 0;
	/*width: 80%;*/
	empty-cells: hide;
	align: center;
	
}



.hdr{
	font-family: Arial, Helvetica; 
    background-color:blue;
	color:#FFFFCC;
	font-weight: bold;
}

.tbl_row_light{
	font-family: Arial, Helvetica; 
    background-color:#FFFFCC;
	color:blue;
	font-weight: normal;
}

.tbl_row_dark{
	font-family: Arial, Helvetica; 
	background-color:#FFFF99;
	color:blue;
	font-weight: normal;
}
.norm_text{
	font-family: Arial, Helvetica; 
	background-color:#ffcc99;
	font-size: 13px; 
	color:blue;
	font-weight: normal;
}



h1, h2, h3, h4, h5, h6
{
	font-family: Arial;
}
h1
{
    font-size:28px;
	color: #0000ff;
	font-weight: bolder;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: underline;

	text-align: center;
		margin-bottom: 10px
}
h2
{
    font-size:18px;
	color: #0000ff;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-align: left;
	margin-bottom: 1px
}
h3
{
    font-size:18px;
	color: #0000ff;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: underline;
	text-align: left;
	margin-bottom: 10px
}
h4
{
    font-size:14px;
	color: rgb(255,0,0); 
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: 10px

}
h5
{
    margin-top: 0px;
	font-size:14px;
	color: #0000ff;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: 10px;
}
h6
{
	color: rgb(153,153,102);
}

/* dit is de text property!*/
text
{
color: rgb(255,0,0); 
font-weight: normal;
}

/* property for news banner */
.newsclass
{
    font-size:18px;
	color: rgb(255,0,0); 
	font-style: italic;
	text-align: left;
/*	margin-bottom: 10px */

}


/* Tool component */
.p-tool {
   width:140px;
   margin-bottom:10px;
position: center;
bottom: 5px;


}

.p-tool .p-top-0000ff{
   background-image:url("../images/cmp_t_border_top_0000ff.gif");
   padding:1px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #ffffff
}

.p-tool .p-top-000000 a{text-decoration:none}

.p-tool .p-top-99bdff{
   background-image:url(http://localhost/websiteroot/images/cmp_t_border_top_99bdff.gif);
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #000066
}

.p-tool .p-top-99bdff a{text-decoration:none}


.p-tool .p-top-d9d9d9{
   background-image:url("../images/cmp_t_border_top_d9d9d9.gif");
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #000000
}

.p-tool .p-top-d9d9d9 a{text-decoration:none}

.p-tool .p-content{
   padding:10px 10px 10px 10px; 
   border-color: #0000ff;
   border-style: solid; 
   border-width: 0px 1px 0px 1px; 
   font-size:11px;
}

.p-tool .p-bottom{
   background-image:url("../images/cmp_t_border_bottom_0000ff.gif");
   height:18px;
   padding:2px 10px 0px 10px;
   font-size: 10px; 
   font-weight: bold;
   color: #ffffff

}

.p-tool hr{
      color:#d9d9d9;
      background-color:#d9d9d9;
      height:3px;
      margin-top:5px;
      margin-bottom:3px;
      border:0px;
      clear:both;
}

.p-tool .p-content li{line-height:20px}

.p-tool td{font-size:11px}


.copyright
{

bottom: 1px;
}


.gb_row1
{
background-color:#FFFF99;
}

.gb_row2
{
background-color:#FFFFCC;
}

/* styles for menu */

.clLevel0blue,.clLevel0overnew,.clLevel0white,.clLevel0boards,.clLevel0pink,.clLevel0shop,.clLevel0overblue,.clLevel0overwhite,.clLevel0overboards,.clLevel0overpink,.clLevel0overshop{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:14px; font-weight:bold}
.clLevel0blue{background-color:#bce7f4; layer-background-color:Navy; color:#0000ff;}
.clLevel0overblue{background-color:#0000ff; layer-background-color:Navy; color:#bce7f4; cursor:pointer; cursor:hand; }
.clLevel0white{background-color:#ffffff; layer-background-color:Navy; color:#0000ff;}
.clLevel0overwhite{background-color:#0000ff; layer-background-color:Navy; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel0boards{background-color:#ffccff; layer-background-color:Navy; color:#0000ff;}
.clLevel0overboards{background-color:#0000ff; layer-background-color:Navy; color:#ffccff; cursor:pointer; cursor:hand; }
.clLevel0pink{background-color:#ffcccc; layer-background-color:Navy; color:#0000ff;}
.clLevel0overpink{background-color:#0000ff; layer-background-color:Navy; color:#ffcccc; cursor:pointer; cursor:hand; }
.clLevel0shop{background-color:#ffcc99; layer-background-color:Navy; color:#0000ff;}
.clLevel0overshop{background-color:#0000ff; layer-background-color:Navy; color:#ffcc99; cursor:pointer; cursor:hand; }

/* end styles for menu */


/*<style type="text/css">
p.margin {margin-left: 2cm}
</style>

</head>

<body>

<p>
This is a paragraph This is a paragraph
This is a paragraph This is a paragraph
</p>

<p class="margin">
This is a paragraph with a left margin
This is a paragraph with a left margin
</p>*/