﻿* {
margin:0;
padding:0;
}
html, body
{
	height: 100%;
	background-color: #F3F3F3;
}

html
{
	
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #d9d9d9;
	scrollbar-3dlight-color: #d9d9d9;
	scrollbar-darkshadow-color: #d9d9d9;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	

}

form
{
	height: 100%;
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
}

a
{
	color: #616161;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

body
{
	margin: 0;
	padding: 0;
	font-family:Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #616161;
	line-height: 22px;
	background-image: url( 'images/BodyBg.jpg' );
	background-repeat: repeat-x;
}

input, label, select, option, textarea, button, fieldset, legend {
    font-family:Arial, verdana, sans-serif;
}

div#mainWrapper
{
	position: relative;
	margin: 0 auto;
	width: 974px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -30px;
	*margin-bottom: -30px;
	background-image: url( 'images/WrapperBg.jpg' );
	background-repeat: repeat-y;
}

div#spacing
{
	height: 30px;
}

div#mainHeader
{
	width: 100%;
	height: 160px;
	background-image: url( 'images/BodyBg.jpg' );
	background-repeat: repeat-x;
	background-color: #F3F3F3;
}

div#mainHeader div#mainLogo
{
	width: 232px;
	float: left;
}

div#mainHeader div#mainLogo img
{
	margin-top: 15px;
	margin-left: 52px;
}

div#mainHeader div#mainTitel
{
	width: 389px;
	float: right;
}

div#mainHeader div#mainTitel img
{
	margin-top: 80px;
}

div#mainHeader div#mainMenu
{
	height: 36px;
	width: 100%;
	float: left;
	margin-top: 16px;
	background-image: url( 'images/MenuBgLeft.jpg' );
	background-repeat: no-repeat;
}

div#mainHeader div#mainMenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
	
	float:right;
}

div#mainHeader div#mainMenu ul li
{
	float: left;
	display: inline;
	height: 22px;
}

div#mainHeader div#mainMenu ul li a
{
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	line-height: 21px;
	color: #FFF;
	text-decoration: none;
}

div#mainHeader div#mainMenu ul li a:hover
{
	color: #FFF;
	background-color: #0D629C;
}

div#mainHeader div#mainMenu div#menuPlacement
{
	height: 36px;
	background-image: url( 'images/MenuBg.jpg' );
	background-repeat: repeat-x;
	background-color: #FFF;
	width: 922px;
	margin-left: 52px;
}

div#mainHeader div#mainMenu div#menuPlacement img
{
	float: right;
	display: inline;
}

div#breadCrumb
{
	width: 870px;
	margin-left: 53px;
}

div#breadCrumb p
{
	margin: 0;
}

div#mainContent
{
	width: 100%;

	padding-bottom: 30px !important;
	*margin-bottom: 0px;
	margin-top: 10px;
	
}

div#leftContent
{
	float: left;
	display: inline;
	width: 180px;
	margin-left: 53px;
	background-color: #E9E9E9;
}

div.leftContentHeader
{
	width: 180px;
	height: 20px;
	background-image: url( 'images/boxLeftHeader.jpg' );
	text-align: center;
}

div.leftContentHeader p
{
	margin: 0;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	line-height: 15pt;
}

div.leftContentTekst
{
	width: 171px;
	padding-left: 9px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.leftContentTekst p
{
	margin: 0;
}

.login_field
{
	border: 1px solid #C0C0C0;
}
.login_Mulfield
{
	background: #ffffff;
	color: #000000;
	border: 1px solid #C0C0C0;
	cursor: text;
}

.login_button
{
	border: 0;
	background-image: url( 'images/buttonBg.jpg' );
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	margin-left: 82px;
	margin-top: 8px;
	margin-bottom: 12px;
}

.btnClass
{
	border: 0;
	background-image: url( 'images/buttonBg.jpg' );
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	height: 21px;
}

.buttonClass
{
	border: 0;
	background-image: url( 'images/buttonBg.jpg' );
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	height: 21px;
}

.sleutel_field
{
	border: 1px solid #C0C0C0;
	width: 268px;
}

.geschil_field
{
	border: 1px solid #C0C0C0;
	margin-right: 12px;
	width: 108px;
}

.geschil_button
{
	border: 0;
	background-image: url( 'images/buttonBg.jpg' );
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	margin-top: 6px;
	height: 20px;
}

div#leftContentTekst ul
{
	margin: 0;
	padding: 0;
}

div#leftContentTekst ul li
{
	list-style: none;
	background-image: url( 'images/MenuLiBg.gif' );
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 26px;
	width: 161px;
	font-size: 8pt;
}

div#leftContentTekst ul li a
{
	width: 161px;
	height: 20px;
	margin-top: 5px;
	display: block;
	font-weight: bold;
}

div#leftContentTekst ul li a img
{
	padding-top: 2px;
	float: left;
	display: inline;
}

div#leftContentTekst ul li a:hover
{
	background-color: #A0A0A0;
	text-decoration: none;
	color: #FFF;
}

div#leftContentTekst ul li a.subItem
{
	padding-left: 16px;
	font-weight: normal;
	width: 145px;
}

div#leftContentTekst ul li a.subItem:hover
{
	width: 145px;
}

div#leftContentTekst ul li a span
{
	margin-left: 7px;
	display: block;
	float: left;
	cursor: pointer;
	display: inline;
}

div#leftContentFooter
{
	width: 180px;
	height: 20px;
	background-image: url( 'images/boxLeftFooter.jpg' );
}

div#rightContent
{
	float: left;
	display: inline;
	margin-left: 15px;
	width: 654px;
}

div#rightContent img
{
	border: 1px solid #1076BD;
}

div#rightContent h1
{
	color: #58BBE5;
	margin: 0;
	font-size: 17px;
}

div.rightContentDotted
{
	background-image: url( 'images/rightContentTitel.gif' );
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.rightContentDotted span
{
	margin-right: 5px;
}

div.rightContentDotted1
{
	background-image: url( 'images/rightContentTitel.gif' );
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 660px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


div#rightContent1
{
	width: 631px;
	display: inline;
	margin-top: 20px;
}
div#rightContentTekst
{
	margin-top: 20px;
}
div#rightContentTekst p
{
	margin:5px auto;
}


div#rightContentImg
{
	width: 160px;
	margin-left: 20px;
	float: left;
	display: inline;
	margin-top: 20px;
}

table.geschilTable
{
	font-size: 8pt;
width:100%;
}

table.geschilTable td
{
	vertical-align: top;
}

table.geschilTable th
{
	background-image: url( 'images/tableGeschil.jpg' );
	background-repeat: repeat-x;
	color: #FFF;
	line-height: 16px;
}

table.geschilTable th 
{
	font-weight: normal;
	padding-left: 8px;
	padding-right: 8px;
}

table.geschilTable th.titelTable
{
	background-image: url( 'images/titelTable.jpg' );
	background-repeat: no-repeat;
	text-align:left;
	padding-left:10px;
	line-height:20px;
}

table.geschilTable th.updateTable
{
	background-image: url( 'images/updateTable.jpg' );
	background-repeat: no-repeat;
	background-position: top right;
}

table.geschilTable tr td
{
	padding: 10px;
}


table.geschilTable tr.greyTable td
{
	background-color: #E9E9E9;
}

div#tabelGaNaar
{
	float: right;
	color: #25AAE1;
}
.tabelGaNaar
{
	float: right;
	color: #25AAE1;
}


div#mainFooter
{
	position: relative;
	z-index: 100;
	width: 100%;
	height: 30px;

}

div#mainFooter div#contentPlacement
{
	width: 890px;
	margin: 0 auto;
	height: 30px;
	color: #FFF;
	background-image: url('images/FooterBg.jpg');
}

div#Foot1
{
	text-align: left;
	float: left;
	display: inline;
	margin-top: 5px;
	padding-left: 15px;
	color: #FFF;
}

div#Foot1 a
{
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}

div#Foot1 a:hover
{
	text-decoration: underline;
}

