html, body {
	margin:0px;
	padding:0px;
	font-family:verdana, Arial;
	font-size:11px;
	color:#000;
	line-height:18px;
	font:normal Verdana, Helvetica, Arial, sans-serif;
}
#container {
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#main {
	margin: 0 auto;
	width: 920px;
}
#logo {
	float:left;
	display:block;
	height:200px;
	width:64px;
	height:77px;
	padding:19px 94px 0px 72px;
	border:0px;
}
#logo a img {
	border:0px;
}
#logo img a {
	border:0px;
}
#header {
	float:left;
	display:block;
	height:234px;
	width:920px;
	background:#fff;
	z-index:50;
	margin-top:30px;
	margin-bottom:50px;
}
#left {
	float:left;
	display:block;
	height:345px;
	width:331px;
	padding-left:10px;
	padding-right:30px;
	text-align:left;
	z-index:0;
	color:#000;
	font-size:12px;
	line-height:20px;
	margin-top:0px;
}
#right {
	padding-left:0px;
	float:left;
	display:block;
	width:0px;
	background:#fff;
	z-index:0 !important;
	margin-bottom:0px;
	text-align:left;
}
#right strong {
	display:block;
	font-size:14px;
	padding-bottom:5px;
	color:#ff6a00;
}
#right strong.title {
	display:block;
	font-weight:400;
	font-size:22px;
	padding-bottom:16px;
	color:#ff6a00;
}
#right #content {
	float:left;
	display:block;
	padding:0px;
	height:auto;
	width:535px;
	z-index:0 !important;
	margin:0px 0 50px 0;
	text-align:left;
	border:0px solid #323332;
}
#right #content a {
	color:#000;
}
#right #content a.aanmelden {
	display:block;
	background:url(/static/images/event/hwp/aanmelden.jpg);
	background-position:0 0;
	height:30px;
	width:113px;
}
#right #content a.aanmelden:hover {
	background-position:0 30px;
}

#right #content ul.linklist {
margin: 0;
padding-left: 0;
list-style: none;
margin-bottom: 10px;
display: block;
}
#right #content ul.linklist li {
display:block;
	font-weight:normal;
	text-decoration:none;
	background:url(/static/images/event/hwp/arrow-oranje.gif) no-repeat 0 2px;
	margin-top:0px;
	padding-left:10px;
	color:#000;
}

#footer {
	border-top:1px #ccc solid;
	padding-top:9px;
	padding-bottom:30px;
	padding-right:0px;
	float:right;
	display:block;
	height:40px;
	width:565px;
	color:#ccc;
	text-align:right !important;
	font-size:10px;
	font-style:italic;
}
#foot-left {
	float:left;
	display:block;
	height:40px;
	padding-left:10px;
	width:450px;
	color:#ccc;
	text-align:left !important;
	font-size:12px;
	font-style:normal;
}
#foot-left a {
	text-decoration:none;
	color:#999;
}
#foot-right {
	float:left;
	display:block;
	height:40px;
	width:460px;
	color:#ccc;
	text-align:right !important;
}
#footer a {
	text-decoration:none;
	color:#ccc;
}
#footer a:hover {
	color:#999;
}
#footer img {
	padding-bottom:4px;
}
h3 {
	margin: 10px 10px 2px 10px;
	color:#FFF;
	font:14pt;
	font-weight: bold;
}
h3 span {
	margin: 0px 0px 0px 5px;
	color:#ffcc99 !important;
	font-size:10px !important;
	font-weight: bold;
}
#stat {
	display:hidden !important;
}
#player {
	float:left;
	disply:block;
	height:260px;
	width:640px;
	background:#323332;
	z-index:0 !important;
	margin:0px 0 25px 0;
	text-align:justify;
	border:0px solid #323332;
}

a {
	color:#000;
	border:0;
}


h3 {
	margin: 10px 10px 2px 10px;
	color:#FFF;
	font:14pt;
	font-weight: bold;
}
h3 span {
	margin: 0px 0px 0px 5px;
	color:#ffcc99 !important;
	font-size:10px !important;
	font-weight: bold;
}
.split {
	display:block;
	width: 100%;
	height: 20px;
	float:left;
	background:#fff;
}
.boxgrid {
	display:block;
	width:143px;
	height:58px;
	float:left;
	background:#323332;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
	margin-right:20px;
}
.boxgrid:hover {
	border: 1px solid #ccc;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	margin:5px 0px 5px 0px !important;
	padding: 0px 10px 10px 10px;
	color:#ffcc99;
	font-weight:normal;
	font:12px;
}
.boxgrid a {
	display:block; width:145px; height:60px; background:#000;
}
.boxgrid a.intro {
	display:block; width:145px; height:60px; background-image:url(../images/logos/intro-hover.jpg);
}
.boxgrid a.bouwens {
	display:block; width:145px; height:60px; background-image:url(../images/logos/bouwens-hover.jpg);
}
.boxgrid a.ecosmart {
	display:block; width:145px; height:60px; background-image:url(../images/logos/ecosmart-hover.jpg);
}
.boxgrid a.eurest {
	display:block; width:145px; height:60px; background-image:url(../images/logos/eurest-hover.jpg);
}
.boxgrid a.ew-facility-services {
	display:block; width:145px; height:60px; background-image:url(../images/logos/ew-facility-services-hover.jpg);
}
.boxgrid a.g4s {
	display:block; width:145px; height:60px; background-image:url(../images/logos/g4s-hover.jpg);
}
.boxgrid a.oce {
	display:block; width:145px; height:60px; background-image:url(../images/logos/oce-hover.jpg);
}
.boxgrid a.receptel {
	display:block; width:145px; height:60px; background-image:url(../images/logos/receptel-hover.jpg);
}
.boxgrid a.trigion {
	display:block; width:145px; height:60px; background-image:url(../images/logos/trigion-hover.jpg);
}
.boxgrid a.wolter-en-dros {
	display:block; width:145px; height:60px; background-image:url(../images/logos/wolter-en-dros-hover.jpg);
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
.last {
	margin-right:0px !important;
}


/* Aanmelden */

div.red { color:#c00; line-height:18px; padding:5px 0 7px 0;}
            .mybar {
				position:absolute;
				margin-left:113px;
                width: 200px;
                float: right;
                overflow: hidden;
				height:21px;
				line-height:21px;
				margin-top: -1px;
				margin-right: 5px;
			}
            
			.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #FF6a00; }
            
            .progress-label {
                float: left;
                width: 200px;
				font-size:10px;
                text-align: center;
            }
			.progress-label span {
				font-size:8px;
				font-style:italic;
				color:#666;
            }
            tr.error input {
                border: 1px solid #333;
            
			}
			tr.error td { color: #333; }
			tr.error .ui-button { background: #333; color:#fff; }
			
			input { padding:4px; margin:0 10px 2px 0; font-size:11px !important; }
			input:focus { outline: 0px; font-size:11px; }
            form input[type="submit"], .ui-button-text, ui-button, ui-widget, ui-state-default { font-size:11px; }
			label { margin-bottom:2px; }
			
			tr .errMsg { display: none; }
			tr .errMsg .msg { display: none; position: absolute; width: auto; background: #c00; padding:6px 10px; color: #fff; }
			tr.error .errMsg { display: block; float: right; }
			tr .errMsg:hover .msg { display: block; z-index:100; }
			
			
			.progress .ui-button-text {
				float: left;
                                text-align: center;
                                width: 87px;
			}
			.progress label {
				margin-bottom: 4px
			}
			td.datum {padding-top:6px;}
                        
                        .ui-buttonset .ui-button { margin-right: -5px; }
						
			.ui-icon-alert {margin-top:2px;}
			.ui-icon-alert-datum {margin-top:-1px;}
			
			span.required { color: #FF6A00; }
			span.notrequired { display:block; float:left; height:10px; width:8px; }
			
                        .ui-state-error {
                            background-position: 0 -144px !important;
                        }
                        
			.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
				border:0;
				background-color:transparent;
/*				background-image: url(rabobank/images/ui-icons_999999_256x240.png);*/
				color: #ffffff;
				margin-right:4px;
				cursor:pointer;
                                
				}
             .error-checker { margin-left:-45px; }           
                                .ui-menu .ui-menu-item  { }
                                .ui-menu .ui-menu-item a.ui-state-focus { color: white; background: #FF6a00; border-color: #FF6A00; cursor: pointer;  }
                                
                                
                                .progress  label { width: 110px; }
                                
                                
                                
                                .ui-widget { font-family: verdana, Arial; font-size: 11px; }