@charset "iso-8859-1";

* {
	margin: 0;
	padding: 0;
	}

html, body {
	background: #FFF;
	color: #949599;
	} 
body {
	font-size: 100.1%;
	font-family: arial, helvetica, verdana, sans-serif;
	} 
table {
	font-size: 100%;
}
* html body {
	text-align: center;
}

#wrap {
	margin: 0px auto;
	/* \*/ position: absolute; /* IE MAC ignores */
	font-size: 12px;
	height: 568px;
    /* \*/ top: 50%; /* IE MAC ignores */
	width: 100%;
	left: 0;
	/* \*/ margin-top: -284px; /* IE MAC ignores */
	}
* html #wrap {
	text-align: center;
}
#middle {
	position: relative;
	height: 568px;
	width: 842px;
	margin: 0 auto;
	margin-top: 0px;
	background-color: #fff;
	border: 1px solid #DCDCDC;
}
* html #middle {
	text-align: left;
	}
#content {
	position: relative;
	width: 650px;
	height: 292px;
	overflow: auto;
}
#page {
}

#footer {
	position: absolute;
	left:0;
	bottom: 0;
	width: 840px;
	height: 36px;
	border: 1px solid #fff;
	background-image: url("../images/design/footer.gif");
	background-repeat: no-repeat;
}
* html #footer {
	/* \*/ width: 840px; /* IE MAC ignores */
	/* \*/ height: 36px; /* IE MAC ignores */
}

#top {
	position: relative;
	height: 15px;
	background: #949599;
	border: 1px solid #fff;
}
* html #top {
	/* \*/ height: 17px; /* IE MAC ignores */
}
#header {
	position: relative;
	height: 221px;
	border: 1px solid #fff;
	border-top: 0px;
	background-color: white;
	background-repeat: no-repeat;
}
* html #header {
	/* \*/ height: 222px; /* IE MAC ignores */
}
#menu {
	position: relative;
	float: right;
	width: 185px;
	height: 291px;
	border-right: 1px solid #fff;
	background-color: #949599;
}
* html #menu {
	/* \*/ width: 186px; /* IE MAC ignores */
}
#menu img {
	border:0;
}

/** common **/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
a {
	color: #949599;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
#content ul, #content ol {
	margin-left: 20px;
}
#content li {

}


	#content blockquote {
		margin-left: 30px;
	}
/** **/




#DefaultPage {
	padding: 18px 22px 8px 28px;
}
#DefaultPage h1 {
	font-size: 120%;
	margin-bottom: 15px;
	color: #949599;
}
#DefaultPage h2 {
	font-size: 100%;
	color: #949599;
}
#DefaultPage h3 {
	font-size: 100%;
}
#DefaultPage h4 {
	font-size: 100%;
}
#DefaultPage h5 {
	font-size: 100%;
}
#DefaultPage h6 {
	font-size: 100%;
}

/** MENU **/

	#menu ul, #menu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	#menu ul
	{
	}
	#menu ul li
	{
		border-bottom: solid 1px #fff;
	}
	#menu ul li a
	{
		display: block;
		text-decoration: none;
		padding: 10px 10px;
		text-align: center;
	}
	* html #menu ul li a /* hide from IE5.0/Win & IE5/Mac */
	{
		/* \*/ height: 1%; /* IE MAC ignores */	}
	* html #menu ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
	#menu ul li a
	{
		color: #fff;
		font-weight: bold;
		background-color: #949599;
	}
	#menu ul li a:hover, #menu ul #current_main a
	{
		color: #949599;
		background-color: #B4FD00;
	}

/** einde: MENU **/

/** FOOTERMENU **/

	#footer ul li a
	{
		/* need to middor veritcal padding on .menu and child anchor elements
		 * because the anchors are _not_ block elements. since they are not
		 * block elements web browsers will not expand .menu to contain them
		 * even with the extra padding. by applying the same padding to both
		 * the parent .menu _looks_ like its containing the child anchor
		 * elements. 
		 */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#footer ul
	{
		position: absolute;
		top: 12px;
		right: 10px;
	}
	#footer ul, #footer ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li a
	{
		margin: 0 2px 0 0;
		padding-left: 17px;
		padding-right: 17px;	/* short-hand padding attribute would overwrite
					   top/bottom padding set in a previous rule */
		white-space: nowrap;
	}
	#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover
	{
		text-decoration: none;
	}
	#footer ul li span.divider
	{
		display: none;
	}
	* html #footer ul li, * html #footer ul li a
	{
			width: auto;
			display: inline; 
			position: relative;
	}
	#footer ul li a
	{
		color: #fff;
		font-weight: bold;
		background-color: #949599;
	}
	#footer ul li a:hover, #footer ul #current_footer a
	{
		color: #B4FD00;
	}

/** einde: FOOTERMENU **/

/** default form **/
	.defaultform {
	}
	.defaultform fieldset {
		border: 0px;
		border-width: 1px 0;
		border-color: black;
		border-style: solid;
		padding: 10px 0;
	}
	.defaultform label {
		float: left;
		width: 150px;
		padding: 3px 0 0 0;
		margin: 3px 0 0 0;
	}
	.defaultform input, .defaultform select, .defaultform textarea {
		font-family: arial, sans-serif;
		font-size: 100%;
		margin: 3px 0 0 0;
	}
	.defaultform #submit{
		margin-top: 10px;
	}
	.defaultform .save_button {
		text-align:right;
	}
/**  **/
/** form footer **/
	.form_footer {
		text-align:right;
		font-weight: bold;
		font-size: 85%;
	}
	.form_footer a {
		text-decoration: none;
	}
	.form_footer a:hover{
		text-decoration: underline;
	}
/**  **/

/** login form **/
	.login_copyright {
		font-size: 90%;
	}
	.login_error {
		color: red;
		padding-bottom: 10px;
	}
	.login_back {
	}
/**  **/
.calc {
	margin-bottom: 10px;
}
.calc td {
	padding: 2px 2px 2px 2px;
}
.calc .bg {
	background-color: #dddddd;
}
.calc input {
}
.calc .button {
	margin-top: 6px;
}

.hide {
	display:none;
}