.textfield_effect    {
	/*we will first set the border styles.*/
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	<strong class="highlight">color</strong>: #333333;
	width: 200px;
	height: 20px;
	background : #CCFF33;
	font-weight : bold;
}
 
/*we are now going to style how the <strong class="highlight">textfield</strong> will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
/*you may also like to add some styles for the rest of the form*/
 

.fiets a:link {   text-decoration:none;}
.fiets a:visited {text-decoration:none;}
.fiets a:hover {  text-decoration:none;}
.fiets a:active { text-decoration:none;}

.insoleComfortStabilizer       {  cursor:pointer;cursor:hand;  background-color:#0837ad;}
.insoleComfortStabilizerover  {
	cursor:pointer;
	cursor:hand;
	background-color: Navy;
}

.insoleComfortMulti       {  cursor:pointer;cursor:hand;  background-color:#4fa600;}
.insoleComfortMultiover  {
	cursor:pointer;
	cursor:hand;
	background-color: #006300;
}

.insoleComfortMultiYCT       {  cursor:pointer;cursor:hand;  background-color:#ff5f00;}
.insoleComfortMultiYCTover  {
	cursor:pointer;
	cursor:hand;
	background-color: Red;
}

.insoleFitnessDMA       {  cursor:pointer;cursor:hand;  background-color:#ffce00;}
.insoleFitnessDMAover  {
	cursor:pointer;
	cursor:hand;
	background-color: #FF6300;
}

.insoleFibretechPerformance       {  cursor:pointer;cursor:hand;  background-color:#ea0437;}
.insoleFibretechPerformanceover  {
	cursor:pointer;
	cursor:hand;
	background-color: #630031;
}

.insoleCarbonCompetition      {  cursor:pointer;cursor:hand;  background-color:Black;}
.insoleCarbonCompetitionover  {
	cursor:pointer;
	cursor:hand;
	background-color: #505050;
}

.kadermidden {
  background-image: url(http://www.josamerica.com/Basis-afbeeldingen/ManhattanAchtergrond_03_02.gif);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #58585a;

}

.tabelbrood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	background-color : #CCCCCC;
	;
	clip: rect( );
	list-style-type: none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.tabelbrood-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	background-color : #CCCCCC;
	;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px
}
.tabelkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11;
	font-style: normal;
	font-weight: lighter;
	color: White;
	background-color: #666666;
	text-align: center;
	vertical-align: bottom;
	line-height : 12px;
}
.tabelkopje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	letter-spacing: 1px;
	word-spacing: normal;
	background-color : #4d4d4d;
	clip: rect( );
	list-style-type: none;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}


.buttonscontainer {width: 250px;}

.buttons a {
	color: White;
	background-color: #565656;
	display: block;
	font: 8pt Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	border-bottom : 0.5pt solid White;
	border-left: 10px solid Black;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 0.5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 3
}

.buttons a:hover {
	color: White;
	background-color: transparent;
	padding: 0.5px 1px 1px 3px;
	display: block;
	border-left: 10px solid #999999;
	font: 8pt Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	;
	margin: 1px 1px
}

.bckgrndcolor {
	background-color: #969699;
}

.imageleftkaderWIT {
	float: left;
	margin: 10px;
	border-bottom : 1px solid White;
	border-right : 1px solid White;
	border-left : 1px solid White;
	border-top : 1px solid White;
}

.imagesfeer {
	border-bottom : 6px solid #6b8e23;
}

.kaderlijnWIT {
	border-bottom : 1px solid White;
	border-right : 1px solid White;
	border-left : 1px solid White;
	border-top : 1px solid White;
}



body {
	scrollbar-face-color:#D1E7E9;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#D1E7E9;
	scrollbar-darkshadow-color:#535257;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#535257;
	scrollbar-track-color:#FFFFFF;
	background-color : #525257;
}
.menukop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	word-spacing : normal;
	text-align : left;
	;
	padding-top: 10px;
	padding-left: 10px
}
.introtekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: normal;
	word-spacing: normal
}
.brood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: normal;
	word-spacing: normal
}
.broodC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: normal;
	word-spacing: normal
}
.broodmetlijn{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: normal;
	word-spacing: normal;
	border-bottom : 1px solid Black;
}
.broodcursief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	font-style: italic;
	color: #FFFFFF;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	line-height : normal;
; text-align: center
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	line-height: 27px;
	word-spacing: normal;
	text-transform : none;
}
.headingsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 3px;
	line-height: normal;
	font-weight: normal;
	text-transform : none;
}
.headingactivity {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow:#000 0px 0px 3px;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
	word-spacing: normal;
	text-transform : uppercase;
	text-shadow: 2px 2px 3px #000;
	outline : Black solid thin;
}

.headingactivityshadow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
	word-spacing: normal;
	text-transform : uppercase;
	text-shadow: 2px 2px 3px #000;
	outline : Black solid thin;
}

.kopje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: normal;
	word-spacing: normal
}
.kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
	color: #CCCCCC;
	font-weight: bold;
	line-height: normal;
	font-style: italic;
	word-spacing: normal;
	text-transform : none;
	border-bottom : 4px solid #6b8e23;
	border-bottom-width : 1px;
; background-position: top
}

A:link      {
	text-decoration: none;
	color : #FFFFFF;
	border-bottom : 1px solid #6b8e23;
}
A:visited   {
	text-decoration: none;
	color : #FFFFFF;
	border-bottom : 1px solid #6b8e23;
}
A:active    {
	text-decoration: none;
	color : #6b8e23;
}
A:hover     {
	color: #6b8e23;
}

ul {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; vertical-align: top; font-style: normal;
	 font-weight: normal; line-height: 16px; letter-spacing: normal; word-spacing: normal;
	margin-left : 20;
}

ol {
	list-style-type: upper-roman;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; vertical-align: top; font-style: normal; 
	font-weight: normal; line-height: 16px; letter-spacing: normal; word-spacing: normal;	list-style : circle outside;
	list-style-position : outside;
	margin-left : 20;
}

body {
	scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#666666;
scrollbar-darkshadow-color:#666666;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
; background-color: #FFFFFF
}