<!--
body {
	color: #000000;
	font-weight:normal;
}

.mainCell {
	background-image: url(background.jpg);
	background-repeat: repeat;
}

.leftcoltext {
	background-color: #275179;/*themecolour1;*/
	border: 1px solid #0d1e2e;/*themecolour1$ -12.7%, -61.9%;*/
}
.ul-left {
					list-style-type: square; 
					list-style-position: outside;
					color:orange;
					font-color: white;
					margin-left: 5px;
					margin-right: 0px;
					padding-left: 5px;
					padding-right: 0px;
		}

ul.imglist li {
margin: 0;
list-style-image:url('Action-ok-icon.png');
}

hr {
	border: 0;
	color: #2c5074;
	background-color: #2c5074;
	width: 80%;
	height: 3px;
}

.myButtonLink { 
		display: block; 
		width: 200px; 
		height: 40px; 
		margin: 1em auto; 
		background: url('inschrijven.png') bottom; 
		text-indent: -99999px; 
}

.myButtonLink:hover, active { 
				background-position: 0 0; 
				background-color: transparent; 
				border-style: none; 
				outline: 0;
}

					
.centercoltext {
	min-width:200px;
	/*background-color: #8aabcb;*/ /*themecolour1$ 52.9%, 61.2%;*/
	/*background-color: #d5dfe5;*/
	background-color: #efefef;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #0d1e2e;/*themecolour1$ -12.7%, -61.9%;*/
	font-weight:normal;
}

.header {
	background-image: url(backgrounduppertable.jpg);
	background-repeat: repeat;
}


h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;

}

h2 {
	font-size: 9pt;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 3px;

}
.rightcoltext {
	padding: 10px;
	background-color: #275179;/*was #3b6fa1 themecolour1$ 6.9%, 29.8%;*/
	border: 1px solid #0d1e2e;/*themecolour1$ -12.7%, -61.9%;*/
	text-align:center;
}
.rightcoltext a:link {color: #000000;}

.rightcoltext a:visited {color: #333333;}

.rightcoltext a:link:hover {color: #8aabcb;/*themecolour1$ 52.9%, 61.2%;}*/
}

.leftcoltext a:link {color: #000000;}

.leftcoltext a:visited {color: #333333;}

.leftcoltext a:link:hover {color: #8aabcb;/*themecolour1$ 52.9%, 61.2%;}*/
}

.centercoltext a:link {color: #000000;}

.centercoltext a:visited {color: #333333;}

.centercoltext a:link:hover {color: #ff6b00;/*themecolour2;}*/
}
.divider {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ff6b00;/*themecolour2;}*/
}


/* Inset 3D Raised */
.raised {background: transparent; width:360px; margin-right:auto;}
.raised {margin-top: 5px;}
.raised h1, .raised p {margin:0 5px;}
.raised h1 {font-size:22px; color:orange; letter-spacing:1px;}
.raised p {font-size:15px;	font-weight: bold;color:#e0ecf4; padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#1e3956; border-left:1px solid #3a6b96; border-right:1px solid #376285;}
.raised .b3 {background:#1e3956; border-left:1px solid #3a6b96; border-right:1px solid #2d536f;}
.raised .b4 {background:#1e3956; border-left:1px solid #3a6b96; border-right:1px solid #22425a;}
.raised .b4b {background:#1e3956; border-left:1px solid #376285; border-right:1px solid #18324e;}
.raised .b3b {background:#1e3956; border-left:1px solid #2d536f; border-right:1px solid #18324e;}
.raised .b2b {background:#1e3956; border-left:1px solid #22425a; border-right:1px solid #18324e;}

.raised .b1 {margin:0 5px; background:#3a6b96;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#18324e;}
.raised .boxcontent {display:block;  background:#1e3956; border-left:1px solid #3a6b96; border-right:1px solid #18324e;}


h3 {
	font-size: 12pt;
	color: #grey;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 10px;
	border-left: 2px solid #0d1e2e;
	border-top: 2px solid #0d1e2e;
	font-weight:normal;
	}

h4 {
	background: #3b6fa1;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px;
	color:#000000;
	font-size: 14px;
	font-weight: normal;
	}

.hilights {color:#8aabcb;
			font-weight: bold;
			margin-left: 10px;
			display:block;
		}
		

/*CSS voor members form*/
#header2 {
padding:0 8px;
}

#form1{
background-color:#FF0000;
width:300px;   padding-right:15px;
/*padding-top:8px;*/
}		

#formc-login { 
border:1px solid orange;
width:285px;
height:75px;
float:right;
margin:5px;
}

#legend {
  padding: 0px 3px;
  border:1px solid orange;
  color:Orange;
  font-size:14px;
  font-weight: bold;
  text-align:right;
  background-image: url(backgrounduppertable.jpg);
  background-repeat: repeat;
  position: relative;
  
  text-align:center;
  width:105px;
  top:0px;
  right:0px;
  z-index:999;
  }

.field1{ /*width of text boxes. IE6 does not understand this attribute*/
width: 95px;
		}

.button{ /*width of text boxes. IE6 does not understand this attribute*/
width: 80px;
height:25px;
text-align:left;
vertical-align:top;
text-align:center;
		}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left: 10px; /*width of left column*/
width: 180px;

.memberform tr {color:#8aabcb;
			font-weight: bold;
		}


/*style voor inloggen */
/*
fieldset { border:1px solid orange; }

legend {
  padding: 0.2em 0.5em;
  border:1px solid orange;
  color:Orange;
  font-size:90%;
  text-align:right;
  }
label {  margin-left: 10px; /*width of left column*/
/*} */

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left: 10px; /*width of left column*/
width: 180px;
}

#rightcolumn{
float: right;
margin-top: 10px;
margin-right: 10px; /*Set margin to -(RightColumnWidth) to fit tight*/
/*background-image: url(backgroundmembers.jpg); */

	
}

		
-->