HTML 
{}

*
{
	boxing-sizing: border-box;
	-moz-box-sizing: border-box;
}

BODY
{
	BACKGROUND-COLOR: #ffffff;
	COLOR: #000000; 
	FONT-SIZE: 0.6875em;
	LINE-HEIGHT: 1.5em;
	FONT-FAMILY: Arial, Sans-Serif; 
	
	PADDING: 0em; 
	MARGIN: 0em;
	word-wrap: break-word; /* NB: only valid for IE browsers.... */
}

.noMargin
{
	MARGIN: 0 0 0 0;
}

H1
{
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;

	LINE-HEIGHT: 18px;

	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 11px; /* Calculated: margin - lineheight/2 */
}

H1.title 
{
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 24px;
	MARGIN-BOTTOM: 11px;
	
	/**/
	color:#703516;
}

H1 A:link,
H1 A:visited,
H1 A:hover,
H1 A:active
{
	/*CURSOR: default; */
	COLOR: #000000; 
	TEXT-DECORATION: none;
}

H2
{
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	
	LINE-HEIGHT: 15px;

	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px;
	
}

H2 A:link,
H2 A:visited,
H2 A:hover,
H2 A:active
{
	/*CURSOR: default; */
	COLOR: #000000; 
	TEXT-DECORATION: none;
}

H3 /* DoelgroepenTemplate.aspx */
{
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 2px;
}

P
{
	MARGIN: 0em 0em 0em;
}

PRE
{}

CODE
{}

ADDRESS
{
	FONT-STYLE: normal;
}

UL
{
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em; 
	PADDING-BOTTOM: 0em; 
	PADDING-TOP: 0em;
	MARGIN: 0em 0em 1em 2em; 
}

OL
{
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em; 
	PADDING-BOTTOM: 0em; 
	PADDING-TOP: 0em;
	MARGIN: 0em 0em 1em 2em; 
}

UL UL
{
	MARGIN-BOTTOM: 0em;
}

OL OL
{
	MARGIN-BOTTOM: 0em;
}

UL LI
{}

OL LI 
{}


DL DT
{
	FONT-WEIGHT: bold;
}

DD
{}

OBJECT 
{}

DIV.hr 
{
	CLEAR: both; 
	BACKGROUND-POSITION: 0% 50%; 
	MIN-HEIGHT: 1px; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/hr_back.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 1px;
}

DIV.hr HR 
{
	DISPLAY: none;
}

DIV.paddedRuler 
{
	MARGIN: 0px 10px;
}

DIV.greyRuler
{
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/hr_back_grey.gif);
}

DIV.extraMargin 
{
	MARGIN: 15px 0px;
}
DIV.extraMargin2
{
	margin-top: 0px; /* used together with greyRuler which had top: 10px, so compensate here if necessary */
	margin-left: 0; 
	margin-bottom: 10px;
	margin-right: 0;
}

FORM 
{
	MARGIN: 0em;
}

FIELDSET 
{
	BORDER-RIGHT: #000000 1px solid; 
	PADDING-RIGHT: 0.4em; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 0.4em; 
	PADDING-BOTTOM: 0.4em; 
	BORDER-LEFT: #000000 1px solid; 
	PADDING-TOP: 0.4em; 
	BORDER-BOTTOM: #000000 1px solid;
}

LEGEND 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%;
}

INPUT 
{
	FONT-SIZE: 90%; 
	padding-left: 2px;
	VERTICAL-ALIGN: middle; 
	WIDTH: 14em; 
	FONT-FAMILY: Arial, Sans-Serif;
}

TEXTAREA 
{
	FONT-SIZE: 90%; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 14em; 
	FONT-FAMILY: Arial, Sans-Serif;
}

SELECT 
{
	FONT-SIZE: 90%; 
	VERTICAL-ALIGN: middle; 
	FONT-FAMILY: Arial, Sans-Serif;
}

INPUT.text 
{}

SELECT.shorter 
{
	WIDTH: 7em;
}

INPUT.shorter 
{
	WIDTH: 7em;
}

INPUT.checkbox 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	BORDER-BOTTOM: medium none;
}

.checkbox INPUT 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	BORDER-BOTTOM: medium none;
}

INPUT.radio 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	BORDER-BOTTOM: medium none;
}

.radio INPUT 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: 30px; 
	BORDER-BOTTOM: medium none;
}
.radio label
{
	font-weight: normal;
}

span.radio
{
	margin-left: -7px;
}

A.FormButtons:active, A.FormButtons:link
{
	color: #ffffff;
}
A.LinkButtons:active A.LinkButtons:link
{
	color: #ffffff;
	text-decoration:underline;	
	
}
 HTML INPUT.checkbox 
 {
	MARGIN-LEFT: -3px;
}

 HTML .checkbox INPUT 
 {
	MARGIN-LEFT: -3px;
}

 HTML INPUT.radio 
 {
	MARGIN-LEFT: -3px;
}

 HTML .radio INPUT 
 {
	MARGIN-LEFT: -3px;
}

INPUT.image 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	BORDER-BOTTOM: medium none;
}

INPUT.button 
{
	BORDER-RIGHT: medium none; 
	PADDING-RIGHT: 18px; 
	BACKGROUND-POSITION: 100% 60%; 
	BORDER-TOP: medium none; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/button_back.gif); 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	CURSOR: pointer; 
	COLOR: #ffffff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #41b7c8;
}

INPUT.submit 
{
	BORDER-RIGHT: medium none; 
	PADDING-RIGHT: 18px; 
	BACKGROUND-POSITION: 100% 60%; 
	BORDER-TOP: medium none; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/button_back.gif); 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	CURSOR: pointer; 
	COLOR: #ffffff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #41b7c8;
}

HTML INPUT.button 
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
}

HTML INPUT.submit 
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
}

A.button 
{
	BORDER-RIGHT: medium none; 
	PADDING-RIGHT: 18px; 
	BACKGROUND-POSITION: 100% 60%; 
	BORDER-TOP: medium none; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(/Site/Presentation/Design/GeneralImages/button_back.gif); 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: medium none; 
	WIDTH: auto; 
	CURSOR: pointer; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #41b7c8;
}

A.button:link 
{
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

A.button:visited 
{
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

A.button:hover 
{
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

A.button:active 
{
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

TEXTAREA 
{}

SELECT 
{}

LABEL 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%; 
	VERTICAL-ALIGN: middle;
}

TABLE 
{
	FONT-SIZE: 100%; 
	MARGIN: 0em; 
	BORDER-COLLAPSE: collapse;
}

CAPTION 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: left;
}

THEAD 
{}

THEAD TH 
{}

TFOOT 
{}
TFOOT TH 
{}

TFOOT TD 
{}

TBODY 
{}

TR 
{
	VERTICAL-ALIGN: top;
}

TH 
{
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 0px; 
	COLOR: #000000; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: left;
}

TD 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}

TABLE.form TH 
{
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px;
}

TABLE.form TD 
{
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px;
}

IMG 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none;
}

.smaller 
{
	FONT-SIZE: smaller;
}

.hidden 
{
	DISPLAY: none;
}

.left
{
	float: left;
}

div.attachment
{
	clear: both;
}

span.left img /*, span.left*/
{
	MARGIN: 0px 10px 0px 0px;
}

.profiledate
{
	width: 100%;
	position: relative;
}

.right 
{
	FLOAT: right;
}

div.refcontainer
{
	width: 250px;
	float: left;
	margin-top: -8px;
}

div.attcontainer LI
{
}

div.attcontainer
{
	margin-left: 300px; 
	position: static;
	top: auto;
	height: 1em;
	float: none;
	margin-top: -8px;
}

div.descriptioncontainer
{
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

div.proplabelcontainer
{
	width: 100px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	font-weight: bold;
}

div.propcontainer
{
	margin-left: 65px; 
	margin-top: 0px;
	position: static;
	top: auto;
	height: 1em;
	float: none;
}

div.uspcontainer
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

div.introimage
{
	display: inline;
	float: left;
}

div.introimage img
{
	/*float: left;*/
	display: inline;
	max-width: 535px;
}
* HTML div.introimage img
{
	/*float: expression( (this.scrollWidth < 353) ? "left" : "none" );*/
	display: inline;
	/* This is for in edit mode only, so that the image does not break the design */
	height: expression( correctWidth( this ));
}

div.introtext
{
	padding-left:  0px; 
	position: static;
	top: auto;
	float: none;
}

div.grayText
{
	color: #666666;
}

IMG.right 
{
	MARGIN: 0px 0px 10px 10px;
}

.toRight 
{
	TEXT-ALIGN: right;
}

.centered 
{
	TEXT-ALIGN: center;
}

.lastupdate
{
	FONT-SIZE: smaller;
}

.clear
{
	CLEAR: both;
}