body {
	padding:0px; 
	margin:0px; 
	background:url(/html/images/layout/mainbg.gif) 0 0 repeat-x #fff; 
	color:#666; 
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, ul, h2, img {
	margin:0px;
	padding:0px;
}
ul {
	list-style-type:none;
}
a {
	background:#FFFFFF none repeat scroll 0%;
	color:#000000;
	text-decoration:none;
}
a:hover {
	background:#FFFFFF none repeat scroll 0%;
	color:#666666;
	text-decoration:underline;
}

#topPan {
	height:87px;
	margin:0pt auto;
	position:relative;
	float: left;
	width:1180px;
}
#topPan #ImgPan {
	background:#FFFFFF none repeat scroll 0%;
	color:#666666;
	height:85px;
	left:0px;
	padding:0pt 0pt 0pt 35px;
	position:absolute;
	top:35px;
	width:149px;
}
#topPan #ImgPan img {
	height:52px;
	width:201px;
}
#topPan ul {
	height:32px;
	position:absolute;
	right:45px;
	top:43px;
}
#topPan ul li {
	float:left;
	height:32px;
	width:90px;
}
#topPan ul li a {
	background:#F5F4F4 url(/html/images/layout/topmenu-normal.jpg) no-repeat scroll 0pt;
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	margin:0pt 2px 0pt 0pt;
	text-align:center;
	text-decoration:none;
	width:90px;
}
#topPan ul li a:hover {
	background:#F5F4F4 url(/html/images/layout/topmenu-hover.jpg) no-repeat scroll 0pt;
	color:#FFFFFF;
	text-decoration:none;
}
#topPan ul li.home {
	background:#F5F4F4 url(/html/images/layout/topmenu-hover.jpg) no-repeat scroll 0pt;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	text-decoration:none;
}


.spacerPan {
	margin:0pt auto;
	position:relative;
	width:968px;
	height: 30px;
}

#bodyPan {
	margin:0pt auto;
	position:relative;
	width:968px;
}
#bodyPan p.toptextpadding {
	padding:25px 0pt 0pt;
}
#bodyPan p span {
	background:#FFFFFF none repeat scroll 0%;
	color:#D20039;
}
#bodyPan p.spacer {
	display:block;
	height:42px;
}

#bodyPan h2 {
	background:#FFFFFF url(/html/images/layout/icon2.jpg) no-repeat scroll 100% 0pt;
	border-bottom:1px dashed #BDB9B9;
	color:#D20039;
	display:block;
	font-size:24px;
	line-height:22px;
	width: 960px;
}

#bodyPan p.more {
	background:transparent url(/html/images/layout/more-bg.gif) no-repeat scroll 0pt;
	display:block;
	height:22px;
	margin:0pt 0pt 0pt 890px;
	width:81px;
}
#bodyPan p.more a {
	background:transparent url(/html/images/layout/arrow1.gif) no-repeat scroll 1% 60%;
	display:block;
	height:22px;
	line-height:22px;
	padding:0pt 0pt 0pt 11px;
	text-decoration:none;
	width:70px;
}
#bodyPan p.more a:hover {
	background:transparent url(/html/images/layout/arrow2.gif) no-repeat scroll 1% 60%;
	text-decoration:none;
}
#bodyMiddlePan {
	margin:0pt auto;
	position:relative;
	width:100%;
}
#MiddleLeftPan {
	float:left;
	width: calc(100% - 400px);
	margin-bottom: 40px;
	margin-left: 30px
}
#MiddleLeftPan p {
	line-height:18px;
	padding:14px 0pt 0pt;
}
#MiddleLeftPan p.largegraytext {
	font-size:18px;
}
#MiddleLeftPan p.more {
	background:transparent url(/html/images/layout/more-bg.gif) no-repeat scroll 0pt;
	display:block;
	height:22px;
	margin:15px 0pt 0pt 545px;
	padding:0px;
	width:81px;
}
#MiddleLeftPan p.more a {
	background:transparent url(/html/images/layout/arrow1.gif) no-repeat scroll 1% 60%;
	display:block;
	height:22px;
	line-height:22px;
	padding:0pt 0pt 0pt 11px;
	text-decoration:none;
	width:70px;
}
#MiddleLeftPan p.more a:hover {
	background:transparent url(/html/images/layout/arrow2.gif) no-repeat scroll 1% 60%;
	text-decoration:none;
}

#MiddleLeftPan h2 {
	background:#FFFFFF url(/html/images/layout/icon2.jpg) no-repeat scroll 100% 0pt;
	border-bottom:1px dashed #BDB9B9;
	color:#D20039;
	display:block;
	font-size:24px;
	line-height:22px;
	width: 600px;
}
#MiddleLeftPan h2 span {
	background:#FFFFFF none repeat scroll 0%;
	color:#545454;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#MiddleRightPan {
	float: left;
	padding: 0pt 0pt 0pt 29px;
	width: 250px;
}
#MiddleRightTopPan {
	height:203px;
	margin:0pt 0pt 40px;
	padding:29px 0pt 0pt;
	width:384px;
}
#MiddleRightTopPan p.fresh {
	display:block;
	font-size:20px;
	height:24px;
	margin:0pt 0pt 0pt 208px;
	text-transform:uppercase;
	width:108px;
}
#MiddleRightTopPan p.business {
	background:#FFFFFF url(/html/images/layout/dotline.gif) repeat-x scroll 0pt 100%;
	color:#6BB600;
	display:block;
	font-size:27px;
	height:20px;
	margin:0pt 0pt 0pt 210px;
	text-align:right;
	text-transform:uppercase;
	width:170px;
}

 .MiddleRightPanSpacer {
 	float: left;
 	padding-top: 8px;
 }

#MiddleRightPan h2 {
	background:#FFFFFF url(/html/images/layout/dotline.gif) repeat-x scroll 0pt 100%;
	color:#6BB600;
	font-size:24px;
	height:20px;
	width: 250px;
}
#MiddleRightPan p {
	padding:8px 0pt 0pt;
}
#RightListfastPan {
	float:left;
	padding:10px 0pt 0pt;
	width:200px;
}
#RightListfastPan ul {
	width:200px;
}
#RightListfastPan ul li {
	float:left;
	height:20px;
	width:200px;
}
#RightListfastPan ul li a {
	background:#FFFFFF url(images/bullet.gif) no-repeat scroll 0pt 6px;
	color:#666666;
	line-height:20px;
	padding:0pt 0pt 0pt 18px;
	text-decoration:underline;
	width:190px;
}
#RightListfastPan ul li a:hover {
	background:#FFFFFF url(/html/images/layout/bullet-hover.gif) no-repeat scroll 0pt 6px;
	color:#000000;
	text-decoration:underline;
}
.RightListnextPan {
	float:left;
	padding:10px 0pt 0pt;
	width:180px;
}
div.RightListnextPan ul {
	font-size: 12px;
	width:180px;
}
div.RightListnextPan ul li {
	float:left;
	height: 20px;
	width:230px;
}
div.RightListnextPan ul li a {
	background:#FFFFFF url(/html/images/layout/bullet.gif) no-repeat scroll 0pt 6px;
	color:#666666;
	line-height:20px;
	padding:0pt 0pt 0pt 18px;
	text-decoration:underline;
	width:160px;
}
div.RightListnextPan ul li a:hover {
	background:#FFFFFF url(/html/images/layout/bullet-hover.gif) no-repeat scroll 0pt 6px;
	color:#000000;
	text-decoration:underline;
}
#footermainPan {
	margin-top: 30px;
	background:#F4F4F4 url(/html/images/layout/footerbg.gif) repeat-x scroll 0pt;
	clear:both;
	color:#212121;
	height:133px;
	margin:0pt auto;
	position:relative;
}


.RightListnextPan .more {
	height: 50px;
	margin-top: 10px;
}




#footerPan {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
	margin:0pt auto;
	padding:15px 0pt 0pt;
	position:relative;
	width:689px;
}
#footerPan ul {
	height:20px;
	margin:0pt auto;
	position:relative;
	width:450px;
}
#footerPan li {
	float:left;
}
#footerPan ul li a {
	background:#F4F4F4 none repeat scroll 0%;
	color:#212121;
	padding:0pt 10px;
	text-decoration:none;
}
#footerPan ul li a:hover {
	text-decoration:underline;
}
#footerPan ul.templateworld {
	background:#F4F4F4 none repeat scroll 0%;
	color:#212121;
	display:block;
	margin:0pt auto;
	position:relative;
	width:190px;
}
#footerPan ul.templateworld li {
	height:20px;
}
#footerPan ul.templateworld li a {
	background:#F4F4F4 none repeat scroll 0%;
	color:#212121;
	display:block;
	padding:0px;
	text-decoration:none;
}
#footerPan ul.templateworld li a:hover {
	text-decoration:underline;
}
#footerPan p.copyright {
	background:#F4F4F4 none repeat scroll 0%;
	color:#212121;
	margin:0pt auto;
	position:relative;
	width:250px;
}
#footerPanhtml {
	display:block;
	height:19px;
	left:270px;
	position:absolute;
	top:73px;
	width:64px;
}
#footerPanhtml a {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #B6B6B6;
	color:#6A6A6A;
	display:block;
	font-weight:bold;
	height:18px;
	left:0px;
	line-height:19px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	top:0px;
	width:59px;
}
#footerPanhtml a:hover {
	background:#D2D0D0 none repeat scroll 0%;
	color:#353427;
	text-decoration:none;
}
#footerPancss {
	display:block;
	height:19px;
	left:336px;
	position:absolute;
	top:73px;
	width:64px;
}
#footerPancss a {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #B6B6B6;
	color:#6A6A6A;
	display:block;
	font-weight:bold;
	height:18px;
	left:0px;
	line-height:19px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	top:0px;
	width:49px;
}
#footerPancss a:hover {
	background:#D2D0D0 none repeat scroll 0%;
	color:#353427;
	text-decoration:none;
}

a img {
	border: 0;
}

form {
	width: 95%
}

form p {
	padding: 5px 5px 5px 5px !important; 
	border-top: 0.5px solid #f1f1f1;
	height: 1%;
}

form p.submit {
	text-align: center;
}

label
{
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 130%
}

span.label
{
	display:block;
	float:left;
	margin-right: 0.5em;
	padding-right: 0.5em;
	position:relative;
	text-align:right;
	width: 11em;
	font-size: 130%;
}

.multiple {
	margin-left: 13em;
}

.multiple label {
	width: 11em;
	float: none;
	text-align: right;
	margin-right: 0.5em;
	display: inline
}

input {
	border: 2px solid #cccccc
}

select { 
	border: 2px solid #cccccc
}

input[type="text"], input[type="password"] {
	width: 200px;
	border: 2px solid #cccccc
}

input.date {
	width: 150px;
}

textarea { 
	width: 300px;
	height: 200px;
	border: 3px solid #cccccc
}

p.textarea { 
	height: 200px;
}
span.textarea {
	float:right;
	height:200px !important;
	margin-right:260px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

div.sysinfo, div.sysalert, div.syserror, div.sysloader {
	font-size:11px;
	margin: 0px 0px;
	padding:18px 18px 18px 54px;
	margin: 20px 20px 20px 20px;
}
div.sysinfo {
	background:#D7F3BD url(/html/images/ok.png) no-repeat scroll 18px;
	border:1px solid #9ABF85;
}
div.sysalert {
	background:#FDD8A6 url(/html/images/alert.png) no-repeat scroll 18px;
	border:1px solid #E0A687;
}
div.syserror {
	background:#FDC0C1 url(/html/images/delete.png) no-repeat scroll 18px;
	border:1px solid #E59D9E;
}
div.sysloader {
	background:#F2F2F2 url(/html/images/loader.gif) no-repeat scroll 18px;
	border:1px solid #606060; 
}

table.data {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}
table.data a { color: #3A4856; text-decoration: none; background-color: transparent; font-weight: bold; font-size: 95%}  
table.data a:visited {background-color: transparent;}
table.data a:hover {color: #000;}  
table.data caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.data thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table.data tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table.data tbody {border-bottom: 1px solid #EAECEE;}
table.data tbody td, table tbody th {padding: 10px; background: repeat-x; text-align: left; border-bottom: #9EC0E5 1px solid;}
table.data tbody tr {background: #F3F5F7;}
table.data tbody tr.odd {background: #F0F2F4;}
table.data tbody  tr:hover {background: #EAECEE; color: #111;}
table.data tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}
.small { font-size: 90% }

ul.subsection_tabs {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	height:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
}
ul.subsection_tabs li a {
	background-color:#FFFFFF;
	color:#666666;
	display:block;
	height:20px;
	padding:0 6px;
	width:110px;
}
ul.subsection_tabs li a:hover {
	color:#666666;
}
ul.subsection_tabs li a.active {
	background-color:#DDDDDD;
}

ul.gallery {
      list-style-type:none;
      margin:0;
      padding:0;
      width: 600px;
}
ul.gallery li {
	margin:0;
	margin-left:20px;
	padding-left:20px;
	padding:4px;
	width: 590px;
}

div.dropmarker {
  background: url(/images/dropmarker.png) left top;
  margin-top:-3px;
  margin-left:-5px;
  z-index:1000;
  overflow: hidden;
}
#login-mask {
	background-color:white;
	height:100%;
	left:0pt;
	position:absolute;
	top:0pt;
	width:100%;
	z-index:20001;
}
#login {
	height:auto;
	padding:2px;
	position:absolute;
	top:40%;
	z-index:20001;
	text-align: center
}
.login-form {
	width: 450px;
	height: 300px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -150px; 
	/* Half the height of the DIV tag which is also 50 pixels */
}
.status_2 {
	color: #31998E;
}
.status_3 {
	color: green;
}
#register_company_storage {
}
a..user-status_0 {
	color: red !important;
	font-weight: bold !important;
}
a.user-status_1 {
	color: green !important;
	font-weight: bold !important;
}

#fullRegister {
	font-size: 14px;
}

.RightListnextPan label {
	border: 1px;
	display:inline;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: left
}
.RightListnextPan input {
	width:165px;
}
.short_input 
{
    width: 50px !important;
}
.multiple label 
{
    font-weight: normal;
    font-size: 100% !important;
}
.calendar-day, .calendar-year {
	width: 30px !important;
}
.checkboxLabel {
	width: 100%;
	float: left;
}
input[type="checkbox"] {
	width: 15px;
}
input.short {
	width: 40px;
}

.moet-hide {
	display: none
}