/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg_pattern.gif) 0% 0% fixed #000;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* general styling rules */
a { color: #fff; text-decoration : none; }
a:hover { color: #ff6a00; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background:#3a0c04; border:solid 1px #631d00; }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { color: #FF3300; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }

h4 {
	font-size:16px;
}


hr {
	height:1px;
	color:#631e01;
	margin-left:35px;
}

/* mainframe */
#background {
position:absolute;
top:40%;
left: 50%;
width: 820px;
height:60%;
margin-left: -410px;
/*background-color: #3a0c04;*/
z-index:0;
	

}

#headerframe {
	height : 520px;
	/*background: url(../img/bg_header.gif) no-repeat 0% 0% transparent;*/
	overflow : visible;
}
#mainframe {
	/*background: #3a0c04;*/
	padding-left:80px;
}

#content {
	padding-left:40px;
	padding-top:20px;
	padding-right:40px;
	padding-bottom:20px;
	text-align:justify;
}

.frame {
	position: relative;
	display : block;
	left: 50%;
	width: 800px;
	margin-left: -407.5px;
	overflow-x: hidden;
	
}

.web_title {
	position : absolute;
	top : 0px;
	right : 50px;
	margin : 0px;
	margin-top : 20px;
	font-size : 26px;
	font-weight : bolder;
}

.main_menu {
	display : block;
	width : 122px;
	height : 57px;
	margin-bottom : -5px;
	text-align : center;
	background : url(../img/bg_button.png);
	behavior: url(includes/iepngfix.htc);
}

.horizontal {
	display : inline; 
	float : left;
	margin-right : -5px;
}

.main_menu a {
	position : relative;
	top : 22px;
	font-size : 14px;
	font-weight : bold;
}

#website_menu {
	font-size : 11px;
	background-image : url(../img/bg_header_menu.gif);
}

#website_menu a{
	margin-left : 3px;
	margin-bottom : 3px;
	display : block;
}

.main_container {
	display : block;
}

.banner_item {
	display : inline;
	float : left;
	width : 120px;
	height : 60px;
	border : solid 1px #631e01;
	margin : 10px;
	margin-right : 38px;
	text-align : center;
}

#banner {
	width:685px;
	height:80px;
	margin-left:85px;
}

.arrangement_label {
	padding-right:20px;
}

input.arrangement{
	background:#3a0c04;
	border:solid 1px #cb5600;
	color:#fff;
}

textarea.arrangement{
	background:#3a0c04;
	border:solid 1px #cb5600;
	color:#fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	width:182px;
}

.arrangement_submit{
	background:#3d0600;
	border:solid 1px #631e01;
	color:#cb5600;
	width:186px;
	cursor:pointer;
	
}

/* Job application boxes (dialog & dialoggray) */
#dialoggray {
   position: absolute;
   z-index: 3;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
   visibility: hidden;
   Filter: Alpha(Opacity=70);
   -moz-opacity:0.7;
}

#solliciteer {
   position: absolute;
   left: 50%;
   width: 440px;
   margin-left: -180px;
   height: 480px;
   top: 50%;
   margin-top: -240px;
   border: 2px solid;
   background-color: #222;
   overflow:auto;
   z-index: 5;
}