/*Stylesheet Xunto.nl*/


body
{
width:100%;
height:100%;
margin:0px;
font-family:Arial, Helvetica, Sans-serif;
background:url('images/body.png') no-repeat center top #CDCDCD;
}

a
{
outline:none;
}

#wrapper
{
width:968px;
position:absolute;
left:50%;
margin-left:-484px;
float:left;
}
#header
{
width:968px;
height:78px;
}
	
	#header img
	{
	margin-left:14px;
	margin-top:26px;
	border:0;
	}
	
	#header .short_buttons
	{
	width:95px;
	height:15px;
	position:absolute;
	top:17px;
	left:790px;
	color:#555;
	font-size:12px;
	}
	
	#header .short_buttons a
	{
	text-decoration:underline;
	color: #555;
	text-transform:capitalize;
	}
	
	
	
	
	
#menu
{
width:968px;
height:41px;
line-height:41px;
background:url('images/menu_bar.png') no-repeat;
}

	#menu a
	{
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:#555;
	padding:16px 30px 10px 30px;
	border-right:1px solid #E7E7E7;


	}

	#menu a:hover
	{
	color:#F06601;
	text-decoration:none;

	}
	
	#menu .fi_nieuwsbrief
	{
	width:252px;
	height:30px;
	position:absolute;
	background:url('images/fi_nieuwsbrief.png');
	top:83px;
	left:690px;
	}
	
	#menu .fi_nieuwsbrief form                       { margin-top:3px; margin-left:25px;}
	#menu .fi_nieuwsbrief form div                 { clear:both;position:relative; margin:0 0 0px; }
	#menu .fi_nieuwsbrief label                      { cursor:pointer;display:block; margin-top:-12px; font-size:12px; text-decoration:underline;}
	#menu .fi_nieuwsbrief input[type="text"]         
	{ 
	background:none;
	border:0;
	margin-top:3px;
	margin-left:25px;
	height:15px;
	width:125px;
	font-style:italic;
	color:#555;
	}
	
	

	
	#menu .fi_nieuwsbrief .submit
	{
	position:absolute;
	background:none;
	border:0;
	top:7px;
	left:228px;
	height:16px;
	width:16px;
	}
	


	
	#menu .an_nieuwsbrief
	{
	width:195px;
	height:25px;
	position:absolute;
	background:url('images/an_nieuwsbrief.png');
	top:119px;
	left:747px;
	}
	

	
	
#splash
{
width:968px;
height:278px;

}

	#splash .img_position
	{
	margin-left:125px;
	margin-top:12px;
	
	}
	
	#splash .slogan
	{
	position:absolute;
	top:174px;
	left:448px;
	width:413px;
	height:86px;
	background:url('images/slogan.png') no-repeat;
	}
	
	
	
	#splash .take_the_tour
	{
	position:absolute;
	width:128px;
	height:31px;
	top:299px;
	left:448px;
	line-height:31px;
	text-align:center;
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	background:url('images/tour.png') no-repeat
	}
	
	#splash .take_the_tour a
	{
	color:#fff;
	text-decoration:none;
	}
	
	#splash .button
	{
	position:absolute;
	width:128px;
	height:31px;
	top:299px;
	left:587px;
	line-height:31px;
	text-align:center;
	font-size:10px;
	color:#555;
	text-transform:uppercase;
	background:url('images/button.png') no-repeat
	}
	
	#splash .button a
	{
	text-decoration:none;
	color:#555;
	}
	
	

#boxes
{
width:968px;
height:188px;
background:url('images/box.png') no-repeat right top;
}

	#boxes .box1
	{
	width:316px;
	height:187px;
	float:left;
	background:url('images/bg_gemeente.png') no-repeat 30px 65px;  
	}
		
		#boxes .box1 h1
	{
	position:absolute;
	margin:20px 0px 0px 141px;
	width:116px;
	height:21px;
	background:url('images/h_gemeente.png');
	}

		#boxes .box1 p
	{
	position:absolute;
	margin:66px 0px 0px 141px;
	width:168px;
	height:44px;
	color:#555;
	font-size:12px;
	}
	
	
		#boxes .xunto_float
	{
	width:207px;
	height:257px;
	position:absolute;
	margin-left:-56px;
	margin-top:-28px;
	}
	
		#boxes .box2
	{
	width:308px;
	height:187px;
	float:left;
	background:url('images/bg_bureau.png') no-repeat 175px 55px; 
	}
	
		#boxes .box2 h1
	{
	
	margin:20px 0px 0px 20px;
	width:183px;
	height:22px;
	background:url('images/h_uitzendbranche.png');
	}
	
		#boxes .box2 p
	{
	
	margin:24px 0px 0px 20px;
	width:168px;
	height:44px;
	color:#555;
	font-size:12px;
	}
	
			#boxes .box3
	{
	
	width:339px;
	height:187px;
	float:left;
	background:url('images/bg_planner.png') no-repeat 155px 25px; 
	}
	
		#boxes .box3 h1
	{
	
	margin:20px 0px 0px 20px;
	width:200px;
	height:28px;
	background:url('images/h_planner.png');
	}
	
		#boxes .box3 p
	{
	
	margin:24px 0px 0px 20px;
	width:168px;
	height:44px;
	color:#555;
	font-size:12px;
	}
	
	#boxes .splitter
	{
	width:2px;
	height:187px;
	background:url('images/splitter.png');
	float:left;
	}
	
	#page_small
	{
	background:url('images/bg_page_small.png') 0px 60px no-repeat;
	width:968px;
	height:441px;
	margin-top:15px;
	font-size:12px;
	color:#555;
	margin-bottom:41px;
	}
	
	
	#page_small .text
	{
	margin-top:5px;
	margin-left:25px;
	width:600px;
	font-size:12px;
	color:#555;
	text-align:left;
	}
	
	#page_small .text a
	{
	color:#555;
	text-decoration:underline;
	}
	
	#page_small .text a:hover
	{
	color:#E6670A;
	text-decoration:underline;
	}
	
	
	
	#page_small .text  .tour
	{
	margin-top:75px;
	margin-left:200px;

	}
	
	#page_small b
	{
	font-weight:bold;
	font-size:12px;
	color:#555;
	margin-bottom:10px;
	margin-bottom:10px;
	
	}
	
	#page_small  h1
	{

	font-size:12px;
	color:#E6670A;
	margin-left:0px;
	margin-top:30px;
	}
	
	/*--------------------------------------*/
	#page
	{
	background:url('images/bg_page.png') 0px 60px no-repeat;
	width:968px;
	height:862px;
	margin-top:15px;
	font-size:12px;
	color:#555;
	margin-bottom:41px;
	}
	
	#page .text
	{
	margin-top:5px;
	margin-left:25px;
	width:600px;
	font-size:12px;
	color:#555;
	text-align:left;
	}
	
	#page .text a
	{
	color:#555;
	text-decoration:underline;
	}
	
	#page .text a:hover
	{
	color:#E6670A;
	text-decoration:underline;
	}
	
	
	
	#page .text  .tour
	{
	margin-top:75px;
	margin-left:200px;

	}
	
	#page b
	{
	font-weight:bold;
	font-size:12px;
	color:#555;
	margin-bottom:10px;
	margin-bottom:10px;
	
	}
	
	#page  h1
	{

	font-size:12px;
	color:#E6670A;
	margin-left:0px;
	}
	
	#page .img_header
	{
	
	margin-bottom:25px;
	margin-left:15px;
	}
	
	#page .tease
	{
	width:232px;
	height:355px;
	top:220px;
	float:left;
	position:absolute;
	left:662px;
	}
	
	#page .branches
	{
	width:600px;
	height:190px;
	margin-bottom:25px;
	}
	
	#page .branches p
	{
	padding-top:40px;
	margin-left:18px;
	width:450px;
	height:170px;
	margin-bottom:25px;
	}
	
	#page .branches b
	{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#ffcc00;
	font-size:12px;
	}
	
	.form
	{
	margin-left:25px;
	margin-top:60px;
	float:left;
	width:370px;

	position:absolute;
	}
	
	.adres
	{
	margin-top:60px;
	margin-left:500px;
	position:absolute;
	width:300px;


	}
	
	.row_title
	{
	width:100px;
	height:30px;
	float:left;
	line-height:30px;
	margin-bottom:10px;
	}
	
	.row_title span
	{
	color:#F38533;
	}
	
	.row_input
	{
	width:200px;
	height:30px;
	float:left;
	margin-bottom:10px;
	}
	.input
	{
	background:url('images/field.png') no-repeat;
	border:none;
	width:252px;
	height:30px;
	line-height:30px;
	text-indent:15px;
	 }
	 .area
	{
	background:url('images/area.png') no-repeat;
	border:none;
	width:252px;
	height:153px;
	overflow:hidden;
	text-indent:15px;
	font-family:Arial, Helvetica, Sans-serif;
	 }
	 
	 
	 
	 .label
	{
margin-top:-15px;

	 } 
	
	
	#footer
	{
	text-align:center;
	line-height:41px;
	color:#555;
	font-size:12px;
	width:968px;
	height:41px;
	margin-left:-484px;
	position:absolute;
	left:50%;
	float:left;
	bottom:0px;
	}
	
	#footer a
	{
	color:#555;
	text-decoration:underlined;
	font-weight:normal;
	}
	
	#footer a:hover
	{
	color:#F38533;
	text-decoration:underlined;
	}