/* standard tags & structures */

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #000;
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	background: #fff url(../images/bg.gif) repeat-x;
}

a, a:link, a:active, a:visited {
	color: #e52b38;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
}

div, span, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

strong {
	font-weight: bold;
}

table, tr, td, th {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-size: 100%;
}

.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
}

.left {
	float: left;
}

.right {
	float: right;
}

table {
	margin: 0px 20px 10px 20px;
}

table td {
	vertical-align: top;
	padding: 2px 10px;
	width: 100%;
}

ul {
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}

	ul li {
		margin: 0px;
		padding: 1px 0px 10px 15px;
		background: url(../images/bullet.gif) no-repeat 0px 3px;
	}
	
.red {
	color: #e52b38;
}

/* forms */

input, select, textarea {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
}

form {
	/* float: left; */
	padding: 0px 20px 10px 0px;
}

form label {
	float: left;
	padding: 2px 0px !important;
	margin: 0px;
}

form legend {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
}

	form label span {
		float: left;
		padding: 3px 3px 3px 0px;
	}
	
form fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* page parts */

#barMain {
	position: relative;
	margin: 12px auto 0px auto;
	width: 946px;
}

	#barFrame{
		z-index: 0;
	}

	#barLogo {
		position: absolute;
		top: 12px;
		left: 43px;
		z-index: 10;
		
	}
	
		#barLogo a {
			float: left;
			width: 105px;
			height: 123px;
			background: url(../images/logo_im.png) no-repeat;
		}

	#barBorder {
		float: left;
		width: 946px;
		background: url(../images/content_box_bg.gif);
	}
	
		#barBorder .inner {
			float: left;
			width: 100%;
			padding: 18px 0px 0px 18px;
			background: url(../images/content_box_top.gif) no-repeat;
		}
	
	#barFrame .bottom {
		float: left;
		width: 946px;
		height: 18px;
		background: url(../images/content_box_bottom.png) no-repeat;
	}
	
	#barCollage {
		float: left;
		width: 910px;
		height: 182px;
	}
	
	#barCollageHome {
		float: left;
		margin-top: -10px;
		width: 910px;
		height: 386px;
	}
	
		#barCollageHome img {
			float: left;
			margin-top: 10px;
		}
		
	#barCollageHomeViral {
		float: left;
		margin-top: -10px;
		width: 910px;
		height: 324px;
	}
	
/* menu main */
	
	#barMenuMain {
		float: left;
		width: 910px;
		height: 36px;
		background: url(../images/menu_bg.gif);
		overflow: hidden;
	}
	
		#barMenuMain ul {
			float: left;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
			#barMenuMain ul li {
				display: inline;
				float: left;
				margin: 0px;
				padding: 0px;
				background: none;
			}
			
			#barMenuMain a {
				float: left;
				height: 36px;
			}
			
				#barMenuMain a:hover, #barMenuMain a.selected {
					background-position: 0px -36px;
				}
				
				#barMenuMain a span {
					display: none;
				}
			
			#barMenuMain .carrieremakers {
				width: 204px;
				background: url(../images/carrieremakers.gif) no-repeat;
			}
			
			#barMenuMain .werkgevers {
				width: 202px;
				background: url(../images/werkgevers.gif) no-repeat;
			}
			
			#barMenuMain .klanten {
				width: 203px;
				background: url(../images/klanten.gif) no-repeat;
			}
			
			#barMenuMain .aboutus {
				width: 202px;
				background: url(../images/aboutus.gif) no-repeat;
			}
			
	#barMenuMain .right {
		width: 98px;
		height: 36px;
		background: url(../images/menu_separator.gif) no-repeat;
	}
			
	#barContent {
		float: left;
		text-align: left;
		width: 910px;
		background: url(../images/content_bottom.gif) repeat-x bottom;
	}
	
		#barContent .left {
			float: left;
			width: 660px;
		}
		
	/* standard boxes */
		
			#barContent .left .boxfull {
				width: 620px;
				float: left;
				padding: 25px 10px 0px 25px;
				overflow: hidden;
			}
			
				#barContent .left .boxfull p {
					padding: 0px;
					margin: 0px 0px 15px 0px;
				}
			
			#barContent .left .boxmenu {
				clear: left;
				float: left;
				width: 150px;
				padding-top: 2px;
			}
			
				.boxmenu ul {
					float: left;
					padding: 0px 0px 0px 25px;
					margin: -2px 0px 20px 0px;
					list-style: none;
				}
				
					.boxmenu ul li {
						margin: 0px;
						padding: 2px 0px;
						background: none;
					}
					
						.boxmenu ul li a {
							color: #e52b38;
						}
						
						.boxmenu ul li a.selected {
							font-weight: bold;
							color: #010101;
						}
						
						.boxmenu ul li h2 {
							color: #999 !important;
							padding: 0px 0px 2px 0px !important;
							margin: 0px !important;
						}
						
				.boxmenu p {
					padding: 0px 15px 0px 25px;
					color: #413c35;
				}
			
			#barContent .left .boxcontent {
				float: left;
				width: 485px;
				min-height: 200px;
				padding-bottom: 20px;
				background: url(../images/column_separator.gif) no-repeat top left;
			}
			
				#barContent .left .boxcontent form {
					padding: 3px 0px 0px 25px !important;
					margin: 0px;
				}
			
				#barContent h2 {
					float: left;
					width: 100%;
					margin: 0px;
					padding: 2px 0px 15px 25px;
					font-size: 100%;
					font-weight: bold;
					color: #e52b38;
				}
				
				#barContent p {
					padding: 0px 25px 15px 25px;
					margin: 0px;
				}
				
				#barContent ul {
					padding: 0px 25px 0px 25px;
				}
			
			#barContent h1 {
				padding: 0px 0px 20px 0px;
				margin: 0px;
				font-size: 16px;
				font-weight: normal;
				color: #413c35;
			}
			
			#barContent .left .boxtxt {
				float: left;
				margin: 25px 0px 25px 0px;
				width: 280px;
				margin-top:100px;
			}
			
				#barContent .left .boxtxt h1 {
					padding: 0px 25px 13px 25px;
				}
				
				#barContent .left .boxtxt p {
					padding: 0px 25px 15px 25px;
				}
		
		/* boxes widths */
				
			#barContent .left .wHomeLeft {
				width: 236px !important;
			}
			
			#barContent .left .wHomeRight {
				width: 420px !important;
			}
			
			#barContent .left .wDirectLeft {
				width: 251px !important;
			}
			
			#barContent .left .wDirectRight {
				width: 400px !important;
			}
			
		/* home bullets */
		
			#homeBullets {
				float: left;
				padding: 0px 25px 10px 25px;
			}
			
				#homeBullets ul {
					float: left;
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
				
					#homeBullets ul li {
						line-height: 1.5em;
						margin: 0px;
						padding: 4px 0px 6px 35px;
						background: none;
					}
					
						#homeBullets ul li a {
							font-size: 100%;
						}
						
					#homeBullets ul li.one {
						background: url(../images/bullet_one.gif) no-repeat;
					}
					
					#homeBullets ul li.two {
						background: url(../images/bullet_two.gif) no-repeat;
					}
					
					#homeBullets ul li.three {
						background: url(../images/bullet_three.gif) no-repeat;
					}
					
				#homeBullets p {
					padding: 7px 0px 0px 35px;
				}
				
		/* direct contact address */
		
			#barContent .left .directAddress {
				clear: both;
				float: left;
				padding: 0px 0px 20px 35px;
			}
				
		/* form */
			
			#barContent .left .boxform {
				float: left;
				margin: 0px 0px 25px 0px;
				width: 377px;
				background: url(../images/column_separator.gif) no-repeat top left;
			}
			
				#barContent .left .boxform p {
					padding: 0px 0px 0px 45px;
				}
				
					#barContent .left .boxform p.error {
						padding: 0px 0px 0px 42px !important;
						margin: 0px 0px 5px 0px;
					}
					
						p.error strong {
							padding: 3px;
							color: #fff;
							background: #e52b38;
						}
			
				#barContent .left form {
					padding: 3px 0px 0px 45px;
					margin: 0px;
				}
				
					#barContent .left form fieldset {
						padding: 0px 0px 15px 0px;
					}
				
					#barContent .left form label {
						margin: 0px;
						padding: 0px;
						width: 239px;
					}
					
					#barContent .left form label span span {
						float: none;
						padding: 0px;
						color: #e52b38;
					}
					
					#barContent .left form legend {
						margin: 0px;
						padding: 0px 0px 10px 0px;
						font-weight: bold;
						color: #e52b38;
					}
					
					#barContent .left form input, #barContent .left form textarea, #barContent .left form select {
						font-size: 11px;
						width: 125px;
						float: right;
					}
					
						#barContent .left form textarea {
							width: 239px;
							height: 65px;
						}
						
					#barContent .left form input.checkbox {
						float: left;
						width: auto;
					}
					
					#barContent .left form span.checkbox {
						width: 190px;
					}
					
					#barContent .left .btnVerzenden {
						margin: 0px !important;
					}
					
					#barContent .left .btnBelme {
						margin: 0px !important;
					}
			
			#menuContent {
				float: left;
				width: 100%;
				padding: 0px 0px 20px 25px;
			}
			
				#menuContent ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
				
					#menuContent ul li {
						display: inline;
						margin: 0px;
						padding: 0px;
						color: #e52b38;
						background: none;
					}
					
						#menuContent ul li a {
							font-size: 100%;
						}
						
					#menuContent ul li.separator {
						padding: 0px 6px;
					}
					
			#barContent .left .btnMeld {
				float: left;
				width: 246px;
				height: 38px;
				margin-left: -4px;
				background: url(../images/btn_content_meldjeaan.png) no-repeat;
			}
			
				#barContent .left .btnMeld:hover {
					background-position: 0px -38px;
				}
				
			#barContent .left .btnVerzenden {
				float: left;
				width: 239px;
				height: 38px;
				margin-left: -4px;
				background: url(../images/btn_content_verzenden.png) no-repeat;
			}
			
				#barContent .left .btnVerzenden:hover {
					background-position: 0px -38px;
				}
				
			#barContent .left .btnBelme {
				float: left;
				width: 239px;
				height: 38px;
				margin-left: -4px;
				background: url(../images/btn_content_belme.png) no-repeat;
			}
			
				#barContent .left .btnBelme:hover {
					background-position: 0px -38px;
				}
				
			#barContent .left .btnMeer {
				float: left;
				width: 246px;
				height: 38px;
				margin-left: -4px;
				background: url(../images/btn_content_meerinfo.png) no-repeat;
			}
			
				#barContent .left .btnMeer:hover {
					background-position: 0px -38px;
				}
				
	/* bar right (login & btns) */
		
		#barContent .right {
			float: right;
			width: 245px;
			padding: 8px 0px 0px 0px;
		}
		
			#barContent .right .btnMeld {
				float: left;
				width: 246px;
				height: 38px;
				background: url(../images/btn_meldjeaan.gif) no-repeat;
			}
			
			#barContent .right .btnMeer {
				float: left;
				width: 246px;
				height: 38px;
				background: url(../images/btn_meerinfo.gif) no-repeat;
			}
			
			#barContent .right .btnCall {
				float: left;
				width: 246px;
				height: 38px;
				background: url(../images/btn_callmenow.gif) no-repeat;
			}
			
				#barContent .right .btnMeld:hover, #barContent .right .btnCall:hover, #barContent .right .btnMeer:hover {
					background-position: 0px -38px;
				}
				
			#barContent .right .btnDirect {
				float: left;
				width: 246px;
				height: 38px;
				background: url(../images/btn_directcontact.gif) no-repeat;
			}
			
				#barContent .right .btnDirect:hover {
					background-position: 0px -38px;
				}
				
			#barContent .right .box {
				float: left;
				width: 246px;
				background: url(../images/box_right_bg.gif);
			}
			
				#barContent .right .box .inner {
					float: left;
					width: 246px;
					margin: 0px;
					padding: 0px;
					background: url(../images/box_right_bottom.gif) no-repeat bottom;
				}
			
				#barContent .right .box h4 {
					float: left;
					width: 246px;
					height: 38px;
					padding: 0px;
					margin: 0px;
					background: url(../images/box_right_top.gif) no-repeat top;
				}
				
					#barContent .right .box h4 div {
						float: left;
						width: 246px;
						height: 38px;
					}
				
					#barContent .right .box h4 span {
						display: none;
					}
					
				#barContent .right .box .quote {
					position: relative;
					top: 4px;
					color: #e52b38;
					font-size: 1.5em;
				}
				
				#barContent .right .box .top {
					float: left;
					width: 246px;
					height: 6px;
					padding: 0px 0px 10px 0px;
					margin: 0px;
					background: url(../images/box_right_top.gif) no-repeat top;
				}
				
				#tLogin div {
					background: url(../images/title_right_login.gif) no-repeat 15px 15px;
					
				}
				
				#tQuote div {
					background: url(../images/title_right_quote.gif) no-repeat 15px 15px;
					
				}
				
				#tKlanten div {
					background: url(../images/title_right_klanten.gif) no-repeat 15px 15px;
				}
				
				#barContent .right .box p {
					padding: 0px 18px 18px 18px;
				}
				
					#barContent .right .box p.pLogin {
						font-size: 10px;
						color: #343434;
						padding: 5px 15px 15px 15px;
					}
					
						#barContent .right .box p.pLogin a {
							color: #343434;
							text-decoration: underline;
						}
						
							#barContent .right .box p.pLogin a:hover {
								color: #e52b38;
							}
				
			#fLogin {
				padding: 0px 15px;
				font-size: 10px;
				color: #343434;
				margin: 0px;
			}
			
				#fLogin label {
					width: 100%;
				}
			
				#fLogin input {
					float: right;
					width: 120px;
					font-size: 10px;
				}
				
				#fLogin .btn {
					float: right;
					width: 118px;
					height: 14px;
					padding: 3px 0px;
					background: url(../images/btn_login.gif) no-repeat 0px 3px;
				}
				
				#btnAanmaken {
					float: right;
					width: 209px;
					height: 14px;
					margin: 5px 0px 15px 0px;
					background: url(../images/btn_aanmaken.gif) no-repeat;
				}
				
		#barContent #flashClient {
			float: left;
			width: 246px;
			height: 335px;
			overflow: hidden;
		}
		
		#barContent #flashClientHome {
			float: left;
			width: 246px;
			height: 128px;
			overflow: hidden;
		}
				
/* bottom menu */
	
	#barBottom {
		float: left;
		padding: 12px 0px;
		width: 946px;
		text-align: center;
	}
	
		#barBottom ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
			#barBottom ul li {
				display: inline;
				margin: 0px;
				padding: 0px;
				background: none;
			}
			
				#barBottom ul li a {
					font-size: 0.83em;
					color: #666;
				}
				
			#barBottom ul li.separator {
				padding: 0px 6px;
			}
			
		#barBottom p {
			display: none;
		}
			
/* iframe application */
#iFrame {
	float: left;
	width: 891px;
	margin: 20px;
}

body
{
    text-align: center;
}
form 
{
    display: inline;
    width: 500px;
    margin: auto;
    overflow: visible;
}

.form-login
 {
    left:695px; 
    top:280px; 
    position:absolute; 
    line-height:0px;
 }
 
#form-2
 {
    left:695px; 
    top:235px; 
    position:absolute; 
    line-height:0px;
    background: url(../images/box_right_bottom.gif) no-repeat bottom;
    margin-left: 5px;


    
 }
 
 .pad
{
    padding-right:20px;
}

.myform{
margin-top:0;
margin-left:10px;
width:320px;
padding:0px 0px 10px 0px;
}


/* ----------- stylized ----------- */
#stylized{
border:0px;

}

#stylized p
{
width:200px;
font-size:11px;
color:#666666;
margin-left:105px;
padding-bottom:10px;

}
#stylized label{
display:block;
text-align:left;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:2px 2px;
border:solid 1px #aacfe4;
width:150px;
margin:2px 0 5px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
height:100px;
margin:-10px 0 20px 150px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:157px;
margin:2px 0 5px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:205px;
height:39px;
background:url(../images/btn_content_verzenden_ie.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;

}
#stylized button:hover{

background:url(../images/btn_content_verzenden_ie_o.png) no-repeat;

}
#stylized .boxes{
width: 2em;
border:0px;
margin:135px 0px 0px -210px;
padding:0px;

}

#stylized h1{
font-weight:bold;
font-size:14px;
color:#e52b38;
margin-left:72px;

}

#onderdeel
{
	font-size: 0.83em;
	margin-left:-15px;
}
#onderdeel p
{
	color: #666;
	text-align:center;
	margin: 0px auto;
}

a
{
	color:#E52B38;
}

#metafoor a
{
	color:Aqua;
}

#design_content, div.design_content {
background-color:Transparent;

padding:2px;
}