/* Developed by U-Lab */

BODY {
	background-color:       #FFFFFF;
	color:                  #58595B;
	
	margin:					0px;
	
	font-family:			Verdana, Arial;
	font-size:              11px;
	line-height:			20px;
	
	background-image:		url(../images/background.html);
	background-repeat:		no-repeat;
	
	text-align:				center;
}


html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

img {
	border:					none;
}

P {	
	margin-top:				0px;
	margin-bottom:			22px;
}

H1 {
	color:					#F0037F;
	font-size:              35px;	
	font-weight:			normal;
	letter-spacing: 		1px;
	margin-top:				10px;
	margin-bottom:			10px;
}

H2 {
	color:					#FF7F00;
	font-size:              30px;	
	font-weight:			normal;
	letter-spacing: 		2px;
	margin-top:				8px;
	margin-bottom:			8px;
}

H3 {
	color:					#FF7F00;
	font-size:              20px;	
	font-weight:			normal;
	letter-spacing: 		2px;
	margin-top:				2px;
	margin-bottom:			2px;
}

H4 {
	color:					#00887F;
	
	font-weight:			bold;
	font-size:				15px;
	line-height:			18px;
	
	margin-bottom:			5px;
}

H5 { /* vacture kop */
	color:					#12A3BA;
	font-weight:			bold;
	font-size:				18px;
	padding:				0px;
	margin:					0 0 18px 0;
}

UL {
	margin:					0 0 0 15px;;
	padding:				0px;	
}

LI {
	padding-left:			5px;
}

#frame {
	position: 				relative;
	margin: 				0px auto; 
	
	width:                  900px;
	text-align:				left;
	
	z-index:				2;
	
}

#bg_header1 {
	position:				absolute;
	top:					120px;
	background-color:		#510000;
	left:					0px;
	width:					50%;
	height:					190px;
	z-index:				1;
}
#bg_header2 {
	position:				absolute;
	top:					120px;
	background-color:		#64B445;
	left:					10%;
	width:					40%;
	height:					190px;
	text-align:				left;
	z-index:				-1;
}
#bg_header3 {
	position:				absolute;
	top:					120px;
	background-color:		#64B445;
	left:					50%;
	width:					38%;
	height:					190px;
	text-align:				right;
	z-index:				-1;
}

#bg_header4 {
	position:				absolute;
	top:					120px;
	background-color:		#510000;
	left:					50%;
	width:					50%;
	height:					190px;
	z-index:				1;
}


#header {
	position:				relative;
	width:					906px;
}



#header #top {
	width:					906px;
	height:					88px;
	
	text-align:				center;
	
	margin-top:				32px;
}

#header #menu {
	width:					160px;
	height:					190px;
	
	float:					left;
	
	background-color:		#666666;
	
	border-right:			1px solid #FFFFFF;
}

#header #slogan {
	width:					575px;
	height:					190px;
	
	background-color:		#FFFFFF;
	
	float:					left;
}

#header #visual {
	width:					130px;
	height:					190px;
	
	float:					left;
	
	background-color:		#FFFFFF;
	background-image:		url(../images/bg_visual.gif);
}


#header #extern_strip {
	width:					39px;
	height:					190px;
	
	float: 					left;
	border-right: 			#FFFFFF 1px solid;
	background-color:		#59A822;
}

#content {
	width:					866px;
}

#content #left {
	width:					150px;
	float:					left;
	
	margin-top:				32px;
	
	padding-left:			10px;	
	
	font-size:				11px;
	line-height:			20px;
}

#content #left A {
	color:					#999999;
	text-decoration:		none;
}

#content #left A:hover {
	color:					#12A3BA;
	text-decoration:		none;
}

#content #left A.left_active {
	color:					#12A3BA;
}

#content #left #submenu A {
	color:					#999999;
}

#content #left #submenu A:hover {
	color:					#ACCB0D;
	text-decoration:		none;
}

#content #left #submenu A.left_active {
	color:					#ACCB0D;
}

#content #middle {
	width:					526px;
	float:					left;	
	
	padding-top:			30px;
	padding-left:			20px;
	padding-right:			30px;	
}

#content #middle .green {
	color:					#ACCB0D;
}

#content #middle .red {
	color:					#CC0000;
}

#content #middle #case {
	border-right:			1px solid #CCCCCC;
	border-left:			1px solid #CCCCCC;
	border-top:				1px solid #CCCCCC;
	width:					256px; 
	padding:				2px 0px 2px 3px;
}

#content #middle #case .blue {
	color:					#cc6600;
}

#content #right {
	width:					130px;	
	float:					left;
	
	margin:					20px 0px 0px 0px;
		
	padding-top:			5px;
}

#content #right #image {
	padding:				4px;
	border:					1px solid #999999;
}

#content #right #text {
	width:					130px;	
	font-size:				11px;
	color:					#12A3BA;
	font-style:				italic;
	line-height:			20px;
	
	padding-top:			17px;
}

#content #right #text a {
	color:					#12A3BA;
	text-decoration:		none;
}

/* vacatures */
#content #middle .vacature {
	margin-bottom: 			30px;
}

#content #middle .vacature .main {
	margin:					0px;
	padding:				15px;	
	border:					1px solid #CCCCCC;
}

#content #middle .vacature .bottom {
	width: 					344px;
	height: 				21px;
	border-left:			1px solid #CCCCCC; 	
	border-right:			1px solid #CCCCCC; 	
	border-bottom:			1px solid #CCCCCC; 
	float:					left;
}

#content #middle .vacature .block {
	width: 					89px;
	height: 				21px;
	border-right:			1px solid #CCCCCC; 		
	border-bottom:			1px solid #CCCCCC; 
	float:					left;	
}

#content #middle .vacature_title {
	color: 					#ABCA0C;
	font-weight:			bold;
	font-size:				13px;
}	

/* overige */

#ab {
	width:					750px;
	float:					none;
	
	text-align:				right;
}

.blue {
	color:					#CC6600;
}

#upload_progress {
	width:					383px;
	background-image:		url(../images/indicator.gif);
	background-repeat:		no-repeat;
	background-position:	10px center;
	padding:				10px 10px 10px 30px;
	border:					1px solid #CCCCCC;
	margin-bottom:			20px;
	background-color:		#F7FDD6;
}

#mail_send {
	padding:				10px 10px 10px 15px;
	border:					1px solid #CCCCCC;
	margin-bottom:			10px;
}


/* mailform classes */
.input {
	width:					235px;
	border:					1px solid #999999;
}

.float_image {
	float:					right;
	margin:					10px;
	
	border:					1px solid #80002D;

}



/* Developed by U-Lab */